/*
Theme Name: 北星学園大学 受験生Web テーマver1.1
Theme URI: https://entry.hokusei.wpm.pw/
Author: Hokusei Gakuen University.
Author URI: http://www.hokusei.ac.jp
Description: Wordpressオリジナルテーマファイルセット。
Version: 1.1
License:
License URI: http://www.hokusei.ac.jp
Tags:
Text Domain: 学校法人 北星学園大学


*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   border: 0;
   font-family: inherit;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
   display: block;
}

audio,
canvas,
video {
   display: inline-block;
   max-width: 100%;
}

html {
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

body {
   position: relative;
   margin: 0;
   padding: 0;
   font-size: 15px;
   font-family: 'Titillium Web', 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   line-height: 1.6;
   color: #333333;
   /*色指定*/
   background-color: #f0f0dc;
   width: 100%;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0.1px;
   line-height: 0;
   clear: both;
   visibility: hidden;
}

/* ----------Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix {
   zoom: 100%;
}

a {
   color: #339999;
   /* 色指定 */
   text-decoration: none;
   outline: 0;
   /* text-indentを使用した際にFirefoxでリンク線が出ないようにする */
}

a:visited {
   color: #339999;
}

a:focus {
   outline: thin dotted;
}

a:hover,
a:active {
   color: #33cccc;
   text-decoration: underline;
   /*下線指定*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
   clear: both;
   margin: 0;
}

address {
   font-style: italic;
   margin-bottom: 24px;
}

abbr[title] {
   cursor: help;
}

b,
strong {
   font-weight: 600;
}

cite,
dfn,
em,
i {
   font-style: italic;
}

mark,
ins {
   text-decoration: none;
}

p {
   text-align: left;
   /*color: #666666;*/
   line-height: 200%;
}

code,
kbd,
tt,
var,
samp,
pre {
   font-family: monospace, serif;
   font-size: 15px;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   line-height: 1.6;
}

pre {
   border: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin-bottom: 24px;
   max-width: 100%;
   overflow: auto;
   padding: 12px;
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
}

blockquote,
q {
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: "";
   content: none;
}

blockquote {
   font-size: 100%;
   font-style: italic;
   font-weight: 300;
   line-height: 1.6;
}

blockquote cite,
blockquote small {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
   font-style: normal;
}

blockquote strong,
blockquote b {
   font-weight: 400;
}

small {
   font-size: smaller;
}

big {
   font-size: 125%;
}

sup,
sub {
   font-size: 75%;
   height: 0;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sup {
   bottom: 1ex;
}

sub {
   top: .5ex;
}

ul {
   list-style-type: none;
}

ol {
   list-style-type: none;
}

li>ul,
li>ol {
   margin: 0 0 0 0px;
}

img {
   -ms-interpolation-mode: bicubic;
   border: 0;
   vertical-align: middle;
}

a:hover img {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

figure {
   margin: 0;
}

fieldset {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin: 0 0 24px;
   padding: 11px 12px 0;
}

legend {
   white-space: normal;
}

button,
input,
select,
textarea {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

button,
input {
   line-height: normal;
}

/* Removing the inner shadow, rounded corners on iOS inputs---------- */
input,
textarea {
   background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}

button[disabled],
input[disabled] {
   cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
   padding: 0;
}

input[type="search"] {
   -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

textarea {
   overflow: auto;
   vertical-align: top;
}

table,
th,
td {
   border: none;
}

table {
   font-size: 100%;
   border-collapse: collapse;
}

caption,
th,
td {
   font-size: 100%;
   line-height: 1.6;
   font-weight: normal;
}

/* --------------------

レイアウト設定

-------------------- */

/*main.jsで設定した、画面をスクロールすると「body」に付加されるclass*/
.body_margin_top {
   margin-top: 120px;
}



/* ----------ヘッダー---------- */

.header_area {
   /*section*/
   width: 100%;
   height: 125px;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 0;
   position: relative;
   background-color: #FFFFFF;
   /*border-bottom:solid 1px #cccccc;*/
   z-index: 7777;
}

.fixed {
   position: fixed !important;
   top: 0px;
   left: 0px;
   z-index: 7777;
   background-color: #ffffff;
   height: 116px !important;
   -moz-transition: height 0.3s;
   -webkit-transition: height 0.3s;
   -o-transition: height 0.3s;
   -ms-transition: height 0.3s;
}

.header_outer {
   display: block;
   position: relative;
   padding: 0px 30px 0px 30px;
}

.fixed .header_outer {
   position: relative;
   display: block;
   height: 60px !important;
   padding: 0px 30px 0px 30px;
}

.header_inner {
   display: block;
   position: relative;
   width: 1140px;
   margin: auto;
}

.fixed .header_inner {
   display: block;
   position: relative;
   width: 1140px;
   margin: auto;
}


/* ----------コンテンツ（トップのみ）---------- */
.contents_area_frontpage {
   /*section*/
   background-color: #f0f0dc;
   display: block;
   clear: both;
}

.contents_outer_frontpage {
   padding: 0px 30px 0px 30px;
}

.contents_inner_frontpage {
   width: 1140px;
   margin: 0 auto;
}

/* ----------コンテンツ（下層ページ）---------- */
.contents_area {
   /*section*/
   /* background-color: #f0f0dc;リニューアル前 */
   background-color: #F5F5F5;
   display: block;
   clear: both;

}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
   /* padding: 0px 30px 0px 30px;リニューアル */
   padding: 0px 30px 30px 30px;
   /* リニューアル */
   background: #F5F5F5;
}



/*左と右をくくったdiv　1100px*/
.contents_inner {
   display: block;
   overflow: hidden;
   margin: 0 auto;
}

/*「contents_inner」と併記する動的なクラス→ジャンル別のレイアウト設定
○front_page_design：トップページ
○normal_page_design：固定ページ
○news_page_design：ニュースの記事ページ○blog_page_design：ブログの記事ページ
○news_list_design：ニュースの一覧ページ○blog_list_design：ブログの一覧ページ
○message_box_list_design:メッセージボックスの一覧ページ
※本サイトとはくくるdivの位置が異なるので注意！

　本サイト：
	メインコンテンツ
	<div id="contents_main" class="contents_main news_page_design">

	受験生Web：
	親ディレクトリにあわせた動的クラス設定↓
	<div class="contents_inner normal_page_design">

*/

/*固定ページ*/
.normal_page_design,
.message_box_list_design {
   width: 1140px;
}

/*ニュース、ブログ系*/
.news_page_design,
.blog_page_design,
.news_list_design,
.blog_list_design {
   width: 1080px;
   /* margin-top: 30px;リニューアル前 */
   padding: 0px 30px 0px 30px;
   background-color: #FFFFFF;
   /* リニューアル */
   box-sizing: content-box;
}

/* ----------メインコンテンツ（固定ページ用1カラム）1100px---------- */

div#contents_main,
.normal_page_design div#contents_main,
.message_box_list_design div#contents_main {
   width: 1140px;
   margin: 0px 0px 0px 0px;
}

/* ----------メインコンテンツ（ブログ、お知らせページ用2カラムの左）750px---------- */

.news_page_design div#contents_main,
.blog_page_design div#contents_main {
   width: 750px;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 30px 0px 0px 0px;
}

.news_list_design div#contents_main,
.blog_list_design div#contents_main {
   width: 750px;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 30px 0px 0px 0px;
}


/* ----------右サイドエリア（News、blogのみ配置300px）---------- */
div#contents_side {
   width: 300px;
   float: right;
   margin: 0px 0px 25px 0px;
}

.page_list {
   clear: both;
}

/* ----------フッター---------- */

.footer_area {
   /*section*/
   background-color: #f0f0dc;
   display: block;
   padding: 25px 0px 25px 0px;
   clear: both;
}

.footer_outer {
   padding: 0px 30px 0px 30px;
}

.footer_inner {
   /*詳細設定は下部に記載*/
}



/* --------------------

ヘッダー指定

-------------------- */

/* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

/* ---------- PC：メインロゴ ---------- */

.site_logo {
   position: relative;
   display: block;
   width: 230px;
   float: left;
   height: 80px;
   margin: 0 auto;
   text-align: left;
}

.fixed .site_logo {
   position: relative;
   display: block;
   width: 230px;
   float: left;
   height: 70px;
   margin: 0 auto;
   text-align: left;
}

h1.site-title {
   position: relative;
   display: block;
   width: 230px;
   height: 80px;
   margin: 0px 0px 0px 0px;
   float: left;
}

h1.site-title a {
   display: block;
   width: 230px;
   height: 80px;
   text-decoration: none;
   float: left;
   background: url("img/header_logo.png") no-repeat 0px 0px;
   background-position: 0px 0px;
   -moz-transition: background-position 0.3s;
   -webkit-transition: background-position 0.3s;
   -o-transition: background-position 0.3s;
   -ms-transition: background-position 0.3s;
}

h1.site-title a b {
   visibility: hidden;
}

/*スクロールして可変したときのstyle指定*/
.fixed h1.site-title,
.fixed h1.site-title a b {
   height: 70px;
   -moz-transition: height 0.3s;
   -webkit-transition: height 0.3s;
   -o-transition: height 0.3s;
   -ms-transition: height 0.3s;
}

.fixed h1.site-title a {
   height: 70px;
   background: url("img/header_logo.png") no-repeat 0px 0px;
   background-position: 0px -5px;
   -moz-transition: background-position 0.3s;
   -webkit-transition: background-position 0.3s;
   -o-transition: background-position 0.3s;
   -ms-transition: background-position 0.3s;
}

/*ヘッダーのSNSボタン欄　div*/
.header_sns {
   display: none;
   /*
	display: block;
	position: relative;
	float: left;
	padding-left: 30px;
	*/
}

.header_sns ul {
   display: flex;
   justify-content: center;
   align-items: center;
   vertical-align: middle;
   height: 80px;
}

.fixed .header_sns ul {
   height: 70px;
}

.header_sns ul li {
   display: inline-block;
   position: relative;
   vertical-align: middle;
   margin-right: 8px;

}

.header_sns ul li a {
   display: block;
   position: relative;
   width: 36px;
   height: 36px;

   border-radius: 36px;
   /* CSS3草案 */
   -webkit-border-radius: 36px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 36px;
   /* Firefox用 */
}

/*twitter*/
.header_sns ul li a.tw {
   background: url(img/icon_72_tw.jpg) no-repeat center center;
   /*「t」background: url(img/icon_72_tw2.jpg) no-repeat center center;*/
   background-size: 36px 36px;
}

/*Instagram*/
.header_sns ul li a.ig {
   background: url(img/icon_72_ig.jpg) no-repeat center center;
   background-size: 36px 36px;
}

/*youtube*/
.header_sns ul li a.yt {
   background: url(img/icon_72_yt.jpg) no-repeat center center;
   background-size: 36px 36px;
}

/*facebook*/
.header_sns ul li a.fb {
   background: url(img/icon_72_fb.jpg) no-repeat center center;
   background-size: 36px 36px;
}

.header_sns ul li a span {
   display: none;
}

.header_sns ul li a:hover {
   opacity: 0.8 !important;
}


/* ----------- PC：サイト内検索ボックス----------- */

/* -----------PC：サブメニュー ----------- */

.header_submenu_all {
   position: relative;
   display: block;
   float: right;
   width: 370px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   height: 80px;
}

.fixed .header_submenu_all {
   height: 70px;
}

ul.header_submenu_box {
   margin: 0px 0 0 0;
   text-align: right;
   font-size: 90%;
   letter-spacing: -.40em;
   /* 文字間を詰めて隙間を削除する */
}

ul.header_submenu_box li {
   display: inline-block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   *display: inline;
   *zoom: 1;
   line-height: 0;
   vertical-align: bottom;
}

.header_submenu_access a,
.header_submenu_request a,
.header_submenu_contact a {
   display: block;
   width: 120px;
   height: 80px;
   text-decoration: none;
   line-height: normal;
}



.fixed .header_submenu_access a,
.fixed .header_submenu_request a,
.fixed .header_submenu_contact a {
   display: block;
   width: 120px;
   height: 70px;
   text-decoration: none;
}

/*アクセス*/
.header_submenu_access a {
   display: block;
   background: url("img/header_submenu_access.png") no-repeat center 30px;
   /*background-color:#edc500;*/
   background-color: #ff9900;
   margin-right: 0px;
   text-decoration: none;
}

@-moz-document url-prefix() {

   /*Firefox*/
   .header_submenu_access a {
      margin-right: 0px;
      text-decoration: none;
   }
}

/*願書・資料請求*/
.header_submenu_request a {
   display: block;
   background: url("img/header_submenu_request.png") no-repeat center 30px;
   /*background-color:#9ac9c3;*/
   background-color: #66cccc;
   margin-right: 2px !important;
   margin-right: 0px !important;
   \9;
   /* IE10以下 */
   *margin-right: 0px;
   /* IE7以下 */
   _margin-right: 0px;
   /* IE6 */
   text-decoration: none;
}

@-moz-document url-prefix() {

   /*Firefox*/
   .header_submenu_request a {
      margin-right: 0px;
      text-decoration: none;
   }
}

/*お問い合わせ*/
.header_submenu_contact a {
   display: block;
   background: url("img/header_submenu_contact.png") no-repeat center 30px;
   padding: 0px 0px 0px 5px;
   /*background-color:#c0c156;*/
   background-color: #99cc33;
   margin-right: 2px !important;
   margin-right: 0px !important;
   \9;
   /* IE10以下 */
   *margin-right: 0px;
   /* IE7以下 */
   _margin-right: 0px;
   /* IE6 */
   text-decoration: none;
}

@-moz-document url-prefix() {

   /*Firefox*/
   .header_submenu_contact a {
      padding: 0px 0px 0px 5px;
      margin-right: 0px;
      text-decoration: none;
   }
}

.fixed .header_submenu_access a,
.fixed .header_submenu_request a,
.fixed .header_submenu_contact a {
   background-position: center 25px;
   text-decoration: none;
}

.header_submenu_access a span,
.header_submenu_request a span,
.header_submenu_contact a span {
   visibility: hidden;
}

/*アクセスのhover*/
.header_submenu_access a:hover {
   background-color: #FFAE33;
   text-decoration: none;
}

/*願書・資料請求のhover*/
.header_submenu_request a:hover {
   background-color: #85D7D7;
   text-decoration: none;
}

/*お問い合わせのhover*/
.header_submenu_contact a:hover {
   background-color: #AED75C;
   text-decoration: none;
}


/* ----------- PC：サイト内検索ボックス----------- */


/* ----------テキストボックス＋ボタン---------- */

#search_box {
   float: right;
}

/*閉まっている検索枠エリアを開閉するためのボタン（div）*/
.btn_searchopen {
   float: right;
   cursor: pointer;
   display: block;
   width: 120px;
   height: 80px;
   background: url("img/header_submenu_search.png") no-repeat center 30px;
   background-color: #70b7c5;
}

.btn_searchopen:hover {
   background-color: #8DC6D1;
}

.fixed .btn_searchopen {
   height: 70px;
   background-position: center 25px;
}

.btn_searchopen span {
   visibility: hidden;
}

/*検索枠と検索ボタンをくくったdiv*/
.open_searchbox {
   display: block;
   width: 240px;
   height: 80px;
   display: none;
   float: right;
}

.fixed .open_searchbox {
   height: 70px;
}


/* ----------テキストボックス本体---------- */
div#search_box input[type="text"] {
   width: 240px;
   height: 40px;
   margin: 0px 0px 0px 0px;
   padding: 2px 8px;
   border: none;
   background-color: #ffffff;
   color: #999;
   font-size: 14px;
}

.btn_search {
   width: 240px;
   height: 40px;
   margin: 0px 0px 0px 0px;
   padding: 5px 2px 2px 2px;
   border: none;
   background-color: #39afb5;
   color: #ffffff;
   font-size: 13px;
}

.fixed div#search_box input[type="text"] {
   height: 35px;
   padding: 2px 8px;
}

.fixed .btn_search {
   height: 35px;
   padding: 5px 2px 2px 2px;
}

.btn_search:hover {
   /* background-color: #077e84;リニュアール */
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

.link_home_sp {
   display: none;
}




/* --------------------

メインメニュー設定

-------------------- */

/* ---------- メインメニュー全体をくるんだdiv ---------- */

.grandmenu_box {
   position: relative;
   width: 100%;
   /*background: url(img/menu_bg.png) repeat-x;*/
   background-color: #f0f0dc !important;
   letter-spacing: -.40em;
   /* 文字間を詰めて隙間を削除する */
   clear: both;
}

.fixed .grandmenu_box {
   position: relative;
   width: 100%;
   /*background: url(img/menu_bg.png) repeat-x;*/
   /*background-color:#f0f0dc;*/
   background-position: 0 -5px;
   border-bottom: solid 1px #e4e4e1;
}

#toggle {
   display: none;
}

.grandmenu_outer {
   position: relative;
   width: 1100px;
   height: 50px;
   padding: 0px 20px 0px 20px;
   margin-bottom: 0px;
   margin: 0 auto;
   text-align: center;
}

.grandmenu {
   display: inline-block;
   position: relative;
   width: auto;
   padding: 0px 0px 0px 0px;
}

/*スクロールして固定メニューになるときの変形*/
.fixed .grandmenu_outer {
   height: 45px;
}

.fixed .grandmenu {}

.grandmenu li {}

.grandmenu a {}

/*li*/
.grandmenu_0,
.grandmenu_1,
.grandmenu_2,
.grandmenu_3,
.grandmenu_4,
.grandmenu_5,
.grandmenu_6,
.grandmenu_7,
.grandmenu_8,
.grandmenu_9,
.grandmenu_10 {
   float: left;
}

/*スマホのみ表示。PCでは非表示*/
.grandmenu_sp_only {
   display: none;
}



.grandmenu a.grandmenuLink:link,
.grandmenu a.grandmenuLink:visited {
   display: inline-block;
   letter-spacing: normal;
   /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   color: #4c505c;
   text-decoration: none;
   font-size: 15px;
   outline: none;
   z-index: 1000;
}

/*グランドメニューの1つ分のaタグの中のbタグ*/
.grandmenu a.grandmenuLink b {
   display: block;
   height: 20px;
   border-left: 1px solid #ccced2;
   padding: 1px 15px 5px 15px;
   margin: 10px 0px 10px 0px;
   font-weight: 400 !important;
}

/*スクロールして固定メニューになるときの変形*/
.fixed .grandmenu a.grandmenuLink b {
   display: block;
   height: 20px;
   border-left: 1px solid #ccced2;
   padding: 1px 15px 5px 15px;
   margin: 10px 0px 10px 0px;
}

/*グランドメニューの1つ分のaタグの中のbタグの一番左のみ*/
.menu_first {
   border-left: none !important;
}

.grandmenu a.grandmenuLinkOff:link,
.grandmenu a.grandmenuLinkOff:visited {
   display: inline-block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #FFF;
   text-decoration: none;
   font-size: 15px;
   outline: none;
   z-index: 1000;
}

.grandmenu a.grandmenuLink.grandmenu_icon_blank {
   padding-right: 12px !important;
   background: url(img/icon_16_blank_gray.png) no-repeat 95% 50%;
}


.grandmenu a.grandmenuLink:hover {
   display: inline-block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #FFF;
   text-decoration: none;
   font-size: 15px;
   outline: none;
   z-index: 1000;
   background-color: #61A8B4;
}

.grandmenu a.grandmenuLink:hover.grandmenu_icon_blank {
   padding-right: 12px !important;
   background: url(img/icon_16_blank_white.png) no-repeat 95% 50%;
   background-color: #61a8b4;
}

/*HOMEのみアイコン表示*/
.grandmenu_0 a {
   background: url(img/icon_24_home.png) no-repeat center center;
}

.grandmenu_0 a:hover {
   background: url(img/icon_24_home_white.png) no-repeat center center;
}

.grandmenu_0 b {
   visibility: hidden;
}

/*3だけcursorを矢印のまま*/
.grandmenu_3 a.grandmenuLink:hover,
.grandmenu_4 a.grandmenuLink:hover,
.grandmenu_8 a.grandmenuLink:hover,
.grandmenu_10 a.grandmenuLink:hover {
   cursor: default;
}


.grandmenu a.grandmenuLink:hover b {
   border-left: 1px solid #61a8b4;
}


/*グランドメニュー1つ分のロールオーバー*/
.grandmenu a.grandmenuLinkActive:link,
.grandmenu a.grandmenuLinkActive:visited {
   color: #ffffff;
   margin: 0px;
   padding-right: 0px;
   border-bottom: none;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

/*グランドメニュー1つ分のロールオーバーしたときのbタグ*/
.grandmenu a.grandmenuLinkActive:link b,
.grandmenu a.grandmenuLinkActive:visited b {
   border-left: 1px solid #3c5d9a;
}

/* ---------- PCメインメニュー第2階層 ---------- */
.grandmenu_1 ul,
.grandmenu_2 ul,
.grandmenu_3 ul,
.grandmenu_4 ul,
.grandmenu_5 ul,
.grandmenu_6 ul,
.grandmenu_7 ul,
.grandmenu_8 ul,
.grandmenu_9 ul,
.grandmenu_10 ul {
   display: none;
   padding: 0;
   margin-top: 0px;
   border: solid 0px #dddddd;
   border-top: solid 0px #dddddd;
}

.grandmenu_1:hover ul,
.grandmenu_2:hover ul,
.grandmenu_3:hover ul,
.grandmenu_4:hover ul,
.grandmenu_5:hover ul,
.grandmenu_6:hover ul,
.grandmenu_7:hover ul,
.grandmenu_8:hover ul,
.grandmenu_9:hover ul,
.grandmenu_10:hover ul {
   display: block !important;
   position: absolute !important;
   z-index: 999 !important;
   width: auto;
   text-align: left;
   letter-spacing: normal;
   /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
}



.grandmenu_1 ul a,
.grandmenu_2 ul a,
.grandmenu_3 ul a,
.grandmenu_4 ul a,
.grandmenu_5 ul a,
.grandmenu_6 ul a,
.grandmenu_7 ul a,
.grandmenu_8 ul a,
.grandmenu_9 ul a,
.grandmenu_10 ul a {
   display: block;
   width: auto;
   min-width: 140px;
   width: 170px;
   padding: 7px 30px 6px 20px;
   border-bottom: dotted 0px #cccccc;
   background-color: #61a8b4;
   color: #ffffff;
   text-decoration: none;
   font-size: 94%;
   clear: both;
   visibility: visible;
}

.submenu_icon_blank {
   min-width: 140px;
   width: 170px !important;
   padding-right: 30px !important;
   background: url(img/icon_16_blank_white.png) no-repeat 96% center !important;
   background-color: #61a8b4 !important;
}


.grandmenu_1 ul li:last-child a,
.grandmenu_2 ul li:last-child a,
.grandmenu_3 ul li:last-child a,
.grandmenu_4 ul li:last-child a,
.grandmenu_5 ul li:last-child a,
.grandmenu_6 ul li:last-child a,
.grandmenu_7 ul li:last-child a,
.grandmenu_8 ul li:last-child a,
.grandmenu_9 ul li:last-child a,
.grandmenu_10 ul li:last-child a {
   border-bottom: none;
}

.grandmenu_1 ul li a:hover,
.grandmenu_2 ul li a:hover,
.grandmenu_3 ul li a:hover,
.grandmenu_4 ul li a:hover,
.grandmenu_5 ul li a:hover,
.grandmenu_6 ul li a:hover,
.grandmenu_7 ul li a:hover,
.grandmenu_8 ul li a:hover,
.grandmenu_9 ul li a:hover,
.grandmenu_10 ul li a:hover {
   color: #FFF;
   background-color: #92c8d2;
}

.grandmenu_1 ul li a:hover.submenu_icon_blank,
.grandmenu_2 ul li a:hover.submenu_icon_blank,
.grandmenu_3 ul li a:hover.submenu_icon_blank,
.grandmenu_4 ul li a:hover.submenu_icon_blank,
.grandmenu_5 ul li a:hover.submenu_icon_blank,
.grandmenu_6 ul li a:hover.submenu_icon_blank,
.grandmenu_7 ul li a:hover.submenu_icon_blank,
.grandmenu_8 ul li a:hover.submenu_icon_blank,
.grandmenu_9 ul li a:hover.submenu_icon_blank,
.grandmenu_10 ul li a:hover.submenu_icon_blank {
   padding-right: 30px !important;
   background: url(img/icon_16_blank_white.png) no-repeat 96% center !important;
   background-color: #92c8d2 !important;
}



/* -----------------------

サイドメニューのスタイル

----------------------- */

/* ---------- 左サイドのリンクリスト ---------- */
/*2021年6月以降は未使用（削除可）*/

.side_tab_box {
   position: fixed;
   left: 0;
   top: 135px;
   z-index: 7778;
}

#side_tab {
   /*ul*/

}

#side_tab ul {
   display: none;
}

/*4つ共通の設定　liのサイズ*/
#side_tab>.side_tab1,
#side_tab>.side_tab2,
#side_tab>.side_tab3,
#side_tab>.side_tab4 {
   display: block;
   width: 64px;
   height: 72px;
}

/*4つ共通の設定　bを非表示*/
#side_tab>.side_tab1 b,
#side_tab>.side_tab2 b,
#side_tab>.side_tab3 b,
#side_tab>.side_tab4 b {
   display: none;
}

/*4つ共通の設定　liをhoverした時の処理*/
#side_tab>.side_tab1:hover,
#side_tab>.side_tab2:hover,
#side_tab>.side_tab3:hover,
#side_tab>.side_tab4:hover {
   width: 69px;
   height: 72px;
   -webkit-transition: width 0.1s ease-in-out;
   -moz-transition: width 0.1s ease-in-out;
   -o-transition: width 0.1s ease-in-out;
   transition: width 0.1s ease-in-out;
}

/*4つ共通の設定　aタグのサイズ等*/
#side_tab>.side_tab1>a,
#side_tab>.side_tab2>a,
#side_tab>.side_tab3>a,
#side_tab>.side_tab4>a {
   display: block;
   width: 64px;
   height: 72px;
   /*float:right;*/
}

#side_tab>.side_tab3,
#side_tab>.side_tab4 {
   position: relative;
}

/*ひとつずつの背景色指定 liの背景*/
#side_tab>.side_tab1 {
   background-color: #1f296f;
}

#side_tab>.side_tab2 {
   background-color: #32b8c7;
}

#side_tab>.side_tab3 {
   background-color: #777bba;
}

#side_tab>.side_tab4 {
   background-color: #3a77bc;
}

/*ひとつずつの背景画像指定 aタグの背景*/
#side_tab>.side_tab1>a {
   background: url(img/side_tab_img1.png) top right no-repeat;
}

#side_tab>.side_tab2>a {
   background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img2.png) top right no-repeat;
}

#side_tab>.side_tab3>a {
   background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img3.png) top right no-repeat;
}

#side_tab>.side_tab4>a {
   background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img4.png) top right no-repeat;
}

/*4つ共通の設定　aタグをhoverした時のサイズ*/
#side_tab>.side_tab1>a:hover,
#side_tab>.side_tab2>a:hover,
#side_tab>.side_tab3>a:hover,
#side_tab>.side_tab4>a:hover {
   display: block;
   width: 69px;
   height: 72px;
}

/*3つ目、4つ目のタブだけ、サブメニューを表示*/

#side_tab_child {
   display: none;
}

#side_tab li.side_tab3:hover #side_tab_child,
#side_tab li.side_tab4:hover #side_tab_child {
   display: block;
   position: absolute;
   top: 0px;
   left: 69px;
   margin: 0;
   list-style-type: none;
}

#side_tab li.side_tab3:hover #side_tab_child {
   border: solid 1px #777bba;
   border-bottom: none;
}

#side_tab li.side_tab4:hover #side_tab_child {
   border: solid 1px #3a77bc;
   border-bottom: none;
}

#side_tab_child li a {
   display: block;
   padding: 4px 1em 4px 1em;
   background-image: none !important;
   background-color: #ffffff;
   filter: alpha(opacity=95);
   /*IE*/
   -moz-opacity: 0.95;
   /*FF*/
   opacity: 0.95;
   text-align: left;
   font-size: 90%;
   color: #002c6a;
   text-decoration: none;
   white-space: nowrap;
}

#side_tab li.side_tab3 #side_tab_child li a {
   border-bottom: solid 1px #777bba;
}

#side_tab li.side_tab4 #side_tab_child li a {
   border-bottom: solid 1px #3a77bc;
}

#side_tab_child li a:hover {
   background-color: #color:#ffffff;
   filter: alpha(opacity=100);
   /*IE*/
   -moz-opacity: 1.00;
   /*FF*/
   opacity: 1.00;
   color: #ffffff;
}

/*タブ3の子リストのロールオーバーの背景色*/
#side_tab li.side_tab3 #side_tab_child li a:hover {
   background-color: #777bba;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}

/*タブ4の子リストのロールオーバーの背景色*/
#side_tab li.side_tab4 #side_tab_child li a:hover {
   background-color: #3a77bc;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}



/*SNSのサイドタブ*/
/* ---------- 左サイドのリンクリスト ---------- */

.sns_side_tab_box {}

#sns_side_tab {
   /*ul*/
   position: fixed;
   right: 0;
   top: 135px;
   width: 40px;
   z-index: 7778;
}

#sns_side_tab ul {
   display: none;
}

/*共通の設定　liのサイズ*/
#sns_side_tab>.sns_side_tab1,
#sns_side_tab>.sns_side_tab2,
#sns_side_tab>.sns_side_tab4,
#sns_side_tab>.sns_side_tab5 {
   display: block;
   right: 0px;
   width: 40px;
   height: 40px;
}


/*共通の設定　bを非表示*/
#sns_side_tab>.sns_side_tab1 b,
#sns_side_tab>.sns_side_tab2 b,
#sns_side_tab>.sns_side_tab3 b,
#sns_side_tab>.sns_side_tab4 b,
#sns_side_tab>.sns_side_tab5 b {
   display: none;
}

/*共通の設定　liをhoverした時の処理*/
#sns_side_tab>.sns_side_tab1:hover,
#sns_side_tab>.sns_side_tab2:hover,
#sns_side_tab>.sns_side_tab4:hover,
#sns_side_tab>.sns_side_tab5:hover {
   width: 45px;
   height: 40px;
   left: -5px;
   /*
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
	*/
}


/*共通の設定　aタグのサイズ等*/
#sns_side_tab>.sns_side_tab1>a,
#sns_side_tab>.sns_side_tab2>a,
#sns_side_tab>.sns_side_tab4>a,
#sns_side_tab>.sns_side_tab5>a {
   display: block;
   width: 40px;
   height: 40px;
   /*float:right;*/
}

#sns_side_tab>.sns_side_tab1,
#sns_side_tab>.sns_side_tab2,
#sns_side_tab>.sns_side_tab4,
#sns_side_tab>.sns_side_tab5 {
   position: relative;
   width: 40px;
   height: 40px;
}


#sns_side_tab>.sns_side_tab1>a {
   pointer-events: none;
}



/*ひとつずつの背景画像指定 aタグの背景*/
#sns_side_tab>.sns_side_tab1 {
   background: url(img/icon_72_fb.jpg) center center no-repeat;
   background-size: 36px 36px;
}

#sns_side_tab>.sns_side_tab2 {
   background: url(img/icon_72_tw.jpg) center center no-repeat;
   background-size: 36px 36px;
}

#sns_side_tab>.sns_side_tab3 {
   background: url(img/side_tab_publicity.png) top left no-repeat;
}

#sns_side_tab>.sns_side_tab4 {
   background: url(img/icon_72_yt.jpg) center center no-repeat;
   background-size: 36px 36px;
}

#sns_side_tab>.sns_side_tab5 {
   background: url(img/icon_72_ig.jpg), url(img/icon_72_ig.jpg);
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: 36px 36px, cover;
}

/*ひとつずつの背景色指定 liの背景*/
#sns_side_tab>.sns_side_tab1 {
   background-color: #3B579F;
}

#sns_side_tab>.sns_side_tab2 {
   background-color: #2EA8E1;
}

#sns_side_tab>.sns_side_tab3 {
   background-color: #ffcc00;
}

#sns_side_tab>.sns_side_tab4 {
   background-color: #D5292A;
}

#sns_side_tab>.sns_side_tab5 {}

/*共通の設定　aタグをhoverした時のサイズ*/
#sns_side_tab>.sns_side_tab1:hover,
#sns_side_tab>.sns_side_tab2:hover,
#sns_side_tab>.sns_side_tab4:hover,
#sns_side_tab>.sns_side_tab5:hover {
   display: block;
   width: 45px;
   height: 40px;
}

/*サブメニューを表示*/
#sns_side_tab_child {
   display: none;
}

#sns_side_tab li.sns_side_tab1:hover #sns_side_tab_child,
#sns_side_tab li.sns_side_tab2:hover #sns_side_tab_child,
#sns_side_tab li.sns_side_tab4:hover #sns_side_tab_child,
#sns_side_tab li.sns_side_tab5:hover #sns_side_tab_child {
   display: block;
   position: absolute;
   top: 0px;
   right: 45px;
   margin: 0;
   list-style-type: none;
}

#sns_side_tab li.sns_side_tab1:hover #sns_side_tab_child {
   border: solid 1px #345691;
   border-bottom: none;
}

#sns_side_tab li.sns_side_tab2:hover #sns_side_tab_child {
   border: solid 1px #5ac3df;
   border-bottom: none;
}

#sns_side_tab li.sns_side_tab4:hover #sns_side_tab_child {
   border: solid 1px #d72929;
   border-bottom: none;
}

#sns_side_tab li.sns_side_tab5:hover #sns_side_tab_child {
   border: solid 1px #CC4CA3;
   border-bottom: none;
}

#sns_side_tab_child li a {
   display: block;
   padding: 4px 1em 4px 1em;
   background-image: none !important;
   background-color: #ffffff;
   color: inherit;
   text-align: left;
   font-size: 90%;
   text-decoration: none;
   white-space: nowrap;
}

#sns_side_tab li.sns_side_tab1 #sns_side_tab_child li a {
   border-bottom: solid 1px #345691;
}

#sns_side_tab li.sns_side_tab2 #sns_side_tab_child li a {
   border-bottom: solid 1px #5ac3df;
}

#sns_side_tab li.sns_side_tab4 #sns_side_tab_child li a {
   border-bottom: solid 1px #d72929;
}

#sns_side_tab li.sns_side_tab5 #sns_side_tab_child li a {
   border-bottom: solid 1px #CC4CA3;
}

#sns_side_tab_child li a:hover {
   background-color: #ffffff;
   color: #ffffff;
}

/*タブ1の子リストのロールオーバーの背景色*/
#sns_side_tab li.sns_side_tab1 #sns_side_tab_child li a:hover {
   background-color: #345691;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}

/*タブ2の子リストのロールオーバーの背景色*/
#sns_side_tab li.sns_side_tab2 #sns_side_tab_child li a:hover {
   background-color: #5ac3df;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}

/*タブ4の子リストのロールオーバーの背景色*/
#sns_side_tab li.sns_side_tab4 #sns_side_tab_child li a:hover {
   background-color: #d72929;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}

/*タブ5の子リストのロールオーバーの背景色*/
#sns_side_tab li.sns_side_tab5 #sns_side_tab_child li a:hover {
   background-color: #CC4CA3;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}



/* -----------------------

各パーツ設定

----------------------- */

/*20160901追加　「NEW」アイコン　<span class="genre_new"><span>NEW</span></span>*/
/*「NEW」 span*/
.genre_new {
   display: inline-block;
   margin: -3px 3px 0px 3px;
   padding: 4px 10px 3px 10px;
   line-height: 100% !important;
   background-color: #fd4f21;
   color: #ffffff;
   height: auto;
   min-width: 20px;
   font-size: 10px;
   text-align: center;
   vertical-align: middle;
   border-radius: 20px;
   /* CSS3草案 */
   -webkit-border-radius: 20px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 20px;
   /* Firefox用 */
}

/* --------------------

カテゴリタイトル全体（パンくず、ページタイトル含む）設定

-------------------- */

/*タイトル枠全体 ※左右にパディング30px*/
.category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   height: auto;
   min-height: 150px;
   margin: 0 auto;
   margin-bottom: 15px;
   padding: 0px 30px 0px 30px;
   background-size: cover;
}

.category_title_inner {
   display: table;
   overflow: hidden;
   height: auto;
   min-height: 150px;
   width: 1140;
   padding: 0px 0px 0px 0px;
   margin: 0 auto !important;
}

/*カテゴリタイトル欄　共通設定*/
.category_title_outer_bg {
   display: table-cell;
   overflow: hidden;
   position: relative;
   width: 365px;
   height: 150px;
   min-height: 150px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background-color: #339999;
}

/*カテゴリタイトルのh1の文字スタイル共通設定*/
.category_title_outer .category_title_inner h1 {
   font-size: 22px;
   font-weight: 400;
   line-height: 1.3;
   letter-spacing: 0;
   color: #339999;
}

/*カテゴリタイトルのp 共通設定*/
.category_title_outer .category_title_inner p {
   width: 365px;
   height: 55px;
   margin-bottom: 5px;
}

/*カテゴリタイトル欄の背景色 ＆ 画像タイトル置き換え ＆ 文字の色
（属するカテゴリ別に代替スタイルを用意）*/

/*標準*/
.category_directoryname .category_title_outer_bg {
   background-color: #339999;
}

.category_directoryname .contents_title_inner h1 {
   color: #339999;
}

.category_directoryname .category_title_inner p {
   height: 75px;
   background: url(img/category_title_404.png) no-repeat center bottom;
}

/*ニュース（ディレクトリ名：news）*/
.category_news .category_title_outer_bg {
   background-color: #009999;
}

.category_news .contents_title_inner h1 {
   color: #009999;
}

.category_news .category_title_inner p {
   height: 75px;
   background: url(img/category_title_news.png) no-repeat center bottom;
}

/*入試関連カレンダー（ディレクトリ名：calendar）*/
.category_calendar .category_title_outer_bg {
   background-color: #ff9900;
}

.category_calendar .contents_title_inner h1 {
   color: #ff9900;
}

.category_calendar .category_title_inner p {
   height: 75px;
   background: url(img/category_title_calendar.png) no-repeat center bottom;
}

/*入試関連カレンダー（ディレクトリ名：calendar）*/
.category_calendar2 .category_title_outer_bg {
   background-color: #ff9900;
}

.category_calendar2 .contents_title_inner h1 {
   color: #ff9900;
}

.category_calendar2 .category_title_inner p {
   height: 75px;
   background: url(img/category_title_calendar.png) no-repeat center bottom;
}

/*入学試験日程（ディレクトリ名：schedule）*/
.category_schedule .category_title_outer_bg {
   background-color: #833981;
}

.category_schedule .contents_title_inner h1 {
   color: #833981;
}

.category_schedule .category_title_inner p {
   height: 75px;
   background: url(img/category_title_schedule.png) no-repeat center bottom;
}

/*アドミッションポリシー（ディレクトリ名：admission）*/
.category_admission .category_title_outer_bg {
   background-color: #6699cc;
}

.category_admission .contents_title_inner h1 {
   color: #6699cc;
}

.category_admission .category_title_inner p {
   height: 75px;
   background: url(img/category_title_admission.png) no-repeat center bottom;
}

/*入学試験要項（ディレクトリ名：general）*/
.category_general .category_title_outer_bg {
   background-color: #6699cc;
}

.category_general .contents_title_inner h1 {
   color: #6699cc;
}

.category_general .category_title_inner p {
   height: 75px;
   background: url(img/category_title_general.png) no-repeat center bottom;
}

/*過去の入試問題（ディレクトリ名：statistics）*/
.category_statistics .category_title_outer_bg {
   background-color: #cccc00;
}

.category_statistics .contents_title_inner h1 {
   color: #cccc00;
}

.category_statistics .category_title_inner p {
   height: 75px;
   background: url(img/category_title_statistics.png) no-repeat center bottom;
}

/*入試Q＆A（ディレクトリ名：faq）*/
.category_faq .category_title_outer_bg {
   background-color: #0099cc;
}

.category_faq .contents_title_inner h1 {
   color: #0099cc;
}

.category_faq .category_title_inner p {
   height: 75px;
   background: url(img/category_title_faq.png) no-repeat center bottom;
}


/*学費・奨学金（ディレクトリ名：scholarship）*/
.category_scholarship .category_title_outer_bg {
   background-color: #cc66b0;
}

.category_scholarship .contents_title_inner h1 {
   color: #cc66b0;
}

.category_scholarship .category_title_inner p {
   height: 75px;
   background: url(img/category_title_scholarship.png) no-repeat center bottom;
}


/*デジタルパンフレット（ディレクトリ名：pamphlet、digital_pamphlet）*/
.category_pamphlet .category_title_outer_bg {
   background-color: #339999;
}

.category_pamphlet .contents_title_inner h1 {
   color: #339999;
}

.category_pamphlet .category_title_inner p {
   height: 75px;
   background: url(img/category_title_digital_pamphlet.png) no-repeat center bottom;
}

.category_digital_pamphlet .category_title_outer_bg {
   background-color: #339999;
}

.category_digital_pamphlet .contents_title_inner h1 {
   color: #339999;
}

.category_digital_pamphlet .category_title_inner p {
   height: 75px;
   background: url(img/category_title_digital_pamphlet.png) no-repeat center bottom;
}


/*キャンパス説明会（ディレクトリ名：opencampus）*/
.category_opencampus .category_title_outer_bg {
   background-color: #33cccc;
}

.category_opencampus .contents_title_inner h1 {
   color: #33cccc;
}

.category_opencampus .category_title_inner p {
   height: 75px;
   background: url(img/category_title_opencampus.png) no-repeat center bottom;
}

/*キャンパス説明会レポート（ディレクトリ名：campusreport）*/
.category_campusreport .category_title_outer_bg {
   background-color: #33cccc;
}

.category_campusreport .contents_title_inner h1 {
   color: #33cccc;
}

.category_campusreport .category_title_inner p {
   height: 75px;
   background: url(img/category_title_opencampus.png) no-repeat center bottom;
}

/*先輩VOICE（ディレクトリ名：starchannel）*/
.category_starchannel .category_title_outer_bg {
   background-color: #336699;
}

.category_starchannel .contents_title_inner h1 {
   color: #336699;
}

.category_starchannel .category_title_inner p {
   height: 75px;
   background: url(img/category_title_starchannel.png) no-repeat center bottom;
}

/*研究者VOICE（ディレクトリ名：scholar）*/
.category_scholar .category_title_outer_bg {
   background-color: #336699;
}

.category_scholar .contents_title_inner h1 {
   color: #336699;
}

/*web STAR BOX（ディレクトリ名：starbox）*/
.category_starbox .category_title_outer_bg {
   background-color: #336699;
}

.category_starbox .contents_title_inner h1 {
   color: #336699;
}

.category_starbox .category_title_inner p {
   height: 75px;
   background: url(img/category_title_starbox.png) no-repeat center bottom;
}

/*キャンパスライフ（ディレクトリ名：campuslife）*/
.category_campuslife .category_title_outer_bg {
   background-color: #0084ab;
}

.category_campuslife .contents_title_inner h1 {
   color: #0084ab;
}

.category_campuslife .category_title_inner p {
   height: 75px;
   background: url(img/category_title_campuslife.png) no-repeat center bottom;
}

/*パノラマビュー（ディレクトリ名：360view）*/
.category_360view .category_title_outer_bg {
   background-color: #996699;
}

.category_360view .contents_title_inner h1 {
   color: #996699;
}

.category_360view .category_title_inner p {
   height: 75px;
   background: url(img/category_title_360view.png) no-repeat center bottom;
}

/*キャンパスカレンダー（ディレクトリ名：campus）*/
.category_campus .category_title_outer_bg {
   background-color: #669966;
}

.category_campus .contents_title_inner h1 {
   color: #669966;
}

.category_campus .category_title_inner p {
   height: 75px;
   background: url(img/category_title_campus.png) no-repeat center bottom;
}

/*メッセージボックス（ディレクトリ名：message_box）*/
.category_message_box .category_title_outer_bg {
   background-color: #0daab6
}

.category_message_box .contents_title_inner h1 {
   color: #0daab6;
}

.category_message_box .category_title_inner p {
   height: 75px;
   background: url(img/category_title_message_box.png) no-repeat center bottom;
}


/*願書・資料請求（ディレクトリ名：pre_request）*/
.category_pre_request .category_title_outer_bg {
   background-color: #66cccc;
}

.category_pre_request .contents_title_inner h1 {
   color: #66cccc;
}

.category_pre_request .category_title_inner p {
   height: 75px;
   background: url(img/category_title_request.png) no-repeat center bottom;
}

/*お問い合わせ（ディレクトリ名：contact）*/
.category_contact .category_title_outer_bg {
   background-color: #99cc33;
}

.category_contact .contents_title_inner h1 {
   color: #99cc33;
}

.category_contact .category_title_inner p {
   height: 75px;
   background: url(img/category_title_contact.png) no-repeat center bottom;
}

/*アクセス（ディレクトリ名：access）*/
.category_access .category_title_outer_bg {
   background-color: #ff9900;
}

.category_access .contents_title_inner h1 {
   color: #ff9900;
}

.category_access .category_title_inner p {
   height: 75px;
   background: url(img/category_title_access.png) no-repeat center bottom;
}

/*入試センター長のブログ（ディレクトリ名：directorblog）*/
.category_directorblog .category_title_outer_bg {
   background-color: #ff9900;
}

/*{background-color:#339999;}*/
.category_directorblog .contents_title_inner h1 {
   color: #ff9900;
}

/*{color:#339999;}*/
.category_directorblog .category_title_inner p {
   height: 75px;
   background: url(img/category_title_directorblog.png) no-repeat center bottom;
}

/*サイトマップ（ディレクトリ名：sitemap）*/
.category_sitemap .category_title_outer_bg {
   background-color: #669933;
}

.category_sitemap .contents_title_inner h1 {
   color: #669933;
}

.category_sitemap .category_title_inner p {
   height: 75px;
   background: url(img/category_title_sitemap.png) no-repeat center bottom;
}

/*404*/
.category_404 .category_title_outer_bg {
   background-color: #595959
}

.category_404 .contents_title_inner h1 {
   color: #595959;
}

.category_404 .category_title_inner p {
   height: 75px;
   background: url(img/category_title_404.png) no-repeat center bottom;
}

/*検索結果*/
.category_search .category_title_outer_bg {
   background-color: #cccc99
}

.category_search .contents_title_inner h1 {
   color: #cccc99;
}

.category_search .category_title_inner p {
   height: 75px;
   background: url(img/category_title_search.png) no-repeat center bottom;
}

/*Web出願*/
.category_webentry .category_title_outer_bg {
   background-color: #0099cc
}

.category_webentry .contents_title_inner h1 {
   color: #0099cc;
}

.category_webentry .category_title_inner p {
   height: 75px;
   background: url(img/category_title_webentry.png) no-repeat center bottom;
}

/*就職・キャリア*/
.category_career .category_title_outer_bg {
   background-color: #60BBC8
}

.category_career .contents_title_inner h1 {
   color: #60BBC8;
}

.category_career .category_title_inner p {
   height: 75px;
   background: url(img/category_title_career.png) no-repeat center bottom;
}


.category_title_inner p span {
   visibility: hidden;
}

/*日本語のテキストタイトル*/
.category_title_inner h2 {
   color: #ffffff;
   padding: 0px 0px 0px 0px;
   text-align: center;
   font-size: 18px;
   font-weight: 300;
   line-height: 130%;
}


/*ページタイトルとパンくずをくくったdiv*/
.contents_title_outer {
   display: table-cell;
   overflow: hidden;
   position: relative;
   width: 725px;
   height: auto;
   min-height: 150px;
   padding: 0px 25px 0px 25px;
   background-color: #ffffff;
}


/*ページタイトル*/
.contents_title_inner {
   display: block;
   overflow: hidden;
   height: auto;
   margin: 0 auto;
   margin-top: 0px;
   margin-bottom: 0px;
}



/* ----------パンくずリスト全体の設定---------- */

div.topicpath {
   display: block;
   margin: 0px auto 10px auto;
   padding: 25px 0px 10px 0px;
   text-align: left;
   line-height: 1.3;
   clear: both;
}

/* ----------パンくずリストそのものの設定---------- */

div.topicpath ul {
   margin: 0;
   padding: 0px 0px 0px 0px;
   font-size: 100%;
   text-align: left;
   overflow: hidden;
}

/* ----------リンクのないリスト（＝閲覧しているページ）---------- */
div.topicpath li {
   color: #666666;
   list-style-type: none;
   padding: 0px 4px 0px 4px;
   float: left;
   line-height: none;
}

/* ----------リンクのあるリスト（＝上位のページ）---------- */
div.topicpath li a {
   margin-right: 1px;
   color: #666666;
   /*色指定*/
   padding-right: 4px;
   line-height: none;
   padding-top: 0px;
}

div.topicpath li a:hover {
   color: #92c4cd;
}

/* ----------HOMEの画像置き換え---------- */
div.topicpath li .home {
   max-width: 15px;
   max-height: 15px;
   margin-right: 1px;
   padding: 0px 6px 0px 0px !important;
   color: #666666;
   /*色指定*/
   background: url(img/icon_home.png) no-repeat 0px 3px;
}

div.topicpath li .home span {
   display: inline-block;
   max-width: 15px;
   max-height: 15px;
   visibility: hidden;
}

/* ---------- 記事掲載エリア ---------- */

/*キャンパス説明会ページのページ下部「キャンパス説明会レポート」欄の「#contents_section」*/
/*iPadで意図的でない高さがキープされてしまうのを回避*/
div#contents_main .opencampus_report_box #contents_section {
   display: block;
   overflow: hidden;
   min-height: 50px !important;
   height: auto !important;
}

div#contents_main h1 {
   font-size: 28px;
}


/* ---------- H2 段落タイトル設定 ---------- */

div#contents_main h2 {
   margin: 40px 0 20px 0;
   padding: 0px 0px 0px 0px;
   clear: both;
   color: #595959;
   line-height: 1.3;
   font-weight: 400;
   font-size: 23px;
}

/*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
div#contents_main .box_white h2 {
   margin: 10px 0px 20px 0 !important;
}

/* ---------- H3 水色文字のコピー ---------- */

.contents_main h3 {
   margin: 20px 0 10px 0;
   color: #339999;
   font-size: 130%;
   font-weight: bold;
}

/*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
div#contents_main .box_white h3 {
   margin: 0px 0px 10px 0 !important;
}

/* ---------- H4/H5/H6 見出し設定 ---------- */

div#contents_main h4 {
   margin: 5px 0;
   font-size: 108%;
   font-weight: bold;
}

div#contents_main h5 {
   margin: 5px 0;
   font-size: 100%;
   font-weight: bold;
}

div#contents_main h6 {
   margin: 5px 0;
   font-size: 100%;
   font-weight: bold;
}

/* ---------- 記事のpノーマル ---------- */

div#contents_main #contents_section p {
   margin-bottom: 1rem;
}

/* ---------- 記事のpノーマル ---------- */

div#contents_main #contents_section .mb100 {
   margin-bottom: 100px !important;
}

div#contents_main #contents_section .mb90 {
   margin-bottom: 90px !important;
}

div#contents_main #contents_section .mb80 {
   margin-bottom: 80px !important;
}

div#contents_main #contents_section .mb70 {
   margin-bottom: 70px !important;
}

div#contents_main #contents_section .mb60 {
   margin-bottom: 60px !important;
}

div#contents_main #contents_section .mb50 {
   margin-bottom: 50px !important;
}

div#contents_main #contents_section .mb40 {
   margin-bottom: 40px !important;
}

div#contents_main #contents_section .mb30 {
   margin-bottom: 30px !important;
}

div#contents_main #contents_section .mb20 {
   margin-bottom: 20px !important;
}

div#contents_main #contents_section .mb10 {
   margin-bottom: 10px !important;
}

div#contents_main #contents_section .mb5 {
   margin-bottom: 5px !important;
}

div#contents_main #contents_section .mb0 {
   margin-bottom: 0px !important;
}

/*コメントタグをpダグで入れる場合に使用（<p class="comment"><!--コメント--></p>）*/
div#contents_main #contents_section .comment {
   display: none;
}

/* ---------- 文字装飾いろいろ ---------- */

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
.fs_100 {
   font-size: 100% !important;
}

.fs_105 {
   font-size: 105% !important;
}

.fs_110 {
   font-size: 110% !important;
}

.fs_120 {
   font-size: 120% !important;
}

.fs_130 {
   font-size: 130% !important;
}

.fs_140 {
   font-size: 140% !important;
}

.fs_150 {
   font-size: 150% !important;
}

.fs_160 {
   font-size: 160% !important;
}

.fs_170 {
   font-size: 170% !important;
}

.fs_180 {
   font-size: 180% !important;
}

.fs_190 {
   font-size: 190% !important;
}

.fs_200 {
   font-size: 200% !important;
}

.fs_210 {
   font-size: 210% !important;
}

.fs_220 {
   font-size: 220% !important;
}

.fs_230 {
   font-size: 230% !important;
}

.fs_240 {
   font-size: 240% !important;
}

.fs_250 {
   font-size: 250% !important;
}

.fs_260 {
   font-size: 260% !important;
}

.fs_270 {
   font-size: 270% !important;
}

.fs_280 {
   font-size: 280% !important;
}

.fs_290 {
   font-size: 290% !important;
}

.fs_300 {
   font-size: 300% !important;
}

/*サイズダウン*/
.fs_95 {
   font-size: 95%;
}

.fs_90 {
   font-size: 90%;
}

.fs_85 {
   font-size: 85%;
}

.fs_80 {
   font-size: 80%;
}

.fs_75 {
   font-size: 75%;
}

.fs_70 {
   font-size: 70%;
}

.fs_60 {
   font-size: 60%;
}

.fs_50 {
   font-size: 50%;
}

.fs_40 {
   font-size: 40%;
}

.fs_30 {
   font-size: 30%;
}

.fs_20 {
   font-size: 20%;
}

.fs_10 {
   font-size: 10%;
}

/*色*/
.fc_red {
   color: #E95F3A !important;
}

.fc_blue {
   color: #15A9B6 !important;
}

.fc_skyblue {
   color: #83CAC4 !important;
}

.fc_green {
   color: #7DB37D !important;
}

.fc_lightgreen {
   color: #B3C573 !important;
}

.fc_orange {
   color: #FBC600 !important;
}

.fc_purple {
   color: #AB7EB4 !important;
}

.fc_lightpurple {
   color: #D1A0C7 !important;
}

.fc_brown {
   color: #AA7142 !important;
}

.fc_gray {
   color: #9E9C8D !important;
}

.fc_darkgray {
   color: #64585C !important;
}

.fc_white {
   color: #ffffff !important;
}


/*書体*/
/*明朝*/
.ff_sans-serif {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*ゴシック*/
.ff_serif {
   font-family: century-gothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*左右中央揃え　text-alignの略*/
.ta_center {
   text-align: center !important;
}

.ta_left {
   text-align: left !important;
}

.ta_right {
   text-align: right !important;
}


/*フォントウェイト*/
.fw_100 {
   font-weight: 100;
}

.fw_200 {
   font-weight: 200;
}

.fw_300 {
   font-weight: 300;
}

.fw_400 {
   font-weight: 400;
}

.fw_500 {
   font-weight: 500;
}

.fw_600 {
   font-weight: 600;
}

.fw_700 {
   font-weight: 700;
}

.fw_800 {
   font-weight: 800;
}

.fw_900 {
   font-weight: 900;
}

.bold,
.strong {
   font-weight: bold;
}

/*蛍光マーカー風タイトル　イエロー*/
.maker_yellow {
   display: inline !important;
   font-weight: 600;
   color: #111111 !important;
   background: linear-gradient(transparent 60%, #ffef00 0%);
}

/*蛍光マーカー風タイトル　グリーン*/
.maker_green {
   display: inline !important;
   font-weight: 600;
   color: #111111 !important;
   background: linear-gradient(transparent 60%, #C5D797 0%);
}

/*蛍光マーカー風タイトル　ピンク*/
.maker_pink {
   display: inline !important;
   font-weight: 600;
   color: #111111 !important;
   background: linear-gradient(transparent 60%, #ffa9a9 0%);
}


/* ---------- 白ベタエリア　div ---------- */

div#contents_main .box_white {
   display: block;
   overflow: hidden;
   padding: 30px;
   margin-bottom: 60px;
   background-color: #FFFFFF;
}

.box_white_inner {
   display: block;
   overflow: hidden;
   padding-left: 10px;
   padding-right: 10px;

   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}


/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption {}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone {
   display: block;
   width: 100% !important;
   margin-bottom: 10px;
   clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
div.aligncenter {
   display: block;
   width: 100% !important;
   text-align: center;
   float: left;
   margin-bottom: 10px;
   clear: left;
}

img.aligncenter {
   display: block;
   width: auto;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 10px;
   clear: left;
}

/* ----------写真を中央に配置---------- */
div#contents_main .aligncenter img {
   display: block;
   margin: 0 auto 0px auto !important;
}

/* ----------画像まわしこみを解除----------*/
div#contents_main .aligncenter {
   float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
   text-align: right;
   float: right;
   padding-left: 15px;
   margin-bottom: 10px;
}

.alignright.pl20px {
   padding-left: 20px;
}

.alignright.pl30px {
   padding-left: 30px;
}

.alignright.pl40px {
   padding-left: 40px;
}

.alignright.pl50px {
   padding-left: 50px;
}

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

   .alignright.pl20px,
   .alignright.pl30px,
   .alignright.pl40px,
   .alignright.pl50px,
   .alignright.pl20px img,
   .alignright.pl30px img,
   .alignright.pl40px img,
   .alignright.pl50px img {
      padding-left: 0px !important;
      margin-right: 0px !important;
      margin-left: 0px !important;
   }
}

div#contents_main #contents_section .alignright img {
   padding-right: 0px;
   margin-right: 0px;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
   text-align: left;
   float: left;
   padding-right: 15px;
   margin-bottom: 0px;
}

.alignleft.pr20px {
   padding-right: 20px;
}

.alignleft.pr30px {
   padding-right: 30px;
}

.alignleft.pr40px {
   padding-right: 40px;
}

.alignleft.pr50px {
   padding-right: 50px;
}

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

   .alignleft.pr20px,
   .alignleft.pr30px,
   .alignleft.pr40px,
   .alignleft.pr50px,
   .alignleft.pr20px img,
   .alignleft.pr30px img,
   .alignleft.pr40px img,
   .alignleft.pr50px img {
      padding-right: 0px;
      margin-right: 0px !important;
      margin-left: 0px !important;
   }
}

div#contents_main #contents_section .alignleft img {
   padding-right: 0px;
   margin-right: 0px;
}

/* ----------写真を左に配置---------- */
div#contents_main .alignleft img {
   float: left;
   margin: 0 30px 20px 0;
}

/* ----------写真を右側に配置---------- */
div#contents_main .alignright img {
   float: right;
   margin: 0 0 20px 30px;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
.wp-caption p.wp-caption-text {
   text-align: left;
   margin-top: 6px !important;
   font-size: 90%;
   line-height: 130%;
   clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
div#contents_main .aligncenter p.wp-caption-text {
   text-align: center;
   margin-top: 6px !important;
   font-size: 90%;
   line-height: 130%;
   clear: both;
}

/*imgにグレーの枠線*/
img.border_gray {
   border: #d8d8d8 solid 1px;
}

/* ---------- 記事内のテーブル設定 ---------- */

div#contents_main #contents_section table {
   margin-bottom: 0.5em;
   border-top: #d8d8d8 solid 1px;
   border-left: #d8d8d8 solid 1px;
   width: 100%;
}

div#contents_main #contents_section tr {
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
}

div#contents_main #contents_section th {
   padding: 10px 10px 10px 10px;
   background-color: #f5f8e6;
   white-space: nowrap;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
}

div#contents_main #contents_section td {
   padding: 10px 10px 10px 10px;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
   vertical-align: middle;
}

/*テーブルのサブ見出し項目用のほんのり薄いグレー*/
div#contents_main #contents_section th.bg_litegray,
div#contents_main #contents_section td.bg_litegray {
   background-color: #f9faf5;
}

div#contents_main #contents_section table.table_2column {
   margin-bottom: 0.5em;
   border-top: #d8d8d8 solid 1px;
   border-left: #d8d8d8 solid 1px;
   width: 49%;
   float: left;
   margin-right: 1%;
}

div#contents_main #contents_section table.table_4column {
   margin-bottom: 0.5em;
   border-top: #d8d8d8 solid 1px;
   border-left: #d8d8d8 solid 1px;
   width: 24%;
   float: left;
   margin-right: 1%;
}

/*桁数を指定して揃える　半角で5文字分*/
div#contents_main #contents_section span.digit5 {
   display: inline-block;
   width: 3.5em !important;
   text-align: right !important;
}

/*桁数を指定して揃える　半角で6文字分*/
div#contents_main #contents_section span.digit6 {
   display: inline-block;
   width: 4em !important;
   text-align: right !important;
}



/*スマホレスポンシブ対応のテーブル*/
div#contents_main #contents_section table.sp_eesponsive_table {}

div#contents_main #contents_section table.sp_eesponsive_table .sp_only {
   display: none;
}


/*横並びの画像をスマホでも横並びのまま表示するtable　のstyle*/
div#contents_main #contents_section table.table_img_2column,
div#contents_main #contents_section table.table_img_2column tr {
   max-width: 1100px !important;
}

div#contents_main #contents_section table.table_img_2column,
div#contents_main #contents_section table.table_img_2column tr,
div#contents_main #contents_section table.table_img_2column th,
div#contents_main #contents_section table.table_img_2column td {
   border: 0px;
   border: none;
   padding: 0px 0px 0px 0px;
}

div#contents_main #contents_section table.table_img_2column td:first-child {
   padding: 0px 10px 0px 0px;
}

div#contents_main #contents_section table.table_img_2column td:last-child {
   padding: 0px 0px 0px 10px;
}

div#contents_main #contents_section table.table_img_2column img {
   width: 100% !important;
   height: auto;
}



/* -------------------- 水平線画像 -------------------- */

div#contents_main hr {
   display: block;
   width: 100%;
   height: 1px;
   margin: 20px 0 20px 0;
   border: none;
   border-top: solid 1px #cccccc;
   color: #ffffff;
   background: #ffffff;
   clear: both;
   float: none;
}



/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

div#contents_main #contents_section .box_gray,
div#contents_main .box_gray {
   padding: 25px 25px 20px 25px;
   margin: 10px 0px 25px 0px;
   border: solid 1px #d2d2d2;
}

div#contents_main #contents_section .box_gray5,
div#contents_main .box_gray5 {
   padding: 25px 25px 20px 25px;
   margin: 10px 0px 25px 0px;
   border: solid 5px #d2d2d2;
}

/* ---------- 記事内のol ---------- */

div#contents_main #contents_section ol {
   margin-left: 0em !important;
   padding-left: 22px;
   padding-bottom: 8px;
   list-style-type: decimal;
}

div#contents_main #contents_section ol li {
   padding: 2px 0px 6px 0px;
}


/* ---------- 記事内のul ---------- */

div#contents_main #contents_section ul {
   list-style: none;
   background: none;
   padding: 0px 0px 0px 0px;
}

div#contents_main #contents_section ul li {
   padding: 2px 0px 4px 2px;
   padding-left: 22px;
   background-image: url(img/icon_16_disc_green.png);
   background-repeat: no-repeat;
   background-position: 0 5px;
}

/* ---------- 記事内のア、イ、ウ…のli ---------- */

div#contents_main #contents_section .list_50on,
div#contents_main #contents_section ul li .list_50on {
   margin-left: 0 !important;
   padding-left: 0 !important;
   list-style: none !important;
   background: none !important;
}

div#contents_main #contents_section .list_50on li,
div#contents_main #contents_section ul li .list_50on li {
   padding-left: 2.2em !important;
   text-indent: -2.2em !important;
   list-style: none !important;
   background: none !important;
}


/* ---------- 記事内の注釈 ---------- */

div#contents_main #contents_section .annotate {
   padding: 6px 0px 6px 0px;
   font-size: 86%;
   color: #666;
}

/* ---------- リンクアイコン設定 ---------- */

/* ----------リンクとダウンロードファイルのアイコン---------- */

.icon_link {
   margin: 6px 0px 6px 0px;
   padding: 1px 8px 2px 18px;
   /* background: url(img/icon_link_emerald.png) no-repeat 0px 5px;
	background: url(img/icon_link_emerald.png) no-repeat 0px 4px\9; */
   /* リニューアル */
   background: url(img/icon_link_emerald.png) no-repeat 0px 2px;
   background: url(img/icon_link_emerald.png) no-repeat 0px 2px\9;
   text-decoration: none;
   clear: both;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .icon_link {
      background: url(img/icon_link_emerald.png) no-repeat 0px 1px;
   }
}

a.icon_pdf,
a.icon_download {
   margin: 6px 0px 6px 0px;
   padding: 1px 20px 2px 0px;
   /* background: url(img/icon_16_pdf.png) no-repeat right 4px;
	background: url(img/icon_16_pdf.png) no-repeat right 4px\9; */
   /* リニューアル */
   background: url(img/icon_16_pdf.png) no-repeat right;
   background: url(img/icon_16_pdf.png) no-repeat right\9;
   text-decoration: none;
   clear: both;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

   a.icon_pdf,
   a.icon_download {
      /* background: url(img/icon_16_pdf.png) no-repeat right 4px; */
      /* リニューアル */
      background: url(img/icon_16_pdf.png) no-repeat right;
   }
}

a.icon_blank {
   margin: 6px 0px 6px 0px;
   padding: 1px 20px 2px 0px;
   background: url(img/icon_blank.png) no-repeat right;
   background: url(img/icon_blank.png) no-repeat right\9;
   text-decoration: none;
   clear: both;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   a.icon_blank {
      background: url(img/icon_blank.png) no-repeat right;
   }
}

a.icon_excel {
   margin: 6px 0px 6px 0px;
   padding: 1px 20px 2px 0px;
   background: url(img/icon_16_excel.png) no-repeat right;
   text-decoration: none;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   a.icon_excel {
      background: url(img/icon_16_excel.png) no-repeat right 4px;
   }
}

a.icon_word {
   margin: 6px 0px 6px 0px;
   padding: 1px 20px 2px 0px;
   /* background: url(img/icon_16_word.png) no-repeat right 4px; */
   /* リニューアル */
   background: url(img/icon_16_word.png) no-repeat right;
   text-decoration: none;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   a.icon_word {
      background: url(img/icon_16_word.png) no-repeat right 4px;
      /* リニューアル */
      background: url(img/icon_16_word.png) no-repeat right;
   }
}

.icon_link:hover,
a.icon_pdf:hover,
a.icon_download:hover,
a.icon_blank:hover,
a.icon_excel:hover,
a.icon_word:hover {
   text-decoration: underline;
}


div#contents_main .sp_only,
.sp_only {
   display: none;
}

div#contents_main .pc_only,
.pc_only {}

div#contents_main .print_only,
.print_only {
   display: none;
}


/*youtube配置欄　div*/
/*※横幅を調整したい場合はこのdivに指定する*/
.youtube_box,
.movie_box,
.video_box {
   display: block;
   position: relative;
   max-width: 720px;
   margin: 0 auto;
}

.youtube_box_inner,
.movie_box_inner,
.video_box_inner {
   display: block;
   position: relative;
   width: 100%;
   height: auto !important;
   padding-bottom: 56.25%;
   margin: 0 auto;
}

.youtube_box iframe,
.movie_box iframe,
.video_box iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100% !important;
   height: 100% !important;
}


/* ---------- 汎用2column  ---------- */
.content_2column {
   display: -webkit-box;
   display: -moz-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: flex;
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;

   letter-spacing: -.40em;

   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.content_2column .column_inner {
   display: inline-block;
   width: 49%;
   margin-right: 2%;
   vertical-align: top;
   letter-spacing: normal;

   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.content_2column .column_inner:nth-Child(2) {
   margin-right: 0%;
}

.column_inner.pd10px {
   padding: 10px;
}

.column_inner.pd15px {
   padding: 15px;
}

.column_inner.pd20px {
   padding: 20px;
}

.column_inner.pd25px {
   padding: 25px;
}

.column_inner.pd30px {
   padding: 30px;
}

.column_inner.pd35px {
   padding: 35px;
}

.content_2column .column_inner img {
   max-width: 100%;
   height: auto;
}

@media screen and (max-width: 560px) {
   .content_2column {
      display: block;
   }

   .content_2column .column_inner {
      display: block;
      width: 100%;
      margin-right: 0%;
   }

   /*
	.column_inner.pd10px,
	.column_inner.pd15px,
	.column_inner.pd20px,
	.column_inner.pd25px,
	.column_inner.pd30px,
	.column_inner.pd35px{
		padding: 10px;
	}
	*/
}


/* ---------- 記事内のオリジナル汎用ボタン* ---------- */

div#contents_main .button {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
   background-color: #339999;
}

div#contents_main .button:hover {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background-color: #33cccc;
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
   text-decoration: none;
}

div#contents_main .button_blank {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
   background-color: #339999;
   text-decoration: none;
}

div#contents_main .button_blank:hover {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background-color: #33cccc;
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
   text-decoration: none;
}

div#contents_main .button_pdf {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background: url(img/icon_16_pdf.png) no-repeat 96% 50%;
   background-color: #339999;
   text-decoration: none;
}

div#contents_main .button_pdf:hover {
   padding: 8px 40px 8px 20px;
   margin: 6px 6px 6px 0px;
   font-size: 110%;
   color: #ffffff;
   background-color: #33cccc;
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
   text-decoration: none;
}

/*固定ページの下部に配置する、他ページへのリンク（div）*/
/*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される*/
.related_link {
   padding: 25px 0px 10px 0px;
   margin: 10px 0px 25px 0px;
}

.related_link p {
   padding: 0 !important;
   margin: 0 !important;
   line-height: 140%;
}

.related_link a {
   display: block;
   min-width: 140px;
   padding: 12px 15px 12px 35px;
   margin: 0px 20px 20px 0px;
   float: left;
   border: solid 1px #d2d2d2;
   background: url(img/icon_link.png) no-repeat 15px 15px;
   /*横縦*/
   background-color: #ffffff;
   color: #339999;
}

.related_link a:hover,
.related_link p a:hover {
   border: solid 1px #d2d2d2;
   background: url(img/icon_link_hover.png) no-repeat 15px 15px;
   /*横縦*/
   background-color: #339999;
   color: #ffffff !important;
   text-decoration: none;
}


/*汎用リンクボタン（水色、枠の内側に罫線あり ※キャンパスライフと同じもの）p*/
.generic_link_button_skyblue {
   display: inline-block;
   position: relative;
   padding: 5px 5px 5px 5px;
   background-color: #cae0f1;
   line-height: 100%;
}

.generic_link_button_skyblue a {
   display: block;
   position: relative;
   padding: 12px 60px 12px 50px;
   border: solid 1px #555555;
   color: #555555;
   font-weight: 600;
   background: url(img/icon_24_link.png) no-repeat 90% center;
}

.generic_link_button_skyblue.blank a {
   background: url(img/icon_blank_black.png) no-repeat 90% center;
}

.generic_link_button_skyblue a:hover {
   background-color: #e8f2f9;
   text-decoration: none;
   /*border: dashed 1px #555555;*/
   border: solid 1px #999999;
}




/*汎用リンクボタン2（ベージュ、枠の内側に罫線あり ※キャンパスライフと色違い）p*/
.generic_link_button_beige {
   display: inline-block;
   position: relative;
   padding: 5px 5px 5px 5px;
   background-color: #f3e7cd;
   line-height: 100%;
}

.generic_link_button_beige a {
   display: block;
   position: relative;
   padding: 12px 60px 12px 50px;
   border: solid 1px #555555;
   color: #555555;
   font-weight: 600;
   background: url(img/icon_24_link.png) no-repeat 90% center;
}

.generic_link_button_beige.blank a {
   background: url(img/icon_blank_black.png) no-repeat 90% center;
}

.generic_link_button_beige a:hover {
   background-color: #f4eee2;
   text-decoration: none;
   /*border: dashed 1px #555555;*/
   border: solid 1px #999999;
}



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

   .generic_link_button_skyblue,
   .generic_link_button_beige {
      display: block;
      margin: 0 auto !important;
      margin-bottom: 20px !important;
      max-width: 240px;
      text-align: center;
   }

   .generic_link_button_skyblue a,
   .generic_link_button_beige a {
      padding: 6px 60px 6px 50px;
   }
}



/* ---------- 固定ページを含むすべての記事ごとのフッター ---------- */
div#contents_main #contents_footer {
   margin: 30px 0px 10px 0px;
}

/*News、Blogの各記事フッター*/
div.news_page_design div#contents_footer,
div.blog_page_design div#contents_footer {
   margin: 10px 0 10px 0;
}

div.news_list_design div#contents_footer,
div.blog_list_design div#contents_footer {
   margin: 25px 0 30px 0 !important;
   border-bottom: solid 1px #ddd;
}

/*News、Blogの各記事フッター内に表示される「記事一覧へ」リンク*/
div#contents_main #contents_footer .to_news_list {
   display: inline-block;
   overflow: hidden;
   width: auto;
   margin: 10px 0px 10px 0px;
   padding: 6px 14px 6px 14px;
   border: solid 1px #d2d2d2;
   background-color: #ffffff;
   color: #339999;
}

div#contents_main #contents_footer .to_news_list:hover {
   border: solid 1px #d2d2d2;
   background-color: #339999;
   color: #ffffff !important;
}

.to_news_list {
   display: inline-block;
   overflow: hidden;
   width: auto;
   margin: 10px 0px 10px 0px;
   padding: 6px 14px 6px 14px;
   border: solid 1px #d2d2d2;
   background-color: #ffffff;
   color: #339999;
}

/*----------一覧ページ関連（検索結果、新着一覧、タグ一覧など）----------*/

/*1セットのくくり（検索、新着、タグ等共通）*/
.list_page_article {
   display: block;
   overflow: hidden;
   margin: 0px 0px 10px 0px;
}

/*1セットのくくり*/
.search_list_box .list_page_article,
.archive_list_box .list_page_article {
   margin: 3px 0px 15px 0px;
   padding: 0px 0px 15px 0px;
   border-bottom: 1px dotted #bbbbbb;
}

/*親ページ（大カテゴリ）名*/
.search_list_box .list_page_article .pagesub,
.archive_list_box .list_page_article .pagesub {}

/*ページタイトル*/
.search_list_box .list_page_article .pagetitle,
.archive_list_box .list_page_article .pagetitle {
   display: block;
   width: auto;
   margin: 0px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   font-size: 125%;
}

/*ページタイトルのaタグ*/
.search_list_box .list_page_article .pagetitle a,
.archive_list_box .list_page_article .pagetitle a {}

/*更新月日*/
.search_list_box .list_page_article .pagedate,
.archive_list_box .list_page_article .pagedate {
   font-size: 90%;
   color: #aaaaaa;
}

/*本文*/
.search_list_box .list_page_article .pagetext,
.archive_list_box .list_page_article .pagetext {
   font-size: 96%;
   color: #777777;
}

/*ページネーション（ソースはネット共通のもの）*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*Quotes style*/
.wp-pagenavi,
.pagination {
   padding: 3px;
   margin: 3px 3px 20px 3px;
   text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagination a {
   padding: 4px 7px 4px 7px;
   margin-right: 2px;
   border: 1px solid #ddd;
   text-decoration: none;
   color: #aaa;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.pagination a:hover,
.pagination a:active {
   padding: 4px 7px 4px 7px;
   margin-right: 2px;
   border: 1px solid #a0a0a0;
   background-color: #a0a0a0;
   color: #FFF;
}

.wp-pagenavi span.current,
.pagination span.current {
   padding: 4px 7px 4px 7px;
   margin-right: 2px;
   border: 1px solid #e0e0e0;
   font-weight: bold;
   background-color: #f0f0f0;
   color: #aaa;
}

.wp-pagenavi span.disabled,
.pagination span.disabled {
   padding: 4px 7px 4px 7px;
   margin-right: 2px;
   border: 1px solid #f3f3f3;
   color: #ccc;
}

/* -----------------------

News、ブログページの基本パーツ設定

----------------------- */

/*このブログについて*/
.directorsblog_message_box {
   display: table;
   margin: 30px 0px 10px 0px;
   float: none;
   clear: both;
}

.directorsblog_message_box_left {
   display: table-cell;
   width: 250px;
   background-color: #ff9900;
   padding: 10px 20px 10px 20px;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
}

/*三角*/
.directorsblog_message_box_left:after {
   content: "";
   border: 16px solid transparent;
   border-left: 16px solid #ff9900;
   position: absolute;
   margin-top: -32px;
   margin-left: 144px;
   z-index: 500;
}

/*三角（IE10、IE11の微調整）*/
@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .message_box_left_green:after {
      margin-left: 270px !important;
   }

   /* IE11 */
   .message_box_left_green:after {
      margin-left: 270px !important;
   }

   /* IE10 */
}

.directorsblog_message_box_left p {
   text-align: center;
}

.directorsblog_message_box_right {
   display: table-cell;
   padding: 10px 20px 10px 40px;
   border-top: solid 1px #d8d8d8;
   border-right: solid 1px #d8d8d8;
   border-bottom: solid 1px #d8d8d8;
}

.directorsblog_message_box_right .annotate {
   padding: 6px 0px 6px 0px;
   font-size: 86%;
   color: #444444;
}


/*NEWSとブログのタイトル（h1）に文字色*/
.news_page_design h1,
.blog_page_design h1,
.news_list_design h1,
.blog_list_design h1 {
   color: #339999;
}

/*NewsとBlogの記事ページのタイトルの下の日付*/
.contents_title_outer .date {
   margin: 5px 0px 5px 0px;
   padding: 0px 0px 10px 0px;
   color: #888888;
   font-size: 94%;
}

.news_list_design #contents_header .date,
.blog_list_design #contents_header .date {
   margin: 5px 0px 15px 0px;
   color: #888888;
}

/*「続きを見る」のリンク*/
.more-link {
   display: block;
   padding: 4px 10px 4px 24px;
   margin: 25px 0px 10px 0px;
   background: url(img/icon_link.png) no-repeat 7px 11px;
   /*横縦*/
   background-color: #ececec;
}

.more-link:hover {
   background: url(img/icon_link_white.png) no-repeat 7px 11px;
   /*横縦*/
   /*border: solid 1px #d2d2d2;*/
   background-color: #339999;
   color: #ffffff !important;
}

/*News、Blog記事単体ページ下部の記事間リンクナビゲーション*/
.nav-single {
   position: relative;
   display: block;
   overflow: hidden;
   float: none;
   margin: 0px 0px 30px 0px;
   padding-top: 20px;
   border-top: 1px solid #D2D2D2;
}

.nav-previous,
.nav-next {
   position: relative;
   display: block;
   width: 45%;
   margin-bottom: 15px;
   vertical-align: top;
   font-size: 90%;
}

.nav-previous {
   float: left;
   padding-left: 1em;
}

.nav-next {
   width: auto;
   float: right;
   padding-right: 1em;
}

.nav-previous .meta-nav {
   position: absolute;
   top: 0;
   left: 0;
}

.nav-next .meta-nav {
   position: absolute;
   top: 0;
   right: 0;
}



/* -----------------------

サイドメニューのスタイル

----------------------- */
/*（News、blogのみ配置300px）*/

div#contents_side .side_box {
   padding: 0px;
   margin: 35px 0px 15px 0px;
   /*border: solid 1px #d2d2d2;*/
}

/* ----------PC：タイトル---------- */

/*サイドのh2*/
div#contents_side .side_title_box {
   display: block;
   overflow: hidden;
   width: 270px;
   padding: 6px 14px 6px 14px;
   border: solid 1px #d2d2d2;
   color: #339999;
   background-color: #FFFFFF;
   /* リニューアル */
   box-sizing: content-box;
}

/*サイドのh2*/
div#contents_side .side_title_box h2 {}

/*サイドのh2の中のa*/
div#contents_side .side_title_box h2 a {
   color: #61a8b4;
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 b {
   font-weight: 300;
   font-size: 96%;
}

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list a,
div#contents_side .blog_current_list a {
   display: block;
   overflow: hidden;
   width: 262px;
   padding: 8px 16px 8px 20px;
   border: solid 1px #d2d2d2;
   border-top: none;
   background-color: #ffffff;
   color: #4b4b4b;
   font-size: 96%;
   line-height: 140%;
}

div#contents_side .news_current_list a:hover,
div#contents_side .blog_current_list a:hover {
   background-color: #61a8b4;
   color: #ffffff;
   filter: alpha(opacity=100) !important;
   /*IE*/
   -moz-opacity: 1.00 !important;
   /*FF*/
   opacity: 1.00 !important;
}

/*カテゴリの子ページリンクの日付*/
div#contents_side .news_current_list li a .date,
div#contents_side .blog_current_list li a .date {
   color: #61a8b4;
   display: block;
   width: 100%;
}

/*カテゴリの子ページリンクの日付*/
div#contents_side .news_current_list li a:hover .date,
div#contents_side .blog_current_list li a:hover .date {
   color: #ffffff;
   display: block;
   width: 100%;
}

/*ブログ、トピックスなどのタイトルの共通設定*/
div#contents_side .side_title_news,
div#contents_side .side_title_blog {
   padding: 0px;
   margin: 0px;
   line-height: 1.3;
   display: block;
   /*width:640px;*/
   padding: 0px 0 0px 0 !important;
   margin: 0px 0 20px 0 !important;
   clear: both;
   border-left: none !important;
   border-bottom: solid 3px #333 !important;
}

/*ブログのカテゴリリンク枠*/

/*カテゴリリンクの枠*/
.side_box_category_topics_category ul {
   display: block;
   overflow: hidden;
   width: 270px;
   padding: 8px 14px 8px 14px;
   border: solid 1px #d2d2d2;
}

/*カテゴリリンクのa*/
.side_box_category_topics_category ul li a {
   padding: 0px 0px 0px 0px;
   background-color: #ffffff;
   color: #4b4b4b;
   font-size: 96%;
   line-height: 130%;
}

.side_category_list_subtitle {
   color: #848484;
   font-size: 94%;
   margin-bottom: 4px;
}

.category_current_list,
/*固定ページの子ページリスト*/
.news_current_list,
/*Newsページの記事ページリスト*/
.blog_current_list

/*ブログページの記事ページリスト*/
   {}

.category_current_list .pagedate,
/*固定ページの子ページリストの日付*/
.news_current_list .pagedate,
/*ブログページの記事ページリストの日付*/
.blog_current_list .pagedate

/*ブログページの記事ページリストの日付*/
   {
   font-size: 90%;
   color: #cccccc;
   padding: 0px 0px 0px 7px;
}

/*アクセスカウンター*/

/*枠　ul*/
div#contents_side .cpd {
   display: block;
   overflow: hidden;
   width: 270px;
   padding: 8px 14px 8px 14px;
   border: solid 1px #d2d2d2;
   margin: 0px 0 20px 0 !important;
}

/*行 li*/
div#contents_side .cpd-l {
   font-size: 96%;
   padding: 2px 0px 2px 0px;
}

/*行のliの中のspan*/
div#contents_side .cpd-r {
   display: inline-block;
   text-align: right;
   float: right;
   color: #669900;
   font-weight: 600;
   font-size: 110%;
}

/*センター長からのご注意*/
div#contents_side .directors_message_box {
   display: block;
   overflow: hidden;
   width: 266px;
   padding: 10px 14px 10px 14px;
   /*border: solid 4px #d2d2d2;*/
   border: solid 3px #339999;
   margin: 0px 0 20px 0 !important;
}

div#contents_side .directors_message_box p {
   font-size: 88% !important;
   line-height: 150%;
   color: #666666;
}



/* ----------PC：カテゴリリンク---------- */


/*サイドのカテゴリリンクのタイトル p*/
div#contents_side .side_title_box .category_link_list_title {
   /*p*/

}

/*サイドのカテゴリリンクのul*/
div#contents_side .category_link_list {
   /*ul*/
   display: block;
   overflow: hidden;
   width: 298px;
   padding: 0px 0px px 0px;
   border: solid 1px #d2d2d2;
   border-top: none;
   background-color: #ffffff;
   color: #4b4b4b;
   line-height: 140%;
}

/*サイドのカテゴリリンクのa*/
div#contents_side .category_link_list a {
   /*a*/
   display: block;
   overflow: hidden;
   width: 276px;
   padding: 8px 14px 8px 14px;
   border-top: none;
   background-color: #ffffff;
   color: #4b4b4b;
   line-height: 140%;
}

/*サイドのカテゴリリンクのa*/
div#contents_side .category_link_list a:hover {
   /*a*/
   background-color: #888888;
   color: #ffffff;
}

/*カテゴリー欄の「カテゴリーなし」のときのスタイル li*/
div#contents_side .cat-item-none {
   display: block;
   overflow: hidden;
   width: 276px;
   padding: 8px 14px 8px 14px;
   border-top: none;
   background-color: #ffffff;
   color: #4b4b4b;
   line-height: 140%;
   font-size: 94%;
}

/*サイドの「リンク」のaにブランクアイコンを追加　li*/
div#contents_side .side_link_blank a {
   display: block;
   overflow: hidden;
   width: 276px;
   padding: 8px 14px 8px 34px;
   border-top: none;
   background-color: #ffffff;
   color: #4b4b4b;
   line-height: 140%;
   background: url(img/icon_blank.png) no-repeat 12px 10px;
}

/* -----------------------

検索結果一覧（Google検索利用）

----------------------- */

/*Googleのスクリプトから書き出されるiframeのID名*/
#cse-search-results {
   /* width: 1080px;リニューアル */
   padding: 10px 30px 10px 30px;
   background-color: #ffffff;
}

#cse-search-results iframe {
   vertical-align: bottom;
   /*←効いてない…*/
}


/* -----------------------

フッター

----------------------- */

/*------------- フッター -------------*/

/*フッターの中身を包んだ大枠*/
.footer_inner {
   /*幅1140ピクセル*/
   display: table;
   width: 1090px;
   margin: 0px auto;
   padding: 20px 25px;
   margin-bottom: 20px;
   overflow: hidden;
   text-align: left !important;
   position: relative;
   background-color: #8e8c7f;
}

/*左の学校ロゴと住所を包んだ枠*/
.school_notice_box {
   display: table-cell;
   width: 320px;
   padding: 0px 20px 0px 0px;
   margin: 0px 20px 0px 0px;
}

/*ロゴ画像代替*/
.footer_logo {
   /*p*/
   display: block;
   position: relative;
   width: 300px;
   height: 50px;
   margin: 0px 0px 26px 0px;
   background: url("img/footer_logo.png") no-repeat 0px 0px;
}

.footer_logo span {
   /*span*/
   visibility: hidden;
}

/*住所*/
.footer_address {
   line-height: 130%;
   color: #FFFFFF !important;
   padding: 0px 0px 15px 0px;
}

.footer_address a {
   line-height: 130%;
   color: #FFFFFF !important;
   padding: 0px 0px 15px 0px;
}

.footer_address a:hover {
   filter: alpha(opacity=80) !important;
   /*IE*/
   -moz-opacity: 0.80 !important;
   /*FF*/
   opacity: 0.80 !important;
}

/*リンクとcopyrightを包んだdiv*/
.footer_other_box {
   display: table-cell;
   vertical-align: bottom !important;
   border-left: solid 1px #ffffff;
   padding: 0px 0px 0px 40px;
}

/*テキストリンク*/
.footer_etc_link {
   /*ul*/
   display: block;
   position: relative;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 35px 0px;
   font-size: 96%;
}

.footer_etc_link li {
   /*li*/
   float: left;
   width: 10em;
}

.footer_etc_link li a {
   /*a*/
   float: left;
   color: #FFFFFF !important;
}

.footer_etc_link li a:hover {
   /*a*/
   filter: alpha(opacity=80) !important;
   /*IE*/
   -moz-opacity: 0.80 !important;
   /*FF*/
   opacity: 0.80 !important;
}

.copyright {
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 23px 0px 0px 0px;
   line-height: 120%;
}

.copyright p {
   color: #FFFFFF !important;
}



/* ----------ページTOPへボタン---------- */
/*2021年6月以降は未使用（削除可）*/

#pagetop_wrapper {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: block;
   width: 64px;
   height: 72px;
}

.pagetop {
   display: block;
   float: right;
   width: 64px;
   height: 72px;
}

.pagetop a {
   display: block;
   width: 64px;
   height: 72px;
   background: url(img/btn_pagetop.png) top right no-repeat;
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

.pagetop a:hover {
   filter: alpha(opacity=40) !important;
   /*IE*/
   -moz-opacity: 0.40 !important;
   /*FF*/
   opacity: 0.40 !important;
}

.pagetop a b {
   display: none;
}







/*--------------------

リンクタブ（2021.5.25追加）

PC：
左上「大学サイト」
右下「HOKUSEI Web Movie」「PAGE TOP」

スマホ：
下部固定「大学サイト」「HOKUSEI Web Movie」「PAGE TOP」

--------------------*/


/* ---------- 左上のリンクタブ「大学サイト」 ---------- */

.link_tab_inner1 {
   position: fixed;
   left: 0;
   top: 135px;
   z-index: 1000;
}

.link_tab_mainsite {
   display: block;
   width: 64px;
   height: 72px;
   background-color: #1f296f;
}

.link_tab_mainsite span {
   display: none;
}


.link_tab_mainsite>a {
   display: block;
   width: 64px;
   height: 72px;
   background: url(img/link_tab_mainsite_x2.png) center center no-repeat;
   background-size: 64px 72px;
   background-color: #222A6B;
}

.link_tab_mainsite>a:hover {
   margin-left: 5px;

   -webkit-transition: width 0.1s ease-in-out;
   -moz-transition: width 0.1s ease-in-out;
   -o-transition: width 0.1s ease-in-out;
   transition: width 0.1s ease-in-out;
}



/* ----------右下のリンクタブ「HOKUSEI Web Movie」「PAGE TOP」---------- */
.link_tab_inner2 {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: block;
   width: 64px;
}

/* ----------「受験生向け LINE」---------- */
.link_tab_line {
   display: block;
   float: right;
   width: 64px;
   height: 72px;
}

.link_tab_line a {
   width: 100%;
   height: 100%;
   background: #06c755;
   color: #fff;
   font-size: 13px;
   line-height: 1.25;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}

.link_tab_line a:hover {
   background: #50d888;
   text-decoration: none;
}

/*
.link_tab_line a .large{
	font-size: 17px;
	font-weight: bold;
}
*/
.link_tab_line .mark {
   display: block;
   width: 24px;
   height: 24px;
   margin: 2px auto 0;
}

.link_tab_line .mark img {
   width: 100%;
   height: 100%;
}

/* ----------「HOKUSEI Web Movie」---------- */
.link_tab_movie {
   display: block;
   float: right;
   width: 64px;
   height: 72px;
}

.link_tab_movie a {
   display: block;
   width: 64px;
   height: 72px;
   background: url(img/link_tab_movie_x2.png) center center no-repeat;
   background-size: 64px 72px;
   background-color: #BFD9F1;
}

.link_tab_movie a:hover {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

.link_tab_movie a span {
   display: none;
}


/* ----------「PAGE TOP」---------- */
.link_tab_pagetop {
   display: block;
   float: right;
   width: 64px;
   height: 72px;
}

.link_tab_pagetop a {
   display: block;
   width: 64px;
   height: 72px;
   background: url(img/link_tab_pagetop_x2.png) center center no-repeat;
   background-size: 64px 72px;
   background-color: #61a8b4;

}

.link_tab_pagetop a:hover {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

.link_tab_pagetop a span {
   display: none;
}








/* --------------------

トップページ専用スタイル

-------------------- */

/* --------------------

トップのメインコンテンツの基本設定

-------------------- */

/*---------- トップのメインコンテンツ（メインビジュアルの下から） ----------*/

#contents_top_notice,
#contents_top_information,
#contents_top_news,
#contents_top_event,
#contents_top_link4,
#contents_top_contents,
#contents_top_schedule,
#contents_top_tosite {
   position: relative;
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: center;
}


/* --------------------

トップのNotice（重要なお知らせ）欄

-------------------- */

/*Notice欄全体*/
.notice_box {
   display: table;
   text-align: left;
   width: 1140px;
   min-height: 110px;
   background-color: #ffffff;
   margin: 0px 0px 30px 0px;
   -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

/*Notice欄左*/
.notice_left_box {
   display: table-cell;
   text-align: center;
   width: 380px;
   min-height: 110px;
   padding: 0;
   background-color: #985799;
}

/*Notice欄右*/
.notice_right_box {
   display: table-cell;
   width: 780px;
   background-color: #ffffff;
   text-align: left;
   vertical-align: middle;
   padding: 0px 0px 0px 0px;
}

/*Notice欄全体のリンクエリア　aタグ*/
.notice_link {
   display: block;
   overflow: hidden;
   width: 720px;
   min-height: 110px;
   padding: 0px 20px 0px 20px;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
}

.notice_link:hover {
   background-color: #fffdf4;
}

/*左側のタイトル画像　p*/
.notice_title {
   width: 380px;
   min-height: 110px;
   background: url(img/title_notice.png) no-repeat 50% 50%;
}

.notice_title b {
   visibility: hidden;
}

.notice_date {
   margin: 20px 0px 8px 0px;
   color: #6fb7c5;
   font-size: 96%;
   line-height: 120%;
}

.notice_text {
   margin: 0px 0px 10px 0px;
   color: #696768;
   line-height: 140%;
   font-size: 120%;
}

.notice_link:hover .notice_date,
.notice_link:hover .notice_text {
   filter: alpha(opacity=80) !important;
   /*IE*/
   -moz-opacity: 0.80 !important;
   /*FF*/
   opacity: 0.80 !important;
}


/* --------------------

トップのインフォメーション欄

-------------------- */

/*インフォメーション欄全体*/
/*使っていない（カルーセル導入前のスタイル）*/
.information_box {
   display: table;
   text-align: left;
   width: 1140px;
   background-color: #ffffff;
   margin: 0px 0px 30px 0px;
}



/* --------------------

トップのinfo欄（カルーセル）

-------------------- */

/*infoのコンテンツ表示枠*/
.info_box {
   display: block;
   width: 1140px;
   height: 380px;
   padding: 0px 0px 0px 0px;
   margin-bottom: 50px;
   border: 0px solid #ffffff;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.info_box img {
   margin-left: -1px !important;
   border: 1px solid #ffffff;
}

.flex-viewport {
   max-height: 382px !important;
}

/* Arrows */
.flex-nav-prev,
.flex-nav-next {
   z-index: 999 !important;
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 46%;
   display: block;
   width: 38px;
   height: 38px;
   margin-top: -10px;
   padding: 0;
   cursor: pointer;
   /*color: transparent;*/
   border: none;
   outline: none;
   /*background: transparent;*/
   background-color: rgba(22, 170, 182, 0.6);
}

.flex-nav-prev {
   left: -19px;
   background: url(img/btn_pickup_before.png) no-repeat 0px 0px;
   background-color: rgba(22, 170, 182, 0.6);
}

[dir='rtl'] .flex-nav-prev {
   right: -19px;
   left: auto;
}

.flex-nav-next {
   right: -19px;
   background: url(img/btn_pickup_next.png) no-repeat 0px 0px;
   background-color: rgba(22, 170, 182, 0.6);
}

[dir='rtl'] .flex-nav-next {
   right: auto;
   left: -19px;
}

.flex-nav-prev:hover,
.flex-nav-prev:focus,
.flex-nav-next:hover,
.flex-nav-next:focus {
   background-color: rgba(22, 170, 182, 1.0);
}




.flex-control-paging li a {}

.flex-control-paging li a.flex-active {
   background-color: #70B7C5 !important;
}

.flex-control-paging li a:hover {}




/* --------------------

キャンパス説明会申し込みボタン欄（2018.7.5追加）

-------------------- */

.contents_top_entry_button {
   margin-bottom: 40px;
   text-align: center;
}

/*リンクボタン　a*/
.button_top_entry {
   display: block;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   width: 664px;
   height: 76px;
   background: url(img/btn_to_entry.png) no-repeat center center;
}

.button_top_entry:hover {
   background: url(img/btn_to_entry_hover.png) no-repeat center center;
}

.button_top_entry b {
   display: none;
}


/* --------------------

Web出願申し込みボタン欄（2019.10.21追加）

-------------------- */

.contents_top_webentry_button {
   margin-bottom: 40px;
   text-align: center;
}

/*リンクボタン　a*/
.button_top_webentry {
   display: block;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   width: 456px;
   height: 76px;
   background: url(img/btn_to_webentry.png) no-repeat center center;
}

.button_top_webentry:hover {
   background: url(img/btn_to_webentry_hover.png) no-repeat center center;
}

.button_top_webentry b {
   display: none;
}


/* --------------------

トップのPICK UP欄（2016.12.8追加）

-------------------- */

/*コンテンツ表示枠*/
.pickup_link_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1090px;
   padding: 25px 25px 25px 25px;
   margin: 0px 0px 30px 0px;
   /*background-color:#DBD9AA;*/
   background-color: rgba(97, 168, 180, 0.2);
}

/*タイトルをくるんだdiv*/
.pickup_link_box .pickup_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1090px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*コンテンツのタイトル　h2*/
.subtitle_pickup {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_pickup:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/top_category_h2_pickup.png);
}

.subtitle_pickup b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}


.pickup_link_all_box {
   display: flex;
}

.pickup_link_1box {
   display: block;
   overflow: hidden;
   width: 210px;
   min-height: 13em;
   margin: 0px 10px 0px 0px;
   cursor: pointer;
   float: left;
   background-color: #ffffff;
   -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.pickup_link_1box:last-Child {
   margin: 0px 0px 0px 0px !important;
}

/*1記事分のリンクエリア*/
.pickup_link_1box a {
   display: block;
   position: relative;
   overflow: hidden;
   width: 210px;
   min-height: 13em;
   text-align: center !important;
}

/*1記事分のimg*/
.pickup_link_1box img {
   position: absolute;
   top: 94px;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: auto;
   height: 188px;
}

.pickup_link_img_box {
   display: block;
   overflow: hidden;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 210px;
   height: 188px;
}

/*写真の下のテキスト欄（タイトル）　span*/
.pickup_link_text_box {
   display: block;
   position: relative;
   overflow: hidden;
   margin-top: 188px !important;
   width: 175px;
   min-height: 6em;
   padding: 9px 15px 7px 20px;
   font-size: 100%;

}

/*日付　p*/
.pickup_link_date {
   display: block;
   position: relative;
   padding: 0px 0px 7px 0px;
   margin: 0px 0px 0px 0px;
   font-size: 100%;
   color: #70B7C5;
   line-height: 140%;
}

.pickup_link_1box a:hover {
   text-decoration: none !important;
}

.pickup_link_1box a:hover p.pickup_link_date {}

/*記事タイトル　p*/
.pickup_link_text {
   display: block;
   position: relative;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   font-size: 96%;
   line-height: 140%;
   color: #31312f;
}

.pickup_link_1box a:hover p.pickup_link_text {
   filter: alpha(opacity=90) !important;
   /*IE*/
   -moz-opacity: 0.90 !important;
   /*FF*/
   opacity: 0.90 !important;
}

















/* ----------PC：トップのニュースボックス----------*/

/*4つのリンクとお知らせ欄全体*/
.top_news_box {
   display: table;
   text-align: left;
   width: 1140px;
   background-color: #ffffff;
   margin: 0px 0px 30px 0px;
}

/*左：4つのリンク*/
.news_left_box {
   display: table-cell;
   text-align: center;
   width: 380px;
   padding: 0;
   background-color: #009999;
}

/*4つのリンク共通　a*/
.top_4link {
   display: block;
   width: 380px;
   height: 90px;
   margin-bottom: 1px;
}

.top_4link:hover {
   background-color: #33adad;
   text-decoration: none;
}

/*4つのリンクの一番上　p*/
.top_4link_1 {
   display: block;
   width: 320px;
   height: 90px;
   margin: 0 auto;
   background: url(img/btn_top_4linkbox_1.png) no-repeat 0px 10px;
   border-bottom: solid 1px #FFFFFF;
}

/*4つのリンクの中段　p*/
.top_4link_2 {
   display: block;
   width: 320px;
   height: 90px;
   margin: 0 auto;
   background: url(img/btn_top_4linkbox_2.png) no-repeat 0px 10px;
   border-bottom: solid 1px #FFFFFF;
}

/*4つのリンクの一番下　p*/
.top_4link_3 {
   display: block;
   width: 320px;
   height: 90px;
   margin: 0 auto;
   background: url(img/btn_top_4linkbox_3.png) no-repeat 0px 10px;
   border-bottom: solid 1px #FFFFFF;
}

/*4つのリンクの一番下　p*/
.top_4link_4 {
   display: block;
   width: 320px;
   height: 90px;
   margin: 0 auto;
   background: url(img/btn_top_4linkbox_4.png) no-repeat 0px 10px;
}

/*4つのリンク　pの中のspan*/
.top_4link_1 span,
.top_4link_2 span,
.top_4link_3 span,
.top_4link_4 span {
   visibility: hidden;
}



/*右：お知らせ欄（タブおよびお知らせ一覧、イベント一覧も含む）*/
.news_right_box {
   display: table-cell;
   width: 760px;
   min-height: 364px;
   background-color: #ffffff;
   text-align: left;
   vertical-align: top;
   padding: 0px 0px 0px 0px !important;
}

/*タブとリストエリア全体*/
.top_news_tab_content {
   display: block;
   position: relative;
   overflow: hidden;
   width: 760px;
   height: 364px;
   /*タブ、リスト欄、ボトム隙間、MOREボタン*/
   margin: 0px 0px 0px 0px;
   float: left;
}

/*タブ1つ分*/
.top_tab_menu {
   display: block;
   position: relative;
   width: 379px;
   height: 38px;
   background: #f7f7f5;
   float: left;
   list-style: none;
   padding: 14px 10px 8px 30px;
   margin-right: -1px;
   font-size: 90%;
   cursor: pointer;
   color: #31312f;
   border: solid 1px #d2d2d0;
   /*background-color:886611;*/
   background-color: #dfdfdf;
}

/*一番左のタブのみ*/
.top_tab_menu:first-child {
   width: 298px;
}

/*アクティブなタブ*/
.top_tab_active {
   background-color: #ffffff;
   color: #0151a8;
   border: solid 1px #d2d2d0;
   border-bottom: none !important;
}

/*タブのロールオーバー*/
.top_tab_hover {
   background: #99cc33;
   color: #0151a8;
   border: solid 1px #d2d2d0;
   -webkit-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
   filter: alpha(opacity=80) !important;
   /*IE*/
   -moz-opacity: 0.80 !important;
   /*FF*/
   opacity: 0.80 !important;
}

/*タブメニューから下のリスト表示枠全体*/
.top_tab_content {
   display: block;
   width: 758px;
   height: 291px;
   border: #d2d2d0 1px solid;
   border-top: none !important;
   background: #FFF;
   top: 62px;
   padding: 10px 0px 0px 0px;
   position: absolute;
}


/*NEWSのタイトル　h2*/
.subtitle_news {
   display: block;
   position: relative;
   height: 40px;
   width: 200px;
   margin: 0px 0px 0px 0px;
   float: left;
}

.subtitle_news:before {
   display: block;
   position: relative;
   height: 40px;
   width: auto;
   margin: 0px 12px 0px 0px;
   content: url(img/top_category_h2_news.png);
   float: left;
}

.subtitle_news b {
   display: block;
   position: relative;
   height: 40px;
   width: auto;
   padding: 13px 10px 0px 0px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}


/*EVENTのタイトル　h2*/
.subtitle_event {
   display: block;
   position: relative;
   height: 40px;
   width: 350px;
   margin: 0px 0px 0px 0px;
   float: left;
}

.subtitle_event:before {
   display: block;
   position: relative;
   height: 40px;
   width: auto;
   margin: 0px 12px 0px 0px;
   content: url(img/top_category_h2_event.png);
   float: left;
}

.subtitle_event b {
   display: block;
   position: relative;
   height: 40px;
   width: auto;
   padding: 13px 10px 0px 0px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}



/*お知らせ欄全体（タブで切り替わるエリア全体）*/
.news_right_box .news_content_list,
.news_right_box .event_content_list {
   display: block;
   position: relative;
   overflow: hidden;
   width: 758px;
   height: 262px;
   /*タブ、リスト欄、ボトム隙間、MOREボタン*/
   margin: 0px 0px 0px 0px;
   float: none;
}


/*リストの表示枠　1ジャンル分 スクロールバーあり*/
.news_right_box .news_list,
.news_right_box .event_list {
   /*dl*/
   display: block;
   position: relative;
   height: 245px;
   width: 700px;
   padding: 0px 15px 0px 34px;
   margin-bottom: 0px;
   overflow: auto;
}

/*お知らせのリストのスタイル*/

/*日付*/
.news_right_box .news_list dt {
   display: block;
   position: relative;
   float: none;
   width: 3.5em;
   padding: 0px 0px 7px 0px;
   margin: 0px 0px 10px 0px;
   font-size: 100%;
   color: #70B7C5;
}

/*タイトルリンクのリンク範囲（下にボーダー）*/
.news_right_box .news_list dd {
   display: block;
   position: relative;
   text-align: left;
   float: none;
   padding: 0px 0px 15px 90px !important;
   margin: 0px 0px 9px 0px;
   margin-top: -38px;
   border-bottom: solid 1px #d2d2d0;
   line-height: 130%;
}

.news_right_box .news_list a {
   color: #31312f;
}

.news_right_box .news_list a:hover {
   text-decoration: underline;
   filter: alpha(opacity=90) !important;
   /*IE*/
   -moz-opacity: 0.90 !important;
   /*FF*/
   opacity: 0.90 !important;
}

/*「お知らせはありません」のddのクラス*/
.news_right_box .nonlist {
   margin-top: 0 !important;
   padding: 0px 0px 8px 0em !important;
}


/*イベントのリストのスタイル*/

/*ジャンルと日付　dt　共通設定*/

/*ジャンル1「進学相談会」*/
.news_right_box .event_list .event_genre1,
.news_right_box .event_list .event_genre2,
.news_right_box .event_list .event_genre3,
.news_right_box .event_list .event_genre4,
.news_right_box .event_list .event_genre5,
.news_right_box .event_list .event_genre6 {
   display: block;
   position: relative;
   float: none;
   width: 15em;
   padding: 0px 0px 7px 0px;
   margin: 0px 0px 10px 0px;
   font-size: 100%;
}

/*ジャンルと日付　dtのジャンル1「進学相談会」の色*/
.news_right_box .event_list .event_genre1 {
   color: #006699;
}

/*ジャンルと日付　dtのジャンル2「キャンパス説明会」の色*/
.news_right_box .event_list .event_genre2 {
   color: #66cccc;
}

/*ジャンルと日付　dtのジャンル3「願書・資料請求」の色*/
.news_right_box .event_list .event_genre3 {
   color: #99cc33;
}

/*ジャンルと日付　dtのジャンル4「試験日」の色*/
.news_right_box .event_list .event_genre4 {
   color: #996699;
}

/*ジャンルと日付　dtのジャンル5「合格発表」の色*/
.news_right_box .event_list .event_genre5 {
   color: #6699cc;
}

/*ジャンルと日付　dtのジャンル6「その他」の色*/
.news_right_box .event_list .event_genre6 {
   color: #9b7146;
}

/*年月日が、20xx.00.00〜20xx.00.00 といった期間表記の場合　※dtのclassに「event_dt_wide」を併記*/
.news_right_box .event_list .event_genre1.event_dt_wide,
.news_right_box .event_list .event_genre2.event_dt_wide,
.news_right_box .event_list .event_genre3.event_dt_wide,
.news_right_box .event_list .event_genre4.event_dt_wide,
.news_right_box .event_list .event_genre5.event_dt_wide,
.news_right_box .event_list .event_genre6.event_dt_wide {
   width: 20em;
}


/*ジャンルのアイコン風　共通設定*/
.news_right_box .event_list .event_genre1 span,
.news_right_box .event_list .event_genre2 span,
.news_right_box .event_list .event_genre3 span,
.news_right_box .event_list .event_genre4 span,
.news_right_box .event_list .event_genre5 span,
.news_right_box .event_list .event_genre6 span {
   color: #fff;
   display: inline-block;
   font-size: 13px;
   font-weight: 700;
   line-height: 1;
   width: 8.4em;
   padding: 3px 7px;
   text-align: center;
   vertical-align: baseline;
   white-space: nowrap;
   margin-right: 8px;
}

/*ジャンル1「進学相談会」の色*/
.news_right_box .event_list .event_genre1 span {
   background-color: #006699;
}

/*ジャンル2「キャンパス説明会」の色*/
.news_right_box .event_list .event_genre2 span {
   background-color: #66cccc;
}

/*ジャンル3「願書・資料請求」の色*/
.news_right_box .event_list .event_genre3 span {
   background-color: #99cc33;
}

/*ジャンル4「試験日」の色*/
.news_right_box .event_list .event_genre4 span {
   background-color: #996699;
}

/*ジャンル5「合格発表」の色*/
.news_right_box .event_list .event_genre5 span {
   background-color: #6699cc;
}

/*ジャンル6「その他」の色*/
.news_right_box .event_list .event_genre6 span {
   background-color: #9b7146;
}


/*タイトルリンクのリンク範囲（下にボーダー）*/
.news_right_box .event_list dd {
   display: block;
   position: relative;
   text-align: left;
   float: none;
   padding: 0px 0px 15px 14em !important;
   margin: 0px 0px 9px 0px;
   margin-top: -38px;
   border-bottom: solid 1px #d2d2d0;
   line-height: 130%;
}


/*年月日が、20xx.00.00〜20xx.00.00 といった期間表記の場合にddに追加されるclass*/
.news_right_box .event_list dd.genre3_dd,
.news_right_box .event_list dd.genre4_dd {
   padding: 0px 0px 15px 20em !important;
}


.news_right_box .event_list a {
   color: #31312f;
}

.news_right_box .event_list a:hover {
   text-decoration: underline;
   filter: alpha(opacity=90) !important;
   /*IE*/
   -moz-opacity: 0.90 !important;
   /*FF*/
   opacity: 0.90 !important;
}

/*「お知らせはありません」のddのクラス*/
.news_right_box .nonlist {
   margin-top: 0 !important;
   padding: 0px 0px 8px 0em !important;
}


/*お知らせのMOREボタン*/

/*「MORE NEWS」pのクラス*/
.news_right_box .top_news_list {
   padding: 0 !important;
   text-align: right;
}

/*aタグ*/
.news_right_box .to_news_list {
   display: block;
   position: relative;
   float: right;
   width: auto !important;
   margin: 0px 10px 10px 0px !important;
   padding: 5px 24px 5px 13px;
   font-size: 84%;
   text-align: left;
   letter-spacing: -0.01em;
   line-height: 100%;
   color: #777777;
   border: solid 1px #009999;
   background: url(img/icon_link_green.png) no-repeat 94% 50%;
}

.news_right_box .to_news_list:hover {
   background: url(img/icon_link_white.png) no-repeat 94% 50%;
   background-color: #009999;
   color: #ffffff;
   border: solid 1px #009999;
}


/*イベントのMOREボタン*/

/*「MORE EVENT」pのクラス*/
.news_right_box .top_event_list {
   padding: 0 !important;
   text-align: right;
}

/*aタグ*/
.news_right_box .to_event_list {
   display: block;
   position: relative;
   float: right;
   width: auto !important;
   margin: 0px 10px 10px 0px !important;
   padding: 5px 24px 5px 13px;
   font-size: 84%;
   text-align: left;
   letter-spacing: -0.01em;
   line-height: 100%;
   color: #777777;
   border: solid 1px #ff9900;
   background: url(img/icon_link_yellow.png) no-repeat 94% 50%;
}

.news_right_box .to_event_list:hover {
   background: url(img/icon_link_white.png) no-repeat 94% 50%;
   background-color: #ff9900;
   color: #ffffff;
   border: solid 1px #ff9900;
}


/*EVENT欄右*/
.event_right_box {
   display: table-cell;
   text-align: center;
   width: 380px;
   height: 365px;
   padding: 5px 30px 10px 30px;
   background-color: #ff9900;
}


/*お知らせ（イベント）はありませんのp*/
.news_content_list p,
.event_content_list p {
   padding: 0px 0px 15px 40px !important;
}


/* --------------------

トップの4つのリンク欄

-------------------- */

/*トップの4つのリンク表示枠*/
.contents_top_link4 {
   display: block;
   overflow: hidden;
   width: 1140px;
   margin: 0px 0px 30px 0px !important;
}

.link4_box {
   width: 1140px;
   height: 180px;
}

/*4つ共通の設定*/
.link4_box_1,
.link4_box_2,
.link4_box_3,
.link4_box_4 {
   display: block;
   overflow: hidden;
   width: 276px;
   height: 180px;
   margin: 0px 0px 0px 0px;
   vertical-align: middle;
   text-align: center;
   float: left;
}

.link4_box_1 {
   margin: 0px 12px 0px 0px;
   background-color: #996699;
}

.link4_box_2 {
   margin: 0px 12px 0px 0px;
   background-color: #336699;
}

.link4_box_3 {
   margin: 0px 12px 0px 0px;
   background-color: #99cc33;
}

.link4_box_4 {
   margin: 0px 0px 0px 0px;
   background-color: #61a8b4;
}

/*4つ共通の設定　a*/
.link4_box_1 .link4_box_span_close,
.link4_box_1 a,
.link4_box_2 a,
.link4_box_3 a,
.link4_box_4 a {
   display: block;
   overflow: hidden;
   width: 276px;
   height: 180px;
   margin: 0px 0px 0px 0px;
   vertical-align: middle;
   text-align: center;
   float: left;
   background: url(img/icon_4colorbox_hover.png);
}

/*4つ共通の設定　aのhover*/
.link4_box_1 a:hover,
.link4_box_2 a:hover,
.link4_box_3 a:hover,
.link4_box_4 a:hover {
   background: none;
   text-decoration: none;
}

/*4つ共通の設定　aのspan*/
.link4_box_1 .link4_box_span_close span,
.link4_box_1 a span,
.link4_box_2 a span,
.link4_box_3 a span,
.link4_box_4 a span {
   display: block;
   overflow: hidden;
   width: 276px;
   height: 180px;
   margin: 0px 0px 0px 0px;
   padding: 42% 0px 0px 0px;
   text-align: center;
   color: #FFFFFF;
   font-size: 136%;
   font-weight: 600;
   letter-spacing: 0.1em;
}

.link4_box_1 .link4_box_span_close {
   background: url(img/icon_4colorbox_1.png) no-repeat 50% 16%;
}

.link4_box_1 a span {
   background: url(img/icon_4colorbox_1.png) no-repeat 50% 16%;
}

.link4_box_2 a span {
   background: url(img/icon_4colorbox_2.png) no-repeat 50% 16%;
}

.link4_box_3 a span {
   background: url(img/icon_4colorbox_3.png) no-repeat 50% 16%;
}

.link4_box_4 a span {
   background: url(img/icon_4colorbox_4.png) no-repeat 50% 16%;
}

.link4_box_span_message {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 276px;
   height: 180px;
   top: 150px;
   color: #ffffff;
   font-size: 12px;

}


/* --------------------

トップのコンテンツ欄

-------------------- */

/*コンテンツ表示枠*/
.contents_link_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1090px;
   padding: 25px 25px 25px 25px;
   margin: 0px 0px 30px 0px;
   background-color: #DBD9AA;
}

.contents_link_box2 {
   margin-bottom: 50px;
   background-color: #c6dc98;
}

/*タイトルをくるんだdiv*/
.contents_link_box .content_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1090px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*コンテンツのタイトル　h2*/
.subtitle_contents {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_contents:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/top_category_h2_contents.png);
}

.subtitle_contents b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}

/*コンテンツのタイトル　h2*/
.subtitle_interview {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_interview:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/top_category_h2_interview.png);
}

.subtitle_interview b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}


.contents_link_1box {
   display: block;
   width: 356px;
   height: auto;
   margin-right: 11px;
   margin-bottom: 11px;
   cursor: pointer;
   float: left;
   background-color: #ffffff;
   -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.contents_link_1box:nth-Child(3n) {
   margin-right: 0px;
}

/*1記事分のリンクエリア*/
.contents_link_1box a {
   display: block;
   width: 100%;
   height: auto;
}

/*1記事分のimg*/
.contents_link_1box img {
   display: block;
   width: 100%;
   height: auto;
}

/*写真の下のテキスト欄（タイトル）　span*/
.contents_link_text_box {
   display: block;
   /*width:175px;*/
   height: 39px;
   padding: 9px 15px 7px 20px;
   font-size: 100%;
}

.contents_link_1box_1 .contents_link_text_box p:before {
   content: url(img/icon_24_school.png);
   position: relative;
   top: 4px;
   left: -2px;
}

.contents_link_1box_2 .contents_link_text_box p:before {
   content: url(img/icon_24_clip.png);
   position: relative;
   top: 5px;
   left: -2px;
}

.contents_link_1box_3 .contents_link_text_box p:before {
   content: url(img/icon_24_scholarship.png);
   position: relative;
   top: 5px;
   left: -2px;
}

.contents_link_1box_4 .contents_link_text_box p:before {
   content: url(img/icon_24_camera.png);
   position: relative;
   top: 7px;
   left: -2px;
}

.contents_link_1box_5 .contents_link_text_box p:before {
   content: url(img/icon_24_calendar.png);
   position: relative;
   top: 7px;
   left: -2px;
}

.contents_link_1box_6 .contents_link_text_box p:before {
   content: url(img/icon_24_pc.png);
   position: relative;
   top: 7px;
   left: -2px;
}

.contents_link_1box_7 .contents_link_text_box p:before {
   content: url(img/icon_24_star.png);
   position: relative;
   top: 7px;
   left: -2px;
}

.contents_link_1box_8 .contents_link_text_box p:before {
   content: url(img/icon_24_camera.png);
   position: relative;
   top: 7px;
   left: -2px;
}

.contents_link_1box_9 .contents_link_text_box p:before {
   content: url(img/icon_24_human_darkgray.png);
   position: relative;
   top: 6px;
   left: -2px;
}

.contents_link_1box_10 .contents_link_text_box p:before {
   content: url(img/icon_24_human_darkgray.png);
   position: relative;
   top: 6px;
   left: -2px;
}

.contents_link_1box_11 .contents_link_text_box p:before {
   content: url(img/icon_24_human_darkgray.png);
   position: relative;
   top: 6px;
   left: -2px;
}

/*Web出願*/
.contents_link_1box_12 .contents_link_text_box p:before {
   content: url(img/icon_24_note_pc.png);
   position: relative;
   top: 6px;
   left: -2px;
}

/*就職・キャリア*/
.contents_link_1box_13 .contents_link_text_box p:before {
   content: url(img/icon_24_human_necktie.png);
   position: relative;
   top: 6px;
   left: -2px;
}

.contents_link_1box a.icon_blank {
   background: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.contents_link_1box a.icon_blank p:after {
   content: "";
   position: relative;
   content: url(img/icon_blank.png);
   top: 2px;
   margin-left: 4px;
}



/* --------------------

トップの入学試験日程欄

-------------------- */

/*入学試験日程表示枠*/
.schedule_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 50px 0px;
}

/*タイトルをくるんだdiv*/
.schedule_box .schedule_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1140px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*入学試験日程のタイトル　h2*/
.subtitle_top_schedule {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_top_schedule:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/top_category_h2_schedule.png);
}

.subtitle_top_schedule b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}

/*表全体　div*/
.time_table_box {
   position: relative;
   display: table;
   width: 1140px;
   clear: both;
   float: none;
}

/*項目列（PCのみ）　div*/
.pc_only_table_header {
   display: table;
   width: 110px;
   float: left;
   background-color: #ffffff;
}

/*項目列（PCのみ）のul*/
.pc_only_table_header ul {
   display: table-cell;
}

/*項目列（PCのみ）のp*/
.pc_only_table_header .cell_title_p {
   display: table-cell;
   width: 110px;
   height: 110px;
   background-color: #8bbdbc;
   vertical-align: middle;
   text-align: center;
   color: #FFFFFF;
   border-bottom: solid 1px #cccccc !important;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

/*項目列（PCのみ）のli*/
.pc_only_table_header ul .cell_1,
.pc_only_table_header ul .cell_2,
.pc_only_table_header ul .cell_3 {
   display: table-row;
   width: 110px;
   float: none;
   color: #FFFFFF;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.pc_only_table_header ul .cell_2 {
   height: 6em;
}

.pc_only_table_header ul .cell_1 {
   background-color: #B5B951;
   height: 11em;
}

.pc_only_table_header ul .cell_2 {
   background-color: #ff9900;
   height: 6em;
}

.pc_only_table_header ul .cell_3 {
   background-color: #61A8B4;
   height: 11em;
}

/*各列のliの中のP*/
.pc_only_table_header ul .cell_1 p,
.pc_only_table_header ul .cell_2 p,
.pc_only_table_header ul .cell_3 p {
   display: table-cell;
   width: 205px !important;
   text-align: center;
   /*vertical-align:middle !important;*/
   color: #FFFFFF;
   border-bottom: solid 1px #cccccc !important;
   line-height: 130%;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.pc_only_table_header ul .time_table_cell_left p {
   vertical-align: middle !important;
}


/*各列　div*/
.time_table_cell_1,
.time_table_cell_2,
.time_table_cell_3,
.time_table_cell_4,
.time_table_cell_5 {
   display: table;
   width: 205px;
   float: left;
   background-color: #ffffff;
}

/*各列のul*/
.time_table_cell_1 ul,
.time_table_cell_2 ul,
.time_table_cell_3 ul,
.time_table_cell_4 ul,
.time_table_cell_5 ul {}


/*各列のp*/
.time_table_cell_1 .cell_title_p,
.time_table_cell_2 .cell_title_p,
.time_table_cell_3 .cell_title_p,
.time_table_cell_4 .cell_title_p,
.time_table_cell_5 .cell_title_p {
   display: table-cell;
   width: 205px;
   height: 110px;
   padding: 0px 10px 0px 10px;
   background-color: #8bbdbc;
   border-left: solid 1px #cccccc;
   vertical-align: middle;
   text-align: left;
   color: #FFFFFF;
   border-bottom: solid 1px #cccccc !important;
   line-height: 130%;
   font-size: 14px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

/*各列のli*/
.time_table_cell_1 li,
.time_table_cell_2 li,
.time_table_cell_3 li,
.time_table_cell_4 li,
.time_table_cell_5 li {
   display: table-row;
   width: 205px !important;

   float: none;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

/*各列のliの中のP*/
.time_table_cell_1 li p,
.time_table_cell_2 li p,
.time_table_cell_3 li p,
.time_table_cell_4 li p,
.time_table_cell_5 li p {
   display: block;
   width: 205px !important;
   height: 11em !important;
   padding: 0px 10px 0px 10px;
   text-align: left;
   /*vertical-align:top !important;*/
   color: #FFFFFF;
   border-bottom: solid 1px #cccccc !important;
   border-left: solid 1px #cccccc !important;
   font-size: 100%;
   font-weight: 600;
   line-height: 130%;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}


/*1つだけフォントサイズを調整*/
.time_table_cell_2 .cell_2 p {
   font-size: 100%;
}

.time_table_cell_1 .cell_1 p,
.time_table_cell_2 .cell_1 p,
.time_table_cell_3 .cell_1 p,
.time_table_cell_4 .cell_1 p,
.time_table_cell_5 .cell_1 p {
   color: #B5B951;
}

.time_table_cell_1 .cell_2 p,
.time_table_cell_2 .cell_2 p,
.time_table_cell_3 .cell_2 p,
.time_table_cell_4 .cell_2 p,
.time_table_cell_5 .cell_2 p {
   color: #ff9900;
}

.time_table_cell_1 .cell_3 p,
.time_table_cell_2 .cell_3 p,
.time_table_cell_3 .cell_3 p,
.time_table_cell_4 .cell_3 p,
.time_table_cell_5 .cell_3 p {
   color: #61A8B4;
}

/*セルごとのパディングトップを調整*/
.time_table_cell_1 .cell_1 p,
.time_table_cell_2 .cell_1 p,
.time_table_cell_3 .cell_1 p,
.time_table_cell_4 .cell_1 p,
.time_table_cell_5 .cell_1 p {
   padding-top: 1.7em;
   height: 11em !important;

}

.time_table_cell_1 .cell_3 p,
.time_table_cell_2 .cell_3 p,
.time_table_cell_3 .cell_3 p,
.time_table_cell_4 .cell_3 p,
.time_table_cell_5 .cell_3 p {
   padding-top: 1.7em;
   height: 11em !important;

}


.time_table_cell_1 .cell_2 p,
.time_table_cell_2 .cell_2 p,
.time_table_cell_3 .cell_2 p,
.time_table_cell_4 .cell_2 p,
.time_table_cell_5 .cell_2 p {
   padding-top: 1.7em;
   height: 6em !important;
}

.time_table_cell_2 .cell_1 p,
.time_table_cell_2 .cell_2 p,
.time_table_cell_2 .cell_3 p {
   padding-top: 0.5em !important;
}


/*PCでは表示しない項目名*/
.sp_only_text {
   font-size: 0px;
   line-height: 0px;
   display: none;
}

/*年表記　span*/
.e_sche_year {
   display: block;
   position: relative;
   width: 100%;
   font-size: 15px;
   text-align: left;
   margin-bottom: 0px;
}

.normal_text {
   font-size: 12px;
   color: #666666;
   margin-right: 3px;
   top: -3px;
}

.icon_time {
   font-size: 12px;
   color: #666666;
   top: -3px;
}

.icon_time:before {
   content: url(img/icon_clock.png);
   position: relative;
   top: 4px;
   left: 3px;
   margin-right: 3px;
}

/* --------------------

トップの「サイトへGO！」欄

-------------------- */

/*「サイトへGO！」表示枠*/
.tosite_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 30px 0px;
}

/*タイトルをくるんだdiv*/
.tosite_box .tosite_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1140px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*「サイトへGO！」のタイトル　h2*/
.subtitle_tosite {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_tosite:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/top_category_h2_site.png);
}

.subtitle_tosite b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}

/*表全体　div*/
.link_table_box {
   position: relative;
   display: table;
   width: 1140px;
   clear: both;
   float: none;
}

/*表の左*/
.link_table_left_box {
   display: table-cell;
   width: 849px;
}

/*表の右*/
.link_table_right_box {
   display: table-cell;
   width: 291px;
}

/*左側のタイトル　div*/
.link_table_left_title_box {
   display: table-cell;
   width: 849px;
   height: 70px;
   border-bottom: solid 1px #FFFFFF;
   border-right: solid 1px #FFFFFF;
   background-color: #4E699C;
}

/*左側のタイトル　h3*/
.link_table_left_title_box h3 {
   color: #FFFFFF;
   text-align: left;
   padding: 23px 30px 0px 55px;
   background: url(img/icon_32_logomark_white.png) no-repeat 20px 20px;
}

/*左側のul*/
.link_table_left_ul {
   display: block;
   overflow: hidden;
   width: 849px;
   height: 227px;
   background-color: #7792BD;
}

/*左側のli*/
.link_table_left_ul li {
   display: block;
   width: 282px;
   height: 75px;
   background-color: #7792BD;
   border-right: solid 1px #FFFFFF;
   border-bottom: solid 1px #FFFFFF;
   float: left;
}

/*左側のliのaタグ*/
.link_table_left_ul li a {
   display: block;
   width: 232px;
   height: 50px;
   padding: 25px 25px 0px 25px;
   text-align: left;
   font-size: 18px;
   color: #FFFFFF;
   background: url(img/icon_24_link_white.png) no-repeat 96% 50%;
}

.link_table_left_ul li a:hover {
   background-color: #9bb3da;
   filter: alpha(opacity=90) !important;
   /*IE*/
   -moz-opacity: 0.90 !important;
   /*FF*/
   opacity: 0.90 !important;
}

/*右側のタイトル　div*/
.link_table_right_title_box {
   display: table-cell;
   width: 291px;
   height: 70px;
   background-color: #669900;
   border-bottom: solid 1px #FFFFFF;
}

/*右側のタイトル　h3*/
.link_table_right_title_box h3 {
   color: #FFFFFF;
   text-align: left;
   color: #FFFFFF;
   text-align: left;
   padding: 23px 30px 0px 55px;
   background: url(img/icon_32_book_white.png) no-repeat 20px 20px;
}

/*右側のul*/
.link_table_right_ul {
   display: block;
   width: 291px;
   height: 227px;
   background-color: #99cc33;
}

/*右側のli*/
.link_table_right_ul li {}

/*右側のliのaタグ*/
.link_table_right_ul li a {
   display: block;
   width: 242px;
   height: 162px;
   padding: 65px 25px 0px 25px;
   text-align: left;
   font-size: 20px;
   color: #FFFFFF;
   line-height: 110%;
   background: url(img/icon_24_link_white.png) no-repeat 96% 50%;
}

.link_table_right_ul li a:hover {
   background-color: #ace240;
   filter: alpha(opacity=90) !important;
   /*IE*/
   -moz-opacity: 0.90 !important;
   /*FF*/
   opacity: 0.90 !important;
}

/*英文*/
.link_table_right_ul li a span.link_table_right_li_span1 {
   display: block;
   width: 242px;
   font-size: 13px;
}

/*コピー*/
.link_table_right_ul li a span.link_table_right_li_span2 {
   display: block;
   width: 242px;
   font-size: 15px;
}



/*=========================下層ページの各ページごとのスタイルここから=========================*/


/* --------------------

「入学試験要項」カテゴリー内で使用するスタイル

-------------------- */

/*ページ上部に表示する横移動のためのサブメニュー*/
.contents_page_link_submenu_box {
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.contents_page_link_submenu_box_1,
.contents_page_link_submenu_box_2 {
   display: table;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.contents_page_link_submenu_box_1 a {
   display: table-cell;
   width: 187px;
   padding: 10px 10px 10px 30px;
   margin: 0px 0px 0px 0px;
   background: url(img/icon_link_blue.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #ffffff;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
   color: #666666;
   vertical-align: middle;
}

.contents_page_link_submenu_box_2 a {
   display: table-cell;
   width: 187px;
   padding: 10px 10px 10px 30px;
   margin: 0px 0px 0px 0px;
   background: url(img/icon_link_blue.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #ffffff;
   border-right: #d8d8d8 solid 1px;
   color: #666666;
   vertical-align: middle;
}

.page_link_submenu_last {
   border-right: #d8d8d8 solid 0px !important;
}

/*アクティブなページの場合のスタイル　※使っていないけど、使う場合に備えて用意*/
.page_link_submenu_active {
   background: url(img/icon_link_hover.png) no-repeat 10px 50% !important;
   /*横縦*/
   background-color: #6699cc !important;
   color: #ffffff !important;
}

.contents_page_link_submenu_box a:hover {
   background: url(img/icon_link_hover.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #6699cc;
   color: #ffffff !important;
}

.contents_page_link_submenu_box .page_link_submenu_active:hover {
   background: url(img/icon_link_hover.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #6699cc !important;
   color: #ffffff !important;
}

/*大学・短大 タブ切り替え*/

.general_tab {
   overflow: hidden;
}

/*タブ1つ分 div*/
.tab_menu {
   display: block;
   position: relative;
   width: 202px;
   height: 25px;
   padding: 12px 10px 8px 10px;
   margin-right: 5px;
   float: left;
   list-style: none;
   text-align: center;
   font-size: 100%;
   letter-spacing: 0.3em;
   color: #31312f;
   /*background-color:#E8E8CE;*/
   background-color: #dfdfdf;
   border: solid 1px #d2d2d0;
   border-bottom: solid 0px #d2d2d0;
   cursor: pointer;
   /* リニューアル */
   box-sizing: content-box;
}

.tab_menu:hover {
   /*background-color:#DBE5CA;*/
   background: #ececec;
   color: #0151a8;
   border: solid 1px #d2d2d0;
   -webkit-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
   filter: alpha(opacity=80) !important;
   /*IE*/
   -moz-opacity: 0.80 !important;
   /*FF*/
   opacity: 0.80 !important;
}


/*アクティブなタブ div*/
.general_tab_nowselect,
.general_tab_nowselect:hover {
   background: #ffffff;
   border: solid 1px #ffffff;
   cursor: default;
   /* リニューアル */
   box-sizing: content-box;
}

/*タブで切り替えるコンテンツの中身（class「box_white」と併記し、スタイルはそっちを使う）*/
.general_tab_contents div {
   overflow: hidden;
   background-color: #FFFFFF;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
   display: none;
}

/*「特別奨学生制度」ページの「○○対象」h2の背景色*/
.h2_bg_green {
   display: block;
   padding: 6px 10px 6px 10px !important;
   background-color: #70b7c5;
   color: #FFFFFF !important;
   font-size: 120% !important;
}

/* --------------------

過去の入試結果　ディレクトリ名：statistics

-------------------- */

/*ページ上部に表示する横移動のためのサブメニュー*/
.contents_page_link_submenu_box_statistics {
   display: block;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.contents_page_link_submenu_box_generaldata p {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

.contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_1,
.contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_2 {
   display: table;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_1 a,
.contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_2 a {
   display: table-cell;
   width: 244px;
   padding: 10px 10px 10px 30px;
   margin: 0px 0px 0px 0px;
   background: url(img/icon_link_yellow.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #ffffff;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
   color: #666666;
   vertical-align: middle;
}

.contents_page_link_submenu_box_statistics .page_link_submenu_last {
   border-right: #d8d8d8 solid 0px !important;
}

/*アクティブなページの場合のスタイル　※使っていないけど、使う場合に備えて用意*/
.contents_page_link_submenu_box_statistics .page_link_submenu_active {
   background: url(img/icon_link_hover.png) no-repeat 10px 50% !important;
   /*横縦*/
   background-color: #cccc00 !important;
   color: #ffffff !important;
}

.contents_page_link_submenu_box_statistics a:hover {
   background: url(img/icon_link_hover.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #cccc00;
   color: #ffffff !important;
   text-decoration: none;
}

.contents_page_link_submenu_box_statistics .page_link_submenu_active:hover {
   background: url(img/icon_link_hover.png) no-repeat 10px 50%;
   /*横縦*/
   background-color: #cccc00 !important;
   color: #ffffff !important;
   text-decoration: none;
}

/* --------------------

入試Q＆A　ディレクトリ名：faq

-------------------- */


/*質問と答え 1セット div*/
.qa_1box {
   margin: 0px 0px 15px 0px;
}

/* 「質問エリア」の設定 */

/*開閉リンク枠*/
.btn_detail {
   display: block;
   position: relative;
   overflow: hidden;
   cursor: pointer;
}

.btn_detail-open {
   display: block;
   position: relative;
   overflow: hidden;
}

/*質問枠*/
.q_title {
   display: block;
   position: relative;
   box-sizing: border-box;
   width: 100%;
   margin: 0px 0px 0px 0px;
   padding: 8px 20px 8px 20px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   text-align: left;
   background-color: #e4e4e4;
}

/*質問文*/
.q_title h4 {
   width: 100%;
   font-weight: normal;
   font-size: 116%;
   color: #000000;
}

/*先頭の「Q.」だけ装飾*/
/*
.q_title h4:first-letter{
  font-weight:bold;
  font-size:130%;
  margin-right: 5px;
 }
 */

/* 答えのエリア div */
.answer {
   width: 100%;
   margin: 0px 0px 20px 0px;
   padding: 15px 20px 0px 20px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   border: solid 1px #e4e4e4;
   border-top: solid 0px #e4e4e4;
}

/*先頭の「A.」だけ装飾*/
/*
.answer p:first-letter{
  font-weight:bold;
  font-size:150%;
  color:#c0c156;
  margin-right: 5px;
}
*/


/* --------------------

キャンパス説明会　ディレクトリ名：opencampus

-------------------- */

/*リンクと全工程終了メッセージを囲んだdiv*/
.opencampus_link_banner_box {
   display: block;
   overflow: hidden;
   position: relative;
}


.opencampus_message_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1090px;
   padding: 25px 25px 25px 25px;
   margin: 0 auto !important;
   margin-bottom: 20px !important;
   background-color: #8e8c7f;
}

.opencampus_message_box p {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   line-height: 100%;
   text-align: center;
   color: #FFFFFF;
   font-size: 110%;
   font-weight: 500;
}

/*メインビジュアルとリンク欄 div*/
.opencampus_main_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 35px 0px;
   background-color: #ffffff;
}

.opencampus_main_box p {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

.opencampus_main_box img {
   z-index: -100;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

/*メインビジュアルのコピー欄 div*/
.opancampus_main_copy_box {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 1140px;
   height: 160px;
   padding: 0px 0px 0px 0px;
   margin: -160px 0px 0px 0px;
   background: url(img/opencampus_main_text_area.png) no-repeat bottom;
   /*横縦*/
}

/*メインビジュアルのコピー p*/
.opancampus_main_copy_box p {
   display: block;
   overflow: hidden;
   position: absolute;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   line-height: 160%;
   color: #FFFFFF;
   font-size: 100%;
   font-weight: 500;
   padding-top: 87px !important;
   padding-left: 147px !important;
}



/*3つのリンク枠 ul*/
.opancampus_main_3link_box {
   display: block;
   overflow: hidden;
   position: relative;
   height: 274px;
   list-style: none;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

.opancampus_main_3link_box li {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

div#contents_main #contents_section ul.opancampus_main_3link_box li {
   padding: 0px 0px 0px 0px !important;
   padding-left: 0em !important;
   text-indent: 0em !important;
   list-style: none !important;
}

div#contents_main #contents_section ul.opancampus_main_3link_box li {
   background-image: none;
}

.opancampus_main_3link_box a {
   overflow: hidden;
   position: relative;
   width: 380px;
   height: 274px;
   box-sizing: border-box;
   background: url(img/icon_24_link_white.png) no-repeat 96% 50%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.opancampus_main_3link_box a:hover {
   text-decoration: none;
}

.opancampus_main_3link_box a::before {
   content: "　";
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   font-size: 18px;
   font-weight: 600;
}

.opancampus_main_3link_box .close1 a::before {
   content: "情報公開までお待ちください";
}

.opancampus_main_3link_box .close2 a::before {
   content: "終了しました";
}

.opancampus_main_3link_box a::after {
   content: "";
   display: block;
   box-sizing: border-box;
   width: 260px;
   height: 203px;
   margin: 0 auto;
   background: no-repeat center / contain;
}

/*3つのリンク共通の設定 li*/
.opencampus_link_1,
.opencampus_link_2,
.opencampus_link_3 {
   display: block;
   overflow: hidden;
   position: relative;
   height: 274px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   float: left;
}

/*左のリンク li*/
.opencampus_link_1 {
   width: 380px;
   /*	background:url(img/opencampus/opencampus_3btn_1.png) no-repeat 50% 50% !important;*/
   background-color: #CC99CC !important;
   background-size: 260px !important;
}

.opencampus_link_1 a::after {
   background-image: url(img/opencampus/opencampus_3btn_1.png);
}

/*真ん中のリンク li*/
.opencampus_link_2 {
   width: 380px;
   /*	background:url(img/opencampus/opencampus_3btn_2.png) no-repeat 50% 50% !important;*/
   background-color: #99CCCC !important;
   background-size: 260px !important;
}

.opencampus_link_2 a::after {
   background-image: url(img/opencampus/opencampus_3btn_2.png);
}

/*右のリンク li*/
.opencampus_link_3 {
   width: 380px;
   /*	background:url(img/opencampus/opencampus_3btn_3.png) no-repeat 50% 50% !important;*/
   background-color: #99cc33 !important;
   background-size: 260px !important;
}

.opencampus_link_3 a::after {
   background-image: url(img/opencampus/opencampus_3btn_3.png);
}

.opencampus_link_1 b,
.opencampus_link_2 b,
.opencampus_link_3 b {
   display: none;
}

/*3つのリンク共通の設定 a*/
.opencampus_link_1 a,
.opencampus_link_2 a,
.opencampus_link_3 a {
   /*
	display:block;
	overflow:hidden;
	position:relative;
	width:380px;
	height:274px;
	box-sizing: border-box;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
	background:url(img/icon_24_link_white.png) no-repeat 96% 50%;
	float:left;
*/
}


/*左のリンク li*/
.opencampus_link_1 a {}

/*真ん中のリンク li*/
.opencampus_link_2 a {}

/*右のリンク li*/
.opencampus_link_3 a {}

.opencampus_link_1:hover,
.opencampus_link_2:hover,
.opencampus_link_3:hover {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}

.opencampus_link_1.close a,
.opencampus_link_2.close a,
.opencampus_link_3.close a,
.opencampus_link_4.close a,
.opencampus_link_1.close:hover,
.opencampus_link_2.close:hover,
.opencampus_link_3.close:hover,
.opencampus_link_4.close:hover .opencampus_link_1.close1 a,
.opencampus_link_2.close1 a,
.opencampus_link_3.close1 a,
.opencampus_link_4.close1 a,
.opencampus_link_1.close1:hover,
.opencampus_link_2.close1:hover,
.opencampus_link_3.close1:hover,
.opencampus_link_4.close1:hover .opencampus_link_1.close2 a,
.opencampus_link_2.close2 a,
.opencampus_link_3.close2 a,
.opencampus_link_4.close2 a,
.opencampus_link_1.close2:hover,
.opencampus_link_2.close2:hover,
.opencampus_link_3.close2:hover,
.opencampus_link_4.close2:hover {
   pointer-events: none;
   filter: alpha(opacity=100);
   /*IE*/
   -moz-opacity: 1.00;
   /*FF*/
   opacity: 1.00;
}

.opencampus_link_1.close1:after,
.opencampus_link_2.close1:after,
.opencampus_link_3.close1:after,
.opencampus_link_4.close1:after {
   /*	content:"情報公開までお待ちください";*/
   content: "";
   display: flex;
   /* 子要素をflexboxで揃える */
   flex-direction: column;
   /* 子要素をflexboxにより縦方向に揃える */
   justify-content: center;
   /* 子要素をflexboxにより中央に配置する */
   align-items: center;
   /* 子要素をflexboxにより中央に配置する */
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   /*	background-color: rgba(0,0,0,0.5);*/
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   font-size: 17px;
   font-weight: 600;
}

.opencampus_link_1.close2:after,
.opencampus_link_2.close2:after,
.opencampus_link_3.close2:after,
.opencampus_link_4.close2:after {
   /*	content:"終了しました";*/
   content: "";
   display: flex;
   /* 子要素をflexboxで揃える */
   flex-direction: column;
   /* 子要素をflexboxにより縦方向に揃える */
   justify-content: center;
   /* 子要素をflexboxにより中央に配置する */
   align-items: center;
   /* 子要素をflexboxにより中央に配置する */
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   /*	background-color: rgba(0,0,0,0.5);*/
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   font-size: 17px;
   font-weight: 600;
}

/*フォームボタン枠*/
.opancampus_main_entry_box {
   display: block;
   overflow: hidden;
   position: relative;
   padding: 30px 30px 30px 30px;
}

.opancampus_main_entry_box p {
   padding: 0 !important;
   margin: 0 !important;
}

/*フォームボタンのコピー*/
.opancampus_main_entry_box p.opancampus_entry_copy {
   display: block;
   position: relative;
   width: 15em;
   padding: 12px 0px 0px 0px;
   font-size: 130%;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.2em;
   float: left;
}

.opancampus_main_entry_box a {
   display: block;
   position: relative;
   width: 675px;
   margin: 0px 0px 0px 0px;
   padding: 22px 25px 22px 25px;
   border: solid 1px #57574b;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
   background-color: #ffffff;
   color: #57574b;
   text-align: center;
   float: right;
   font-size: 130%;
   font-weight: 500;
}

.opancampus_main_entry_box a:hover {
   border: solid 1px #57574b;
   background-color: #fafafa;
   color: #57574b !important;
   text-decoration: none;
}





/*終了後の各説明会ページボタン隠し　div*/
.opencampus_close_box {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 1140px;
   height: 274px;
   background-color: rgba(0, 0, 0, 0.5);
   padding-top: 84px;
}

/*終了メッセージ*/
.opencampus_close_message {
   font-size: 26px;
   font-weight: 600;
   color: #ffffff;
   text-align: center;
   line-height: 150%;
   padding-top: 60px;
}

/*説明会終了後のレポートリンク*/
.opancampus_main_report_link_box {
   display: block;
   overflow: hidden;
   position: relative;
   padding: 30px 30px 30px 30px;
}

.opancampus_main_report_link_box p {
   padding: 0 !important;
   margin: 0 !important;
}

.opancampus_main_report_link_box a {
   display: block;
   position: relative;
   width: 288px;
   margin: 0px 30px 0px 0px;
   padding: 22px 25px 22px 25px;
   border: solid 1px #57574b;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
   background-color: #ffffff;
   color: #57574b;
   text-align: center;
   float: left;
   font-size: 105%;
   font-weight: 500;
}

.opancampus_main_report_link_box p:nth-Child(3) a {
   margin-right: 0px;
}

.opancampus_main_report_link_box a:hover {
   border: solid 1px #57574b;
   background-color: #fafafa;
   color: #57574b !important;
   text-decoration: none;
}




/*フォームボタン枠*/
.opancampus_main_entry_box {
   display: block;
   overflow: hidden;
   position: relative;
   padding: 30px 30px 30px 30px;
}

.opancampus_main_entry_box p {
   padding: 0 !important;
   margin: 0 !important;
}

/*フォームボタンのコピー*/
.opancampus_main_entry_box p.opancampus_entry_copy {
   display: block;
   position: relative;
   width: 15em;
   padding: 12px 0px 0px 0px;
   font-size: 130%;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.2em;
   float: left;
}

.opancampus_main_entry_box a {
   display: block;
   position: relative;
   width: 675px;
   margin: 0px 0px 0px 0px;
   padding: 22px 25px 22px 25px;
   border: solid 1px #57574b;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
   background-color: #ffffff;
   color: #57574b;
   text-align: center;
   float: right;
   font-size: 130%;
   font-weight: 500;
}

.opancampus_main_entry_box a:hover {
   border: solid 1px #57574b;
   background-color: #fafafa;
   color: #57574b !important;
   text-decoration: none;
}





/*終了後の各説明会ページボタン隠し　div*/
/*終了後の各説明会ページボタン隠し　div*/
.opencampus_close_box {
   display: flex;
   /* 子要素をflexboxで揃える */
   flex-direction: column;
   /* 子要素をflexboxにより縦方向に揃える */
   justify-content: center;
   /* 子要素をflexboxにより中央に配置する */
   align-items: center;
   /* 子要素をflexboxにより中央に配置する */
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   background-color: rgba(0, 0, 0, 0.5);

   width: 100%;
   height: 100%;
   padding-top: 0px;
}

/*終了メッセージ*/
.opencampus_close_message {
   font-size: 26px;
   font-weight: 600;
   color: #ffffff;
   text-align: center;
   line-height: 150%;
   padding-top: 60px;
}

/*説明会終了後のレポートリンク*/
.opancampus_main_report_link_box {
   display: block;
   overflow: hidden;
   position: relative;
   padding: 30px 30px 30px 30px;
}

.opancampus_main_report_link_box p {
   padding: 0 !important;
   margin: 0 !important;
}

.opancampus_main_report_link_box a {
   display: block;
   position: relative;
   width: 288px;
   margin: 0px 30px 0px 0px;
   padding: 22px 25px 22px 25px;
   border: solid 1px #57574b;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
   background-color: #ffffff;
   color: #57574b;
   text-align: center;
   float: left;
   font-size: 105%;
   font-weight: 500;
}

.opancampus_main_report_link_box p:nth-Child(3) a {
   margin-right: 0px;
}

.opancampus_main_report_link_box a:hover {
   border: solid 1px #57574b;
   background-color: #fafafa;
   color: #57574b !important;
   text-decoration: none;
}







/*「プログラムの一部をご紹介」表示枠*/
.opencampus_program_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 30px 0px;
}

/*タイトルをくるんだdiv*/
.opencampus_program_box .opencampus_program_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1170px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*「プログラムの一部をご紹介」のタイトル　h2*/
.subtitle_program {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_program:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/opencampus_category_h2_program.png);
}

.subtitle_program b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}

/*9個の紹介欄全体*/
.opencampus_program_contents {
   /*padding:0px 20px 0px 20px;*/
   width: 1140px;
   margin: 0 auto;

}

/*9個の紹介欄 上段、中段、下段（3つで1セット）*/
.opencampus_program_contents_1set_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 15px;
   display: -moz-box;
   display: -webkit-box;
   /* webkitは、どのバージョンのFlexboxも使えますが、モバイルの後方互換を考えて、display: box; */
   /*IE10以上に対応*/
   display: -ms-flexbox;
   display: flex;

   -moz-box-pack: end;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

/*9個の紹介欄の一つ分*/
.program_contents_1box_left,
.program_contents_1box_center,
.program_contents_1box_right {
   display: block;
   overflow: hidden;
   position: relative;
   overflow: hidden;
   width: 370px;
   margin-right: 15px;
   background-color: #ffffff;
   min-height: 300px;
   float: left;
   -webkit-box-ordinal-group: 1;
   /* Safari,Google Chrome用（1番目に表示） */
   -moz-box-ordinal-group: 1;
   /* Firefox用（1番目に表示） */
}

.program_contents_1box_right {
   margin-right: 0px !important;
}

/*1記事分のimgをくるんだpをリセット*/
.program_contents_1box_left p,
.program_contents_1box_center p,
.program_contents_1box_right p {
   padding: 0 !important;
   margin: 0 !important;
}

/*1記事分のimg*/
.program_contents_1box_left img,
.program_contents_1box_center img,
.program_contents_1box_right img {
   display: block;
   width: 370px;
   /*height:200px;*/
}

/*写真の下のテキスト欄（タイトル）　div*/
.program_contents_text_box {
   display: block;
   overflow: hidden;
   width: 330px;
   padding: 16px 20px 10px 20px;
   font-size: 100%;
}

.program_contents_text_box h3 {
   font-size: 110% !important;
   color: #59574B !important;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   line-height: 110%;
}

.program_contents_text_box h3:before {
   content: url(img/icon_24_clip.png);
   position: relative;
   top: 3px;
   left: -2px;
}

.program_contents_text_box p {
   color: #666666;
   line-height: 160%;
   padding: 14px 0px 0px 0px !important;
}




/*「201X年度のキャンパス説明会レポート」表示枠*/
.opencampus_report_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 30px 0px;
}

/*タイトルをくるんだdiv*/
.opencampus_report_box .opencampus_report_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1140px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*「201X年度のキャンパス説明会レポート」のタイトル　h2*/
.subtitle_report {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_report:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/opencampus_category_h2_report.png);
}

.subtitle_report b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}

/*キャンパス説明会レポート表示欄*/
.opancampus_report_list_box {
   display: block;
   overflow: hidden;
   width: 1140px;
   background-color: #FFFFFF;
   padding: 25px 25px 10px 25px;
   margin: 0 auto;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
}

/*記事1件分の下にドット罫線を追加*/
.opancampus_report_list_box #contents_footer {
   border-bottom: dotted 1px #999999;
   margin-bottom: 25px !important;
}

/*---------- 各説明会ページ ----------*/

/*メインビジュアルとタイトル枠*/
.opencampus_program_main_box {}

.opencampus_program_main_box p {
   padding: 0 !important;
   margin: 0 !important;
}

/*キャンパス説明会タイトル共通設定*/
.opancampus_program_main_title_box_1,
.opancampus_program_main_title_box_2,
.opancampus_program_main_title_box_3,
.opancampus_program_main_title_box_4 {
   width: 1140px;
   height: 100px;
}

.opancampus_program_main_title_box_1 p,
.opancampus_program_main_title_box_2 p,
.opancampus_program_main_title_box_3 p,
.opancampus_program_main_title_box_4 p {
   visibility: hidden;
}

/*第1回キャンパス説明会 タイトル*/
.opancampus_program_main_title_box_1 {
   background: url(img/opencampus_program_title_1.png) no-repeat 50% 48%;
   background-color: #CC99CC;
}

/*第2回キャンパス説明会 タイトル*/
.opancampus_program_main_title_box_2 {
   background: url(img/opencampus_program_title_2.png) no-repeat 50% 48%;
   background-color: #99CCCC;
}

/*第3回キャンパス説明会 タイトル*/
.opancampus_program_main_title_box_3 {
   background: url(img/opencampus_program_title_3.png) no-repeat 50% 48%;
   background-color: #99cc33;
}

/*第4回オープンキャンパス タイトル*/
.opancampus_program_main_title_box_4 {
   background: url(img/opencampus_program_title_4.png) no-repeat 50% 48%;
   background-color: #ffbf60;
}

/*「スケジュール」タイトル表示枠*/
.opencampus_schedule_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1050px;
   padding: 25px 45px 25px 45px;
   margin: 0px 0px 30px 0px;
   background-color: #FFFFFF;
}

/*タイトルをくるんだdiv*/
.opencampus_schedule_box .opencampus_schedule_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1170px;
   margin: 0px 0px 0px 0px;
   float: none;

}

/*「スケジュール」のタイトル　h2*/
.subtitle_schedule {
   display: table;
   position: relative;
   width: auto;
   height: 60px;
   margin: 0 auto !important;
}

.subtitle_schedule:before {
   display: table-cell;
   position: relative;
   width: auto;
   margin: 0 auto;
   content: url(img/opencampus_category_h2_schedule.png);
}

.subtitle_schedule b {
   display: table-cell;
   position: relative;
   width: auto;
   vertical-align: top;
   padding: 14px 10px 0px 10px;
   font-size: 16px;
   color: #57574b;
   font-weight: normal;
}


/*テキストのスケジュール欄*/
.opencampus_schedule_contents_1_1,
/*大学*/
.opencampus_schedule_contents_1_2,
/*短大*/
.opencampus_schedule_contents_1_3,
/*大学短大共通*/
.opencampus_schedule_contents_2 {
   /*全学部学科共通プログラム*/
   display: table;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 20px 0px;
}

.opencampus_schedule_contents_1_1 p,
/*大学*/
.opencampus_schedule_contents_1_2 p,
/*短大*/
.opencampus_schedule_contents_1_3 p,
/*大学短大共通*/
.opencampus_schedule_contents_2 p {
   /*全学部学科共通プログラム*/
   padding: 0px 0px 20px 0px;
   margin: 0 !important;
}

/*左のタイトル枠　共通設定*/
.opencampus_schedule_contents_1_1_left,
/*大学*/
.opencampus_schedule_contents_1_2_left,
/*短大*/
.opencampus_schedule_contents_1_3_left,
/*大学短大共通*/
.opencampus_schedule_contents_2_left {
   /*全学部学科共通プログラム*/
   display: table-cell;
   width: 250px;
   padding: 0px 15px 0px 15px;
   vertical-align: middle;
}

.opencampus_schedule_contents_1_1_left p,
/*大学*/
.opencampus_schedule_contents_1_2_left p,
/*短大*/
.opencampus_schedule_contents_1_3_left p,
/*大学短大共通*/
.opencampus_schedule_contents_2_left p {
   /*全学部学科共通プログラム*/
   padding: 0px 0px 0px 0px;
}

/*色*/
.opencampus_schedule_contents_1_1_left {
   /*大学*/
   background-color: #678fa3;
}

.opencampus_schedule_contents_1_2_left {
   /*短大*/
   background-color: #996699;
}

.opencampus_schedule_contents_1_3_left {
   /*大学短大共通*/
   background-color: #999999;
}

.opencampus_schedule_contents_2_left {
   /*全学部学科共通プログラム*/
   background-color: #ff9900;
}

/*プログラムタイトルのp*/
.opencampus_schedule_contents_1_1_left p,
/*大学*/
.opencampus_schedule_contents_1_2_left p,
/*短大*/
.opencampus_schedule_contents_1_3_left p,
/*大学短大共通*/
.opencampus_schedule_contents_2_left p {
   /*全学部学科共通プログラム*/
   font-size: 115%;
   font-weight: 600;
   text-align: center;
   color: #FFFFFF;
}

/*プログラムタイトルのカッコのspan*/
.opencampus_schedule_contents_1_1_left span,
/*大学*/
.opencampus_schedule_contents_1_2_left span,
/*短大*/
.opencampus_schedule_contents_1_3_left span,
/*大学短大共通*/
.opencampus_schedule_contents_2_left span {
   /*全学部学科共通プログラム*/
   font-size: 100%;
   font-weight: normal;
   text-align: center;
   color: #FFFFFF;
}

/*全学部共通プログラム　スマホではbrを無効にする*/
.opencampus_schedule_contents_2_left br {}

.opencampus_schedule_contents_1_1_right,
/*大学*/
.opencampus_schedule_contents_1_2_right,
/*短大*/
.opencampus_schedule_contents_1_3_right,
/*大学短大共通*/
.opencampus_schedule_contents_2_right {
   /*全学部学科共通プログラム*/
   display: table-cell;
   width: 830px;
}

/*大学*/
.opencampus_schedule_contents_1_1_right {
   background-color: #81b3cc;
   padding: 0px 10px 0px 10px;
}

.opencampus_schedule_contents_1_2_right {
   /*短大*/
   background-color: #cc99cc;
   padding: 0px 10px 0px 10px;
}

.opencampus_schedule_contents_1_3_right {
   /*大学短大共通*/
   background-color: #cccccc;
   padding: 0px 10px 0px 10px;
}

.opencampus_schedule_contents_2_right {
   /*全学部学科共通プログラム*/
   background-color: #ffe47a;
   padding: 0px 10px 0px 10px;
}


.time_1box {
   padding: 5px 10px 5px 10px;
   margin: 10px 0px 10px 0px;
   background-color: #FFFFFF;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

/*時刻 p*/
.schedule_time_text {
   color: #66CCCC;
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
}

.schedule_time_text:before {
   content: url(img/icon_clock_skyblue.png);
   position: relative;
   top: 3px;
   left: -2px;
}

/*プログラム内容 p*/
.schedule_detail_text {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 10px 0px !important;
   line-height: 140%;
}


/*フォームボタン枠*/
.opencampus_program_link_btn_box {
   padding: 25px 30px 25px 30px;
   background-color: #FFFFFF;
}

/*上下ボタン欄*/
.opencampus_program_link_btn_1,
.opencampus_program_link_btn_2 {
   display: block;
   overflow: hidden;
   float: none;
   clear: both;
}

/*上のボタン欄の下に罫線*/
.opencampus_program_link_btn_1 {
   padding: 0px 0px 25px 0px;
   margin: 0px 0px 25px 0px;
   border-bottom: solid 1px #dfdfdf;
}

/*フォームボタンのコピー*/
.opencampus_program_link_btn_1 p.opencampus_program_link_copy,
.opencampus_program_link_btn_2 p.opencampus_program_link_copy {
   display: block;
   position: relative;
   width: 15em;
   padding: 12px 0px 0px 0px;
   font-size: 130%;
   font-weight: 500;
   line-height: 130%;
   letter-spacing: 0.2em;
   float: left;
}

.opencampus_program_link_btn_1 a,
.opencampus_program_link_btn_2 a {
   display: block;
   position: relative;
   width: 675px;
   margin: 0px 0px 0px 0px;
   padding: 22px 25px 22px 25px;
   border: solid 1px #57574b;
   background: url(img/icon_24_link.png) no-repeat 96% 50%;
   background-color: #ffffff;
   color: #57574b;
   text-align: center;
   float: right;
   font-size: 130%;
   font-weight: 500;
}

.opencampus_program_link_btn_1 a:hover,
.opencampus_program_link_btn_2 a:hover {
   border: solid 1px #57574b;
   background-color: #fafafa;
   color: #57574b !important;
}


/* --------------------

アクセス　ディレクトリ名：access

-------------------- */

/*白バック div*/
.access_white_box {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1080px;
   padding: 20px 30px 20px 30px;
   margin: 0 auto !important;
   background-color: #ffffff;
   /* リニューアル */
   box-sizing: content-box;
}

/*所在地のテキストタイトル p*/
.address_text {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 0px 0px !important;
   line-height: 130%;
   font-size: 105%;
   font-weight: 500;
}

/*Googleマップ*/
.access_googlemap_iframe {
   width: 1140px;
   height: 550px;
}


/*ルートのコピータイトル p*/
.address_root_text {
   padding: 10px 0px 10px 57px !important;
   margin: 0px 0px 0px 0px !important;
   line-height: 130%;
   font-size: 120%;
   font-weight: 600;
   color: #565656;
}

.address_root_text:before {
   position: absolute;
   vertical-align: middle;
   top: 15px;
   left: 30px;
   margin: 0px 0px 0px 0px !important;
   content: url(img/icon_48_apostrophe.png);
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   float: left;
}

/*ルートのSTEP1〜8全体のくくり div*/
.access_root_text_box {
   background-color: #FFFFFF;
   border-right: solid 1px #CBCBCB;
}

/*STEPを4つずつくくったdiv 上段下段共通*/
.access_root_text_box_1,
.access_root_text_box_2,
.access_root_text_box_3 {
   display: table;
   width: 1140px;
   border-top: solid 1px #d9d9d9;
   border-left: solid 1px #d9d9d9;
}

/*下段の上辺の罫線は無くす*/
.access_root_text_box_2,
.access_root_text_box_3 {
   border-top: solid 0px #d9d9d9 !important;
}

/*各STEPのdiv*/
.access_root_text_step1,
.access_root_text_step2,
.access_root_text_step3,
.access_root_text_step4,
.access_root_text_step5,
.access_root_text_step6,
.access_root_text_step7,
.access_root_text_step8,
.access_root_text_step9,
.access_root_text_step10,
.access_root_text_step11,
.access_root_text_step12 {
   display: table-cell;
   width: 284px;
   padding: 7px 22px 22px 22px;
   border-bottom: solid 1px #d9d9d9;
   border-right: solid 1px #d9d9d9;
}



/*各STEPのp共通設定*/
.access_root_text_step1 p.access_root_step_text,
.access_root_text_step2 p.access_root_step_text,
.access_root_text_step3 p.access_root_step_text,
.access_root_text_step4 p.access_root_step_text,
.access_root_text_step5 p.access_root_step_text,
.access_root_text_step6 p.access_root_step_text,
.access_root_text_step7 p.access_root_step_text,
.access_root_text_step8 p.access_root_step_text,
.access_root_text_step9 p.access_root_step_text,
.access_root_text_step10 p.access_root_step_text,
.access_root_text_step11 p.access_root_step_text,
.access_root_text_step12 p.access_root_step_text {
   display: block;
   padding: 15px 0px 0px 40px;
   line-height: 150%;
   min-height: 50px;
   /* リニューアル */
   font-size: 15px;
}

/*各STEPのp*/
.access_root_text_step1 p.access_root_step_text {
   background: url(img/icon_32_circle_1.png) no-repeat 0px 15px;
}

.access_root_text_step2 p.access_root_step_text {
   background: url(img/icon_32_circle_2.png) no-repeat 0px 15px;
}

.access_root_text_step3 p.access_root_step_text {
   background: url(img/icon_32_circle_3.png) no-repeat 0px 15px;
}

.access_root_text_step4 p.access_root_step_text {
   background: url(img/icon_32_circle_4.png) no-repeat 0px 15px;
}

.access_root_text_step5 p.access_root_step_text {
   background: url(img/icon_32_circle_5.png) no-repeat 0px 15px;
}

.access_root_text_step6 p.access_root_step_text {
   background: url(img/icon_32_circle_6.png) no-repeat 0px 15px;
}

.access_root_text_step7 p.access_root_step_text {
   background: url(img/icon_32_circle_7.png) no-repeat 0px 15px;
}

.access_root_text_step8 p.access_root_step_text {
   background: url(img/icon_32_circle_8.png) no-repeat 0px 15px;
}

.access_root_text_step9 p.access_root_step_text {
   background: url(img/icon_32_circle_9.png) no-repeat 0px 15px;
}

.access_root_text_step10 p.access_root_step_text {
   background: url(img/icon_32_circle_10.png) no-repeat 0px 15px;
}

.access_root_text_step11 p.access_root_step_text {
   background: url(img/icon_32_circle_11.png) no-repeat 0px 15px;
}

.access_root_text_step12 p.access_root_step_text {
   background: url(img/icon_32_circle_12.png) no-repeat 0px 15px;
}

/*スタート*/
.access_root_start {
   display: block;
   color: #cc6633;
   font-size: 120%;
   font-weight: 600;
   float: none;
   margin-bottom: 4px;
}

/*ゴール*/
.access_root_goal {
   display: block;
   color: #ff9900;
   font-size: 120%;
   font-weight: 600;
   float: none;
   margin-top: 4px;
}

/*所要時間欄の全体をくくったdiv ※「box_white」と併記*/
.access_time_box {}

.access_time_box p {}

.access_time_box img {
   margin: 0px 0px 20px 0px !important;
}

.access_time_box hr {
   margin: 20px 0px 20px 0px !important;
}


/* --------------------

キャンパスカレンダー　ディレクトリ名：campus

-------------------- */

/*春のボックス div*/
.campuscalendar_spring_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 30px;
}

/*春2のボックス div*/
.campuscalendar_spring2_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 30px;
}

/*夏のボックス div*/
.campuscalendar_summer_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 30px;
}

/*秋のボックス div*/
.campuscalendar_autumn_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 30px;
}

/*冬のボックス div*/
.campuscalendar_winter_box {
   display: block;
   overflow: hidden;
   position: relative;
   margin-bottom: 30px;
}


/*ulの共通設定*/
div#contents_main #contents_section ul.list_icon_circle_white,
div#contents_main #contents_section ul.list_icon_circle_sakura,
div#contents_main #contents_section ul.list_icon_circle_purple,
div#contents_main #contents_section ul.list_icon_circle_beige,
div#contents_main #contents_section ul.list_icon_circle_darkblue {
   display: block;
   float: none;
   margin-top: 6px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   font-size: 96%;
}

/*サークルアイコン「白」ul*/
div#contents_main #contents_section ul.list_icon_circle_white li {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   padding-left: 1.2em !important;
   list-style: none !important;
   background: url(img/icon_circle_white.png) no-repeat 0px 5px;
   color: #565656;
}

/*サークルアイコン「桜色」ul*/
div#contents_main #contents_section ul.list_icon_circle_sakura li {
   display: block;
   float: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   padding-left: 1.2em !important;
   list-style: none !important;
   background: url(img/icon_circle_sakura.png) no-repeat 0px 5px;
   color: #565656;
}

/*サークルアイコン「パープル」ul*/
div#contents_main #contents_section ul.list_icon_circle_purple li {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   padding-left: 1.2em !important;
   list-style: none !important;
   background: url(img/icon_circle_purple.png) no-repeat 0px 5px;
   color: #565656;
}

/*サークルアイコン「ベージュ」ul*/
div#contents_main #contents_section ul.list_icon_circle_beige li {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   padding-left: 1.2em !important;
   list-style: none !important;
   background: url(img/icon_circle_beige.png) no-repeat 0px 5px;
   color: #565656;
}

/*サークルアイコン「ダークブルー」ul*/
div#contents_main #contents_section ul.list_icon_circle_darkblue li {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   padding-left: 1.2em !important;
   list-style: none !important;
   background: url(img/icon_circle_darkblue.png) no-repeat 0px 5px;
   color: #565656;
}



/*---------春のセット---------*/

/*春の上段のくくり div*/
.campuscalendar_spring_top {
   display: block;
   width: 1140px;
   height: 300px;
   float: none;
}

/*春の下段のくくり div*/
.campuscalendar_spring_bottom {
   display: block;
   width: 1140px;
   height: 300px;
   float: none;
}

/*春の上段の左　コピー　 div*/
.campuscalendar_spring_top_contents1 {
   display: block;
   position: relative;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 760px;
   height: 300px;
   background-color: #ffffff;
   float: left;
}

.campuscalendar_spring_top_contents1 p {
   position: relative;
   overflow: hidden;
   width: 680px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   top: 16%;
   margin-top: -1em;
   text-align: center;
   font-size: 105%;
   font-weight: 600;
   color: #779768;
}



/*春の上段の右　コピー　 div*/
.campuscalendar_spring_top_contents2 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   width: 380px;
   height: 300px;
   background-color: #c0c156;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   float: left;
}

.campuscalendar_spring_top_contents2:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #c0c156;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*4月の表示　p*/
.campuscalendar_month_4 {
   display: block;
   height: 84px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_4.png) no-repeat center top;
}

.campuscalendar_month_4 b {
   display: none;
}

/*4月のコピー　p*/
.campuscalendar_month_4_copy {
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   color: #ffffff;
}

/*春の下段の左　コピー　 div*/
.campuscalendar_spring_bottom_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 760px;
   height: 300px;
   background-color: #e4d9ad;
   float: left;
}

/*春の下段の右 div*/
.campuscalendar_spring_right_contents2 {
   display: block;
   width: 380px;
   height: 300px;
}

.campuscalendar_spring_right_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*---------春2のセット（3段組）---------*/

/*春2の左のくくり div*/
.campuscalendar_spring2_left {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*春2の真ん中のくくり div*/
.campuscalendar_spring2_center {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*春2の右のくくり div*/
.campuscalendar_spring2_right {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: right;
}

/*春2の左の上　コピー　 div*/
.campuscalendar_spring2_left_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
}

.campuscalendar_spring2_left_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #ffffff;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*5月の表示　p*/
.campuscalendar_month_5 {
   position: absolute;
   display: block;
   width: 60px;
   /*画像横幅34px*/
   height: 88px;

   background: url(img/campuscalendar_icon_5.png) no-repeat left top;
}

.campuscalendar_month_5 b {
   visibility: hidden;
   clear: both;
}

/*5月のコピー　p*/
.campuscalendar_month_5_copy {
   position: relative;
   display: block;
   width: 260px;
   height: 90px;
   left: 60px;
   text-align: left;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #d68282;
}



/*春2の左の下 div　写真*/
.campuscalendar_spring2_left_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #e4d9ad;
}

.campuscalendar_spring2_left_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*春2の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
.campuscalendar_spring2_center_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #99cc66;
   position: absolute;
   bottom: 0;
   left: 0;
}

/*6月の表示　p*/
.campuscalendar_month_6 {
   position: absolute;
   display: block;
   width: 320px;
   /*画像横幅96px*/
   height: 86px;
   /* top: 174px;リニューアル */
   top: 200px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_6.png) no-repeat right bottom;
   float: none;
}

.campuscalendar_month_6 b {
   visibility: hidden;
   clear: both;
}

/*6月のコピー　p*/
.campuscalendar_month_6_copy {
   position: relative;
   display: block;
   height: 90px;
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #ffffff;
}


/*春2の真ん中の下 div　（PCでは上下入れ替え）　写真*/
.campuscalendar_spring2_center_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
   position: absolute;
   top: 0;
   left: 0;
}


/*6月の三角*/
.campuscalendar_spring2_center_contents2:before {
   content: "";
   border: 20px solid transparent;
   border-bottom: 20px solid #99cc66;
   position: absolute;
   margin-left: 170px;
   margin-top: 260px;
   /* z-index: 500;リニューアル */
}

/*6月の三角（IE10、IE11の微調整）*/
@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .campuscalendar_spring2_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE11 */
   .campuscalendar_spring2_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE10 */
}

/*春2の右の上　コピー　 div*/
.campuscalendar_spring2_right_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #77bbcd;
}

/*7月の三角*/
.campuscalendar_spring2_right_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #77bbcd;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*7月の表示　p*/
.campuscalendar_month_7 {
   display: block;
   width: auto;
   height: 88px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_7.png) no-repeat center top;
}

.campuscalendar_month_7 b {
   display: none;
}

/*7月のコピー　p*/
.campuscalendar_month_7_copy {
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   color: #ffffff;
}

/*春2の右の下 div*/
.campuscalendar_spring2_right_contents2 {
   display: block;
   width: 380px;
   height: 300px;
}

.campuscalendar_spring2_right_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*---------夏のセット---------*/

/*夏の左のくくり div*/
.campuscalendar_summer_left {
   display: block;
   width: 760px;
   height: 600px;
   float: left;
}

/*夏の右のくくり div*/
.campuscalendar_summer_right {
   display: block;
   width: 380px;
   height: 600px;
   float: right;
}

/*夏の左の上　テキスト div*/
.campuscalendar_summer_left_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 760px;
   height: 300px;
   background-color: #99cccc;
   /*入れ替えのスタイル*/
   position: absolute;
   top: 0;
   left: 0;

}

/*8月の三角*/
.campuscalendar_summer_left_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #99cccc;
   position: absolute;
   margin-left: 150px;
   margin-top: 270px;
   z-index: 2;
}

/*8月の表示　p*/
.campuscalendar_month_8 {
   position: absolute;
   display: block;
   width: 116px;
   /*画像横幅106px*/
   height: 84px;

   background: url(img/campuscalendar_icon_8.png) no-repeat left top;
}

.campuscalendar_month_8 b {
   visibility: hidden;
   clear: both;
}

/*8月のコピー　p*/
.campuscalendar_month_8_copy {
   position: relative;
   display: block;
   width: 580px;
   padding-top: 30px;
   height: 90px;
   left: 120px;
   text-align: left;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #ffffff;
}


/*夏の左の下　写真 div*/
.campuscalendar_summer_left_contents2 {
   display: block;
   width: 760px;
   height: 300px;
   background-color: #ffffff;
   /*いれかえのスタイル*/
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}

/*夏の左の下 div　【PCで非表示。SPで表示】*/
.campuscalendar_summer_left_contents_sponly {
   display: none;
}


/*夏の右の上　コピー　 div（PCでは上下入れ替え）*/
.campuscalendar_summer_right_contents1 {
   display: block;
   padding: 10px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 760px;
   height: 300px;
   background-color: #ffffff;
   /*いれかえのスタイル*/
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 4;
}

/*9月の三角*/
.campuscalendar_summer_right_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-bottom: 20px solid #ffffff;
   position: absolute;
   margin-left: 440px;
   margin-top: -50px;
   z-index: 500 !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .campuscalendar_summer_right_contents1:not(:target):before {
      content: "";
      border: 20px solid transparent;
      border-bottom: 20px solid #ffffff;
      position: absolute;
      margin-left: 520px;
      margin-top: -50px;
      z-index: 500 !important;
   }
}

/*9月の表示　p*/
.campuscalendar_month_9 {
   display: inline-block;
   position: relative;
   width: 90px;
   height: 90px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_9.png) no-repeat center top;
   margin-bottom: 5px !important;
   float: left;
}

.campuscalendar_month_9 b {
   display: none;
}

/*9月のコピー　p*/
.campuscalendar_month_9_copy {
   display: inline-block;
   position: relative;
   text-align: left;
   padding: 20px 0px 0px 0px;
   font-size: 100%;
   font-weight: 600;
   line-height: 130%;
   color: #9E7DB1;
   margin-bottom: 32px !important;
   clear: both;
}


/*夏の右の下　写真 div（PCでは上下入れ替え）*/
.campuscalendar_summer_right_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   /*いれかえのスタイル*/
   position: absolute;
   top: 0;
   right: 0;
}

.campuscalendar_summer_right_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}


/*---------秋のセット（3段組）---------*/

/*秋の左のくくり div*/
.campuscalendar_autumn_left {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*秋の真ん中のくくり div*/
.campuscalendar_autumn_center {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*秋の右のくくり div*/
.campuscalendar_autumn_right {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: right;
}

/*秋の左の上　コピー　 div*/
.campuscalendar_autumn_left_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #e1cd4b;
}

.campuscalendar_autumn_left_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #e1cd4b;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*10月の表示　p*/
.campuscalendar_month_10 {
   display: block;
   width: auto;
   height: 86px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_10.png) no-repeat center top;
   padding-bottom: 0px !important;
   margin-bottom: 10px !important;
}

.campuscalendar_month_10 b {
   display: none;
}

/*10月のコピー　p*/
.campuscalendar_month_10_copy {
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #ffffff;
   padding-bottom: 0px !important;
   margin-bottom: 10px !important;
}


/*秋の左の下 div　写真*/
.campuscalendar_autumn_left_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
}

.campuscalendar_autumn_left_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*秋の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
.campuscalendar_autumn_center_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #da8e4f;
   position: absolute;
   bottom: 0;
   left: 0;
}



/*11月の表示　p*/
.campuscalendar_month_11 {
   position: absolute;
   display: block;
   width: 80px;
   /*画像横幅70px*/
   height: 84px;

   background: url(img/campuscalendar_icon_11.png) no-repeat left top;
}

.campuscalendar_month_11 b {
   visibility: hidden;
   clear: both;
}

/*11月のコピー　p*/
.campuscalendar_month_11_copy {
   position: relative;
   display: block;
   width: 220px;
   height: 90px;
   left: 90px;
   text-align: left;
   font-size: 100%;
   font-weight: 600;
   line-height: 150%;
   color: #ffffff;
}

/*秋の真ん中の下 div　（PCでは上下入れ替え）　写真*/
.campuscalendar_autumn_center_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
   position: absolute;
   top: 0;
   left: 0;
}

/*11月の三角*/
.campuscalendar_autumn_center_contents2:before {
   content: "";
   border: 20px solid transparent;
   border-bottom: 20px solid #da8e4f;
   position: absolute;
   margin-left: 170px;
   margin-top: 260px;
   /* z-index: 500;リニューアル */
}

/*11月の三角（IE10、IE11の微調整）*/
@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .campuscalendar_autumn_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE11 */
   .campuscalendar_autumn_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE10 */
}

/*秋の右の上　コピー　 div*/
.campuscalendar_autumn_right_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
}

.campuscalendar_autumn_right_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #ffffff;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*12月の表示　p*/
.campuscalendar_month_12 {
   position: absolute;
   display: block;
   width: 320px;
   /*画像横幅70px*/
   height: 108px;
   top: 160px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_12.png) no-repeat right bottom;
   float: none;
}

.campuscalendar_month_12 b {
   visibility: hidden;
   clear: both;
}

/*6月のコピー　p*/
.campuscalendar_month_12_copy {
   position: relative;
   display: block;
   height: 90px;
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #B3AB91;
}

/*秋の右の下 div*/
.campuscalendar_autumn_right_contents2 {
   display: block;
   width: 380px;
   height: 300px;
}

.campuscalendar_autumn_right_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*---------冬のセット（3段組）---------*/

/*冬の左のくくり div*/
.campuscalendar_winter_left {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*冬の真ん中のくくり div*/
.campuscalendar_winter_center {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: left;
}

/*冬の右のくくり div*/
.campuscalendar_winter_right {
   display: block;
   position: relative;
   width: 380px;
   height: 600px;
   float: right;
}

/*冬の左の上　コピー　 div*/
.campuscalendar_winter_left_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
}

.campuscalendar_winter_left_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #ffffff;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*1月の表示　p*/
.campuscalendar_month_1 {
   display: block;
   width: auto;
   height: 84px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background: url(img/campuscalendar_icon_1.png) no-repeat center top;
   padding-bottom: 0px !important;
   margin-bottom: 10px !important;
}

.campuscalendar_month_1 b {
   display: none;
}

/*1月のコピー　p*/
.campuscalendar_month_1_copy {
   text-align: center;
   font-size: 100%;
   font-weight: 600;
   line-height: 160%;
   color: #4B4F5B;
   padding-bottom: 0px !important;
   margin-bottom: 10px !important;
}


/*冬の左の下 div　写真*/
.campuscalendar_winter_left_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
}

.campuscalendar_winter_left_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/*冬の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
.campuscalendar_winter_center_contents1 {
   display: block;
   padding: 20px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #a1a888;
   position: absolute;
   bottom: 0;
   left: 0;
}



/*2月の表示　p*/
.campuscalendar_month_2 {
   position: absolute;
   display: block;
   width: 94px;
   /*画像横幅94px*/
   height: 90px;
   /* top: 10px;リニューアル */
   top: 0;
   background: url(img/campuscalendar_icon_2.png) no-repeat left top;
}

.campuscalendar_month_2 b {
   visibility: hidden;
   clear: both;
}

/*2月のコピー　p*/
.campuscalendar_month_2_copy {
   position: relative;
   display: block;
   width: 230px;
   height: 60px;
   padding-top: 20px !important;
   left: 100px;
   text-align: left;
   font-size: 100%;
   font-weight: 600;
   line-height: 150%;
   color: #ffffff;
}

/*冬の真ん中の下 div　（PCでは上下入れ替え）　写真*/
.campuscalendar_winter_center_contents2 {
   display: block;
   width: 380px;
   height: 300px;
   background-color: #ffffff;
   position: absolute;
   top: 0;
   left: 0;
}

/*2月の三角*/
.campuscalendar_winter_center_contents2:before {
   content: "";
   border: 20px solid transparent;
   border-bottom: 20px solid #a1a888;
   position: absolute;
   margin-left: 170px;
   margin-top: 260px;
   /* z-index: 500;リニューアル */
}

/*2月の三角（IE10、IE11の微調整）*/
@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .campuscalendar_winter_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE11 */
   .campuscalendar_winter_center_contents2:before {
      margin-top: 260px !important;
   }

   /* IE10 */
}

/*冬の右の上 コピー div*/
.campuscalendar_winter_right_contents1 {
   display: block;
   padding: 30px 30px 10px 30px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   width: 380px;
   height: 300px;
   background-color: #c7a3bf;
}

.campuscalendar_winter_right_contents1:before {
   content: "";
   border: 20px solid transparent;
   border-top: 20px solid #c7a3bf;
   position: absolute;
   margin-left: 140px;
   margin-top: 270px;
}

/*3月の表示　p*/
.campuscalendar_month_3 {
   position: absolute;
   display: block;
   width: 320px;
   /*画像横幅90px*/
   height: 88px;
   top: 20px;
   background: url(img/campuscalendar_icon_3.png) no-repeat right top;
}

.campuscalendar_month_3 b {
   visibility: hidden;
   clear: both;
}

/*3月のコピー　p*/
.campuscalendar_month_3_copy {
   position: relative;
   display: block;
   width: 220px;
   height: 90px;
   left: 0px;
   text-align: left;
   font-size: 100%;
   font-weight: 600;
   line-height: 150%;
   color: #ffffff;
}

/*冬の右の下 div*/
.campuscalendar_winter_right_contents2 {
   display: block;
   width: 380px;
   height: 300px;
}

.campuscalendar_winter_right_contents2 p {
   margin: 0 !important;
   padding: 0 !important;
}

/* --------------------

キャンパスライフ　ディレクトリ名：campuslife

-------------------- */

/*div*/
div#contents_main .box_white.box_white_campuslife {
   display: block;
   overflow: hidden;
   padding: 30px 30px 30px 30px;
   margin: 0px 0px 10px 0px;
   background-color: #FFFFFF;
}

/*div*/
.campuslife_all_box {
   display: block;
   overflow: hidden;
   padding: 20px 40px 40px 40px;
   background: url(img/campuslife_bg.png);
}

/*div*/
.campuslife_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   text-align: center;
}

div#contents_main .box_white .campuslife_title_box h2 {
   display: inline-block;
   position: relative;
   overflow: hidden;
   margin-top: 0px !important;
   margin-bottom: 10px !important;
}

.campuslife_title_box h2 img {}

/*p*/
.campuslife_title_text {
   text-align: center;
   font-size: 17px;
   font-weight: 600;
}

/*タイトルから下のコンテンツ欄を囲んだdiv*/
.campuslife_contents_box {
   display: block;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   padding: 50px 50px 40px 50px;
   background-color: #ffffff;
}

/*記事1つ分　div*/
.campuslife_1box {
   display: block;
   position: relative;
   overflow: hidden;
   clear: both;
   float: none;
   padding: 0px 0px 30px 0px;
   margin-bottom: 50px;
   background: url(img/campuslife_line_dot.png) repeat-x center bottom;
}

.campuslife_1box:last-Child {
   padding: 0px 0px 20px 0px;
   margin-bottom: 0px;
   background: none;
}

/*写真欄　div*/
.campuslife_photo_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 320px;
}

.campuslife_photo_box img {
   width: 320px;
   height: auto;
}

/*奇数*/
.campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_photo_box {
   float: right;
}

/*偶数*/
.campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_photo_box {
   float: left;
}



/*テキスト欄　div*/
.campuslife_text_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
}

/*奇数*/
.campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_text_box {
   float: left;
}

/*偶数*/
.campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_text_box {
   float: right;
}



div#contents_main .box_white .campuslife_text_box h3 {
   display: inline-block !important;
   font-size: 23px;
   font-weight: 600;
   color: #111111;
   background: linear-gradient(transparent 60%, #ffef00 0%);
}


/*p*/
.campuslife_text {
   font-size: 16px;
   line-height: 160%;
}

/*p*/
.campuslife_link_button {
   display: inline-block;
   position: relative;
   padding: 5px 5px 5px 5px;
   background-color: #cae0f1;
   line-height: 100%;
}

.campuslife_link_button a {
   display: block;
   position: relative;
   padding: 12px 60px 12px 50px;
   border: solid 1px #555555;
   color: #555555;
   font-weight: 600;
   background: url(img/icon_24_link.png) no-repeat 90% center;
}

.campuslife_link_button a:hover {
   background-color: #e8f2f9;
   text-decoration: none;
   /*border: dashed 1px #555555;*/
   border: solid 1px #999999;
}


.campuslife_link_button_blank a {
   background: url(img/icon_blank_black.png) no-repeat 90% center;
}



/*奇数*/
.campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_text_box .campuslife_link_button {
   float: left;
}

/*偶数*/
.campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_text_box .campuslife_link_button {
   float: right;
}




/*各段落ごとの挿絵 p*/
/*先輩Voice*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_voice {}



/*Starbox*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_starbox {
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 0px;

}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_starbox .campuslife_text_box {
   padding-bottom: 60px;
}




/*メッセージボックス*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_messagebox {
   display: inline-block;
   position: absolute;
   left: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_messagebox .campuslife_text_box {
   padding-bottom: 110px;
}




/*パノラマビュー*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_panorama {
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_panorama .campuslife_text_box {
   padding-bottom: 100px;
}




/*キャンパスカレンダー*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_calendar {
   display: inline-block;
   position: absolute;
   left: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_calendar .campuslife_text_box {
   padding-bottom: 60px;
}




/*サークル紹介*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_circle {
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_circle .campuslife_text_box {
   padding-bottom: 100px;
}


/*卒業生Voice*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_ob_voice {
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_ob_voice .campuslife_text_box {
   padding-bottom: 120px;
}




/*留学生Voice*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_abroad_voice {
   display: inline-block;
   position: absolute;
   left: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_abroad_voice .campuslife_text_box {
   padding-bottom: 80px;
}


/*研究者Voice*/
div#contents_main .box_white .campuslife_text_box p.campuslile_img_scholar_voice {
   display: inline-block;
   position: absolute;
   right: 0px;
   bottom: 0px;
}

/*画像の高さ分、テキスト欄の下を空ける*/
div#contents_main .box_white .campuslife_1box_scholar_voice .campuslife_text_box {
   padding-bottom: 120px;
}



/* --------------------

パノラマビュー　ディレクトリ名：360view

-------------------- */

/*メインマップ*/
.panorama_main_box {
   display: block;
   position: relative;
   width: 1140px;
   height: 530px;
   margin-bottom: 10px;
   z-index: 1;
}

.panorama_main_box img {
   display: block;
   overflow: hidden;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1140px;
   height: 530px;
   z-index: 2;
}

/*スマホのみ表示「マップ画像のみ表示する」リンク*/
.sp_only_map_img_link_button {
   display: none;
}

/*画像上でhoverさせるパノラマのマーカーaタグを格納したdiv　PCのみ*/
.panorama_markerlink_box {
   display: block;
   position: absolute !important;
   width: 1140px;
   height: 580px;
   z-index: 4 !important;
}


/*マーカー共通設定*/
.marker1,
.marker2,
.marker3,
.marker4,
.marker5,
.marker6,
.marker7,
.marker8 {
   display: block;
   position: absolute;
   width: 50px;
   height: 50px;
}

.marker1 a,
.marker2 a,
.marker3 a,
.marker4 a,
.marker5 a,
.marker6 a,
.marker7 a,
.marker8 a {
   display: block;
   position: relative;
   width: 50px;
   height: 50px;
   background: url("img/panorama_icon_marker_purple.png") no-repeat 0px 0px;
}

.marker1 a:hover,
.marker2 a:hover,
.marker3 a:hover,
.marker4 a:hover,
.marker5 a:hover,
.marker6 a:hover,
.marker7 a:hover,
.marker8 a:hover {
   display: block;
   position: relative;
   width: 50px;
   height: 50px;
   background: url("img/panorama_icon_marker_green.png") no-repeat 0px 0px;
   text-decoration: none;
}

.marker1 a b,
.marker2 a b,
.marker3 a b,
.marker4 a b,
.marker5 a b,
.marker6 a b,
.marker7 a b,
.marker8 a b {
   visibility: hidden;
}

/*マーカー1　p　チャペル*/
.marker1 {
   display: block;
   position: absolute;
   top: 35%;
   left: 57%;
}

/*マーカー2　p　図書館*/
.marker2 {
   top: 50%;
   left: 57%;
}

/*マーカー3　p　AB教室*/
.marker3 {
   top: 44%;
   left: 63%;
}

/*マーカー4　p　アリーナ*/
.marker4 {
   top: 3%;
   left: 33%;
}

/*マーカー5　p　C館講堂*/
.marker5 {
   top: 34%;
   left: 45%;
}

/*マーカー6　p　センター棟1F*/
.marker6 {
   top: 56.5%;
   left: 44%;
}

/*マーカー7　p　センター棟2F*/
.marker7 {
   top: 56%;
   left: 39%;
}

/*マーカー8　p　中庭*/
.marker8 {
   top: 48%;
   left: 45%;
}



/*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
.panorama_facilitylink_box {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 1140px;
   height: 530px;
   z-index: 3 !important;
}


.map_link1,
.map_link2,
.map_link3,
.map_link4,
.map_link5,
.map_link6,
.map_link7,
.map_link8,
.map_link9,
.map_link10,
.map_link11,
.map_link12,
.map_link13,
.map_link14 {
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border: solid 2px #00A8B7;
   filter: alpha(opacity=20);
   /*IE*/
   -moz-opacity: 0.20;
   /*FF*/
   opacity: 0.20;
}

.map_link1:hover,
.map_link2:hover,
.map_link3:hover,
.map_link4:hover,
.map_link5:hover,
.map_link6:hover,
.map_link7:hover,
.map_link8:hover,
.map_link9:hover,
.map_link10:hover,
.map_link11:hover,
.map_link12:hover,
.map_link13:hover,
.map_link14:hover {
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   background-color: #00A8B7;
   filter: alpha(opacity=50);
   /*IE*/
   -moz-opacity: 0.50;
   /*FF*/
   opacity: 0.50;
}

.map_link1 b,
.map_link2 b,
.map_link3 b,
.map_link4 b,
.map_link5 b,
.map_link6 b,
.map_link7 b,
.map_link8 b,
.map_link9 b,
.map_link10 b,
.map_link11 b,
.map_link12 b,
.map_link13 b,
.map_link14 b {
   display: none;
}



.map_link1 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 36px;
   left: 597px;
   top: 83px;
   z-index: 4 !important;
}

.map_link2 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 33px;
   left: 680px;
   top: 138px;
   z-index: 4 !important;
}


.map_link3 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 34px;
   left: 386px;
   top: 206px;
   z-index: 4 !important;
}

.map_link4 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 38px;
   left: 729px;
   top: 209px;
   z-index: 4 !important;
}

.map_link5 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 87px;
   height: 38px;
   left: 780px;
   top: 277px;
   z-index: 4 !important;
}

.map_link6 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 120px;
   height: 38px;
   left: 258px;
   top: 226px;
   z-index: 4 !important;
}

.map_link7 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 126px;
   height: 38px;
   left: 177px;
   top: 301px;
   z-index: 4 !important;
}

.map_link8 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 84px;
   height: 38px;
   left: 504px;
   top: 394px;
   z-index: 4 !important;
}

.map_link9 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 36px;
   left: 316px;
   top: 467px;
   z-index: 4 !important;
}

.map_link10 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 64px;
   height: 37px;
   left: 538px;
   top: 48px;
   z-index: 4 !important;
}

.map_link11 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 95px;
   height: 46px;
   left: 290px;
   top: 136px;
   z-index: 4 !important;
}

.map_link12 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 128px;
   height: 42px;
   left: 965px;
   top: 135px;
   z-index: 4 !important;
}

.map_link13 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 114px;
   height: 36px;
   left: 680px;
   top: 97px;
   z-index: 4 !important;
}

.map_link14 {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 61px;
   height: 38px;
   left: 1017px;
   top: 508px;
   z-index: 4 !important;
}





/*導入文の枠 div*/
.panorama_maincopy_box {
   display: table;
   margin-bottom: 30px;
}

/*左のロゴマーク欄 div*/
.panorama_maincopy_left {
   display: table-cell;
   width: 380px;
   height: auto;
   background: url("img/panorama_mark.png") no-repeat 50% 50%;
   background-color: #ffffff;
}

.panorama_maincopy_left p {
   visibility: hidden;
}


/*右のテキスト欄 div*/
.panorama_maincopy_right {
   /* display: table-cell;リニューアル */
   width: 760px;
   height: auto;
   padding: 30px 40px 20px 40px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   background-color: #33cccc;
   /* リニューアル */
   margin-bottom: 50px;
}

/*右のテキスト欄の見出し　h3*/
.panorama_maincopy_right h3 {
   padding: 0;
   margin: 0;
   margin-bottom: 10px;
   color: #ffffff;
}

/*右のテキスト欄の見出し　p*/
.panorama_maincopy_right p {
   margin: 0;
   color: #FFFFFF;
   line-height: 160%;
}

/*パノラマリンク欄*/
.panorama_link_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 100%;
   padding: 0px;
   background-color: #DBD9AA;
}

/*パノラマの説明分　p*/
.panorama_link_copy {
   display: block;
   position: relative;
   width: 980px;
   padding: 33px 0px 10px 110px;
   line-height: 150%;
   font-size: 100%;
   color: #565656;
}

.panorama_link_copy:before {
   position: absolute;
   vertical-align: middle;
   top: 20px;
   left: 40px;
   margin: 0px 0px 0px 0px !important;
   content: url(img/icon_48_apostrophe_green.png);
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   float: left;
}

/*パノラマリンク4つくくりの1セット（上下2つ共通）*/
.panorama_link_contents_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1080px;
   margin: 0px 0px 40px 40px !important;

}

.panorama_link_1box_1,
.panorama_link_1box_2,
.panorama_link_1box_3,
.panorama_link_1box_4,
.panorama_link_1box_5,
.panorama_link_1box_6,
.panorama_link_1box_7,
.panorama_link_1box_8 {
   display: block;
   overflow: hidden;
   width: 250px;
   margin-right: 20px;
   float: left;
   background-color: #ffffff;
   -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   min-height: 320px;
}

.panorama_link_1box_1 p,
.panorama_link_1box_2 p,
.panorama_link_1box_3 p,
.panorama_link_1box_4 p,
.panorama_link_1box_5 p,
.panorama_link_1box_6 p,
.panorama_link_1box_7 p,
.panorama_link_1box_8 p {
   margin: 0;
   padding: 0;
}

/*施設名 p*/
.panorama_link_title {
   display: block;
   color: #3F3F3F;
   font-size: 120%;
   line-height: 100%;
   width: 210px;
   margin: 20px 0px 5px 20px !important;
}

/*施設名英語　p*/
.panorama_link_title_e {
   display: block;
   color: #8B6695;
   font-size: 80%;
   line-height: 100%;
   width: 210px;
   margin: 0px 0px 10px 20px !important;
}

/*概要文*/
.panorama_link_text {
   display: block;
   color: #565656 !important;
   font-size: 96%;
   line-height: 150%;
   width: 210px;
   min-height: 90px;
   margin-left: 20px !important;
}


/* --------------------

先輩VOICE　ディレクトリ名：starchannel_top、starchannel

-------------------- */

/*タイトル枠全体 ※左右にパディング30px*/
.category_starchannel_top .category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   min-height: 125px;
   height: 125px;
   margin: 0 auto;
   margin-bottom: 0px;
   padding: 0px 30px 0px 30px !important;
   /* リニューアル */
   box-sizing: content-box;
}

/*スターチャンネルカテゴリタイトル欄*/
.category_starchannel_top .category_title_outer_bg {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   min-height: 100px;
   height: 100px;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background: none;
   background: url(img/starchannel_logo_320.png) no-repeat center 10px;
   background-color: #ffffff;
}

.category_starchannel_top .category_title_outer_bg .category_title_inner {
   display: block;
   overflow: auto;
   min-height: 0px;
   height: 0px;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0 auto !important;
   background: none;
}

/*スターチャンネル下層ページタイトル欄*/
.category_starchannel .category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   min-height: 160px;
   height: 160px;
   margin: 0 auto;
   margin-bottom: 0px;
   padding: 0px 30px 0px 30px !important;
}

.category_starchannel .category_title_outer_bg {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   min-height: 105px;
   height: 105px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background: none;
   background: url(img/starchannel_title.png) no-repeat 360px center;
   background-color: #91C8D3;
}

.category_starchannel .category_title_outer_bg .category_title_inner {
   display: block;
   overflow: hidden;
   min-height: 105px;
   height: 105px;
   width: 330px !important;
   padding: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px !important;
   float: left;
   background: url(img/starchannel_logo_320.png) no-repeat center 5px;

   background-color: #F5F5F1;
}

/*カテゴリタイトルのh1の文字スタイル共通設定*/
.category_starchannel_top .category_title_outer .category_title_inner h1,
.category_starchannel .category_title_outer .category_title_inner h1 {
   display: none;
}

/*カテゴリタイトルのp 共通設定*/
.category_starchannel_top .category_title_outer .category_title_inner p,
.category_starchannel .category_title_outer .category_title_inner p {
   display: none;
}

.category_starchannel_top .category_title_inner p span .category_starchannel .category_title_inner p span {
   display: none;
}

/*日本語のテキストタイトル*/
.category_starchannel_top .category_title_inner h2,
.category_starchannel .category_title_inner h2 {
   display: none;
}

/*ページタイトルとパンくずをくくったdiv*/
.category_starchannel_top .contents_title_outer {
   display: block;
   overflow: hidden;
   position: relative;
   /* width: 1110px;リニューアル */
   width: 1140px;
   height: 40px;
   /*margin-top:-30px;*/
   padding: 0px 0px 0px 30px !important;

}

.category_starchannel .contents_title_outer {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1110px;
   height: 50px;
   /*margin-top:-30px;*/
   padding: 25px 0px 0px 30px !important;
}


/*ページタイトル*/
.category_starchannel_top .contents_title_inner,
.category_starchannel .contents_title_inner {
   display: none;
}

.category_starchannel_top div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}

.category_starchannel div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}

/*スターチャンネルトップのメインタイトル*/
.starchannel_main_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1080px;
   background-color: #91C8D3;
   margin-bottom: 25px;
   display: -webkit-box;
   /* Safari,Google Chrome用 */
   display: -moz-box;
   /* Firefox用 */
}

/*スターチャンネルトップのメインタイトルの左*/
.starchannel_main_title_left {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
   min-height: 100px;
   padding: 210px 70px 10px 80px;
   background: url(img/starchannel_top_main_title.png) no-repeat center 20px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   float: left;
}

.starchannel_main_title_left p {
   line-height: 150%;
}

/*スターチャンネルトップのメインタイトルの右*/
.starchannel_main_title_right {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
   background-color: #FFFFFF;
   float: right;
}

.starchannel_main_title_right p {
   margin: 0px !important;
   padding: 0px !important;
}

.starchannel_main_title_right p img {
   margin: 0px;
   padding: 0px;
   width: 540px;
   height: auto;
   display: block;
}

/*volタイトル枠 div*/
.starchannel_vol_title {
   display: block;
   position: relative;
   overflow: hidden;
   width: 100%;
   border-top: #d8d8d8 solid 1px;
   border-bottom: #d8d8d8 solid 1px;
   padding: 15px 0px 15px 0px;
   margin: 0px 0px 25px 0px;
}

div#contents_main .starchannel_vol_title h2 {
   padding: 0px !important;
   margin: 0px !important;
   line-height: 100%;
   font-size: 22px !important;
}

/*「vol.X」だけ色をつける*/
.starchannel_vol_title h2 span {
   /*color:#91C8D3; ほんとの色*/
   color: #33CCCC;
}


/*3つのリンク全体 div　　廃止*/
.starchannel_vol_1set_box {
   /*
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom: 40px;
	*/
}

/*各リンク1セット div*/
.starchannel_linkbox {
   display: block;
   position: relative;
   overflow: hidden;
   width: 330px;
   border: #d8d8d8 solid 1px;
   padding-bottom: 40px;
   margin-bottom: 40px;
   margin-right: 42px;
   float: left;
}

.starchannel_linkbox:nth-child(3n) {
   margin-right: 0px !important;
}

/*内包するpのパディング、マージンを一度0にリセット*/
div#contents_main .starchannel_linkbox p {
   padding: 0px;
   margin: 0px !important;
}


.starchannel_linkbox p img {
   width: 100%;
   height: auto;
}


.starchannel_linkbox p a:hover img {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
}


.starchannel_linkbox h3 {
   margin: 0px;
   color: #91C8D3;
   font-size: 18px;
   font-weight: 500;
   padding: 20px 20px 0px 20px;
   line-height: 120%;
}

div#contents_main .starchannel_linkbox .starchannel_linkbox_text_box p {
   margin-bottom: 0px !important;
   padding: 0px 20px 0px 20px;
   line-height: 150%;
   height: 3em;
}


.starchannel_linkbox .starchannel_linkbox_text_box p a {
   display: block;
   overflow: hidden;
   position: absolute;
   width: 330px;
   height: 36px;
   left: 0px;
   bottom: 0px;
   color: #91C8D3;
   margin: 5px 0px 0px 0px;
   padding: 0px;
   background: url("img/icon_36_linkbox_skyblue.png") no-repeat right bottom;
}


.starchannel_linkbox .starchannel_linkbox_text_box p a b {
   visibility: hidden;
}


.starchannel_linkbox .starchannel_linkbox_text_box p a:hover {
   filter: alpha(opacity=80);
   /*IE*/
   -moz-opacity: 0.80;
   /*FF*/
   opacity: 0.80;
   text-decoration: none;
}

/*下層ページの設定*/

/*記事タイトル枠 div*/
.starchannel_entry_title {
   margin-bottom: 20px;
}

div#contents_main .starchannel_entry_title h3 {
   line-height: 1.4;
   font-size: 22px;
   color: #52BABA;
   font-weight: 500;
}

/*ビデオ設置枠*/
.starchannel_video_box {
   width: 100%;
   margin-bottom: clamp(56px, 7vw, 72px);
}

.starchannel_video_box iframe {
    display: block;
    width: 100%;
    height: 607px;
}

/*コンテンツ（ビデオから下の記事）全体　※下部ページリンクは除く*/
.starchannel_contents_box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 430px minmax(0, 1fr);
    column-gap: 35px;
   margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
    .starchannel_contents_box {
        display: block;
    }
}

div#contents_main #contents_section .starchannel_contents_box p {
    margin-bottom: 12px;
}

.starchannel_contents_box img {
    display: block;
    width: 100%;
    height: auto;
}

/*真ん中のdvの見出し4*/
div#contents_main .starchannel_contents_center h4 {
   margin-bottom: 0.6em;
   line-height: 1.5;
   font-size: 18px;
   color: #52BABA;
   font-weight: 500;
}

/*先輩からのメッセージ*/
.starchannel_message_box {
   padding: 80px 20px 10px;
   background: url("img/starchannel_subtitle_message.png") no-repeat 20px 20px;
   background-size: 190px 50px;
   background-color: #75DEDE;
}


/* ---------------------------------------------------
サークルStory 記事ページ　新レイアウト (2024.12 茶道部から)
-----------------------------------------------------*/
.starchannel_club_contents {
    width: min(100%, 900px);
    margin-inline: auto;
}

/* サークルStory 部長紹介セクション */
.starchannel_club_eyecatch {
    display: grid;
    grid-template-columns: 350px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) max-content;
    column-gap: 2rem;
    align-items: center;
    margin-bottom: 4rem;
}

.starchannel_club_eyecatch__pic_container {
    display: contents;
}

.starchannel_club_eyecatch__pic {
    grid-row: 1 / 3;
    margin-bottom: 0;
}

.starchannel_club_eyecatch__pic > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.starchannel_club_eyecatch__catchcopy {
    padding-left: 1em;
    text-indent: -1em;
    color: #916195;
    font-size: clamp(20px, 2.4vw, 24px);
    font-weight: 550;
}

.starchannel_club_eyecatch__profile {
    padding: 2rem 2rem 1rem;
    background: #916195;
    color: #fff;
}

.starchannel_club_eyecatch__profile_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.starchannel_club_eyecatch__profile_title > span {
    margin-left: 0.5em;
    font-size: 0.8em;
}

.starchannel_club_eyecatch__profile_sub_text {
    padding-bottom: 1em;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .starchannel_club_eyecatch {
        display: block;
    }

    .starchannel_club_eyecatch__pic_container {
        position: relative;
        display: block;
    }

    .starchannel_club_eyecatch__catchcopy {
        position: absolute;
        bottom: 0;
        width: 95%;
        padding: 0.7em;
        background: rgba(255, 255, 255, 0.93);
    }

    .starchannel_club_eyecatch__profile {
        margin-top: 1.5rem;
        padding: 1.5rem 1rem 0.5rem;
    }
}

/* サークルStory インタビュー本文 */
div#contents_main .starchannel_club_contents h4 {
    color: #52BABA;
    margin-bottom: 0.8em;
    font-size: 18px;
    font-weight: 550;
}

.starchannel_club_pic_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
}

div#contents_main .starchannel_club_contents img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.annotate--left {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .starchannel_club_pic_container {
        display: block;
    }
}

/* サークルStory 活動状況 */
.starchannel_club_status {
    margin-bottom: 3rem;
    padding: 2rem 2rem 1rem;
    background: #F5F5F5;
}

div#contents_main .starchannel_club_contents .starchannel_club_status__title {
    padding: 0.2em 0.5em;
    border-left: 2px solid #52BABA;
    color: inherit;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .starchannel_club_status {
        padding: 1.5rem 1rem 0.5rem;
    }
}

/* サークルStory 後輩へのメッセージ */
.starchannel_club_message {    
    display: flex;
    margin-top: 4rem;
}

.starchannel_club_message__pic {
    flex-shrink: 0;
    width: min(100%, 500px);
}

.starchannel_club_message__title {
    width: min(85%, 300px);
}


.starchannel_club_message__text_box {
    flex-shrink: 0;
    width: min(100%, 490px);
    margin-top: 100px;
    margin-left: -90px;
    padding: 1rem 1.5rem 0.5rem;
    background-color: #75DEDE;
}

@media screen and (max-width: 767px) {
    .starchannel_club_message {
        display: block;
        padding: 1.5rem 1rem 0.5rem;
        background-color: #75DEDE;
    }
    
    .starchannel_club_message__text_box {
        margin-top: 1rem;
        margin-left: 0;
        padding: 0;
    }
}

.starchannel_club_sns_appeal {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.starchannel_club_sns_appeal_text {
    font-weight: 700;
}

.starchannel_club_sns_appeal_link {
    width: 2rem;
    aspect-ratio: 1;
}

/* サークルStory 画像ギャラリー */
.starchannel_club_gallery {
    width: min(100%, 900px);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: clamp(56px, 7vw, 72px);
    margin-inline: auto;
    margin-bottom: 1rem;

}

div#contents_main #contents_section .starchannel_club_gallery > p {
    aspect-ratio: 1;
    margin-bottom: 0;
}

.starchannel_club_gallery img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media screen and (max-width: 767px) {
    .starchannel_club_gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* --------------------

研究者VOICE　ディレクトリ名：scholar_top、scholar

-------------------- */

/*タイトル枠全体 ※左右にパディング30px*/
.category_scholar_top .category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   height: 493px;
   margin: 0 auto;
   margin-bottom: 0px;
   padding: 0px 30px 0px 30px !important;
   box-sizing: content-box;
}

/*研究者VOICE　カテゴリタイトル欄*/
.category_scholar_top .category_title_outer_bg {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   height: 493px;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background: none;
   background: url(img/scholar_top_title.jpg) no-repeat center top;
   background-size: 1140px 443px;
   background-color: #ffffff;
}

.category_scholar_top .category_title_outer_bg .category_title_inner {
   display: block;
   overflow: auto;
   min-height: 0px;
   height: 0px;
   width: 1140px;
   padding: 0px 0px 0px 0px;
   margin: 0 auto !important;
   background: none;
}

/*研究者VOICE 下層ページタイトル欄*/
.category_scholar .category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   height: 160px;
   margin: 0 auto;
   margin-bottom: 0px;
   padding: 0px 30px 0px 30px !important;
}

.category_scholar .category_title_outer_bg {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   min-height: 105px;
   height: 105px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background: none;
}

.category_scholar .category_title_outer_bg .category_title_inner {
   display: block;
   overflow: hidden;
   min-height: 105px;
   height: 105px;
   padding: 0px 0px 0px 0px !important;
   background: url(img/scholar_entry_header_tilte.png) no-repeat center 25px;
   background-size: 370px 73px;
   /*元560px 110px*/

   background-color: #ffffff;
}

/*カテゴリタイトルのh1の文字スタイル共通設定*/
.category_scholar_top .category_title_outer .category_title_inner h1,
.category_scholar .category_title_outer .category_title_inner h1 {
   display: none;
}

/*カテゴリタイトルのp 共通設定*/
.category_scholar_top .category_title_outer .category_title_inner p,
.category_scholar .category_title_outer .category_title_inner p {
   display: none;
}

.category_scholar_top .category_title_inner p span .category_scholar .category_title_inner p span {
   display: none;
}

/*日本語のテキストタイトル*/
.category_scholar_top .category_title_inner h2,
.category_scholar .category_title_inner h2 {
   display: none;
}

/*ページタイトルとパンくずをくくったdiv*/
.category_scholar_top .contents_title_outer {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1110px;
   height: 40px;
   margin-top: -30px;
   padding: 0px 0px 0px 30px !important;

}

.category_scholar .contents_title_outer {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1110px;
   height: 50px;
   /*margin-top:-30px;*/
   padding: 25px 0px 0px 30px !important;
}

/*ページタイトル*/
.category_scholar_top .contents_title_inner,
.category_scholar .contents_title_inner {
   display: none;
}

.category_scholar_top div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}

.category_scholar div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}


/*========== 一覧ページ ==========*/

/*メインキャッチコピー　div*/
.scholar_main_copy {
   display: block;
   position: relative;
   margin-top: 10px;
   margin-bottom: 70px;
}


/*一覧の1つ分　div*/
.scholar_list_1box {
   display: block;
   position: relative;
   background-color: #E8EFEE;
   padding: 50px 50px 20px 50px;
   min-height: 467px;
   margin-bottom: 70px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}



/*div*/
.scholar_list_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 440px;
   background-color: #ffffff;
   padding: 20px 20px 20px 20px;
   margin-top: -100px;
   margin-bottom: 24px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*Google webフォント　ゴシック系、数字、英字用*/
@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400);

/*font-family: 'Barlow Condensed', sans-serif;*/


/*p*/
.scholar_list_no {
   color: #221816;
   font-family: 'Barlow Condensed', sans-serif;
   font-size: 32px;
   font-weight: 300;
   margin-bottom: 20px;
}

.scholar_list_no span {
   font-size: 70px;
   font-weight: 400;
   margin-left: 5px;
   margin-right: 5px;
}

.scholar_list_no:after {
   content: "";
   display: block;
   position: relative;
   width: 50px;
   height: 2px;
   background-color: #0084CF;
}

.scholar_list_name_en {
   color: #dcdcdc;
   font-family: 'Barlow Condensed', sans-serif;
   font-size: 36px;
   font-weight: bold;
   margin-bottom: 20px;
}

.scholar_list_name_en:after {
   content: "";
   display: block;
   position: relative;
   width: 50px;
   height: 2px;
   background-color: #0084CF;
}

/*p*/
.scholar_list_field {
   font-size: 15px;
   margin-bottom: 0px !important;
   font-weight: 600;
   line-height: 150%;
}

/*div*/
.scholar_list_catchcopy_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
   background-color: #0084CF;
   padding: 16px 20px 16px 20px;

   margin-bottom: 24px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   z-index: 3;
}

/*p*/
.scholar_list_catchcopy {
   position: relative;
   font-size: 22px;
   line-height: 140%;
   color: #ffffff;
   padding-left: 20px;
   padding-right: 0px;
   margin-bottom: 0px !important;
}

.scholar_list_catchcopy:before {
   display: inline-block;
   position: absolute;
   top: 0px;
   left: 0px;
   content: "“";
   color: #ffffff;
   font-size: 36px;
   line-height: 1;
   font-weight: 900;

   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.scholar_list_catchcopy:after {
   display: inline-block;
   position: absolute;
   bottom: -0.5em;
   right: -3px;
   content: "”";
   color: #ffffff;
   font-size: 36px;
   line-height: 1;
   font-weight: 900;

   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/*div*/
.scholar_list_img_box {
   display: block;
   position: absolute;
   width: 540px;
   height: 467px;
   top: 0px;
   right: 0px;
}

.scholar_list_img_box p {
   margin-bottom: 0px !important;
}

.scholar_list_img_box p img {
   width: 540px;
   height: auto;
}

/*div*/
.scholar_list_name_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 440px;

   margin-bottom: 30px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*p*/
.scholar_list_section {
   font-size: 15px;
   margin-bottom: 0px !important;
   line-height: 100% !important;
}

/*p*/
.scholar_list_name {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 0px !important;
}

/*リンク　p*/
.scholar_list_link {
   margin-bottom: 0px !important;
}

/*aタグを親div全体に広げる*/
.scholar_list_link a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-indent: -999px;
   z-index: 2;
   /* 必要であればリンク要素の重なりのベース順序指定 */
}

.scholar_list_1box:hover {
   background-color: #dce9e7;
   filter: alpha(opacity=80);
   /* IE 6,7*/
   -ms-filter: "alpha(opacity=80)";
   /* IE 8,9 */
   -moz-opacity: 0.8;
   /* FF , Netscape */
   -khtml-opacity: 0.8;
   /* Safari 1.x */
   opacity: 0.8;
   zoom: 1;
   /*IE*/

   /*
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    */
}

.scholar_list_1box:hover .scholar_list_img_box p img {}


/*========== 記事ページ ==========*/


/*ビデオ設置枠*/
.scholar_video_box {
   width: 100%;
}

.scholar_video_box iframe {
    display: block;
   width: 100%;
   max-width: 1080px;
   height: 607px;
}

/*タイトル欄　div*/
.scholar_page_title_box {
   display: block;
   position: relative;
   background-color: #E8EFEE;
   padding: 50px 20px 0px 50px;
   margin-top: 30px;
   margin-bottom: 50px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.scholar_contents_title_box_left {
   display: table-cell;
   width: 380px;
}

.scholar_contents_title_box_right {
   display: table-cell;
   position: relative;
   left: -30px;
   padding-left: 80px;
   border-left: solid 2px #0084CF;
}



/*div*/
.scholar_contents_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 400px;
   background-color: #ffffff;
   padding: 20px 40px 20px 20px;
   margin-top: -40px;
   margin-bottom: 24px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*p*/
.scholar_contents_no {
   color: #221816;
   font-family: 'Barlow Condensed', sans-serif;
   font-size: 32px;
   font-weight: 300;
   margin-bottom: 20px;
}

.scholar_contents_no span {
   font-size: 70px;
   font-weight: 400;
   margin-left: 5px;
   margin-right: 5px;
}

.scholar_contents_no:after {
   content: "";
   display: block;
   position: relative;
   width: 50px;
   height: 2px;
   background-color: #0084CF;
}

/*p*/
.scholar_contents_field {
   font-size: 15px;
   margin-bottom: 0px !important;
   font-weight: 600;
   line-height: 150%;
}

/*div*/
.scholar_contents_name_box {
   display: block;
   position: relative;
   overflow: hidden;
   max-width: 360px;
   margin-bottom: 30px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*p*/
.scholar_contents_section {
   font-size: 15px;
   margin-bottom: 0px !important;
   line-height: 100% !important;
}

/*p*/
.scholar_contents_name {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 0px !important;
}

/*div*/
.scholar_contents_text_box {
   display: block;
   position: relative;
   overflow: hidden;
   padding: 0px 0px 40px 0px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   z-index: 3;
}


/*p*/
.scholar_contents_text {
   position: relative;
   font-size: 18px;
   line-height: 140%;
   color: #333333;
   margin-bottom: 0px !important;
}


/*写真と記事の2カラム　div*/
.scholar_2column {
   display: -webkit-flex;
   display: flex;
   position: relative;
   margin-bottom: 60px;
}

.scholar_2column .column_inner {
   position: relative;
   width: 50%;
   padding: 0px;
}

.scholar_2column .column_inner img {
   min-width: 540px;
   width: 100%;
   height: auto;
}

/*写真が左の場合*/
.scholar_2column.img_left {}

/*テキスト側*/
.scholar_2column.img_left .column_inner:nth-Child(1) {
   position: relative;
   padding-left: 50px;
   padding-right: 50px;
   order: 2;
}

/*写真側*/
.scholar_2column.img_left .column_inner:nth-Child(2) {
   position: relative;
   order: 1;
}

/*写真が右の場合*/
.scholar_2column.img_right {}

/*テキスト側*/
.scholar_2column.img_right .column_inner:nth-Child(1) {
   position: relative;
   padding-left: 50px;
   padding-right: 50px;
   order: 1;

}

/*写真側*/
.scholar_2column.img_right .column_inner:nth-Child(2) {
   position: relative;
   order: 2;
   text-align: right;
}


.contents_main h3.scholar_column_catchcopy,
#contents_main .box_white h3.scholar_column_catchcopy,
.scholar_column_catchcopy {
   margin: 0px 0px 30px 0 !important;
   color: #333333;
   font-size: 19px;
   font-weight: bold;
}


/*プロフィール欄*/
.scholar_profile_box {
   display: block;
   position: relative;
   background-color: #E7EEED;
   padding: 40px 20px 20px 20px;
   margin-bottom: 40px;
}

.scholar_profile_box_inner {
   display: block;
   position: relative;
   max-width: 710px;
   margin: 0 auto;
}

/*p*/
.scholar_profile_title {
   font-size: 27px;
   font-weight: 600;
   text-align: center;
}

/*p*/
.scholar_profile_img {
   text-align: center;
   margin-bottom: 40px !important;
}

/*div*/
.scholar_profile_text_box {
   display: block;
   position: relative;
   max-width: 670px;
   margin: 0 auto;
}

/*p*/
.scholar_profile_section {
   font-size: 15px;
   margin-bottom: 0px !important;
   line-height: 100% !important;
}

/*p*/
.scholar_profile_name {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 30px !important;
}

.scholar_profile_name:after {
   content: "";
   display: block;
   position: relative;
   width: 50px;
   height: 2px;
   margin-top: 20px;
   background-color: #0084CF;
}


/*リンク欄*/
.scholar_back_link {
   display: block;
   position: relative;
   margin-bottom: 60px;
   text-align: center;
}

.scholar_back_link p {
   text-align: center;
}

/*a*/
a.button_scholar_back {
   display: inline-block;
   position: relative;
   font-size: 17px;
   padding: 6px 10px 6px 10px;
   color: #ffffff;
   background-color: #0083CE;
   text-align: center;
   /* min-width: 300px;リニューアル */
   /* リニューアル */
   margin-left: auto;
   width: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
}

a.button_scholar_back:after {
   content: "";
   display: inline-block;
   width: 24px;
   height: 24px;
   background: url(img/icon_24_link_white.png) no-repeat center center;
   vertical-align: text-bottom;
}

a.button_scholar_back:hover {
   background-color: #1496e1;
   text-decoration: none;
}


/* --------------------

メッセージボックス　ディレクトリ名：message_box

-------------------- */


/*タイトル枠全体 ※左右にパディング30px*/
.category_message_box .category_title_outer {
   display: block;
   overflow: hidden;
   width: 1140px;
   min-height: 125px;
   height: 125px;
   margin: 0 auto;
   margin-bottom: 0px;
   padding: 0px 30px 0px 30px !important;
}

/*スターチャンネルカテゴリタイトル欄*/
.category_message_box .category_title_outer_bg {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1140px;
   min-height: 100px;
   /* height: 100px;リニューアル */
   /* リニューアル */
   height: 125px;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
   background: none;
   background: url(img/message_box_logo_320.png) no-repeat center 10px;
   background-color: #ffffff;
}







/*カテゴリタイトルのh1の文字スタイル共通設定*/
.category_message_box .category_title_outer .category_title_inner h1 {
   display: none;
}

/*カテゴリタイトルのp 共通設定*/
.category_message_box .category_title_outer .category_title_inner p {
   display: none;
}

.category_message_box .category_title_inner p span {
   display: none;
}

/*日本語のテキストタイトル*/
.category_message_box .category_title_inner h2 {
   display: none;
}

/*ページタイトルとパンくずをくくったdiv*/
.category_message_box .contents_title_outer {
   display: block;
   overflow: hidden;
   position: relative;
   width: 1110px;
   height: 40px;
   /*margin-top:-30px;*/
   padding: 0px 0px 0px 30px !important;

}


/*ページタイトル*/
.category_message_box .contents_title_inner {
   display: none;
}

.category_message_box div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}

.category_message_box div.topicpath {
   padding-top: 0px !important;
   margin-top: 0px !important;
   background-color: #ffffff;
}

/*メッセージボックスのメインタイトル*/
.message_box_main_title_box {
   display: block;
   position: relative;
   overflow: hidden;
   width: 1080px;
   background-color: #33cccc;
   margin-bottom: 25px;
   display: -webkit-box;
   /* Safari,Google Chrome用 */
   display: -moz-box;
   /* Firefox用 */
}

/*スターチャンネルトップのメインタイトルの左*/
.message_box_main_title_left {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
   min-height: 100px;
   padding: 210px 70px 10px 80px;
   background: url(img/message_box_top_main_title.png) no-repeat center 20px;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   float: left;
}

.message_box_main_title_left p {
   line-height: 150%;
}

/*スターチャンネルトップのメインタイトルの右*/
.message_box_main_title_right {
   display: block;
   position: relative;
   overflow: hidden;
   width: 540px;
   background-color: #FFFFFF;
   float: right;
}

.message_box_main_title_right p {
   margin: 0px !important;
   padding: 0px !important;
}

.message_box_main_title_right p img {
   margin: 0px;
   padding: 0px;
   width: 540px;
   height: auto;
   /* リニューアル */
   display: block;
}


/*一覧ページ*/
/*コンテンツの幅は1140px*/


/*ページ上部に表示する横移動のためのサブメニュー*/
/*ボツ
.message_box_link_submenu_box{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
	background-color: #ffffff;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner{
	display:table;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a{
	display:table-cell;
	width:187px;
	padding:10px 10px 10px 30px;
	margin:0px 0px 0px 0px;
	background:url(img/icon_link_emerald.png) no-repeat 10px 50%;
	background-color:#ffffff;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 1px;
	color:#666666;
	vertical-align:middle;
	font-size: 14px !important;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_02{
	width:415px;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_04,
.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_09{
	border-right: #d8d8d8 solid 0px !important;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_10,
.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_11{
	border-bottom: #d8d8d8 solid 0px !important;
}


.message_box_link_submenu_box .message_box_link_submenu_box_inner a:hover{
	background-color:#0daab6;
	color:#ffffff !important;
	text-decoration: none;
}
*/


.message_box_list_design .box_gray5 {
   background-color: #ffffff;
}

/*ページ上部に表示する横移動のためのサブメニュー*/
/*div*/
.contact_anchor_link_message_box {
   display: block;
   overflow: hidden;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   /*border-left: solid 1px #d2d2d2;*/
}

.contact_anchor_link_message_box p {
   padding: 0 !important;
   margin: 0 !important;
   line-height: 140%;
}

.contact_anchor_link_message_box a {
   display: inline-block;
   padding: 3px 6px 3px 6px;
   margin: 0px 4px 0px 0px;
   float: left;
   color: #666666;
}

.contact_anchor_link_message_box a:hover {
   background-color: #33cccc;
   color: #ffffff;
   text-decoration: none;
}

/*国旗のアイコン　b　共通設定*/
.genre_department_letters_faculty,
.genre_department_economics,
.genre_department_social_welfare,
.genre_research,
.genre_junior_college,
.genre_people {
   display: inline-block;
   padding: 3px 2px 3px 28px;
   margin: 0px 0px 0px 4px;
   float: left;
   min-height: 20px;
   min-width: 20px;
}

.genre_people {
   padding: 3px 2px 3px 0px;
}

/*記事ジャンル span　「文学部」*/
.genre_department_letters_faculty {
   background: url(img/icon_24_book_blue.png) no-repeat 0px 5px;
   background-size: 18px 18px;
}

/*記事ジャンル span　「経済学部」*/
.genre_department_economics {
   background: url(img/icon_24_graph_green.png) no-repeat 0px 5px;
   background-size: 18px 18px;
}

/*記事ジャンル span　「社会福祉学部」*/
.genre_department_social_welfare {
   background: url(img/icon_24_leaf_orange.png) no-repeat 0px 5px;
   background-size: 18px 18px;
}

/*記事ジャンル span　「大学院」*/
.genre_research {
   background: url(img/icon_24_hut_darkblue.png) no-repeat 0px 5px;
   background-size: 18px 18px;
}

/*記事ジャンル span　「短大」*/
.genre_junior_college {
   background: url(img/icon_24_pen_purple.png) no-repeat 0px 5px;
   background-size: 18px 18px;
}

/*記事ジャンル span　「教職員、留学生」※人のシルエット*/
.genre_people {
   background: url(img/icon_24_human_darkgray.png) no-repeat -3px 1px;
   background-size: 24px 24px;
}





.message_box_copy_box {
   padding: 20px 25px 20px 25px;
   margin: 0px 0px 30px 0px;
   /*border: solid 1px #d2d2d2;*/
   /*background-color: #DBD9AA;*/
   /*background-color: rgba(40,135,196,0.1);*/
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 4px;
   /* CSS3草案 */
   -webkit-border-radius: 4px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 4px;
   /* Firefox用 */
}




/*1カテゴリ分の写真配置欄　div（「.box_white」の微調整）*/
.message_box_list_design #contents_main .box_white {
   padding: 10px 30px 20px 30px;
   margin-bottom: 40px;
   border-radius: 4px;
   /* CSS3草案 */
   -webkit-border-radius: 4px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 4px;
   /* Firefox用 */
}

/*学部のタイトル　div*/
.message_box_category_genre {}

.message_box_category_genre p {}


.category_message_box .box_white:nth-Child(2) .message_box_category_genre p,
.category_message_box .box_white:nth-Child(3) .message_box_category_genre p,
.category_message_box .box_white:nth-Child(4) .message_box_category_genre p,
.category_message_box .box_white:nth-Child(5) .message_box_category_genre p,
.category_message_box .box_white:nth-Child(6) .message_box_category_genre p {
   display: block;
   padding: 3px 0px 8px 28px;
   margin: 15px 0px 20px 0px;
   color: #595959;
   line-height: 1.3;
   font-weight: 400;
   font-size: 23px;
}


/*記事ジャンル span　「文学部」*/
.category_message_box .box_white:nth-Child(2) .message_box_category_genre p {
   background: url(img/icon_24_book_blue.png) no-repeat 0px 5px;
   background-size: 24px 24px;
   border-bottom: solid 4px #dcdcdc;
}

/*記事ジャンル span　「経済学部」*/
.category_message_box .box_white:nth-Child(3) .message_box_category_genre p {
   background: url(img/icon_24_graph_green.png) no-repeat 0px 5px;
   background-size: 24px 24px;
   border-bottom: solid 4px #dcdcdc;
}

/*記事ジャンル span　「社会福祉学部」*/
.category_message_box .box_white:nth-Child(4) .message_box_category_genre p {
   background: url(img/icon_24_leaf_orange.png) no-repeat 0px 5px;
   background-size: 24px 24px;
   border-bottom: solid 4px #dcdcdc;
}

/*記事ジャンル span　「短大」*/
.category_message_box .box_white:nth-Child(5) .message_box_category_genre p {
   background: url(img/icon_24_pen_purple.png) no-repeat 0px 5px;
   background-size: 24px 24px;
   border-bottom: solid 4px #dcdcdc;
}

/*記事ジャンル span　「教職員、留学生」※人のシルエット*/
.category_message_box .box_white:nth-Child(6) .message_box_category_genre p {
   background: url(img/icon_24_human_darkgray.png) no-repeat 0px 5px;
   background-size: 24px 24px;
   border-bottom: solid 4px #dcdcdc;
}



/*学科のタイトル　h2*/
.message_box_list_design #contents_main .box_white h2 {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 8px 10px 8px 10px;
   line-height: 100% !important;
   color: #ffffff;
   height: auto;
   min-width: 20px;
   font-size: 17px;
   text-align: left;
   vertical-align: middle;
   border-radius: 4px;
   /* CSS3草案 */
   -webkit-border-radius: 4px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 4px;
   /* Firefox用 */
   background-color: #006699;
}


/*記事ジャンル span　「文学部」*/
.message_box_list_design #contents_main .box_white:nth-Child(2) h2 {
   background-color: #006699;
}

/*記事ジャンル span　「経済学部」*/
.message_box_list_design #contents_main .box_white:nth-Child(3) h2 {
   background-color: #00662B;

}

/*記事ジャンル span　「社会福祉学部」*/
.message_box_list_design #contents_main .box_white:nth-Child(4) h2 {
   background-color: #E7662B;

}

/*記事ジャンル span　「短大」*/
.message_box_list_design #contents_main .box_white:nth-Child(5) h2 {
   background-color: #AA669C;

}

/*記事ジャンル span　「教職員、留学生」※人のシルエット*/
.message_box_list_design #contents_main .box_white:nth-Child(6) h2 {
   background-color: #666666;

}






/*各サムネのリスト　ul*/
.message_box_photo_list {
   display: block;
   overflow: hidden;
   position: relative;
   letter-spacing: 0em;
   /* 文字間を詰めて隙間を削除する */
   font-size: 0px;
}

.message_box_photo_list li {
   display: inline-block;
   letter-spacing: normal;
   /* 文字間を通常に戻す */
   position: relative;
   overflow: hidden;
   width: 212px;
   min-height: 212px;
   vertical-align: top;
   margin-right: 4px;
   margin-bottom: 6px;
   padding-bottom: 14px;
}

.message_box_photo_list li a {
   display: block;
   overflow: hidden;
   position: relative;
   width: 212px;
   min-height: 212px;
}

.message_box_photo_list li:nth-Child(5n) {
   margin-right: 0px;

}

.message_box_photo_list li img {
   position: absolute;
   top: 106px;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: auto;
   height: 212px;
}

.message_box_photo_list li p {
   font-size: 15px;
   margin-bottom: 0px;
   line-height: 140%;
}

.message_box_photo_list li p.name {
   font-size: 15px;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-right: 5px;
}

.message_box_photo_list li p.school {
   font-size: 12px;
   color: #666666;
   padding-top: 0px;
   padding-bottom: 0px;
}

.message_box_photo_list li p.freeSpace {
   font-size: 12px;
   color: #666666;
   padding-top: 0px;
   padding-bottom: 10px;
}




/*iframe用記事ページ*/

/*背景色を無しに。スクロールバーをautoに*/
html.message_box,
html.message_box body,
html.message_box body .contents_area {
   background: none;
   overflow: auto;
}

html.message_box body .contents_area {
   overflow: hidden;
}


html.message_box .contents_outer {
   padding: 0px 20px 0px 20px;
   /* リニューアル */
   background: none;
}

html.message_box .contents_inner {
   padding: 0px 0px 0px 0px;
}

html.message_box .contents_main {
   width: 100% !important;
   margin: 0px 0px 0px 0px;
}

html.message_box .contents_main #contents_footer {
   margin: 0px 0px 0px 0px !important;
}

.message_box_contents_box {
   display: block;
   overflow: hidden;
}


/*画像のみ格納　div*/
html.message_box .message_box_img_box {
   display: inline-block;
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
   text-align: center;
   max-height: 450px;
   max-width: 710px;
   width: 100%;
   vertical-align: middle;
}

html.message_box .message_box_img_box img {
   position: relative;
   width: 100%;
   height: auto;
   max-width: 710px;
}

/*テキスト欄　div*/
html.message_box .message_box_text_box {
   /*display: flex;*/
   color: #ffffff;
   width: 705px;
}

/*テキスト欄の左　div*/
html.message_box .message_box_text_box_left {
   display: block;
   margin-right: 20px;
   vertical-align: middle;

   width: 200px;
   min-height: 5em;
   float: left;
}

/*テキスト欄の右　div*/
html.message_box .message_box_text_box_right {
   line-height: 150%;
   display: block;
   /*width: 510px;*/
   min-height: 5em;
   padding-left: 20px;
   border-left: 1px dotted #fff;
   float: left;
}

/*学部など　p*/
div#contents_main #contents_section p.message_box_text_status {
   font-size: 14px;
   line-height: 140%;
   padding-bottom: 0px;
   margin-bottom: 2px;
}

/*氏名　p*/
div#contents_main #contents_section p.message_box_text_name {
   font-size: 18px;
   line-height: 150%;
   padding-bottom: 0px;
   margin-bottom: 2px;
   font-weight: 600;
}

/*出身　p*/
div#contents_main #contents_section p.message_box_text_from {
   font-size: 14px;
   line-height: 140%;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

/*メッセージ　p*/
div#contents_main #contents_section p.message_box_text_message {
   font-size: 15px;
   line-height: 140%;
   padding-bottom: 0px;
   margin-bottom: 0px;
   width: 460px;
   display: inline-block;
   vertical-align: middle;
}



/* --------------------

入試関連カレンダー　ディレクトリ名：calendar
※Googleカレンダー導入前のスタイル（Googleカレンダー版はこのスタイルの次に追記）

-------------------- */



/*カレンダーの「20XX/XX」表示　h2*/
.canlendar-title {
   display: inline-block;
   padding: 0px 20px 0px 28px !important;
   margin: 0px 0px 0px 0px;
   font-size: 180% !important;
   background: url("img/icon_24_calendar.png") no-repeat 0px 7px;
   line-height: 100%;
}

/*「今日」「前月」「次月」表記のspan*/
.calendar-nav {
   vertical-align: top;
}

@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .calendar-nav {
      vertical-align: middle;
   }

   /* IE11 */
   .calendar-nav {
      vertical-align: middle;
   }

   /* IE10 */
}


/*spanの中のaタグのクラス*/
/*今日 a*/
.calendar-nav a.today {
   display: inline-block;
   line-height: 140%;
   font-size: 90%;
   background-color: #9E7DB1;
   color: #FFFFFF !important;
   padding: 0 !important;
   padding: 4px 8px 2px 8px !important;
   text-indent: 0em !important;
   margin: 0px 0px 2px 0px;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

.calendar-nav a.today:hover {
   background-color: #c5a4d7;
}

/*前月 a*/
.calendar-nav a.prev-month {
   display: inline-block;
   line-height: 140%;
   font-size: 90%;
   background-color: #339999;
   color: #FFFFFF !important;
   padding: 0 !important;
   padding: 4px 8px 2px 8px !important;
   text-indent: 0em !important;
   margin: 0px 0px 2px 0px;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

/*次月*/
.calendar-nav a.next-month {
   display: inline-block;
   line-height: 140%;
   font-size: 90%;
   background-color: #339999;
   color: #FFFFFF !important;
   padding: 0 !important;
   padding: 4px 8px 2px 8px !important;
   text-indent: 0em !important;
   margin: 0px 0px 2px 0px;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

.calendar-nav a.prev-month:hover,
.calendar-nav a.next-month:hover {
   background-color: #33cccc;
}

/*年月選択のプルダウン*/
.calendar-nav .goto-month {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   border-radius: 0;
   border: 0;
   margin: 0;
   padding: 2px 4px 0px 10px !important;
   background: none transparent;
   font-size: inherit;
   color: inherit;
   box-sizing: content-box;
   cursor: pointer;
   font-size: 100%;
   color: #FFFFFF !important;
   background-color: #339999;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .calendar-nav .goto-month {
      padding: 4px 4px 4px 10px !important;
   }

   /* IE11 */
   .calendar-nav .goto-month {
      padding: 4px 4px 2px 10px !important;
   }

   /* IE10 */
}

.calendar-nav .goto-month:hover {
   cursor: pointer;
   color: #FFFFFF !important;
   background-color: #33cccc;
}



/*「入試関連カレンダー」の項目セル（PC：表示、スマホ：非表示）*/
.category_calendar div#contents_main #contents_section th {
   padding: 10px 10px 10px 10px;
   background-color: #f5f8e6;
   white-space: nowrap;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
   text-align: left;
   font-weight: 600 !important;
}




/*日曜のフォント色*/
.calendar-date-sun {
   color: #CD603E;
}

/*土曜のフォント色*/
.calendar-date-sat {
   color: #61A8B4;
}

/*平日のフォント色*/
.category_calendar div#contents_main #contents_section th.calendar-date-mon,
.category_calendar div#contents_main #contents_section th.calendar-date-tue,
.category_calendar div#contents_main #contents_section th.calendar-date-wed,
.category_calendar div#contents_main #contents_section th.calendar-date-thu,
.category_calendar div#contents_main #contents_section th.calendar-date-fri {}

/*カレンダーの本日のセル*/
.category_calendar div#contents_main #contents_section .calendar_contents td.today {
   background-color: #f4f4f0;
}

/*カレンダーの本日の日付のフォント*/
.category_calendar div#contents_main #contents_section .calendar_contents td.today .calendar-date {
   font-weight: 600;
   color: #0b8ea5;
}

/*カレンダーのtdのクラス*/
.calendar-day {
   vertical-align: top;
   height: 80px;
   /*スマホでは高さを少なくする*/
   width: 14%;
}

/*その中のdivのクラス*/
.calendar-date {}

/*さらにその中の曜日表記のspan（PC：非表示、スマホ：表示）*/
.calendar-date .calendar-date-sun,
.calendar-date .calendar-date-mon,
.calendar-date .calendar-date-tue,
.calendar-date .calendar-date-wed,
.calendar-date .calendar-date-thu,
.calendar-date .calendar-date-fri,
.calendar-date .calendar-date-sat {
   display: none;
}

/*tdの中のイベント情報を囲んだdivのクラス*/
.calendar-day-events {}

/*その中のイベント情報をリスト表示するulのクラス*/
.clandar-day-event-list {
   list-style: none;
}

/*イベント情報1つ分のliのクラス*/
div#contents_main #contents_section ul li.calendar-day-event {
   display: block;
   line-height: 140%;
   font-size: 90%;
   background-color: #4293bc;
   color: #FFFFFF;
   padding: 0 !important;
   padding: 4px 4px 2px 4px !important;
   text-indent: 0em !important;
   margin: 0px 0px 2px 0px;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

/*イベント情報1つ分のliのジャンル1「進学相談会」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre1 {
   background-color: #4293bc;
   /*ほんとの色#006699*/
}

/*イベント情報1つ分のliのジャンル2「キャンパス説明会」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre2 {
   background-color: #66cccc;
}

/*イベント情報1つ分のliのジャンル3「願書・資料請求」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre3 {
   background-color: #99cc33;
}

/*イベント情報1つ分のliのジャンル4「試験日」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre4 {
   background-color: #996699;
}

/*イベント情報1つ分のliのジャンル5「合格発表」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre5 {
   background-color: #74abe1;
}

/*イベント情報1つ分のliのジャンル6「その他」の色*/
div#contents_main #contents_section ul.clandar-day-event-list li.event_genre6 {
   background-color: #cfa881;
}

/*「入試関連カレンダー」のtableのクラス*/
.event-list {}

/*「入試関連カレンダー」の項目セルの「開催日」「時間」「開催地」「会場」「Googleカレンダーに追加」の幅（thのクラス）*/
.category_calendar div#contents_main #contents_section th.event-date {
   width: 15%;
}

.category_calendar div#contents_main #contents_section th.event-time {
   width: 20%;
}

.category_calendar div#contents_main #contents_section th.event-area {
   width: 10%;
}

.category_calendar div#contents_main #contents_section th.event-place {
   width: 35%;
}

.category_calendar div#contents_main #contents_section th.event-button {
   width: 20%;
}

/*tdの中のspanのクラス（PC：非表示、スマホ：表示）*/
/*開催日*/
.category_calendar div#contents_main #contents_section td .event-date {
   display: none;
}

/*時間*/
.category_calendar div#contents_main #contents_section td .event-time {
   display: none;
}

.category_calendar div#contents_main #contents_section td .event-area {
   display: none;
}

/*開催地*/
.category_calendar div#contents_main #contents_section td .event-place {
   display: none;
}

/*Googleカレンダーに追加のa*/
.category_calendar div#contents_main #contents_section .event-list td a {
   display: inline-block;
   line-height: 140%;
   font-size: 90%;
   background-color: #339999;
   color: #FFFFFF !important;
   padding: 0 !important;
   padding: 4px 8px 2px 8px !important;
   text-indent: 0em !important;
   margin: 0 auto;
   border-radius: 2px;
   /* CSS3草案 */
   -webkit-border-radius: 2px;
   /* Safari,Google Chrome用 */
   -moz-border-radius: 2px;
   /* Firefox用 */
}

.category_calendar div#contents_main #contents_section .event-list td a:hover {
   background-color: #33cccc;
}


/* --------------------

入試関連カレンダー「Googleカレンダー」版

-------------------- */

/*div*/
.contents_gcalendar_box {
   width: 100%;
   padding: 20px 20px 20px 20px;
   background-color: rgba(255, 255, 255, 1.0);
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.contents_gcalendar_box iframe {
   width: 100%;
   min-height: 800px;
}

.contents_gcalendar_box iframe div#viewContainer1.view-container {
   padding-bottom: 20px;
}



/* --------------------

願書・資料請求　ディレクトリ名：request
キャンパス説明会申し込みフォーム　ディレクトリ名：requestform
お問い合わせ　ディレクトリ名：contact、contact_test

-------------------- */

/*「キャンパス説明会申込フォーム」「願書・資料請求」「修学支援新制度に関わる前期授業料の延納申請フォーム」の項目セル*/
.category_opencampus div#contents_main #contents_section .requestfoam th,
.category_pre_request div#contents_main #contents_section .requestfoam th,
.category_scholarship div#contents_main #contents_section .requestfoam th,
.category_contact div#contents_main #contents_section .requestfoam th,
.category_contact_test div#contents_main #contents_section .requestfoam th {
   padding: 10px 10px 10px 10px;
   background-color: #ffffff;
   white-space: nowrap;
   border-bottom: #d8d8d8 solid 1px;
   border-right: #d8d8d8 solid 1px;
   text-align: left;
   font-weight: 600 !important;
   /* リニューアル */
   vertical-align: middle;
}

/*願書・資料請求のクリップアイコンのXXX*/
.category_pre_request div#contents_main #contents_section .requestfoam .XXX {}

/*キャンパス説明会申し込みフォームのXXX*/
.category_opencampus div#contents_main #contents_section .requestfoam .XXX {}

/*修学支援新制度に関わる前期授業料の延納申請フォームのXXX*/
.category_scholarship div#contents_main #contents_section .requestfoam .XXX {}


.category_opencampus div#contents_main #contents_section .message_box,
.category_pre_request div#contents_main #contents_section .message_box,
.category_scholarship div#contents_main #contents_section .message_box,
.category_contact div#contents_main #contents_section .message_box,
.category_contact_test div#contents_main #contents_section .message_box {
   display: table;
   margin: 0px 0px 20px 0px;
   float: none;
   clear: both;
}

.message_box_left_green {
   display: table-cell;
   width: 250px;
   background-color: #339999;
   padding: 10px 20px 10px 20px;
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   /* リニューアル */
   box-sizing: content-box;
}

/*三角*/
.message_box_left_green:after {
   content: "";
   border: 16px solid transparent;
   border-left: 16px solid #339999;
   position: absolute;
   margin-top: -32px;
   margin-left: 144px;
   /* z-index: 500;リニューアル */
}

/*三角（IE10、IE11の微調整）*/
@media all and (-ms-high-contrast:none) {

   *::-ms-backdrop,
   .message_box_left_green:after {
      margin-left: 270px !important;
   }

   /* IE11 */
   .message_box_left_green:after {
      margin-left: 270px !important;
   }

   /* IE10 */
}

.message_box_left_green p {
   text-align: center;
}

.message_box_right {
   display: table-cell;
   padding: 10px 20px 10px 40px;
   border-top: solid 1px #d8d8d8;
   border-right: solid 1px #d8d8d8;
   border-bottom: solid 1px #d8d8d8;
}


.category_pre_request div#contents_main #contents_section .requestfoam td,
.category_opencampus div#contents_main #contents_section .requestfoam td,
.category_scholarship div#contents_main #contents_section .requestfoam td,
.category_contact div#contents_main #contents_section .requestfoam td,
.category_contact_test div#contents_main #contents_section .requestfoam td {
   margin: 0px 0px 8px 0px;
   font-size: 96%;
   color: #545454;
}

.category_pre_request div#contents_main #contents_section .requestfoam td label,
.category_opencampus div#contents_main #contents_section .requestfoam td label,
.category_scholarship div#contents_main #contents_section .requestfoam td label,
.category_contact div#contents_main #contents_section .requestfoam td label,
.category_contact_test div#contents_main #contents_section .requestfoam td label {
   margin: 0px 0px 8px 0px;
   font-size: 105%;
   color: #333333;
   cursor: pointer;
}


.category_pre_request div#contents_main #contents_section .requestfoam td input[type=text],
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=text],
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=text],
.category_contact div#contents_main #contents_section .requestfoam td input[type=text],
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=text],

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=tel],
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=tel],
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=tel],
.category_contact div#contents_main #contents_section .requestfoam td input[type=tel],
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=tel],

.category_pre_request div#contents_main #contents_section .requestfoam td textarea,
.category_opencampus div#contents_main #contents_section .requestfoam td textarea,
.category_scholarship div#contents_main #contents_section .requestfoam td textarea,
.category_contact div#contents_main #contents_section .requestfoam td textarea,
.category_contact_test div#contents_main #contents_section .requestfoam td textarea {
   -webkit-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
   border: 0;
   padding: 4px 4px 4px 4px;
   margin: 5px 7px 7px 4px;
   font-size: 1.2em;
   color: #333333;
   border: solid 1px #d8d8d8;
   outline: solid 5px #f6f7f8;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -moz-box-shadow: inset 1px 1px 2px -2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: inset 1px 2px 2px -2px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 1px 2px -2px rgba(0, 0, 0, 0.5);
}

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=text]:hover,
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=text]:hover,
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=text]:hover,
.category_contact div#contents_main #contents_section .requestfoam td input[type=text]:hover,
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=text]:hover,

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=tel]:hover,
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=tel]:hover,
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=tel]:hover,
.category_contact div#contents_main #contents_section .requestfoam td input[type=tel]:hover,
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=tel]:hover,

.category_pre_request div#contents_main #contents_section .requestfoam td textarea:hover,
.category_opencampus div#contents_main #contents_section .requestfoam td textarea:hover,
.category_scholarship div#contents_main #contents_section .requestfoam td textarea:hover,
.category_contact div#contents_main #contents_section .requestfoam td textarea:hover,
.category_contact_test div#contents_main #contents_section .requestfoam td textarea:hover {
   border: solid 1px #d8d8d8;
   outline: solid 6px #e2edd7;
}

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=text]:focus,
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=text]:focus,
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=text]:focus,
.category_contact div#contents_main #contents_section .requestfoam td input[type=text]:focus,
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=text]:focus,

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=tel]:focus,
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=tel]:focus,
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=tel]:focus,
.category_contact div#contents_main #contents_section .requestfoam td input[type=tel]:focus,
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=tel]:focus,

.category_pre_request div#contents_main #contents_section .requestfoam td textarea:focus,
.category_opencampus div#contents_main #contents_section .requestfoam td textarea:focus,
.category_scholarship div#contents_main #contents_section .requestfoam td textarea:focus,
.category_contact div#contents_main #contents_section .requestfoam td textarea:focus,
.category_contact_test div#contents_main #contents_section .requestfoam td textarea:focus {
   border: solid 1px #d8d8d8;
   outline: solid 6px #e2edd7;
}




.category_pre_request div#contents_main #contents_section .requestfoam td input[type=radio],
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=radio],
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=radio],
.category_contact div#contents_main #contents_section .requestfoam td input[type=radio],
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=radio],

.category_pre_request div#contents_main #contents_section .requestfoam td input[type=checkbox],
.category_opencampus div#contents_main #contents_section .requestfoam td input[type=checkbox],
.category_scholarship div#contents_main #contents_section .requestfoam td input[type=checkbox],
.category_contact div#contents_main #contents_section .requestfoam td input[type=checkbox],
.category_contact_test div#contents_main #contents_section .requestfoam td input[type=checkbox] {}

.category_pre_request div#contents_main #contents_section .requestfoam td span,
.category_opencampus div#contents_main #contents_section .requestfoam td span,
.category_scholarship div#contents_main #contents_section .requestfoam td span,
.category_contact div#contents_main #contents_section .requestfoam td span,
.category_contact_test div#contents_main #contents_section .requestfoam td span {
   -webkit-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
   position: relative;
   display: inline-block;
   margin: 2px 6px 2px 0;
   padding: 4px 6px 4px 6px;
   line-height: 130%;
   border-radius: 4px;
   background-color: #f6f7f8;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

.category_pre_request div#contents_main #contents_section .requestfoam td span:hover,
.category_opencampus div#contents_main #contents_section .requestfoam td span:hover,
.category_scholarship div#contents_main #contents_section .requestfoam td span:hover,
.category_contact div#contents_main #contents_section .requestfoam td span:hover,
.category_contact_test div#contents_main #contents_section .requestfoam td span:hover {
   background-color: #e2edd7;
}

/*項目名 span*/
.category_pre_request div#contents_main #contents_section .requestfoam td .description,
.category_pre_request div#contents_main #contents_section .requestfoam td .example,
.category_pre_request div#contents_main #contents_section .requestfoam td .header,
.category_pre_request div#contents_main #contents_section .requestfoam td .postfix,
.category_pre_request div#contents_main #contents_section .requestfoam td .note,
.category_pre_request div#contents_main #contents_section .requestfoam td .required,
.category_pre_request div#contents_main #contents_section .requestfoam td span.description,
.category_pre_request div#contents_main #contents_section .requestfoam td span.example,
.category_pre_request div#contents_main #contents_section .requestfoam td span.header,
.category_pre_request div#contents_main #contents_section .requestfoam td span.prefix,
.category_pre_request div#contents_main #contents_section .requestfoam td span.note,
.category_pre_request div#contents_main #contents_section .requestfoam td span.required,

.category_opencampus div#contents_main #contents_section .requestfoam td .description,
.category_opencampus div#contents_main #contents_section .requestfoam td .example,
.category_opencampus div#contents_main #contents_section .requestfoam td .header,
.category_opencampus div#contents_main #contents_section .requestfoam td .postfix,
.category_opencampus div#contents_main #contents_section .requestfoam td .note,
.category_opencampus div#contents_main #contents_section .requestfoam td .required,
.category_opencampus div#contents_main #contents_section .requestfoam td span.description,
.category_opencampus div#contents_main #contents_section .requestfoam td span.example,
.category_opencampus div#contents_main #contents_section .requestfoam td span.header,
.category_opencampus div#contents_main #contents_section .requestfoam td span.prefix,
.category_opencampus div#contents_main #contents_section .requestfoam td span.note,
.category_opencampus div#contents_main #contents_section .requestfoam td span.required,

.category_scholarship div#contents_main #contents_section .requestfoam td .description,
.category_scholarship div#contents_main #contents_section .requestfoam td .example,
.category_scholarship div#contents_main #contents_section .requestfoam td .header,
.category_scholarship div#contents_main #contents_section .requestfoam td .postfix,
.category_scholarship div#contents_main #contents_section .requestfoam td .note,
.category_scholarship div#contents_main #contents_section .requestfoam td .required,
.category_scholarship div#contents_main #contents_section .requestfoam td span.description,
.category_scholarship div#contents_main #contents_section .requestfoam td span.example,
.category_scholarship div#contents_main #contents_section .requestfoam td span.header,
.category_scholarship div#contents_main #contents_section .requestfoam td span.prefix,
.category_scholarship div#contents_main #contents_section .requestfoam td span.note,
.category_scholarship div#contents_main #contents_section .requestfoam td span.required,

.category_contact div#contents_main #contents_section .requestfoam td .description,
.category_contact div#contents_main #contents_section .requestfoam td .example,
.category_contact div#contents_main #contents_section .requestfoam td .header,
.category_contact div#contents_main #contents_section .requestfoam td .postfix,
.category_contact div#contents_main #contents_section .requestfoam td .note,
.category_contact div#contents_main #contents_section .requestfoam td .required,
.category_contact div#contents_main #contents_section .requestfoam td span.description,
.category_contact div#contents_main #contents_section .requestfoam td span.example,
.category_contact div#contents_main #contents_section .requestfoam td span.header,
.category_contact div#contents_main #contents_section .requestfoam td span.prefix,
.category_contact div#contents_main #contents_section .requestfoam td span.note,
.category_contact div#contents_main #contents_section .requestfoam td span.required,

.category_contact_test div#contents_main #contents_section .requestfoam td .description,
.category_contact_test div#contents_main #contents_section .requestfoam td .example,
.category_contact_test div#contents_main #contents_section .requestfoam td .header,
.category_contact_test div#contents_main #contents_section .requestfoam td .postfix,
.category_contact_test div#contents_main #contents_section .requestfoam td .note,
.category_contact_test div#contents_main #contents_section .requestfoam td .required,
.category_contact_test div#contents_main #contents_section .requestfoam td span.description,
.category_contact_test div#contents_main #contents_section .requestfoam td span.example,
.category_contact_test div#contents_main #contents_section .requestfoam td span.header,
.category_contact_test div#contents_main #contents_section .requestfoam td span.prefix,
.category_contact_test div#contents_main #contents_section .requestfoam td span.note,
.category_contact_test div#contents_main #contents_section .requestfoam td span.required {
   background: none !important;
   cursor: default !important;
   margin: 0px 0px 8px 0px;
   padding: 2px 0px 2px 0px;
}

.category_pre_request div#contents_main #contents_section .requestfoam td span.header,
.category_opencampus div#contents_main #contents_section .requestfoam td .header,
.category_scholarship div#contents_main #contents_section .requestfoam td .header,
.category_contact div#contents_main #contents_section .requestfoam td .header,
.category_contact_test div#contents_main #contents_section .requestfoam td .header {
   font-weight: 600;
   margin-bottom: 0px !important;
   margin-top: 15px !important;
   color: #669999 !important;
   /* リニューアル */
   height: auto;
   z-index: 1;
}

.category_pre_request div#contents_main #contents_section .requestfoam td span.header_first,
.category_opencampus div#contents_main #contents_section .requestfoam td .header_first,
.category_scholarship div#contents_main #contents_section .requestfoam td .header_first,
.category_contact div#contents_main #contents_section .requestfoam td .header_first,
.category_contact_test div#contents_main #contents_section .requestfoam td .header_first {
   margin-top: 0px !important;
}


.category_pre_request div#contents_main #contents_section .requestfoam td span.header:before,
.category_opencampus div#contents_main #contents_section .requestfoam td .header:before,
.category_scholarship div#contents_main #contents_section .requestfoam td .header:before,
.category_contact div#contents_main #contents_section .requestfoam td .header:before,
.category_contact_test div#contents_main #contents_section .requestfoam td .header:before {
   content: "[";
   color: #669999;
}

.category_pre_request div#contents_main #contents_section .requestfoam td span.header:after,
.category_opencampus div#contents_main #contents_section .requestfoam td .header:after,
.category_scholarship div#contents_main #contents_section .requestfoam td .header:after,
.category_contact div#contents_main #contents_section .requestfoam td .header:after,
.category_contact_test div#contents_main #contents_section .requestfoam td .header:after {
   content: "]";
   color: #669999;
}

/*未入力項目のメッセージ*/
.category_pre_request div#contents_main #contents_section .requestfoam td .error,
.category_opencampus div#contents_main #contents_section .requestfoam td .error,
.category_scholarship div#contents_main #contents_section .requestfoam td .error,
.category_contact div#contents_main #contents_section .requestfoam td .error,
.category_contact_test div#contents_main #contents_section .requestfoam td .error {
   background-color: #FF4074;
   color: #FFFFFF;
   font-size: 90%;
}

/*フロートさせない項目（ラジオボタンの選択肢など）　スマホでは横幅注意*/
.category_pre_request div#contents_main #contents_section .requestfoam td span.vertical-item,
.category_opencampus div#contents_main #contents_section .requestfoam td span.vertical-item,
.category_scholarship div#contents_main #contents_section .requestfoam td span.vertical-item,
.category_contact div#contents_main #contents_section .requestfoam td span.vertical-item,
.category_contact_test div#contents_main #contents_section .requestfoam td span.vertical-item {
   display: block !important;
   width: auto;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

/*確認とリセットボタンをくるんだp*/
.category_pre_request div#contents_main #contents_section .requestfoam .mw_wp_form p,
.category_opencampus div#contents_main #contents_section .requestfoam .mw_wp_form p,
.category_scholarship div#contents_main #contents_section .requestfoam .mw_wp_form p,
.category_contact div#contents_main #contents_section .requestfoam .mw_wp_form p,
.category_contact_test div#contents_main #contents_section .requestfoam .mw_wp_form p {
   text-align: center !important;
   padding: 10px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"],
.category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"],
.category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"],
.category_contact div#contents_main #contents_section .requestfoam input[type="reset"],
.category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"],

.category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"],
.category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"],
.category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"],
.category_contact div#contents_main #contents_section .requestfoam input[type="submit"],
.category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"] {
   text-align: center;
   width: 300px;
   padding: 10px 10px 10px 10px;
   margin: 0px 10px 0px 10px;
   /*スマホ margin:10px 10px 10px 10px;*/
   font-size: 1.1em;
   color: #fff;
   border: solid 3px #339999 !important;
}

.category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"],
.category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"],
.category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"],
.category_contact div#contents_main #contents_section .requestfoam input[type="submit"],
.category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"] {
   color: #fff;
   background-color: #339999;
}

.category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"],
.category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"],
.category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"],
.category_contact div#contents_main #contents_section .requestfoam input[type="reset"],
.category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"] {
   color: #339999;
   background-color: #ffffff;
}

.category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
.category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
.category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
.category_contact div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
.category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
.category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
.category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
.category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
.category_contact div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
.category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"]:hover {
   color: #ffffff;
   background-color: #33cccc;
   -webkit-transition: background-color 0.2s linear;
   transition: background-color 0.2s linear;
}


/*内容確認画面の各項目の記入例など、表示しなくてよいものを非表示にする*/
.category_pre_request div#contents_main #contents_section .mw_wp_form_preview span.example,
.category_pre_request div#contents_main #contents_section .mw_wp_form_preview span.description,
.category_pre_request div#contents_main #contents_section .mw_wp_form_preview span.note,
.category_opencampus div#contents_main #contents_section .mw_wp_form_preview span.example,
.category_opencampus div#contents_main #contents_section .mw_wp_form_preview span.description,
.category_opencampus div#contents_main #contents_section .mw_wp_form_preview span.note,
.category_scholarship div#contents_main #contents_section .mw_wp_form_preview span.example,
.category_scholarship div#contents_main #contents_section .mw_wp_form_preview span.description,
.category_scholarship div#contents_main #contents_section .mw_wp_form_preview span.note,

.category_contact div#contents_main #contents_section .mw_wp_form_preview span.example,
.category_contact div#contents_main #contents_section .mw_wp_form_preview span.description,
.category_contact div#contents_main #contents_section .mw_wp_form_preview span.note,

.category_contact_test div#contents_main #contents_section .mw_wp_form_preview span.example,
.category_contact_test div#contents_main #contents_section .mw_wp_form_preview span.description,
.category_contact_test div#contents_main #contents_section .mw_wp_form_preview span.note {
   display: none;
}

/*サンクス画面のメッセージのp*/
.category_pre_request div#contents_main #contents_section .mw_wp_form_complete p,
.category_opencampus div#contents_main #contents_section .mw_wp_form_complete p,
.category_scholarship div#contents_main #contents_section .mw_wp_form_complete p,
.category_contact div#contents_main #contents_section .mw_wp_form_complete p,
.category_contact_test div#contents_main #contents_section .mw_wp_form_complete p {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   padding: 100px 50px 100px 50px !important;
   margin: 10px 0px 10px 0px;
   font-size: 130%;
   font-weight: 600;
   border: solid 4px #d8d8d8;
   vertical-align: middle !important;
   box-sizing: border-box;
   /*width:100%で、padding分をハミ出させないためのスタイル*/
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
}

/*span「※返送料はご負担願います。」のスタイル*/
.category_pre_request div#contents_main #contents_section .mw_wp_form span.rental_attention,
.category_pre_request div#contents_main #contents_section .mw_wp_form span.rental_attention:hover,
.category_opencampus div#contents_main #contents_section .mw_wp_form span.rental_attention,
.category_opencampus div#contents_main #contents_section .mw_wp_form span.rental_attention:hover,
.category_scholarship div#contents_main #contents_section .mw_wp_form span.rental_attention,
.category_scholarship div#contents_main #contents_section .mw_wp_form span.rental_attention:hover,

.category_contact div#contents_main #contents_section .mw_wp_form span.rental_attention,
.category_contact div#contents_main #contents_section .mw_wp_form span.rental_attention:hover,

.category_contact_test div#contents_main #contents_section .mw_wp_form span.rental_attention,
.category_contact_test div#contents_main #contents_section .mw_wp_form span.rental_attention:hover {
   padding: 0px 0px 0px 10px !important;
   margin: 0px 0px 0px 0px !important;
   font-size: 96% !important;
   color: #545454;
   background: none !important;
   cursor: default !important;
}


.note {
   font-weight: normal;
   font-size: 94%;
   color: #757575;
}


/* --------------------

サイトマップ　ディレクトリ名：sitemap

-------------------- */

.sitemap_box {
   display: block;
   overflow: hidden;
   border: solid 3px #ededed;
   padding: 20px 20px 20px 20px;
   margin: 10px 0px 10px 0px;
}

.sitemap_box h3 {
   border-bottom: solid 3px #ededed;
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 20px 0px;
}

.sitemap_box img {
   max-width: 24px;
   height: auto;
   padding-right: 4px;
   /* リニューアル */
   display: inline;
   vertical-align: text-bottom;
}

.sitemap_left {
   width: 32%;
   float: left;
   margin-right: 2%;
}

.sitemap_center {
   width: 32%;
   float: left;
   margin-right: 2%;
}

.sitemap_right {
   width: 32%;
   float: left;
}

div#contents_main #contents_section .sitemap_left ul,
div#contents_main #contents_section .sitemap_center ul,
div#contents_main #contents_section .sitemap_right ul {
   margin-left: 0px;
}

div#contents_main #contents_section .sitemap_left ul li,
div#contents_main #contents_section .sitemap_center ul li,
div#contents_main #contents_section .sitemap_right ul li {
   list-style: none;
   margin-bottom: 4px;
   background: none;
}

.sitemap_left ul li ul,
.sitemap_center ul li ul,
.sitemap_right ul li ul {
   margin: 10px 0px 10px 0px;
}

.sitemap_left ul li ul li,
.sitemap_center ul li ul li,
.sitemap_right ul li ul li {
   margin: 0px 0px 0px 0px;
   font-size: 96%;
}

.sitemap_left ul li ul li a,
.sitemap_center ul li ul li a,
.sitemap_right ul li ul li a {
   text-decoration: none;
}

/* リニューアル */
.sitemap_box_top {
   height: 25em;
}

.sitemap_box_middle {
   height: 20em;
}


/* --------------------

Web出願　ディレクトリ名：webentry

-------------------- */

/*h2タイトル*/
div#contents_main h2.webentry_h2_title {
   color: #14AAB6;
   font-size: 24px;
   line-height: 160%;
}

/*Web出願ボタン配置欄　div（alignrightと併用）*/
.webentry_button_box {
   display: block;
   position: relative;
   width: 50%;
   text-align: center;
}

.webentry_button_box p {
   display: inline-block;
   position: relative;
   vertical-align: middle;
}

/*ボタン　a　hover*/
.raised:hover {
   background-color: #33439e;
   /*北星カラーのhover色*/
   /*background-color: #33cccc;*/
   /*エメラルドっぽい緑のhover色*/
   color: #FFF;
   text-decoration: none;
   line-height: 130%;
   box-shadow:
      0px 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2),
      /*内側のてかりと影*/
      inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}

/*ボタン　a　及びactive*/
.raised,
.raised:active {
   display: inline-block;
   width: 100%;
   width: 280px;
   height: 240px;
   text-align: center;
   vertical-align: middle;
   background: url(img/icon_128_note_pc_white.png) no-repeat center 34px;
   background-size: 72px 72px;
   background-color: #1E2A70;
   /*北星カラー*/
   /*background-color: #26a69b;*/
   /*エメラルドっぽい緑*/
   color: #FFF;
   /*文字色*/
   font-size: 1.7em;
   /*文字サイズ*/
   font-weight: 600;
   line-height: 130%;
   text-decoration: none;
   letter-spacing: 0.05em;
   /*字間*/
   padding: 130px 20px 20px 20px;
   border-radius: 6px;
   /*角の丸み*/
   cursor: pointer;

   box-shadow:
      /*外側の影*/
      0px 4px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
      /*内側のてかりと影*/
      inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05);
   -webkit-tap-highlight-color: transparent;
   transition: .3s ease-out;
   /*変化を緩やかに*/

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.raised:visited {
   color: #FFF;
}

.raised.no_link {
   pointer-events: none;
}


/*「Web出願」のPointタイトル　div*/
.webentry_point_title {
   display: block;
   position: relative;
   background-color: #CDDA00;
   padding: 12px 10px 10px 10px;
   text-align: center;
}

.webentry_point_title p {
   display: inline-block;
   color: #ffffff;
   margin-bottom: 0px !important;
   font-size: 22px;
   font-weight: 600;
   line-height: 100%;
}

.webentry_point_title p:before {
   content: "";
   display: inline-block;
   width: 27px;
   height: 24px;
   background: url(img/webentry_icon_pc_white.png) no-repeat center top;
   background-size: contain;
   margin-right: 10px;
   vertical-align: middle;
}

.webentry_point_contents {
   display: -webkit-box;
   display: -moz-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: flex;
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   background-color: #F8F9F0;
   padding: 30px 30px 30px 30px;

   margin-bottom: 20px;
}

.webentry_point_1box {
   display: inline-block;
   width: 320px;
   background-color: #ffffff;
   padding: 30px 30px 30px 30px;
   margin-right: 30px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.webentry_point_1box:nth-child(3) {
   margin-right: 0px;
}

.webentry_point_subtitle {
   display: block;
   text-align: center;
   height: 65px;
}

.webentry_point_subtitle span {
   display: none;
}

.webentry_point_1 {
   background: url(img/webentry_icon_point_1.png) no-repeat center center;
   background-size: 60px 65px;
}

.webentry_point_2 {
   background: url(img/webentry_icon_point_2.png) no-repeat center center;
   background-size: 60px 65px;
}

.webentry_point_3 {
   background: url(img/webentry_icon_point_3.png) no-repeat center center;
   background-size: 60px 65px;
}

.webentry_point_1box p {
   line-height: 160%;
}

/*h3のタイトル枠　div*/
.webentry_h3_title {
   display: block;
   position: relative;
   background-color: #35B9C7;
   padding: 10px 15px 10px 15px;
   text-align: center;
}

.webentry_h3_title.webentry_step_title {
   margin-bottom: 40px;
}

div#contents_main .webentry_h3_title h3 {
   margin: 0px 0px 0px 0px;
   margin-bottom: 0px !important;
   line-height: 100%;

   color: #ffffff;
   font-weight: 600;
   font-size: 18px;

   text-align: left;
}

.webentry_nyuushi_contents {
   padding: 0px 30px 0px 30px;
   margin-bottom: 50px;
}

#contents_main #contents_section p.webentry_nyuushi {
   color: #595649;
   font-size: 17px;
   font-weight: 600;
   line-height: 160%;
   margin-bottom: 6px;
}

div#contents_main p.webentry_nyuushi span {
   color: #35B9C7;
   margin-right: 4px;
}


/*出願方法欄全体　div*/
.webentry_step_contents {
   display: block;
   margin: 0 auto;
   max-width: 870px;
   margin-bottom: 50px;
}

/*STEP1つ分　div*/
.webentry_step_1box {
   display: block;
   position: relative;
   margin-bottom: 50px;
}

/*STEP番号とサブタイトル欄　div*/
.webentry_step_1box_title {
   display: -webkit-box;
   display: -moz-box;
   display: -webkit-flexbox;
   display: -moz-flexbox;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: flex;
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   background-color: #F8F9F0;
   margin-top: 20px;
   margin-bottom: 20px;
}

#contents_main #contents_section .webentry_step_1box_title p {
   display: inline-block;
   position: relative;
   margin-bottom: 0px;
}

/*STEP番号 p*/
#contents_main #contents_section p.webentry_step_no {
   width: 80px;
   background-color: #CDDA00;
   padding: 12px 20px 12px 20px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#contents_main #contents_section p.webentry_step_no:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -10px;
   border: 10px solid transparent;
   border-top: 15px solid #CDDA00;
}

#contents_main #contents_section p.webentry_step_no span {
   display: none;
}

.webentry_step_no.no1 {
   background: url(img/webentry_step_1.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no2 {
   background: url(img/webentry_step_2.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no3 {
   background: url(img/webentry_step_3.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no4 {
   background: url(img/webentry_step_4.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no5 {
   background: url(img/webentry_step_5.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no6 {
   background: url(img/webentry_step_6.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no7 {
   background: url(img/webentry_step_7.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no8 {
   background: url(img/webentry_step_8.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no9 {
   background: url(img/webentry_step_9.png) no-repeat center center;
   background-size: 50px 20px;
}

.webentry_step_no.no10 {
   background: url(img/webentry_step_10.png) no-repeat center center;
   background-size: 50px 20px;
}

/*STEPのサブタイトル　p*/
p.webentry_step_subtitle {
   width: 790px;
   padding: 12px 20px 12px 20px;
   font-weight: 600;
   font-size: 18px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*STEPごとのコンテンツ欄*/
.webentry_step_1box_contents {
   display: block;
   position: relative;
   padding-left: 100px;
}

/*サイトは準備中　p*/
#contents_main #contents_section p.webentry_close_message {
   display: inline-block;
   background: url(img/icon_128_note_pc_white.png) no-repeat 10px center;
   background-size: 24px 24px;
   background-color: #1E2A70;
   /*北星カラー*/
   /*background-color: #FA321F;*/
   /*赤*/
   color: #ffffff;
   padding: 3px 10px 3px 40px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

/*Web出願リンクボタン　a*/
.webentry_link {
   display: inline-block;
   url(img/icon_16_blank_white.png) no-repeat 96% 50%;
   background: url(img/icon_128_note_pc_white.png), url(img/icon_16_blank_white.png);
   background-size: 24px 24px, auto;
   background-repeat: no-repeat, no-repeat;
   background-position: 10px center, 96% 50%;
   background-color: #1E2A70;
   /*北星カラー*/
   /*background-color: #FA321F;*/
   /*赤*/
   color: #ffffff;
   padding: 3px 36px 3px 40px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.webentry_link:hover {
   text-decoration: none;
   color: #ffffff;
   background-color: #33439e;
   /*北星カラーのhover色*/
}


.webentry_step4_mail_message {
   display: block;
   position: relative;
   /* padding: 17px 16px 16px 76px;リニューアル */
   padding: 23px 16px 16px 76px;
   border: solid 3px #FA321F;
   background: url(img/webentry_icon_mail_red.png) no-repeat 20px 9px;
   background-size: 45px 50px;
   min-height: 30px;
}

#contents_main #contents_section .webentry_step4_mail_message p {
   margin-bottom: 0px;
   font-weight: 600;
   font-size: 17px;
   color: #FA321F;
}



/*=========================iPad用スタイルここから=========================*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   body {
      width: 1200px;
   }

   .contents_area {
      width: 100%;
   }

   div#contents_main #contents_section {
      display: block;
      position: relative;
      overflow: hidden;
      min-height: 900px !important;
   }

   /*sp_onlyはiPadも兼用*/
   div#contents_main .sp_only,
   .sp_only {
      display: none !important;
   }

   div#contents_main .pc_only,
   .pc_only {
      display: inline-block !important;
   }

   div#contents_main .print_only,
   .print_only {
      display: none;
   }


   /*iOS 8.4.1で:hoverの「opacity」や「filter」が使用されている場合、タップを2回しないといけないバグへの対応*/
   /*適用例：opacity: 1;*/
   /*適用例：filter: none;*/

   a:hover,
   a:hover img,
   .header_submenu_access a:hover,
   .header_submenu_request a:hover,
   .header_submenu_contact a:hover,
   .btn_searchopen:hover,
   .btn_search:hover,
   #side_tab_child li a,
   div#contents_main .button:hover,
   div#contents_main .button_blank:hover,
   div#contents_main .button_pdf:hover,
   .footer_address a:hover,
   .footer_etc_link li a:hover,
   .pagetop a:hover,
   .notice_link:hover .notice_date,
   .notice_link:hover .notice_text,
   .top_tab_hover,
   .news_right_box .news_list a:hover,
   .news_right_box .event_list a:hover,
   .link_table_left_ul li a:hover,
   .link_table_right_ul li a:hover,
   .tab_menu:hover,
   .opencampus_link_1:hover,
   .opencampus_link_2:hover,
   .opencampus_link_3:hover,
   .opencampus_link_4:hover,
   .starchannel_linkbox_1 p a:hover img,
   .starchannel_linkbox_2 p a:hover img,
   .starchannel_linkbox_3 p a:hover img,
   .starchannel_linkbox p a:hover img,
   .starchannel_linkbox_1 .starchannel_linkbox_text_box p a:hover,
   .starchannel_linkbox_2 .starchannel_linkbox_text_box p a:hover,
   .starchannel_linkbox_3 .starchannel_linkbox_text_box p a:hover,
   .starchannel_linkbox .starchannel_linkbox_text_box p a:hover {
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
   }


}


/*=========================スマホ用スタイルここから=========================*/

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

   body {
      color: #333333;
      /*色指定*/
      background-color: #ffffff !important;
      line-height: 1.4;
      width: 320px;
      width: 100%;
   }

   p,
   td,
   tr,
   li {
      line-height: 1.4;
   }

   img {
      max-width: 100%;
      height: auto;
   }

   /* --------------------

レイアウト設定

-------------------- */

   /*main.jsで設定した、画面をスクロールすると「body」に付加されるclass*/
   .body_margin_top {
      margin-top: 0px;
   }


   /* ----------ヘッダー---------- */

   .header_area {
      /*section*/
      position: relative;
      width: 100%;
      height: 85px;
      margin: 0 auto;
      margin-bottom: 0px;
      padding: 0;
      background-color: #f0f0dc;
      /*border-bottom:solid 1px #cccccc;*/
      z-index: 7777;
   }

   .header_outer {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px;
   }

   .header_inner {
      display: block;
      position: relative;
      width: 100%;
      height: 85px;
      margin: auto;
   }


   /* ----------コンテンツ（トップのみ）---------- */
   .contents_area_frontpage {
      /*section*/
      background-color: #f0f0dc;
      display: block;
      clear: both;
   }

   .contents_outer_frontpage {
      padding: 0px 0px 0px 0px;
   }

   .contents_inner_frontpage {
      width: 100%;
      margin: 0 auto;
   }

   /* ----------コンテンツ（下層ページ）---------- */
   .contents_area {
      /*section*/
      background-color: #f0f0dc;
      display: block;
      clear: both;
      padding: 0px 0px 0px 0px !important;
   }

   /*左と右をくくったdiv　100%（左右にパディング30px）*/
   .contents_outer {
      padding: 0px 0px 0px 0px !important;
   }

   /*左と右をくくったdiv　1100px*/
   .contents_inner {
      display: block;
      overflow: hidden;
      margin: 0 auto;
      padding: 0px 0px 0px 0px !important;
   }

   /*「contents_inner」と併記する動的なクラス→ジャンル別のレイアウト設定
○front_page_design：トップページ
○normal_page_design：固定ページ
○news_page_design：ニュースの記事ページ○blog_page_design：ブログの記事ページ
○news_list_design：ニュースの一覧ページ○blog_list_design：ブログの一覧ページ
○message_box_list_design:メッセージボックスの一覧ページ
※本サイトとはくくるdivの位置が異なるので注意！

　本サイト：
	メインコンテンツ
	<div id="contents_main" class="contents_main news_page_design">

	受験生Web：
	親ディレクトリにあわせた動的クラス設定↓
	<div class="contents_inner normal_page_design">

*/

   /*固定ページ*/
   .normal_page_design,
   .message_box_list_design {
      width: 100%;
   }

   /*ニュース、ブログ系*/
   .news_page_design,
   .blog_page_design,
   .news_list_design,
   .blog_list_design {
      width: 100%;
      margin-top: 0px;
      padding: 0px 0px 0px 0px;
      background-color: #FFFFFF;
   }

   /* ----------メインコンテンツ（固定ページ用1カラム）1100px---------- */

   div#contents_main,
   .normal_page_design div#contents_main,
   .message_box_list_design div#contents_main {
      width: 100%;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: none;
      overflow: hidden;
   }

   /* ----------メインコンテンツ（ブログ、お知らせページ用2カラムの左）750px---------- */

   .news_page_design div#contents_main,
   .blog_page_design div#contents_main {
      width: 100%;
      float: none;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .news_list_design div#contents_main,
   .blog_list_design div#contents_main {
      width: 100%;
      float: none;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }


   /* ----------右サイドエリア（News、blogのみ配置300px）---------- */
   div#contents_side {
      width: 100%;
      float: none;
      margin: 0px 0px 0px 0px;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .page_list {
      clear: both;
   }

   /* ----------フッター---------- */

   .footer_area {
      /*section*/
      background-color: #f0f0dc;
      display: block;
      padding: 0px 0px 0px 0px;
      clear: both;
   }

   .footer_outer {
      padding: 0px 0px 0px 0px;
   }

   .footer_inner {
      /*詳細設定は下部に記載*/
   }

   /* --------------------

ヘッダー指定

-------------------- */



   /* ---------- ロゴとサブメニューエリアの基本レイアウト---------- */

   /* ----------- スマホ：メインロゴ ----------- */
   .site_logo {
      position: relative;
      display: block;
      width: 50%;
      float: left;
      height: 45px;
      margin: 0 auto;
      text-align: left;
      background-color: #FFFFFF;
   }

   .fixed .site_logo {
      position: relative;
      display: block;
      width: 100%;
      float: left;
      height: 45px;
      margin: 0 auto;
      text-align: left;
      background-color: #FFFFFF;
   }

   h1.site-title {
      position: relative;
      display: block;
      width: 100%;
      height: 45px;
      margin: 0px 0px 0px 0px;
      float: left;
   }

   h1.site-title a {
      display: block;
      width: 100%;
      height: 45px;
      text-decoration: none;
      float: left;
      background: url("img/header_logo.png") no-repeat 0px 0px;
      background-position: 10px 3px;
      background-size: 115px 40px;
   }

   h1.site-title a b {
      visibility: hidden;
   }

   /*スクロールして可変したときのstyle指定*/
   .fixed h1.site-title,
   .fixed h1.site-title a b {
      height: 45px;
   }

   .fixed h1.site-title a {
      height: 45px;
      background: url("img/header_logo.png") no-repeat 0px 0px;
      background-position: 50% 0px;
      background-size: 115px 40px;
   }


   /*ヘッダーのSNSボタン欄　div*/
   .header_sns {
      display: block;
      position: relative;
      float: left;
      width: 50%;
      padding-left: 0px;
      background-color: #ffffff;

   }

   .header_sns ul {
      display: block;
      text-align: right;
      height: 45px;
      padding-right: 3px;
   }

   .fixed .header_sns ul {
      height: 45px;
      text-align: right;
      padding-right: 3px;
   }

   .header_sns ul li {
      display: inline-block;
      position: relative;
      vertical-align: middle;
      margin-right: 3px;
      padding-top: 6px;
   }

   .header_sns ul li a {
      display: block;
      position: relative;
      width: 32px;
      height: 32px;

      border-radius: 32px;
      /* CSS3草案 */
      -webkit-border-radius: 32px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 32px;
      /* Firefox用 */
   }

   /*twitter*/
   .header_sns ul li a.tw {
      background: url(img/icon_72_tw.jpg) no-repeat center center;
      /*「t」background: url(img/icon_72_tw2.jpg) no-repeat center center;*/
      background-size: 32px 32px;
   }

   /*Instagram*/
   .header_sns ul li a.ig {
      background: url(img/icon_72_ig.jpg) no-repeat center center;
      background-size: 32px 32px;
   }

   /*youtube*/
   .header_sns ul li a.yt {
      background: url(img/icon_72_yt.jpg) no-repeat center center;
      background-size: 32px 32px;
   }

   /*facebook*/
   .header_sns ul li a.fb {
      background: url(img/icon_72_fb.jpg) no-repeat center center;
      background-size: 32px 32px;
   }

   .header_sns ul li a span {
      display: none;
   }

   .header_sns ul li a:hover {
      opacity: 0.8 !important;
   }



   /* -----------スマホ：サブメニュー ----------- */

   /*検索欄とサブメニュー*/
   .container_header_submenu {
      position: absolute;
      display: block;
      width: 100%;
      top: 45px;
      right: 0px;
      z-index: 999;
   }

   /*検索欄を除く、サブメニュー全体*/
   .header_submenu_all {
      position: relative;
      display: block;
      float: right;
      width: 120px;
      margin: 0px 0px 0px 0px;
      height: 40px;
   }

   .fixed .header_submenu_all {
      height: 40px;
   }

   ul.header_submenu_box {
      margin: 0px 0 0 0;
      text-align: right;
      font-size: 90%;
   }

   ul.header_submenu_box li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      float: left;
   }

   .header_submenu_access a,
   .header_submenu_request a,
   .header_submenu_contact a {
      display: block;
      width: 40px;
      height: 40px;
   }


   .fixed .header_submenu_access a,
   .fixed .header_submenu_request a,
   .fixed .header_submenu_contact a {
      display: block;
      width: 40px;
      height: 40px;
   }

   /*アクセス*/
   .header_submenu_access a {
      ,

      display: block;
      background: url("img/icon_24_access.png") no-repeat center 50%;
      /*background-color:#edc500;*/
      background-color: #ff9900;
      margin-right: 0px;
   }

   /*願書・資料請求*/
   .header_submenu_request a {
      display: block;
      background: url("img/icon_24_request.png") no-repeat center 50%;
      /*background-color:#9ac9c3;*/
      background-color: #66cccc;
      margin-right: 0px;
   }

   /*お問い合わせ*/
   .header_submenu_contact a {
      display: block;
      background: url("img/icon_24_mail.png") no-repeat center 50%;
      padding: 0px 0px 0px 0px;
      /*background-color:#c0c156;*/
      background-color: #99cc33;
      margin-right: 0px;
   }

   .fixed .header_submenu_access a,
   .fixed .header_submenu_request a,
   .fixed .header_submenu_contact a {
      background-position: left 0px;
   }

   .header_submenu_access a span,
   .header_submenu_request a span,
   .header_submenu_contact a span {
      visibility: hidden;
   }

   /* ----------- スマホ：サイト内検索ボックス----------- */


   /* ----------テキストボックス＋ボタン---------- */

   #search_box {
      float: right;
   }

   /*閉まっている検索枠エリアを開閉するためのボタン（div）*/
   .btn_searchopen {
      float: right;
      cursor: pointer;
      display: block;
      width: 40px;
      height: 40px;
      background: url("img/header_submenu_search.png") no-repeat center 50%;
      background-color: #38afb5;
   }



   .btn_searchopen span {
      visibility: hidden;
   }

   /*検索枠と検索ボタンをくくったdiv*/
   .open_searchbox {
      position: absolute;
      margin-top: 40px;
      width: 100%;
      height: 40px;
      left: 0px;
      background-color: #38afb5;
      display: none;
      text-align: center;
   }




   /* ----------テキストボックス本体---------- */
   div#search_box input[type="text"] {
      display: block;
      width: 80%;
      height: 39px;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 15px !important;
      border: none;
      background-color: #ffffff;
      color: #999;
      font-size: 16px;
      float: left;
      border-radius: 0px;
      /* CSS3草案 */
      -webkit-border-radius: 0px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 0px;
      /* Firefox用 */
   }

   /*検索ボタン*/
   .btn_search {
      display: block;
      width: 20%;
      height: 39px;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
      border: none;
      background-color: #39afb5;
      color: #ffffff;
      font-size: 13px;
      float: left;
      border-radius: 0px;
      /* CSS3草案 */
      -webkit-border-radius: 0px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 0px;
      /* Firefox用 */
   }

   .btn_search:hover {
      /* background-color: #077e84;リニューアル */
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }

   .link_home_sp {
      display: none;
   }

   /* --------------------

メインメニュー設定

-------------------- */

   .grandmenu_box {
      position: relative;
      width: 100%;
      /*background: url(img/menu_bg.png) repeat-x;*/
      background-color: transparent !important;
      letter-spacing: -.40em;
      /* 文字間を詰めて隙間を削除する */
      clear: both;
   }

   .grandmenu_outer {
      padding: 0px 0px 0px 0px !important;
      width: 100%;
      text-align: left;
   }

   /*グランドメニュー全体　ul*/
   .grandmenu {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-color: #62a9b5;
      display: none;
      z-index: 1001;
   }

   .grandmenu li {
      padding: 0px 0px 0px 0px !important;
      width: 100%;
   }

   .grandmenu a {
      padding: 0px 0px 0px 0px !important;
   }

   /*MENU（開閉ボタン）*/
   #toggle {
      display: block;
      position: relative;
      width: 120px;
      height: 40px;
      margin-top: -40px;
      z-index: 1000;
   }

   #toggle a {
      display: block;
      width: 120px;
      height: 33px;
      padding: 7px 0px 0px 5px;
      color: #626260;
      text-align: center;
      text-decoration: none;
      line-height: 1.7;
      letter-spacing: 0em;
      /* 文字間を詰めて隙間を削除する */
      background: url("img/sp_menu_toggle_icon.png") no-repeat 15px 10px;
      background-size: 20px 20px;
   }

   /*PCでaタグにbackgroundで表示させていたアイコンをここで消しておく*/
   .grandmenu a.grandmenuLink.grandmenu_icon_blank {
      background: none;
   }

   /*li*/
   .grandmenu_0,
   .grandmenu_1,
   .grandmenu_2,
   .grandmenu_3,
   .grandmenu_4,
   .grandmenu_5,
   .grandmenu_6,
   .grandmenu_7,
   .grandmenu_8,
   .grandmenu_9,
   .grandmenu_10 {
      display: block;
      padding: 0px 0px 0px 0px !important;
      float: none;
      /*background: url("img/icon_link_white.png") no-repeat 97% 16px;*/
   }

   /*「デジタルパンフレット」のみ、blankアイコンにする*/
   .grandmenu_4 {
      /*background: url("img/icon_16_blank_white.png") no-repeat 97% 16px !important;*/
   }

   /*スマホのみ表示。PCでは非表示*/
   .grandmenu_sp_only {
      display: block;
      padding: 0px 0px 0px 0px !important;
      float: none;
      background: url("img/icon_link_white.png") no-repeat 97% 16px;
   }



   .grandmenu a.grandmenuLink:link,
   .grandmenu a.grandmenuLink:visited {
      display: block;
      letter-spacing: normal;
      /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
      padding: 14px 0px 14px 0px !important;
      margin: 0px 0px 0px 0px;
      color: #ffffff;
      text-decoration: none;
      text-align: left;
      font-size: 16px;
      outline: none;
      line-height: 100%;
      border-top: solid 1px #ffffff;
      background: url("img/icon_link_white.png") no-repeat 97% 16px;
   }

   /*3と8だけcursorを矢印のまま*/
   .grandmenu_3>a.grandmenuLink:link,
   .grandmenu_4>a.grandmenuLink:link,
   .grandmenu_8>a.grandmenuLink:link,
   .grandmenu_10>a.grandmenuLink:link,
   .grandmenu_3>a.grandmenuLink:visited,
   .grandmenu_4>a.grandmenuLink:visited,
   .grandmenu_8>a.grandmenuLink:visited,
   .grandmenu_10>a.grandmenuLink:visited {
      background-image: none !important;
   }

   /*親カテゴリ表示の項目で、blankアイコンにする場合*/
   .grandmenu_XXX a.grandmenuLink:link,
   .grandmenu_XXX a.grandmenuLink:visited {
      background: url("img/icon_16_blank_white.png") no-repeat 97% 16px !important;
   }

   .grandmenu a.grandmenuLink:hover {
      color: #FFF;
      background: url("img/icon_link_white.png") no-repeat 97% 16px;
      background-color: #92c4cd;
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
      -webkit-transition: all 0s ease-in-out;
      -moz-transition: all 0s ease-in-out;
      -o-transition: all 0s ease-in-out;
      transition: all 0s ease-in-out;
   }

   /*親カテゴリ表示の項目で、blankアイコンにする場合*/
   .grandmenu_XXX a.grandmenuLink:hover {
      color: #FFF;
      background: url("img/icon_16_blank_white.png") no-repeat 97% 16px !important;
      background-color: #92c4cd !important;
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
      -webkit-transition: all 0s ease-in-out;
      -moz-transition: all 0s ease-in-out;
      -o-transition: all 0s ease-in-out;
      transition: all 0s ease-in-out;
   }


   .grandmenu a.grandmenuLink:link b,
   .grandmenu a.grandmenuLink:visited b {
      display: block;
      padding: 0px 0px 0px 0px !important;
   }

   /*グランドメニューの1つ分のaタグの中のbタグ*/
   .grandmenu a.grandmenuLink b {
      display: block;
      height: auto !important;
      border-left: 0px solid #ccced2 !important;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 10px 0px 10px !important;
      font-weight: 600 !important;
   }

   /*グランドメニューの1つ分のaタグの中のbタグの一番左のみ*/
   .menu_first {
      border-left: none !important;
      border-top: solid 0px #ffffff !important;
   }

   .grandmenu_0 a,
   .grandmenu_0 a:hover {
      background-image: none;
      display: block;
      letter-spacing: normal;
      /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
      padding: 14px 0px 14px 0px !important;
      margin: 0px 0px 0px 0px;
      color: #ffffff;
      text-decoration: none;
      text-align: left;
      font-size: 16px;
      outline: none;
      line-height: 100%;
      border-top: solid 1px #ffffff;
      background: url("img/icon_link_white.png") no-repeat 97% 16px !important;
   }

   .grandmenu_0 a.grandmenuLink:hover {
      color: #FFF;
      background: url("img/icon_link_white.png") no-repeat 97% 16px;
      background-color: #92c4cd !important;
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;

   }

   .grandmenu_0 b {
      visibility: visible !important;
   }



   /*3と8だけcursorを矢印のまま*/
   .grandmenu_3 a.grandmenuLink:hover,
   .grandmenu_4 a.grandmenuLink:hover,
   .grandmenu_8 a.grandmenuLink:hover,
   .grandmenu_10 a.grandmenuLink:hover {
      cursor: default;
      background-image: none !important;
      background-color: #62a9b5;
   }

   /* ---------- PCメインメニュー第2階層 ---------- */
   .grandmenu_1 ul,
   .grandmenu_2 ul,
   .grandmenu_3 ul,
   .grandmenu_4 ul,
   .grandmenu_5 ul,
   .grandmenu_6 ul,
   .grandmenu_7 ul,
   .grandmenu_8 ul,
   .grandmenu_9 ul,
   .grandmenu_10 ul {
      display: block;
      overflow: hidden;
      padding: 0;
      margin-top: 0px;
      text-align: left;
      border: solid 0px #dddddd;
      border-top: solid 0px #dddddd;
   }

   .grandmenu_1:hover ul,
   .grandmenu_2:hover ul,
   .grandmenu_3:hover ul,
   .grandmenu_4:hover ul,
   .grandmenu_5:hover ul,
   .grandmenu_6:hover ul,
   .grandmenu_7:hover ul,
   .grandmenu_8:hover ul,
   .grandmenu_9:hover ul,
   .grandmenu_10:hover ul {
      display: block !important;
      position: static !important;
      z-index: 999 !important;
      text-align: left;
   }

   .grandmenu_1 ul a,
   .grandmenu_2 ul a,
   .grandmenu_3 ul a,
   .grandmenu_4 ul a,
   .grandmenu_5 ul a,
   .grandmenu_6 ul a,
   .grandmenu_7 ul a,
   .grandmenu_8 ul a,
   .grandmenu_9 ul a,
   .grandmenu_10 ul a {
      display: block !important;
      width: 100%;
      border-top: dotted 1px #a9e3ed;
      color: #ffffff;
      text-decoration: none;
      font-size: 94%;
      clear: both;
      visibility: visible;
      letter-spacing: 0em;
      /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
   }

   .sub-menu li a {
      display: block !important;
      width: 100% !important;
      padding: 8px 0px 9px 10% !important;
      background: url("img/icon_link_white.png") no-repeat 97% 12px !important;
      background-color: #db2323;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .sub-menu li a.submenu_icon_blank {
      display: block !important;
      padding: 8px 0px 9px 10% !important;
      background: url("img/icon_16_blank_white.png") no-repeat 97% 12px !important;
      background-color: #db2323;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .grandmenu_1 ul li:last-child a,
   .grandmenu_2 ul li:last-child a,
   .grandmenu_3 ul li:last-child a,
   .grandmenu_4 ul li:last-child a,
   .grandmenu_5 ul li:last-child a,
   .grandmenu_6 ul li:last-child a,
   .grandmenu_7 ul li:last-child a,
   .grandmenu_8 ul li:last-child a,
   .grandmenu_9 ul li:last-child a,
   .grandmenu_10 ul li:last-child a {
      border-bottom: none;
   }

   .grandmenu_1 ul li a:hover,
   .grandmenu_2 ul li a:hover,
   .grandmenu_3 ul li a:hover,
   .grandmenu_4 ul li a:hover,
   .grandmenu_5 ul li a:hover,
   .grandmenu_6 ul li a:hover,
   .grandmenu_7 ul li a:hover,
   .grandmenu_8 ul li a:hover,
   .grandmenu_9 ul li a:hover,
   .grandmenu_10 ul li a:hover {
      color: #FFF;
      padding: 8px 0px 9px 10% !important;
      background: url("img/icon_link_white.png") no-repeat 97% 12px !important;
      background-color: #92c4cd !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }


   .grandmenu_1 ul li a:hover.submenu_icon_blank,
   .grandmenu_2 ul li a:hover.submenu_icon_blank,
   .grandmenu_3 ul li a:hover.submenu_icon_blank,
   .grandmenu_4 ul li a:hover.submenu_icon_blank,
   .grandmenu_5 ul li a:hover.submenu_icon_blank,
   .grandmenu_6 ul li a:hover.submenu_icon_blank,
   .grandmenu_7 ul li a:hover.submenu_icon_blank,
   .grandmenu_8 ul li a:hover.submenu_icon_blank,
   .grandmenu_9 ul li a:hover.submenu_icon_blank,
   .grandmenu_10 ul li a:hover.submenu_icon_blank {
      color: #FFF;
      padding: 8px 0px 9px 10% !important;
      background: url("img/icon_16_blank_white.png") no-repeat 97% 12px !important;
      background-color: #92c4cd !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }




   /* -----------------------

サイドメニューのスタイル

----------------------- */

   /* ---------- 左サイドのリンクリスト ---------- */
   /*2021年6月以降は未使用（削除可）*/

   .side_tab_box {
      position: fixed;
      left: 0px;
      top: auto;
      bottom: 10px !important;
      z-index: 2000 !important;
   }

   #side_tab {
      /*ul*/

   }

   /*スマホではまるごと非表示に*/
   #side_tab ul {
      display: none;
   }

   /*4つ共通の設定　liのサイズ*/
   #side_tab>.side_tab1,
   #side_tab>.side_tab2,
   #side_tab>.side_tab3,
   #side_tab>.side_tab4 {
      display: block;
      width: 64px;
      height: 72px;
   }

   /*4つ共通の設定　bを非表示*/
   #side_tab>.side_tab1 b,
   #side_tab>.side_tab2 b,
   #side_tab>.side_tab3 b,
   #side_tab>.side_tab4 b {
      display: none;
   }

   /*4つ共通の設定　liをhoverした時の処理*/
   #side_tab>.side_tab1:hover,
   #side_tab>.side_tab2:hover,
   #side_tab>.side_tab3:hover,
   #side_tab>.side_tab4:hover {
      width: 69px;
      height: 72px;
      -webkit-transition: width 0.1s ease-in-out;
      -moz-transition: width 0.1s ease-in-out;
      -o-transition: width 0.1s ease-in-out;
      transition: width 0.1s ease-in-out;
   }

   /*4つ共通の設定　aタグのサイズ等*/
   #side_tab>.side_tab1>a,
   #side_tab>.side_tab2>a,
   #side_tab>.side_tab3>a,
   #side_tab>.side_tab4>a {
      display: block;
      width: 64px;
      height: 72px;
      /*float:right;*/
   }

   #side_tab>.side_tab3,
   #side_tab>.side_tab4 {
      position: relative;
   }

   /*ひとつずつの背景色指定 liの背景*/
   #side_tab>.side_tab1 {
      background-color: #1f296f;
   }

   #side_tab>.side_tab2 {
      background-color: #32b8c7;
   }

   #side_tab>.side_tab3 {
      background-color: #777bba;
   }

   #side_tab>.side_tab4 {
      background-color: #3a77bc;
   }

   /*ひとつずつの背景画像指定 aタグの背景*/
   #side_tab>.side_tab1>a {
      background: url(img/side_tab_img1.png) top right no-repeat;
   }

   #side_tab>.side_tab2>a {
      background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img2.png) top right no-repeat;
   }

   #side_tab>.side_tab3>a {
      background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img3.png) top right no-repeat;
   }

   #side_tab>.side_tab4>a {
      background: url(../../../wp/wp-content/themes/hokusei_ac_jp_examinee_web/img/side_tab_img4.png) top right no-repeat;
   }

   /*4つ共通の設定　aタグをhoverした時のサイズ*/
   #side_tab>.side_tab1>a:hover,
   #side_tab>.side_tab2>a:hover,
   #side_tab>.side_tab3>a:hover,
   #side_tab>.side_tab4>a:hover {
      display: block;
      width: 69px;
      height: 72px;
   }

   /*3つ目、4つ目のタブだけ、サブメニューを表示*/

   #side_tab_child {
      display: none;
   }

   #side_tab li.side_tab3:hover #side_tab_child,
   #side_tab li.side_tab4:hover #side_tab_child {
      display: block;
      position: absolute;
      top: 0px;
      left: 69px;
      margin: 0;
      list-style-type: none;
   }

   #side_tab li.side_tab3:hover #side_tab_child {
      border: solid 1px #777bba;
      border-bottom: none;
   }

   #side_tab li.side_tab4:hover #side_tab_child {
      border: solid 1px #3a77bc;
      border-bottom: none;
   }

   #side_tab_child li a {
      display: block;
      padding: 4px 1em 4px 1em;
      background-image: none !important;
      background-color: #ffffff;
      filter: alpha(opacity=95);
      /*IE*/
      -moz-opacity: 0.95;
      /*FF*/
      opacity: 0.95;
      text-align: left;
      font-size: 90%;
      color: #002c6a;
      text-decoration: none;
      white-space: nowrap;
   }

   #side_tab li.side_tab3 #side_tab_child li a {
      border-bottom: solid 1px #777bba;
   }

   #side_tab li.side_tab4 #side_tab_child li a {
      border-bottom: solid 1px #3a77bc;
   }

   #side_tab_child li a:hover {
      background-color: #ffffff;
      filter: alpha(opacity=100);
      /*IE*/
      -moz-opacity: 1.00;
      /*FF*/
      opacity: 1.00;
      color: #ffffff;
   }

   /*タブ3の子リストのロールオーバーの背景色*/
   #side_tab li.side_tab3 #side_tab_child li a:hover {
      background-color: #777bba;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
   }

   /*タブ4の子リストのロールオーバーの背景色*/
   #side_tab li.side_tab4 #side_tab_child li a:hover {
      background-color: #3a77bc;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
   }



   /*SNSのサイドタブ*/
   /* ---------- 左サイドのリンクリスト ---------- */

   .sns_side_tab_box {
      display: none;
   }



   /* -----------------------

各パーツ設定

----------------------- */

   /* --------------------

カテゴリタイトル全体（パンくず、ページタイトル含む）設定

-------------------- */

   /*タイトル枠全体 ※左右にパディング30px*/
   .category_title_outer {
      display: block;
      position: relative;
      overflow: hidden !important;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      margin: 0 auto;
      padding: 0px 0px 0px 0px;
      background-size: cover;
   }

   .category_title_inner {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      padding: 0px 0px 0px 0px;
      margin: 0 auto !important;
   }


   /*カテゴリタイトル欄　共通設定*/
   .category_title_outer_bg {
      display: block !important;
      position: relative;
      width: 100%;
      height: 72px !important;
      max-height: 72px !important;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      vertical-align: top;
      float: none;
   }

   /*カテゴリタイトルのp 共通設定*/
   .category_title_outer .category_title_inner p {
      display: block;
      width: 100%;
      margin-bottom: 5px;
      height: 30px !important;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
   }

   /*カテゴリタイトルのh2の文字スタイル共通設定　日本語のテキストタイトル*/
   .category_title_outer .category_title_inner h2 {
      display: block;
      overflow: hidden;
      min-height: 30px !important;
      height: 30px !important;
      font-size: 16px !important;
      font-weight: 300;
      line-height: 1.3;
      letter-spacing: 0;
      padding: 4px 0px 12px 0px;
      text-align: center;
   }

   /*カテゴリタイトル欄の背景色 ＆ 画像タイトル置き換え ＆ 文字の色
（属するカテゴリ別に代替スタイルを用意）*/


   /*標準*/
   .category_directoryname .category_title_outer_bg {
      background-color: #339999;
      min-height: 72px !important;
   }

   .category_directoryname .contents_title_inner h1 {
      color: #339999;
   }

   .category_directoryname .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_404.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*ニュース（ディレクトリ名：news）*/
   .category_news .category_title_outer_bg {
      background-color: #009999;
      min-height: 72px !important;
   }

   .category_news .contents_title_inner h1 {
      color: #009999;
   }

   .category_news .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_news.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*入試関連カレンダー（ディレクトリ名：calendar）*/
   .category_calendar .category_title_outer_bg {
      background-color: #ff9900;
      min-height: 72px !important;
   }

   .category_calendar .contents_title_inner h1 {
      color: #ff9900;
   }

   .category_calendar .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_calendar.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   .category_calendar2 .category_title_outer_bg {
      background-color: #ff9900;
      min-height: 72px !important;
   }

   .category_calendar2 .contents_title_inner h1 {
      color: #ff9900;
   }

   .category_calendar2 .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_calendar.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*入学試験日程（ディレクトリ名：schedule）*/
   .category_schedule .category_title_outer_bg {
      background-color: #833981;
      min-height: 72px !important;
   }

   .category_schedule .contents_title_inner h1 {
      color: #833981;
   }

   .category_schedule .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_schedule.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*アドミッションポリシー（ディレクトリ名：admission）*/
   .category_admission .category_title_outer_bg {
      background-color: #6699cc;
      min-height: 72px !important;
   }

   .category_admission .contents_title_inner h1 {
      color: #6699cc;
   }

   .category_admission .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_admission.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*入学試験要項（ディレクトリ名：general）*/
   .category_general .category_title_outer_bg {
      background-color: #6699cc;
      min-height: 72px !important;
   }

   .category_general .contents_title_inner h1 {
      color: #6699cc;
   }

   .category_general .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_general.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*過去の入試問題（ディレクトリ名：statistics）*/
   .category_statistics .category_title_outer_bg {
      background-color: #cccc00;
      min-height: 72px !important;
   }

   .category_statistics .contents_title_inner h1 {
      color: #cccc00;
   }

   .category_statistics .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_statistics.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*入試Q＆A（ディレクトリ名：faq）*/
   .category_faq .category_title_outer_bg {
      background-color: #0099cc;
      min-height: 72px !important;
   }

   .category_faq .contents_title_inner h1 {
      color: #0099cc;
   }

   .category_faq .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_faq.png) no-repeat center bottom;
      background-size: auto 40px;
   }


   /*学費・奨学金（ディレクトリ名：scholarship）*/
   .category_scholarship .category_title_outer_bg {
      background-color: #cc66b0;
      min-height: 72px !important;
   }

   .category_scholarship .contents_title_inner h1 {
      color: #cc66b0;
   }

   .category_scholarship .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_scholarship.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*デジタルパンフレット（ディレクトリ名：pamphlet、digital_pamphlet）*/
   .category_pamphlet .category_title_outer_bg {
      background-color: #339999;
      min-height: 72px !important;
   }

   .category_pamphlet .contents_title_inner h1 {
      color: #339999;
   }

   .category_pamphlet .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_digital_pamphlet.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   .category_digital_pamphlet .category_title_outer_bg {
      background-color: #339999;
      min-height: 72px !important;
   }

   .category_digital_pamphlet .contents_title_inner h1 {
      color: #339999;
   }

   .category_digital_pamphlet .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_digital_pamphlet.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*キャンパス説明会（ディレクトリ名：opencampus）*/
   .category_opencampus .category_title_outer_bg {
      background-color: #33cccc;
      min-height: 72px !important;
   }

   .category_opencampus .contents_title_inner h1 {
      color: #33cccc;
   }

   .category_opencampus .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_opencampus.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*キャンパス説明会レポート（ディレクトリ名：campusreport）*/
   .category_campusreport .category_title_outer_bg {
      background-color: #33cccc;
      min-height: 72px !important;
   }

   .category_campusreport .contents_title_inner h1 {
      color: #33cccc;
   }

   .category_campusreport .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_opencampus.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*キャンパスライフ（ディレクトリ名：campuslife）*/
   .category_campuslife .category_title_outer_bg {
      background-color: #0084ab;
      min-height: 72px !important;
   }

   .category_campuslife .contents_title_inner h1 {
      color: #0084ab;
   }

   .category_campuslife .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_campuslife.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*パノラマビュー（ディレクトリ名：360view）*/
   .category_360view .category_title_outer_bg {
      background-color: #996699;
      min-height: 72px !important;
   }

   .category_360view .contents_title_inner h1 {
      color: #996699;
   }

   .category_360view .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_360view.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*キャンパスカレンダー（ディレクトリ名：campus）*/
   .category_campus .category_title_outer_bg {
      background-color: #669966;
      min-height: 72px !important;
   }

   .category_campus .contents_title_inner h1 {
      color: #669966;
   }

   .category_campus .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_campus.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*メッセージボックス（ディレクトリ名：message_box）*/
   .category_message_box .category_title_outer_bg {
      background-color: #0daab6;
      min-height: 72px !important;
   }

   .category_message_box .contents_title_inner h1 {
      color: #0daab6;
   }

   .category_message_box .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_message_box.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*願書・資料請求（ディレクトリ名：request）*/
   .category_pre_request .category_title_outer_bg {
      background-color: #66cccc;
      min-height: 72px !important;
   }

   .category_pre_request .contents_title_inner h1 {
      color: #66cccc;
   }

   .category_pre_request .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_request.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*お問い合わせ（ディレクトリ名：contact）*/
   .category_contact .category_title_outer_bg {
      background-color: #99cc33;
      min-height: 72px !important;
   }

   .category_contact .contents_title_inner h1 {
      color: #99cc33;
   }

   .category_contact .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_contact.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*お問い合わせテスト（ディレクトリ名：contact_test）*/
   .category_contact_test .category_title_outer_bg {
      background-color: #99cc33;
      min-height: 72px !important;
   }

   .category_contact_test .contents_title_inner h1 {
      color: #99cc33;
   }

   .category_contact_test .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_contact.png) no-repeat center bottom;
      background-size: auto 40px;
   }


   /*アクセス（ディレクトリ名：access）*/
   .category_access .category_title_outer_bg {
      background-color: #ff9900;
      min-height: 72px !important;
   }

   .category_access .contents_title_inner h1 {
      color: #ff9900;
   }

   .category_access .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_access.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*入試センター長のブログ（ディレクトリ名：directorblog）*/
   .category_directorblog .category_title_outer_bg {
      background-color: #ff9900;
      min-height: 72px !important;
   }

   /*{background-color:#339999; min-height:72px !important;}*/
   .category_directorblog .contents_title_inner h1 {
      color: #ff9900;
   }

   /*{color:#339999;}*/
   .category_directorblog .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_directorblog.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*サイトマップ（ディレクトリ名：sitemap）*/
   .category_sitemap .category_title_outer_bg {
      background-color: #669933;
      min-height: 72px !important;
   }

   .category_sitemap .contents_title_inner h1 {
      color: #669933;
   }

   .category_sitemap .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_sitemap.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*404*/
   .category_404 .category_title_outer_bg {
      background-color: #595959;
      min-height: 72px !important;
   }

   .category_404 .contents_title_inner h1 {
      color: #595959;
   }

   .category_404 .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_404.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*検索結果*/
   .category_search .category_title_outer_bg {
      background-color: #cccc99;
      min-height: 72px !important;
   }

   .category_search .contents_title_inner h1 {
      color: #cccc99;
   }

   .category_search .category_title_inner p {
      height: 36px !important;
      background: url(img/category_title_search.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*Web出願*/
   .category_webentry .category_title_outer_bg {
      background-color: #0099cc;
      min-height: 72px !important;
   }

   .category_webentry .contents_title_inner h1 {
      color: #0099cc;
   }

   .category_webentry .category_title_inner p {
      height: 75px;
      background: url(img/category_title_webentry.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   /*就職・キャリア*/
   .category_career .category_title_outer_bg {
      background-color: #60BBC8;
      min-height: 72px !important;
   }

   .category_career .contents_title_inner h1 {
      color: #60BBC8;
   }

   .category_career .category_title_inner p {
      height: 75px;
      background: url(img/category_title_career.png) no-repeat center bottom;
      background-size: auto 40px;
   }

   .category_title_inner p span {
      visibility: hidden;
   }

   /*ページタイトルとパンくずをくくったdiv*/
   .contents_title_outer {
      display: block !important;
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      width: 100%;
      min-height: 50px !important;
      height: auto !important;
      padding: 0px 10px 0px 10px !important;
      padding: 10px 10px 16px 10px !important;
      margin: 0px 0px 10px 0px !important;
      background-color: #ffffff;
      float: none;
      clear: both;
   }


   /*ページタイトル*/
   .contents_title_inner {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      margin-top: 0px;
      margin-bottom: 0px;
   }

   .contents_title_inner h1 {
      line-height: 130%;
   }

   /* ----------パンくずリスト全体の設定---------- */

   div.topicpath {
      display: block;
      margin: 0px auto 10px auto;
      padding: 0px 0px 0px 0px;
      text-align: left;
      line-height: 1.3;
      clear: both;
   }

   /* ----------パンくずリストそのものの設定---------- */

   div.topicpath ul {
      margin: 0;
      padding: 0px 0px 0px 0px;
      font-size: 100%;
      text-align: left;
      overflow: hidden;
   }

   /* ----------リンクのないリスト（＝閲覧しているページ）---------- */
   div.topicpath li {
      color: #666666;
      list-style-type: none;
      padding: 0px 4px 0px 4px;
      float: left;
      line-height: none;
   }

   /* ----------リンクのあるリスト（＝上位のページ）---------- */
   div.topicpath li a {
      margin-right: 1px;
      color: #666666;
      /*色指定*/
      padding-right: 4px;
      line-height: none;
      padding-top: 0px;
   }

   div.topicpath li a:hover {
      color: #92c4cd;
   }

   /* ----------HOMEの画像置き換え---------- */
   div.topicpath li .home {
      max-width: 15px;
      max-height: 15px;
      margin-right: 1px;
      padding: 0px 6px 0px 0px !important;
      color: #666666;
      /*色指定*/
      background: url(img/icon_home.png) no-repeat 0px 3px;
   }

   div.topicpath li .home span {
      display: inline-block;
      max-width: 15px;
      max-height: 15px;
      visibility: hidden;
   }



   /* ---------- 記事掲載エリア ---------- */
   div#contents_main #contents_section {
      margin: 0px 0px 0px 0px;
   }

   /*ブログとニュースのコンテンツエリアの上辺にマージンを入れる*/
   .blog_page_design div#contents_main #contents_section,
   .news_page_design div#contents_main #contents_section,
   .blog_list_design div#contents_main #contents_section,
   .news_list_design div#contents_main #contents_section {
      padding: 15px 0px 0px 0px;
   }

   /* ---------- H2 段落タイトル設定 ---------- */

   div#contents_main h2 {
      margin: 25px 0 20px 0;
      padding: 0px 0px 0px 0px;
      clear: both;
      color: #595959;
      line-height: 1.3;
      font-weight: 400;
      font-size: 22px;
   }

   /*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
   div#contents_main .box_white h2 {
      margin: 10px 0px 20px 0 !important;
   }

   /* ---------- H3 水色文字のコピー ---------- */

   .contents_main h3 {
      margin: 20px 0 10px 0;
      color: #339999;
      font-size: 135%;
      font-weight: bold;
   }

   /*白ベタエリア「box_white」の中なら、マージンのトップを0に*/
   div#contents_main .box_white h3 {
      margin: 0px 0px 10px 0 !important;
   }

   /* ---------- H4/H5/H6 見出し設定 ---------- */

   div#contents_main h4 {
      margin: 5px 0;
      font-size: 112%;
      font-weight: bold;
   }

   div#contents_main h5 {
      margin: 5px 0;
      font-size: 100%;
      font-weight: bold;
   }

   div#contents_main h6 {
      margin: 5px 0;
      font-size: 100%;
      font-weight: bold;
   }

   /* ---------- 記事のpノーマル ---------- */

   div#contents_main #contents_section p {
      line-height: 160%;
   }

   /*サイズアップ*/
   /*基本はPCのスタイルをそのまま利用*/
   /*SPのみフォントサイズを変更する場合*/
   .sp_fs_100 {
      font-size: 100% !important;
   }

   .sp_fs_110 {
      font-size: 110% !important;
   }

   .sp_fs_120 {
      font-size: 120% !important;
   }

   .sp_fs_130 {
      font-size: 130% !important;
   }

   .sp_fs_140 {
      font-size: 140% !important;
   }

   .sp_fs_150 {
      font-size: 150% !important;
   }

   .sp_fs_160 {
      font-size: 160% !important;
   }

   .sp_fs_170 {
      font-size: 170% !important;
   }

   .sp_fs_180 {
      font-size: 180% !important;
   }

   .sp_fs_190 {
      font-size: 190% !important;
   }

   .sp_fs_200 {
      font-size: 200% !important;
   }

   .sp_fs_210 {
      font-size: 210% !important;
   }

   .sp_fs_220 {
      font-size: 220% !important;
   }

   .sp_fs_230 {
      font-size: 230% !important;
   }

   .sp_fs_240 {
      font-size: 240% !important;
   }

   .sp_fs_250 {
      font-size: 250% !important;
   }

   .sp_fs_260 {
      font-size: 260% !important;
   }

   .sp_fs_270 {
      font-size: 270% !important;
   }

   .sp_fs_280 {
      font-size: 280% !important;
   }

   .sp_fs_290 {
      font-size: 290% !important;
   }

   .sp_fs_300 {
      font-size: 300% !important;
   }

   /*サイズダウン*/
   /*基本はPCのスタイルをそのまま利用*/
   /*SPのみフォントサイズを変更する場合*/
   .sp_fs_95 {
      font-size: 95% !important;
   }

   .sp_fs_90 {
      font-size: 90% !important;
   }

   .sp_fs_85 {
      font-size: 85% !important;
   }

   .sp_fs_80 {
      font-size: 80% !important;
   }

   .sp_fs_75 {
      font-size: 75% !important;
   }

   .sp_fs_70 {
      font-size: 70% !important;
   }

   .sp_fs_60 {
      font-size: 60% !important;
   }

   .sp_fs_50 {
      font-size: 50% !important;
   }

   .sp_fs_40 {
      font-size: 40% !important;
   }

   .sp_fs_30 {
      font-size: 30% !important;
   }

   .sp_fs_20 {
      font-size: 20% !important;
   }

   .sp_fs_10 {
      font-size: 10% !important;
   }



   /* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
   .sp_none {
      display: none !important;
   }

   /* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
   .sp_none {
      display: none !important;
   }

   /* ---------- 記事のpノーマル ---------- */

   .sp_mb4 {
      margin-bottom: 4px !important;
   }

   .sp_mb5 {
      margin-bottom: 5px !important;
   }

   .sp_mb6 {
      margin-bottom: 6px !important;
   }

   .sp_mb7 {
      margin-bottom: 7px !important;
   }

   .sp_mb8 {
      margin-bottom: 8px !important;
   }

   .sp_mb9 {
      margin-bottom: 9px !important;
   }

   .sp_mb10 {
      margin-bottom: 10px !important;
   }

   .sp_mb15 {
      margin-bottom: 15px !important;
   }

   .sp_mb20 {
      margin-bottom: 20px !important;
   }

   .sp_mb25 {
      margin-bottom: 25px !important;
   }

   .sp_mb30 {
      margin-bottom: 30px !important;
   }

   .sp_mb40 {
      margin-bottom: 40px !important;
   }

   .sp_mb50 {
      margin-bottom: 50px !important;
   }

   .sp_mb60 {
      margin-bottom: 60px !important;
   }

   .sp_mb70 {
      margin-bottom: 70px !important;
   }

   .sp_mb80 {
      margin-bottom: 80px !important;
   }

   .sp_mb90 {
      margin-bottom: 90px !important;
   }

   .sp_mb100 {
      margin-bottom: 100px !important;
   }



   .sp_mt0 {
      margin-top: 0px !important;
   }

   .sp_mt10 {
      margin-top: 10px !important;
   }

   .sp_mt20 {
      margin-top: 20px !important;
   }

   .sp_mt30 {
      margin-top: 30px !important;
   }

   .sp_mt40 {
      margin-top: 40px !important;
   }

   .sp_mt50 {
      margin-top: 50px !important;
   }

   .sp_mt60 {
      margin-top: 60px !important;
   }

   .sp_mt70 {
      margin-top: 70px !important;
   }

   .sp_mt80 {
      margin-top: 80px !important;
   }

   .sp_mt90 {
      margin-top: 90px !important;
   }

   .sp_mt100 {
      margin-top: 100px !important;
   }


   /*スマホのみ左右中央揃えの指定　text-alignの略*/
   .sp_ta_center {
      text-align: center !important;
   }

   .sp_ta_left {
      text-align: left !important;
   }

   .sp_ta_right {
      text-align: right !important;
   }



   /* ---------- 白ベタエリア　div ---------- */

   div#contents_main .box_white {
    padding-inline: 10px;
   }

   /* ---------- 写真の配置設定 ---------- */

   /*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
   .wp-caption {}

   .wp-caption img {
      margin: 0;
      padding: 0;
      border: 0 none;
   }

   /* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

   /*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
   .alignone {
      display: block;
      width: 100% !important;
      margin-bottom: 10px;
      clear: left;
   }

   /*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
   /* ----------写真を中央に配置---------- */
   /*
.aligncenter {
	display: block;
	width: 100%!important;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	clear: left;
}
*/

   /* ----------画像まわしこみを解除----------*/
   div#contents_main .aligncenter {
      float: none;
   }

   /*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
   /*.alignright {
	text-align: right;
	float: none;
	padding-left: 15px;
	margin-bottom: 10px;
}
*/

   /*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
   /*
.alignleft {
	text-align: left;
	float: none;
	padding-right: 15px;
	margin-bottom: 0px;
}
*/

   /*メディアライブラリから挿入した時の、imgのclass*/
   .aligncenter {
      padding-right: 0px;
      margin-right: 0px;
      width: 100%;
      height: auto;
   }

   .alignright {
      padding-right: 0px;
      margin-right: 0px;
      width: 100%;
      height: auto;
   }

   .alignleft {
      padding-right: 0px;
      margin-right: 0px;
      width: 100%;
      height: auto;
   }

   .alignnone {
      padding-right: 0px;
      margin-right: 0px;
      width: 100%;
      height: auto;
   }

   /* ----------写真を左に配置---------- */
   div#contents_main .alignleft img {
      float: none;
      margin: 0 30px 20px 0;
   }

   /* ----------写真を右側に配置---------- */
   div#contents_main .alignright img {
      float: none;
      margin: 0 0 20px 30px;
      width: 100%;
   }

   /*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
   .wp-caption p.wp-caption-text {
      text-align: left;
      margin-top: 6px !important;
      font-size: 90%;
      line-height: 130%;
      clear: both;
   }

   /*キャプションのスタイル（aligncenterの場合）*/
   div#contents_main .aligncenter p.wp-caption-text {
      text-align: left;
      margin-top: 6px !important;
      font-size: 90%;
      line-height: 130%;
      clear: both;
   }

   /* ---------- 記事内のテーブル設定 ---------- */

   /*レスポンシブさせたくないtableには「no_responsive_table」というclassを記述する*/
   /*.gsc-table-result　は、Googleの検索結果のテーブル*/
   /*.gcsc-branding　は、Googleの検索結果の下のpowered byのテーブル*/
   /*.table_img_2column は、横並びの画像をスマホでも横並びのまま表示するtableのclass*/

   div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) {
      border: none !important;
      /*border-top: #d8d8d8 dotted 1px !important;*/
   }

   div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) tr {
      border: none !important;
      border-bottom: #d8d8d8 dotted 1px !important;
      padding: 8px 0px 8px 0px;
      width: 100% !important;
   }

   div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th {
      padding: 6px 0px 8px 0px !important;
      background-color: #d8d8d8;
      white-space: nowrap;
      overflow: hidden;
      display: block;
      border: none !important;
      width: 100% !important;
   }

   div#contents_main #contents_section table.no_responsive_table th {
      white-space: normal !important;
   }

   div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td {
      border-left: none !important;
      word-wrap: break-word;
      overflow: hidden;
      display: block;
      padding: 6px 0px 8px 0px !important;
      border: none !important;
      width: 100% !important;
   }

   div#contents_main #contents_section th img,
   div#contents_main #contents_section td img {
      display: block;
      margin-left: auto;
      margin-right: auto;
   }


   /*横並びの画像をスマホでも横並びのまま表示するtable　のstyle罫線無し**/

   div#contents_main #contents_section table.table_img_2column {
      border: none !important;
      display: block;
      max-width: 100%;
   }

   div#contents_main #contents_section table.table_img_2column tr {
      font-size: 96% !important;
      line-height: 150% !important;
      border: none !important;
   }

   div#contents_main #contents_section table.table_img_2column th {
      font-size: 96% !important;
      line-height: 150% !important;
      white-space: normal !important;
      border: none !important;
   }

   div#contents_main #contents_section table.table_img_2column td {
      font-size: 96% !important;
      line-height: 150% !important;
      border: none !important;
   }

   div#contents_main #contents_section table.table_img_2column img {
      margin-bottom: 0px !important;
   }


   /*スマホレスポンシブ対応のテーブル*/
   div#contents_main #contents_section table.sp_eesponsive_table th {
      display: none !important;
   }

   div#contents_main #contents_section table.sp_eesponsive_table td {
      text-align: left;
   }

   div#contents_main #contents_section table.sp_eesponsive_table .sp_only {
      display: inline-block !important;
   }

   /*スマホのみ、tr（の上辺）に罫線を追加するスタイル*/
   div#contents_main #contents_section .tr_line_solid_sponly {
      border-top: #d8d8d8 solid 1px !important;
   }

   div#contents_main #contents_section .tr_line_dotted_sponly {
      border-top: #d8d8d8 dotted 1px !important;
   }


   /*桁数を指定して揃える　半角で5文字分*/
   div#contents_main #contents_section span.digit5 {
      display: inline;
      width: auto !important;
      text-align: left;
   }

   /*桁数を指定して揃える　半角で6文字分*/
   div#contents_main #contents_section span.digit6 {
      display: inline;
      width: auto !important;
      text-align: left;
   }

   /* ---------- 記事内のテーブル設定（レスポンシブさせない） ---------- */

   /*tableをスクロールありで表示させる場合、これで囲む　div*/
   div#contents_main #contents_section .table_scroll_box {
      width: auto !important;
      overflow-x: scroll !important;
   }

   div#contents_main #contents_section .table_scroll_box table {
      margin-bottom: 0.5em;
      border-top: #d8d8d8 solid 1px !important;
      border-left: #d8d8d8 solid 1px !important;
   }

   div#contents_main #contents_section .table_scroll_box table tr {
      border-bottom: #d8d8d8 solid 1px !important;
      border-right: #d8d8d8 solid 1px !important;
      word-wrap: normal !important;
      padding: 2px 2px 2px 2px !important;
      font-size: 96% !important;
      line-height: 150% !important;
   }

   div#contents_main #contents_section .table_scroll_box table th {
      padding: 10px 10px 10px 10px;
      background-color: #E5E5E5;
      /*white-space: nowrap;*/
      display: table-cell;
      word-wrap: normal !important;
      border-bottom: #d8d8d8 solid 1px !important;
      border-right: #d8d8d8 solid 1px !important;
      padding: 2px 2px 2px 2px !important;
      font-size: 96% !important;
      line-height: 150% !important;
   }

   div#contents_main #contents_section .table_scroll_box table td {
      padding: 10px 10px 10px 10px;
      display: table-cell;
      word-wrap: normal !important;
      border-bottom: #d8d8d8 solid 1px !important;
      border-right: #d8d8d8 solid 1px !important;
      padding: 2px 2px 2px 2px !important;
      font-size: 96% !important;
      line-height: 150% !important;
   }



   /* -------------------- 水平線画像 -------------------- */

   div#contents_main hr {
      clear: both;
      width: 100%;
      height: 1px;
      margin: 15px 0 15px 0;
      border: none;
      border-top: solid 1px #cccccc;
      color: #ffffff;
      background: #ffffff;
   }

   /* ---------- 記事内のグレー罫線の囲み（div） ---------- */

   div#contents_main #contents_section .box_gray,
   div#contents_main .box_gray {
      padding: 25px 25px 20px 25px;
      margin: 10px 0px 25px 0px;
      border: solid 1px #d2d2d2;
   }

   div#contents_main #contents_section .box_gray5,
   div#contents_main .box_gray5 {
      padding: 25px 25px 20px 25px;
      margin: 10px 0px 25px 0px;
      border: solid 5px #d2d2d2;
   }

   /* ---------- 記事内のol ---------- */

   div#contents_main #contents_section ol {
      margin-left: 0em !important;
      padding-left: 22px;
      padding-bottom: 8px;
      list-style-type: decimal;
   }

   div#contents_main #contents_section ol li {
      padding: 2px 0px 6px 0px;
   }


   /* ---------- 記事内のul ---------- */

   div#contents_main #contents_section ul {
      list-style: none;
      background: none;
      padding: 0px 0px 0px 0px;
   }

   div#contents_main #contents_section ul li {
      padding: 2px 0px 4px 2px;
      padding-left: 22px;
      background-image: url(img/icon_16_disc_green.png);
      background-repeat: no-repeat;
      background-position: 0 5px;
   }

   /* ---------- 記事内のア、イ、ウ…のli ---------- */

   div#contents_main #contents_section .list_50on,
   div#contents_main #contents_section ul li .list_50on {
      margin-left: 0 !important;
      padding-left: 0 !important;
      list-style: none !important;
      background: none !important;
   }

   div#contents_main #contents_section .list_50on li,
   div#contents_main #contents_section ul li .list_50on li {
      padding-left: 2.2em !important;
      text-indent: -2.2em !important;
      list-style: none !important;
      background: none !important;
   }


   /* ---------- 記事内の注釈 ---------- */

   div#contents_main #contents_section .annotate {
      padding: 6px 0px 6px 0px;
      font-size: 86%;
      color: #666;
   }

   /* ---------- リンクアイコン設定 ---------- */

   /* ----------リンクとダウンロードファイルのアイコン---------- */

   .icon_link {
      margin: 6px 0px 6px 0px;
      padding: 1px 8px 2px 16px;
      /* background: url(img/icon_link.png) no-repeat 0px 5px;リニューアル */
      background: url(img/icon_link.png) no-repeat 0px 2px;
      text-decoration: underline;
      clear: both;
   }

   a.icon_pdf,
   a.icon_download {
      margin: 6px 0px 6px 0px;
      padding: 1px 20px 2px 0px;
      /* background: url(img/icon_16_pdf.png) no-repeat right 4px; */
      /* リニューアル */
      background: url(img/icon_16_pdf.png) no-repeat right;
      text-decoration: underline;
      clear: both;
   }

   a.icon_blank {
      margin: 6px 0px 6px 0px;
      padding: 1px 20px 2px 0px;
      background: url(img/icon_blank.png) no-repeat right;
      text-decoration: underline;
      clear: both;
   }

   a.icon_excel {
      margin: 6px 0px 6px 0px;
      padding: 1px 20px 2px 0px;
      background: url(img/icon_16_excel.png) no-repeat right;
      text-decoration: underline;
   }

   /*IE10*/
   @media screen and (-ms-high-contrast: active),
   (-ms-high-contrast: none) {
      a.icon_excel {
         background: url(img/icon_16_excel.png) no-repeat right 4px;
      }
   }

   a.icon_word {
      margin: 6px 0px 6px 0px;
      padding: 1px 20px 2px 0px;
      background: url(img/icon_16_word.png) no-repeat right 4px;
      /* リニューアル */
      background: url(img/icon_16_word.png) no-repeat right;
      text-decoration: underline;
   }

   /*IE10*/
   @media screen and (-ms-high-contrast: active),
   (-ms-high-contrast: none) {
      a.icon_word {
         /* background: url(img/icon_16_word.png) no-repeat right 4px; */
         /* リニューアル */
         background: url(img/icon_16_word.png) no-repeat right;
      }
   }


   a.icon_link:hover,
   a.icon_link_square:hover,
   a.icon_pdf:hover,
   a.icon_blank:hover,
   a.icon_excel:hover,
   a.icon_word:hover {
      color: #33cccc;
      text-decoration: underline;
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }


   div#contents_main .sp_only,
   .sp_only {
      display: inline-block !important;
   }

   div#contents_main .pc_only,
   .pc_only {
      display: none !important;
   }

   div#contents_main .print_only,
   .print_only {
      display: none;
   }



   /* ---------- 記事内のオリジナル汎用ボタン* ---------- */

   div#contents_main .button {
      display: block;
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #339999;
      float: none;
      clear: both;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   div#contents_main .button:hover {
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #33cccc;
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
      float: none;
      clear: both;
   }

   div#contents_main .button_blank {
      display: block;
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #339999;
      float: none;
      clear: both;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   div#contents_main .button_blank:hover {
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #33cccc;
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
      float: none;
      clear: both;
   }

   div#contents_main .button_pdf {
      display: block;
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #339999;
      float: none;
      clear: both;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   div#contents_main .button_pdf:hover {
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #33cccc;
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
      float: none;
      clear: both;
   }

   /*固定ページの下部に配置する、他ページへのリンク（div）*/
   /*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される*/
   .related_link {
      width: 100%;
      padding: 25px 0px 10px 0px;
      margin: 10px 0px 25px 0px;
      clear: both;
   }

   .related_link p {
      padding: 0 !important;
      margin: 0 !important;
      line-height: 140%;
   }

   .related_link a {
      display: block;
      min-width: 140px;
      padding: 12px 15px 12px 35px;
      margin: 0px 20px 20px 0px;
      float: left;
      border: solid 1px #d2d2d2;
      background: url(img/icon_link.png) no-repeat 15px 15px;
      /*横縦*/
      background-color: #ffffff;
      color: #339999;
   }

   .related_link a:hover,
   .related_link p a:hover {
      border: solid 1px #d2d2d2;
      background: url(img/icon_link_hover.png) no-repeat 15px 15px;
      /*横縦*/
      background-color: #339999;
      color: #ffffff !important;
   }


   /* ---------- 固定ページを含むすべての記事ごとのフッター ---------- */
   div#contents_main #contents_footer {
      margin: 10px 0px 10px 0px;
   }

   /*News、Blogの各記事フッター*/
   div.news_page_design div#contents_footer,
   div.blog_page_design div#contents_footer {
      margin: 10px 0 10px 0;
   }

   div.news_list_design div#contents_footer,
   div.blog_list_design div#contents_footer {
      margin: 10px 0 10px 0;
      border-bottom: solid 1px #ddd;
   }

   /*News、Blogの各記事フッター内に表示される「記事一覧へ」リンク*/
   div#contents_main #contents_footer .to_news_list {
      display: iblock;
      overflow: hidden;
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding: 6px 10px 6px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      border: solid 1px #d2d2d2;
      background-color: #ffffff;
      color: #339999;
   }

   div#contents_main #contents_footer .to_news_list:hover {
      border: solid 1px #d2d2d2;
      background-color: #339999;
      color: #ffffff !important;
   }

   .to_news_list {
      display: block;
      overflow: hidden;
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding: 6px 10px 6px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      border: solid 1px #d2d2d2;
      background-color: #ffffff;
      color: #339999;
   }

   /*----------一覧ページ関連（検索結果、新着一覧、タグ一覧など）----------*/

   /*1セットのくくり（検索、新着、タグ等共通）*/
   .list_page_article {
      display: block;
      overflow: hidden;
      margin: 0px 0px 10px 0px;
   }

   /*1セットのくくり*/
   .search_list_box .list_page_article,
   .archive_list_box .list_page_article {
      margin: 3px 0px 15px 0px;
      padding: 0px 0px 15px 0px;
      border-bottom: 1px dotted #bbbbbb;
   }

   /*親ページ（大カテゴリ）名*/
   .search_list_box .list_page_article .pagesub,
   .archive_list_box .list_page_article .pagesub {}

   /*ページタイトル*/
   .search_list_box .list_page_article .pagetitle,
   .archive_list_box .list_page_article .pagetitle {
      display: block;
      width: auto;
      margin: 0px 0px 0px 0px;
      padding: 3px 0px 3px 0px;
      font-size: 125%;
   }

   /*ページタイトルのaタグ*/
   .search_list_box .list_page_article .pagetitle a,
   .archive_list_box .list_page_article .pagetitle a {}

   /*更新月日*/
   .search_list_box .list_page_article .pagedate,
   .archive_list_box .list_page_article .pagedate {
      font-size: 90%;
      color: #aaaaaa;
   }

   /*本文*/
   .search_list_box .list_page_article .pagetext,
   .archive_list_box .list_page_article .pagetext {
      font-size: 96%;
      color: #777777;
   }

   /*ページネーション（ソースはネット共通のもの）*/
   /*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
   /*Quotes style*/
   .wp-pagenavi,
   .pagination {
      padding: 3px;
      margin: 3px 3px 20px 3px;
      text-align: center;
      font-size: 18px;
   }

   .wp-pagenavi a,
   .wp-pagenavi span,
   .pagination a {
      padding: 4px 7px 4px 7px;
      margin-right: 2px;
      border: 1px solid #ddd;
      text-decoration: none;
      color: #aaa;
   }

   .wp-pagenavi a:hover,
   .wp-pagenavi a:active,
   .pagination a:hover,
   .pagination a:active {
      padding: 4px 7px 4px 7px;
      margin-right: 2px;
      border: 1px solid #a0a0a0;
      background-color: #a0a0a0;
      color: #FFF;
   }

   .wp-pagenavi span.current,
   .pagination span.current {
      padding: 4px 7px 4px 7px;
      margin-right: 2px;
      border: 1px solid #e0e0e0;
      font-weight: bold;
      background-color: #f0f0f0;
      color: #aaa;
   }

   .wp-pagenavi span.disabled,
   .pagination span.disabled {
      padding: 4px 7px 4px 7px;
      margin-right: 2px;
      border: 1px solid #f3f3f3;
      color: #ccc;
   }

   /* -----------------------

News、ブログページの基本パーツ設定

----------------------- */

   /*ブログのメッセージボックス*/
   .directorsblog_message_box {
      display: block;
      margin: 0px 0px 20px 0px;
      float: none;
      clear: both;
   }

   .directorsblog_message_box_left {
      display: block;
      width: 100%;
      background-color: #ff9900;
      padding: 10px 10px 10px 10px;
      color: #FFFFFF;
      text-align: center;
      vertical-align: middle;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .directorsblog_message_box_left:after {
      display: none;
   }

   .directorsblog_message_box_left p {
      text-align: center;
   }

   .directorsblog_message_box_right {
      display: block;
      width: 100%;
      padding: 10px 10px 10px 10px;
      border-top: solid 1px #d8d8d8;
      border: solid 1px #d8d8d8;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   /*NEWS、ブログの一覧ページの各エントリーのタイトル枠*/
   .blog_list_design #contents_header,
   .blog_list_design .contents_header,
   .news_list_design #contents_header,
   .news_list_design .contents_header {
      display: block;
      overflow: hidden;
      padding: 15px 0px 10px 0px;
   }

   /*NewsとBlogの記事タイトルの下の日付*/
   .contents_title_outer .date,
   .news_list_design .date,
   .blog_list_design .date {
      margin: 5px 0px 10px 0px;
      padding: 0px 0px 0px 0px;
      color: #888888;
      font-size: 94%;
   }

   /*画像の横幅と縦比率*/
   .blog_list_design img,
   .blog_list_design a img,
   .blog_page_design img,
   .blog_page_design a img,
   .news_list_design img,
   .news_list_design a img,
   .news_page_design img,
   .news_page_design a img,
   .category_opencampus div#contents_main #contents_section img,
   .category_opencampus div#contents_main #contents_section a img {
      width: 100%;
      height: auto !important;
      margin-bottom: 10px;
   }

   /*「続きを見る」のリンク*/
   .more-link {
      display: block;
      padding: 4px 10px 4px 24px;
      margin: 25px 0px 10px 0px;
      background: url(img/icon_link.png) no-repeat 7px 50%;
      /*横縦*/
      background-color: #ececec;
   }

   .more-link:hover {
      background: url(img/icon_link_white.png) no-repeat 7px 50%;
      /*横縦*/
      /*border: solid 1px #d2d2d2;*/
      background-color: #339999;
      color: #ffffff !important;
   }

   /*News、Blog記事単体ページ下部の記事間リンクナビゲーション*/
   .nav-single {
      position: relative;
      display: block;
      overflow: hidden;
      float: none;
      margin: 0px 0px 20px 0px;
      padding-top: 20px;
      border-top: 1px solid #D2D2D2;
   }

   .nav-previous {
      float: none;
      padding-left: 0px;
      width: 100% !important;
      margin: 10px 0px 10px 0px;
   }

   .nav-next {
      float: none;
      padding-right: 0px;
      width: 100% !important;
      margin: 10px 0px 10px 0px;
   }

   .nav-previous .meta-nav {
      position: relative;
      top: 0;
      left: 0;
   }

   .nav-next .meta-nav {
      position: relative;
      top: 0;
      right: 0;
   }


   .nav-previous a,
   .nav-next a {
      position: relative;
      display: block;
      width: 100% !important;
      margin: 10px 0px 10px 0px;
      padding: 6px 10px 6px 10px;
      border: solid 1px #d2d2d2;
      background-color: #ffffff;
      color: #339999;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      vertical-align: middle;
      font-size: 90%;
   }



   /* -----------------------

サイドメニューのスタイル

----------------------- */
   /*（News、blogのみ配置300px）*/

   div#contents_side .side_box {
      padding: 0px;
      margin: 10px 0px 20px 0px;
      /*border: solid 1px #d2d2d2;*/
   }

   /*サイドのh2*/
   div#contents_side .side_title_box {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 6px 10px 6px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      border: solid 1px #d2d2d2;
      color: #339999;
      background-color: #FFFFFF;
   }

   /*サイドのh2*/
   div#contents_side .side_title_box h2 {}

   /*サイドのh2の中のa*/
   div#contents_side .side_title_box h2 a {
      color: #61a8b4;
      font-size: 90%;
   }

   /*サイドのh2の中のb*/
   div#contents_side .side_title_box h2 b {
      font-weight: 300;
   }

   /*カテゴリの子ページリンク*/
   div#contents_side .news_current_list a,
   div#contents_side .blog_current_list a {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 10px 8px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      border: solid 1px #d2d2d2;
      border-top: none;
      background-color: #ffffff;
      color: #4b4b4b;
      font-size: 96%;
      line-height: 140%;
   }

   div#contents_side .news_current_list a:hover,
   div#contents_side .blog_current_list a:hover {
      /* background-color: #61a8b4;リニューアル */
      background-color: #009999;
      color: #ffffff;
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
   }

   /*カテゴリの子ページリンクの日付*/
   div#contents_side .news_current_list li a .date,
   div#contents_side .blog_current_list li a .date {
      /* color: #61a8b4;リニューアル */
      color: #009999;
      display: block;
      width: 100%;
      margin-bottom: 0px;
   }

   /*カテゴリの子ページリンクの日付*/
   div#contents_side .news_current_list li a:hover .date,
   div#contents_side .blog_current_list li a:hover .date {
      color: #ffffff;
      display: block;
      width: 100%;
      margin-bottom: 0px;
   }

   /*ブログ、トピックスなどのタイトルの共通設定*/
   div#contents_side .side_title_news,
   div#contents_side .side_title_blog {
      padding: 0px;
      margin: 0px;
      line-height: 1.3;
      display: block;
      /*width:640px;*/
      padding: 0px 0 0px 0 !important;
      margin: 0px 0 20px 0 !important;
      clear: both;
      border-left: none !important;
      border-bottom: solid 3px #333 !important;
   }

   /*ブログのカテゴリリンク枠*/

   /*カテゴリリンクの枠*/
   .side_box_category_topics_category ul {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 10px 8px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      border: solid 1px #d2d2d2;
   }

   /*カテゴリリンクのa*/
   .side_box_category_topics_category ul li a {
      padding: 0px 0px 0px 0px;
      background-color: #ffffff;
      color: #4b4b4b;
      font-size: 96%;
      line-height: 130%;
   }

   .side_category_list_subtitle {
      color: #848484;
      font-size: 94%;
      margin-bottom: 4px;
   }

   .category_current_list,
   /*固定ページの子ページリスト*/
   .news_current_list,
   /*Newsページの記事ページリスト*/
   .blog_current_list

   /*ブログページの記事ページリスト*/
      {}

   .category_current_list .pagedate,
   /*固定ページの子ページリストの日付*/
   .news_current_list .pagedate,
   /*ブログページの記事ページリストの日付*/
   .blog_current_list .pagedate

   /*ブログページの記事ページリストの日付*/
      {
      font-size: 90%;
      color: #cccccc;
      padding: 0px 0px 0px 7px;
   }


   /*アクセスカウンター*/

   /*枠　ul*/
   div#contents_side .cpd {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 14px 8px 14px;
      border: solid 1px #d2d2d2;
      margin: 0px 0 20px 0 !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*行 li*/
   div#contents_side .cpd-l {
      font-size: 96%;
      padding: 2px 0px 2px 0px;
   }

   /*行のliの中のspan*/
   div#contents_side .cpd-r {
      display: inline-block;
      text-align: right;
      float: right;
      color: #669900;
      font-weight: 600;
      font-size: 110%;
   }

   /*センター長からのご注意*/
   div#contents_side .directors_message_box {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 10px 14px 10px 14px;
      /*border: solid 4px #d2d2d2;*/
      border: solid 3px #339999;
      margin: 0px 0 20px 0 !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   div#contents_side .directors_message_box p {
      font-size: 88% !important;
      line-height: 150%;
      color: #666666;
   }



   /* ----------カテゴリリンク---------- */

   /*サイドのカテゴリリンクのタイトル p*/
   div#contents_side .side_title_box .category_link_list_title {
      /*p*/

   }

   /*サイドのカテゴリリンクのul*/
   div#contents_side .category_link_list {
      /*ul*/
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 0px 0px px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      border: solid 1px #d2d2d2;
      border-top: none;
      background-color: #ffffff;
      color: #4b4b4b;
      line-height: 140%;
   }

   /*サイドのカテゴリリンクのa*/
   div#contents_side .category_link_list a {
      /*a*/
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 10px 8px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      border-top: none;
      background-color: #ffffff;
      color: #4b4b4b;
      line-height: 140%;
   }

   /*サイドのカテゴリリンクのa*/
   div#contents_side .category_link_list a:hover {
      /*a*/
      background-color: #888888;
      color: #ffffff;
   }

   /*カテゴリー欄の「カテゴリーなし」のときのスタイル li*/
   div#contents_side .cat-item-none {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 10px 8px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      border-top: none;
      background-color: #ffffff;
      color: #4b4b4b;
      line-height: 140%;
      font-size: 94%;
   }

   /*サイドの「リンク」のaにブランクアイコンを追加　li*/
   div#contents_side .side_link_blank a {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 8px 10px 8px 34px;
      border-top: none;
      background-color: #ffffff;
      color: #4b4b4b;
      line-height: 140%;
      background: url(img/icon_blank.png) no-repeat 12px 10px;
   }

   /* -----------------------

検索結果一覧（Google検索利用）

----------------------- */

   /*Googleのスクリプトから書き出されるiframeのID名*/
   #cse-search-results {
      overflow: hidden;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin-bottom: 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background-color: #ffffff;
   }

   #cse-search-results iframe {
      vertical-align: bottom;
      /*←効いてない…*/
      width: 100%;
      height: auto;
      padding: 10px 0px 10px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }


   /* -----------------------

フッター

----------------------- */

   /*------------- フッター -------------*/

   /*フッターの中身を包んだ大枠*/
   .footer_inner {
      display: block;
      width: 100%;
      margin: 0px auto;
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      margin-bottom: 0px;
      overflow: hidden;
      text-align: left !important;
      position: relative;
      background-color: #8e8c7f;
   }

   /*左の学校ロゴと住所を包んだ枠*/
   .school_notice_box {
      display: block;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*ロゴ画像代替*/
   .footer_logo {
      /*p*/
      display: block;
      position: relative;
      width: 100%;
      height: 35px;
      margin: 0px 0px 5px 0px;
      background: url("img/footer_logo.png") no-repeat 0px 0px;
      background-size: 180px 30px;
   }

   .footer_logo span {
      /*span*/
      visibility: hidden;
   }

   /*住所*/
   .footer_address {
      line-height: 130%;
      color: #FFFFFF !important;
      padding: 0px 0px 5px 0px;
   }

   .footer_address br {
      display: none;
   }

   .footer_address a {
      line-height: 130%;
      color: #FFFFFF !important;
      padding: 0px 0px 5px 0px;
   }

   .footer_address a:hover {
      filter: alpha(opacity=80) !important;
      /*IE*/
      -moz-opacity: 0.80 !important;
      /*FF*/
      opacity: 0.80 !important;
   }

   /*リンクとcopyrightを包んだdiv*/
   .footer_other_box {
      display: block;
      vertical-align: bottom !important;
      border-left: solid 0px #ffffff;
      padding: 10px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*テキストリンク*/
   .footer_etc_link {
      /*ul*/
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 96%;
   }

   .footer_etc_link li {
      /*li*/
      width: 100%;
   }

   .footer_etc_link li a {
      /*a*/
      display: block;
      width: 100%;
      padding: 5px 10px 5px 10px;
      margin-bottom: 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      color: #FFFFFF !important;
      border: solid 1px #ffffff;
   }

   .footer_etc_link li a:hover {
      /*a*/
      filter: alpha(opacity=80) !important;
      /*IE*/
      -moz-opacity: 0.80 !important;
      /*FF*/
      opacity: 0.80 !important;
   }

   .copyright {
      display: block;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 90px 0px;
   }

   .copyright p {
      color: #FFFFFF !important;
      line-height: 120% !important;
   }


   /* ----------ページTOPへボタン---------- */
   /*2021年6月以降は未使用（削除可）*/

   #pagetop_wrapper {
      position: fixed;
      bottom: 10px;
      right: 0px !important;
      display: block;
      width: 64px;
      height: 72px;
   }

   .pagetop {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 0 0px 0;
      font-size: 120%;
   }

   .pagetop a {
      clear: both;
      display: block;
      width: 100%;
      margin: 0px 0% 20px 0%;
      padding: 0px 0px;
      text-align: center;
      background-color: transparent !important;
      background: url(img/btn_pagetop.png) top right no-repeat;
      filter: alpha(opacity=100);
      /*IE*/
      -moz-opacity: 1.00;
      /*FF*/
      opacity: 1.00;
      background-size: 64px 72px;
      cursor: n-resize;
      /*border:solid 1px #cccccc;*/
      /*border-radius: 5px; かどまる：CSS3---------- */
      /*-webkit-border-radius:5px; かどまる：Safari,Chrome---------- */
      /*-moz-border-radius:5px; かどまる：Firefox---------- */
      text-decoration: none;
   }

   .pagetop a:hover {
      filter: alpha(opacity=40) !important;
      /*IE*/
      -moz-opacity: 0.40 !important;
      /*FF*/
      opacity: 0.40 !important;
   }

   .pagetop a b {
      display: none;
   }




   /*--------------------

リンクタブ（2021.5.25追加）

PC：
左上「大学サイト」
右下「HOKUSEI Web Movie」「PAGE TOP」

スマホ：
下部固定「大学サイト」「HOKUSEI Web Movie」「PAGE TOP」

--------------------*/


   /* ---------- 左上のリンクタブ「大学サイト」 ---------- */

   .link_tab_inner1 {
      position: fixed;
      left: 0;
      top: auto;
      bottom: 0;
      width: 33.3333%;
      height: 40px;
      z-index: 1000;
   }

   .link_tab_box.is-column-4 .link_tab_inner1 {
      width: 25%;
   }

   .link_tab_mainsite {
      display: block;
      width: 100%;
      height: 40px;
      background-color: #1f296f;
   }

   .link_tab_mainsite span {
      display: none;
   }


   .link_tab_mainsite>a {
      display: block;
      width: 100%;
      height: 40px;
      background: url(img/link_tab_mainsite_sp_x2.png) center center no-repeat;
      background-size: auto 34px;
      background-color: #222A6B;
   }

   .link_tab_mainsite>a:hover {
      margin-left: 0px;

      -webkit-transition: width 0.1s ease-in-out;
      -moz-transition: width 0.1s ease-in-out;
      -o-transition: width 0.1s ease-in-out;
      transition: width 0.1s ease-in-out;
   }



   /* ----------右下のリンクタブ「HOKUSEI Web Movie」「PAGE TOP」---------- */
   .link_tab_inner2 {
      position: fixed;
      bottom: 0px;
      right: 0px;
      z-index: 1000;
      display: block;
      width: 66.6666%;
   }

   .link_tab_box.is-column-4 .link_tab_inner2 {
      width: 75%;
   }

   /* ----------「受験生向け LINE」---------- */
   .link_tab_line {
      display: block;
      float: left;
      width: 50%;
      height: 40px;
   }

   .link_tab_box.is-column-4 .link_tab_line {
      width: 33.3333%;
   }

   .link_tab_line a {
      font-size: 10px;
   }

   .link_tab_line br {
      display: none;
   }

   /*
	.link_tab_line a .large{
		font-size: inherit;
	}
*/
   .link_tab_line .mark {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-top: 0;
      margin-left: 2px;
   }

   .link_tab_line .mark img {
      margin-top: -3px;
   }

   /* ----------「HOKUSEI Web Movie」---------- */
   .link_tab_movie {
      display: block;
      float: left;
      width: 50%;
      height: 40px;
   }

   .link_tab_box.is-column-4 .link_tab_movie {
      width: 33.3333%;
   }

   .link_tab_movie a {
      display: block;
      width: 100%;
      height: 40px;
      background: url(img/link_tab_movie_sp_x2.png) center center no-repeat;
      background-size: auto 34px;
      background-color: #BFD9F1;

   }

   .link_tab_movie a:hover {
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }

   .link_tab_movie a span {
      display: none;
   }


   /* ----------「PAGE TOP」---------- */
   .link_tab_pagetop {
      display: block;
      float: right;
      width: 50%;
      height: 40px;
   }

   .link_tab_box.is-column-4 .link_tab_pagetop {
      width: 33.3333%;
   }

   .link_tab_pagetop a {
      display: block;
      width: 100%;
      height: 40px;
      background: url(img/link_tab_pagetop_sp_x2.png) center center no-repeat;
      background-size: auto 34px;
      background-color: #61a8b4;

   }

   .link_tab_pagetop a:hover {
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }

   .link_tab_pagetop a span {
      display: none;
   }



   /* --------------------

トップページ専用スタイル

-------------------- */

   /* --------------------

トップのメインコンテンツの基本設定

-------------------- */

   /*---------- トップのメインコンテンツ（メインビジュアルの下から） ----------*/

   #contents_top_notice,
   #contents_top_information,
   #contents_top_news,
   #contents_top_event,
   #contents_top_link4,
   #contents_top_contents,
   #contents_top_schedule,
   #contents_top_tosite {
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
   }

   #contents_top_information {
      margin-bottom: 50px;
   }


   /* --------------------

トップのNotice（重要なお知らせ）欄

-------------------- */

   /*Notice欄全体*/
   .notice_box {
      display: block;
      text-align: left;
      width: 100%;
      min-height: 80px;
      height: auto !important;
      background-color: #ffffff;
      margin: 20px 0px 30px 0px;
      -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   }

   /*Notice欄左*/
   .notice_left_box {
      display: block;
      text-align: center;
      width: 100%;
      min-height: 40px !important;
      height: 40px !important;
      padding: 0;
      background-color: #985799;
   }

   /*Notice欄右*/
   .notice_right_box {
      display: block;
      width: 100%;
      background-color: #ffffff;
      text-align: left;
      vertical-align: middle;
      padding: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*Notice欄全体のリンクエリア　aタグ*/
   .notice_link {
      display: block;
      overflow: hidden;
      width: 100%;
      min-height: 40px !important;
      height: auto !important;
      padding: 0px 10px 0px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background: url(img/icon_24_link.png) no-repeat 100% 50%;
   }

   .notice_link:hover {
      background-color: #fffdf4;
   }

   /*左側のタイトル画像　p*/
   .notice_title {
      width: 100%;
      min-height: 40px !important;
      background: url(img/title_notice.png) no-repeat 50% 50% !important;
      background-size: 120px 20px !important;
   }

   .notice_title b {
      visibility: hidden;
   }

   .notice_date {
      margin: 10px 0px 4px 0px;
      color: #6fb7c5;
      font-size: 96%;
      line-height: 120%;
   }

   .notice_text {
      margin: 0px 0px 10px 0px;
      color: #696768;
      line-height: 120%;
      font-size: 110%;
   }

   .notice_link:hover .notice_date,
   .notice_link:hover .notice_text {
      filter: alpha(opacity=80) !important;
      /*IE*/
      -moz-opacity: 0.80 !important;
      /*FF*/
      opacity: 0.80 !important;
   }


   /* --------------------

トップのインフォメーション欄

-------------------- */

   /*インフォメーション欄全体（カルーセル導入前のstyle）*/
   .information_box {
      display: block;
      text-align: left;
      width: 100%;
      background-color: #ffffff;
      margin: 0px 0px 30px 0px;
   }

   /* --------------------

トップのinfo欄（カルーセル）

-------------------- */

   /*infoのコンテンツ表示枠*/
   .info_box {
      display: block;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
      margin-bottom: 10px;
   }

   .info_box img {
      width: 100%;
      height: auto;
      margin-left: 0px !important;
      border: 0px solid #ffffff !important;

   }



   .flex-nav-prev {
      display: none;
      /*
	height: 100%;
	width: 20px;
	top:10px;
    left: 0px;
	background:url(img/btn_pickup_before.png) no-repeat 90% center;
	background-color: rgba(22, 170, 182,0.4);
	*/
   }

   [dir='rtl'] .flex-nav-prev {
      right: 0px;
      left: auto;
   }

   .flex-nav-next {
      display: none;
      /*
	height: 100%;
	width: 20px;
	top:10px;
    right: 0px;
	background:url(img/btn_pickup_next.png) no-repeat 10% center;
	background-color: rgba(22, 170, 182,0.4);
	*/
   }

   [dir='rtl'] .flex-nav-next {
      right: auto;
      left: -10px;
   }

   .flex-nav-prev:hover,
   .flex-nav-prev:focus,
   .flex-nav-next:hover,
   .flex-nav-next:focus {
      background-color: rgba(22, 170, 182, 1.0);
   }




   /* --------------------

キャンパス説明会申し込みボタン欄（2018.7.5追加）

-------------------- */

   .contents_top_entry_button {
      margin-bottom: 0px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
      background-color: #f0f0dc !important;
   }

   /*リンクボタン　a*/
   .button_top_entry {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      width: 100%;
      height: auto;
      padding-top: 11%;
      background: url(img/btn_to_entry.png) no-repeat center center;
      background-size: contain;
   }

   .button_top_entry:hover {
      background: url(img/btn_to_entry_hover.png) no-repeat center center;
      background-size: contain;
   }

   .button_top_entry b {
      display: none;
   }


   /* --------------------

Web出願申し込みボタン欄（2019.10.21追加）

-------------------- */

   .contents_top_webentry_button {
      margin-bottom: 0px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
      background-color: #f0f0dc !important;
   }

   /*リンクボタン　a*/
   .button_top_webentry {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      width: 100%;
      height: auto;
      padding-top: 16%;
      background: url(img/btn_to_webentry.png) no-repeat center center;
      background-size: contain;
   }

   .button_top_webentry:hover {
      background: url(img/btn_to_webentry_hover.png) no-repeat center center;
      background-size: contain;
   }

   .button_top_webentry b {
      display: none;
   }



   /* --------------------

トップのPICK UP欄（2016.12.8追加）

-------------------- */

   /*コンテンツ表示枠*/
   .pickup_link_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 15px 10px 15px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      margin: 0px 0px 1px 0px;
      /*background-color:#DBD9AA;*/
      background-color: rgba(97, 168, 180, 0.2);
   }

   /*タイトルをくるんだdiv*/
   .pickup_link_box .pickup_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 30px;
      margin: 0px 0px 15px 0px;
      float: none;
   }

   /*コンテンツのタイトル　h2*/
   .subtitle_pickup {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: left;
      text-align: left;
   }

   .subtitle_pickup:before {
      display: inline-block;
      position: relative;
      height: 20px;
      width: auto;
      margin: 0px -10px 0px -25px;
      content: url(img/top_category_h2_pickup.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
   }

   .subtitle_pickup b {
      display: inline-block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 5px 0px 0px 0px;
      left: -10px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
   }


   .pickup_link_all_box {
      display: block;
   }

   .pickup_link_1box {
      display: block;
      overflow: visible;
      width: 100%;
      height: auto !important;
      min-height: 80px;
      margin: 0px 10px 4px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      cursor: default;
      float: none;
      background-color: #ffffff;
      -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
      /*z-index: 1;*/
   }

   .pickup_link_1box:last-Child {
      margin: 0px 0px 0px 0px !important;
   }

   /*1記事分のリンクエリア*/
   .pickup_link_1box a {
      display: block;
      overflow: visible;
      overflow: hidden;
      width: 100% !important;
      height: auto !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      min-height: 94px;
      text-align: left !important;
   }

   /*1記事分のimg*/
   .pickup_link_1box img {
      position: absolute;
      top: 47px;
      left: 50px;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 3;
      width: 105px;
      height: auto;
   }

   .pickup_link_img_box {
      display: block;
      overflow: hidden;
      position: absolute;
      top: 0px;
      width: 105px;
      height: 94px;
   }

   /*写真の下のテキスト欄（タイトル）　div*/
   .pickup_link_text_box {
      display: inlie-block;
      position: relative;
      overflow: visible;
      margin-top: 0px !important;
      width: auto;
      min-height: 86px;
      padding: 4px 15px 4px 120px;
      font-size: 100%;
      /*z-index: 2;*/

   }

   /*日付　p*/
   .pickup_link_date {
      display: block;
      position: relative;
      padding: 0px 0px 3px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 100%;
      color: #70B7C5;
      line-height: 140%;

   }

   .pickup_link_1box a:hover {
      text-decoration: none !important;
   }

   .pickup_link_1box a:hover p.pickup_link_date {}

   /*記事タイトル　p*/
   .pickup_link_text {
      display: block;
      position: relative;
      padding: 0px 0px 4px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 94%;
      line-height: 140%;
      color: #31312f;
   }

   .pickup_link_1box a:hover p.pickup_link_text {
      filter: alpha(opacity=90) !important;
      /*IE*/
      -moz-opacity: 0.90 !important;
      /*FF*/
      opacity: 0.90 !important;
   }














   /* --------------------

トップのニュース欄

-------------------- */


   /* ----------PC：トップのニュースボックス----------*/

   /*NEWS欄全体*/
   .top_news_box {
      display: block;
      text-align: left;
      width: 100%;
      min-height: 490px;
      background-color: #ffffff;
      margin: 0px 0px 0px 0px;
   }

   /*4つのリンク欄*/
   .news_left_box {
      display: block;
      overflow: hidden;
      text-align: center;
      width: 100%;
      height: 219px;
      height: auto !important;
      padding: 0;
      margin: 0px 0px 20px 0px;
      background-color: #009999;
   }

   /*4つのリンク共通　a*/
   .top_4link {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 54px;
      height: auto !important;
   }

   .top_4link:hover {
      background-color: #33adad;
   }

   /*4つのリンクの一番上　p*/
   .top_4link_1 {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 54px !important;
      margin: 0 auto;
      background: url(img/btn_top_4linkbox_1.png) no-repeat 15px 3px;
      background-size: 206px 45px;
      border-bottom: solid 1px #FFFFFF;
   }

   /*4つのリンクの2つめ　p*/
   .top_4link_2 {
      display: block;
      width: 100%;
      height: 54px !important;
      margin: 0 auto;
      background: url(img/btn_top_4linkbox_2.png) no-repeat 15px 3px;
      background-size: 206px 45px;
      border-bottom: solid 1px #FFFFFF;
   }

   /*4つのリンクの3つめ　p*/
   .top_4link_3 {
      display: block;
      width: 100%;
      height: 54px !important;
      margin: 0 auto;
      background: url(img/btn_top_4linkbox_3.png) no-repeat 15px 3px;
      background-size: 206px 45px;
      border-bottom: solid 1px #FFFFFF;
   }

   /*4つのリンクの4つめ　p*/
   .top_4link_4 {
      display: block;
      width: 100%;
      height: 54px !important;
      margin: 0 auto;
      background: url(img/btn_top_4linkbox_4.png) no-repeat 15px 3px;
      background-size: 206px 45px;
   }

   /*4つのリンク　pの中のspan*/
   .top_4link_1 span,
   .top_4link_2 span,
   .top_4link_3 span,
   .top_4link_4 span {
      visibility: hidden;
   }

   /*NEWS欄*/
   .news_right_box {
      display: block;
      overflow: hidden !important;
      width: 100%;
      height: auto !important;
      background-color: ffffff !important;
      text-align: left;
      vertical-align: top;
      padding: 0px 0px 0px 0px;
   }


   /*タブとリストエリア全体*/
   .top_news_tab_content {
      display: block;
      position: relative !important;
      overflow: hidden !important;
      width: 100%;
      height: 440px !important;
      margin: 0px 0px 0px 0px;
      padding-top: 0%;
      float: none;
   }

   /*タブ1つ分*/
   .top_tab_menu {
      display: block;
      position: relative;
      width: 50%;
      height: 40px !important;
      background: #f7f7f5;
      float: left;
      list-style: none;
      padding: 10px 10px 8px 10px;
      margin-right: -1px;
      font-size: 90%;
      cursor: pointer;
      color: #31312f;
      border: solid 1px #d2d2d0;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      background-color: 886611;
   }

   /*一番左のタブのみ*/
   .top_tab_menu:first-child {
      width: 50%;

   }

   /*アクティブなタブ*/
   .top_tab_active {
      background: #ffffff;
      color: #0151a8;
      border: solid 1px #d2d2d0;
      border-bottom: none !important;
   }

   /*タブのロールオーバー*/
   .top_tab_hover {
      background: #ffffff;
      color: #0151a8;
      border: solid 1px #d2d2d0;
   }

   /*タブメニューから下のリスト表示枠全体*/
   .top_tab_content {
      display: block;
      width: 100%;
      overflow: hidden;
      height: 390px !important;
      border: #d2d2d0 1px solid;
      border-top: none !important;
      background: #FFF;
      top: 40px !important;
      padding: 10px 0px 0px 0px;
      position: absolute;
   }



   /*NEWSのタイトル　h2*/
   .subtitle_news {
      display: block;
      position: relative;
      height: 40px;
      width: 100%;
      margin: 0px 0px 0px 0px !important;
      float: left;
      text-align: left;
   }

   .subtitle_news:before {
      display: block;
      position: relative;
      height: 40px;
      width: auto;
      margin: -10px -10px 0px -10px;
      text-align: left;
      content: url(img/top_category_h2_news.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_news b {
      /*
	display:block;
	position:relative;
	height:40px;
	width:auto;
	padding:9px 0px 0px 0px;
	font-size:16px;
	color:#57574b;
	font-weight:normal;
	*/
      display: none;
   }



   /*EVENTのタイトル　h2*/
   .subtitle_event {
      display: block;
      position: relative;
      height: 40px;
      width: 100%;
      margin: -10px 0px 10px 10px;
      float: left;
      text-align: left;
   }

   .subtitle_event:before {
      display: block;
      position: relative;
      height: 40px;
      width: auto;
      margin: 0px -10px 0px -42px;
      content: url(img/top_category_h2_event.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_event b {
      /*
	display:block;
	position:relative;
	height:40px;
	width:auto;
	padding:9px 0px 0px 0px;
	left: -20px;
	font-size:16px;
	color:#57574b;
	font-weight:normal;
	*/
      display: none;
   }




   /*---------- ニュース全体 ----------*/
   .news_right_box .news_content_list,
   .news_right_box .event_content_list {
      display: block;
      position: relative !important;
      overflow: hidden;
      width: 100%;
      height: 390px !important;
      /*height:auto !important;*/
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: none;
   }


   /*リストの表示枠 スクロールバーあり*/
   .news_right_box .news_list,
   .news_right_box .event_list {
      /*dl*/
      display: block;
      position: relative !important;
      overflow: hidden;
      height: 305px !important;
      width: 100%;
      padding: 0px 10px 0px 10px;
      margin-bottom: 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      overflow: auto;
   }


   /*ニュースのリスト設定*/

   /*日付*/
   .news_right_box .news_list dt {
      display: block;
      position: relative;
      float: none;
      width: 100%;
      padding: 0px 0px 3px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 100%;
      color: #70B7C5;
      line-height: 110%;
   }

   /*タイトルリンクのリンク範囲（下にボーダー）*/
   .news_right_box .news_list dd {
      display: block;
      position: relative;
      text-align: left;
      float: none;
      padding: 0px 0px 6px 0px !important;
      margin: 0px 0px 7px 0px;
      margin-top: 0px;
      border-bottom: solid 1px #d2d2d0;
      line-height: 130%;
   }

   .news_right_box .news_list a {
      color: #31312f;
   }

   .news_right_box .news_list a:hover {
      text-decoration: underline;
      filter: alpha(opacity=90) !important;
      /*IE*/
      -moz-opacity: 0.90 !important;
      /*FF*/
      opacity: 0.90 !important;
   }

   /*「お知らせはありません」のddのクラス*/
   .news_right_box .nonlist {
      margin-top: 0 !important;
      padding: 0px 0px 8px 0em !important;
   }




   /*イベントのリストのスタイル*/

   /*ジャンルと日付　dt　共通設定*/

   /*ジャンル1「進学相談会」*/
   .news_right_box .event_list .event_genre1,
   .news_right_box .event_list .event_genre2,
   .news_right_box .event_list .event_genre3,
   .news_right_box .event_list .event_genre4,
   .news_right_box .event_list .event_genre5,
   .news_right_box .event_list .event_genre6 {
      display: block;
      position: relative;
      float: none;
      width: 100%;
      padding: 0px 0px 7px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 100%;
   }

   /*ジャンルと日付　dtのジャンル1「進学相談会」の色*/
   .news_right_box .event_list .event_genre1 {
      color: #006699;
   }

   /*ジャンルと日付　dtのジャンル2「キャンパス説明会」の色*/
   .news_right_box .event_list .event_genre2 {
      color: #66cccc;
   }

   /*ジャンルと日付　dtのジャンル3「願書・資料請求」の色*/
   .news_right_box .event_list .event_genre3 {
      color: #99cc33;
   }

   /*ジャンルと日付　dtのジャンル4「試験日」の色*/
   .news_right_box .event_list .event_genre4 {
      color: #996699;
   }

   /*ジャンルと日付　dtのジャンル5「合格発表」の色*/
   .news_right_box .event_list .event_genre5 {
      color: #6699cc;
   }

   /*ジャンルと日付　dtのジャンル6「その他」の色*/
   .news_right_box .event_list .event_genre6 {
      color: #9b7146;
   }

   /*年月日が、20xx.00.00〜20xx.00.00 といった期間表記の場合　※dtのclassに「event_dt_wide」を併記*/
   .news_right_box .event_list .event_genre1.event_dt_wide,
   .news_right_box .event_list .event_genre2.event_dt_wide,
   .news_right_box .event_list .event_genre3.event_dt_wide,
   .news_right_box .event_list .event_genre4.event_dt_wide,
   .news_right_box .event_list .event_genre5.event_dt_wide,
   .news_right_box .event_list .event_genre6.event_dt_wide {
      width: 100%;
   }

   /*ジャンルのアイコン風　共通設定*/
   .news_right_box .event_list .event_genre1 span,
   .news_right_box .event_list .event_genre2 span,
   .news_right_box .event_list .event_genre3 span,
   .news_right_box .event_list .event_genre4 span,
   .news_right_box .event_list .event_genre5 span,
   .news_right_box .event_list .event_genre6 span {
      color: #fff;
      display: inline-block;
      font-size: 13px;
      font-weight: 700;
      line-height: 1;
      width: 8.4em;
      padding: 3px 7px;
      text-align: center;
      vertical-align: baseline;
      white-space: nowrap;
      margin-right: 8px;
   }

   /*ジャンル1「進学相談会」の色*/
   .news_right_box .event_list .event_genre1 span {
      background-color: #006699;
   }

   /*ジャンル2「キャンパス説明会」の色*/
   .news_right_box .event_list .event_genre2 span {
      background-color: #66cccc;
   }

   /*ジャンル3「願書・資料請求」の色*/
   .news_right_box .event_list .event_genre3 span {
      background-color: #99cc33;
   }

   /*ジャンル4「試験日」の色*/
   .news_right_box .event_list .event_genre4 span {
      background-color: #996699;
   }

   /*ジャンル5「合格発表」の色*/
   .news_right_box .event_list .event_genre5 span {
      background-color: #6699cc;
   }

   /*ジャンル6「その他」の色*/
   .news_right_box .event_list .event_genre6 span {
      background-color: #9b7146;
   }


   /*タイトルリンクのリンク範囲（下にボーダー）*/
   .news_right_box .event_list dd {
      display: block;
      position: relative;
      text-align: left;
      float: none;
      padding: 0px 0px 6px 0px !important;
      margin: 0px 0px 7px 0px;
      border-bottom: solid 1px #d2d2d0;
      line-height: 130%;
   }


   /*年月日が、20xx.00.00〜20xx.00.00 といった期間表記の場合にddに追加されるclass*/
   .news_right_box .event_list dd.genre3_dd,
   .news_right_box .event_list dd.genre4_dd {
      padding: 0px 0px 6px 0px !important;
   }



   .news_right_box .event_list a {
      color: #31312f;
   }

   .news_right_box .event_list a:hover {
      text-decoration: underline;
      filter: alpha(opacity=90) !important;
      /*IE*/
      -moz-opacity: 0.90 !important;
      /*FF*/
      opacity: 0.90 !important;
   }

   /*「お知らせはありません」のddのクラス*/
   .news_right_box .nonlist {
      margin-top: 0 !important;
      padding: 0px 0px 8px 0em !important;
   }



   /*お知らせのMOREボタン*/

   /*「MORE NEWS」pのクラス*/
   .news_right_box .top_news_list {
      padding: 0 !important;
      text-align: left;
   }

   /*aタグ*/
   .news_right_box .to_news_list {
      display: block;
      position: relative;
      float: none;
      width: auto !important;
      margin: 5px 10px 10px 10px !important;
      padding: 5px 24px 5px 13px;
      font-size: 84%;
      text-align: left;
      letter-spacing: -0.01em;
      line-height: 100%;
      color: #777777;
      border: solid 1px #009999;
      background: url(img/icon_link_green.png) no-repeat 94% 50%;
      z-index: 1200 !important;
   }

   .news_right_box .to_news_list:hover {
      background: url(img/icon_link_white.png) no-repeat 94% 50%;
      background-color: #009999;
      color: #ffffff;
      border: solid 1px #009999;
   }


   /*イベントのMOREボタン*/

   /*「MORE EVENT」pのクラス*/
   .news_right_box .top_event_list {
      padding: 0 !important;
      text-align: left;
   }

   /*aタグ*/
   .news_right_box .to_event_list {
      display: block;
      position: relative;
      float: none;
      width: auto !important;
      margin: 5px 10px 10px 10px !important;
      padding: 5px 24px 5px 13px;
      font-size: 84%;
      text-align: left;
      letter-spacing: -0.01em;
      line-height: 100%;
      color: #777777;
      border: solid 1px #ff9900;
      background: url(img/icon_link_yellow.png) no-repeat 94% 50%;
   }

   .news_right_box .to_event_list:hover {
      background: url(img/icon_link_white.png) no-repeat 94% 50%;
      background-color: #ff9900;
      color: #ffffff;
      border: solid 1px #ff9900;
   }

   /*お知らせ（イベント）はありませんのp*/
   .news_content_list p,
   .event_content_list p {
      padding: 10px 0px 15px 10px !important;
   }



   /* --------------------

トップの4つのリンク欄

-------------------- */

   /*トップの4つのリンク表示枠*/
   .contents_top_link4 {
      display: block;
      overflow: hidden;
      width: 100%;
      margin: 0px 0px 1px 0px !important;
   }

   .link4_box {
      width: 100%;
      height: 220px;
   }

   /*4つ共通の設定*/
   .link4_box_1,
   .link4_box_2,
   .link4_box_3,
   .link4_box_4 {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 55px;
      margin: 0px 0px 0px 0px;
      vertical-align: middle;
      text-align: left;
      float: none;
   }

   .link4_box_1 {
      margin: 0px 12px 0px 0px;
      background-color: #996699;
   }

   .link4_box_2 {
      margin: 0px 12px 0px 0px;
      background-color: #336699;
   }

   .link4_box_3 {
      margin: 0px 12px 0px 0px;
      background-color: #99cc33;
   }

   .link4_box_4 {
      margin: 0px 0px 0px 0px;
      background-color: #61a8b4;
   }

   /*4つ共通の設定　a*/
   .link4_box_1 .link4_box_span_close,
   .link4_box_1 a,
   .link4_box_2 a,
   .link4_box_3 a,
   .link4_box_4 a {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 55px;
      margin: 0px 0px 0px 0px;
      vertical-align: middle;
      text-align: left;
      float: none;
      background: url(img/icon_4colorbox_hover.png) repeat;
   }

   /*4つ共通の設定　aのhover*/
   .link4_box_1 a:hover,
   .link4_box_2 a:hover,
   .link4_box_3 a:hover,
   .link4_box_4 a:hover {
      background: none !important;
   }

   /*4つ共通の設定　aのspan*/
   .link4_box_1 .link4_box_span_close span,
   .link4_box_1 a span,
   .link4_box_2 a span,
   .link4_box_3 a span,
   .link4_box_4 a span {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 55px;
      margin: 0px 0px 0px 0px;
      padding: 15px 0px 0px 50px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      text-align: left;
      color: #FFFFFF;
      font-size: 120%;
      font-weight: 600;
      letter-spacing: 0em;
   }

   .link4_box_1 .link4_box_span_close span,
   .link4_box_1 a span {
      background: url(img/icon_4colorbox_1.png) no-repeat 15px 15px;
      background-size: 25px 25px;
      float: left;
   }

   .link4_box_2 a span {
      background: url(img/icon_4colorbox_2.png) no-repeat 15px 15px;
      background-size: 25px 25px;
   }

   .link4_box_3 a span {
      background: url(img/icon_4colorbox_3.png) no-repeat 15px 15px;
      background-size: 25px 25px;
   }

   .link4_box_4 a span {
      background: url(img/icon_4colorbox_4.png) no-repeat 15px 15px;
      background-size: 25px 25px;
   }

   .link4_box_span_message {
      display: inline-block !important;
      position: absolute;
      width: 43%;
      height: 50px;
      top: 10px;
      left: 53% !important;
      /*margin-left:51%;*/
      font-size: 12px;
      vertical-align: middle;
   }

   /* --------------------

トップのコンテンツ欄

-------------------- */

   /*コンテンツ表示枠*/
   .contents_link_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 15px 10px 15px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      margin: 0px 0px 1px 0px;
   }

   /*タイトルをくるんだdiv*/
   .contents_link_box .content_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 30px;
      margin: 0px 0px 15px 0px;
      text-align: left;

   }

   /*コンテンツのタイトル　h2*/
   .subtitle_contents {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: left;
      text-align: left;
   }

   .subtitle_contents:before {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      margin: 0px -10px 0px -25px;
      content: url(img/top_category_h2_contents.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_contents b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 5px 0px 0px 0px;
      left: -10px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
   }


   /*コンテンツのタイトル　h2*/
   .subtitle_interview {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: left;
      text-align: left;
   }

   .subtitle_interview:before {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      margin: 0px -10px 0px -25px;
      content: url(img/top_category_h2_interview.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_interview b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 5px 0px 0px 0px;
      left: -10px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
   }


   .contents_link_1box {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 80px !important;
      margin: 0px 10px 4px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      cursor: pointer;
      float: none;
      background-color: #ffffff;
      -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
   }


   /*1記事分のリンクエリア*/
   .contents_link_1box a {
      display: block;
      overflow: hidden;
      width: 100% !important;
      height: 80px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*1記事分のimg*/
   .contents_link_1box img {
      display: block;
      width: 105px;
      height: 80px !important;
      float: left;
      /*height:200px;*/
   }

   /*写真の下のテキスト欄（タイトル）　span*/
   .contents_link_text_box {
      display: block;
      position: relative;
      width: 190px;
      height: auto;
      padding: 0px 0px 0px 10px !important;
      padding-top: 0px !important;
      top: 20px;
      font-size: 100%;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      text-align: left !important;
      float: left;
   }

   .contents_link_1box_1 .contents_link_text_box p:before {
      content: url(img/icon_24_school.png);
      position: relative;
      top: 4px;
      left: -2px;
   }

   .contents_link_1box_2 .contents_link_text_box p:before {
      content: url(img/icon_24_clip.png);
      position: relative;
      top: 5px;
      left: -2px;
   }

   .contents_link_1box_3 .contents_link_text_box p:before {
      content: url(img/icon_24_scholarship.png);
      position: relative;
      top: 5px;
      left: -2px;
   }

   .contents_link_1box_4 .contents_link_text_box p:before {
      content: url(img/icon_24_camera.png);
      position: relative;
      top: 7px;
      left: -2px;
   }

   .contents_link_1box_5 .contents_link_text_box p:before {
      content: url(img/icon_24_calendar.png);
      position: relative;
      top: 7px;
      left: -2px;
   }

   .contents_link_1box_6 .contents_link_text_box p:before {
      content: url(img/icon_24_pc.png);
      position: relative;
      top: 7px;
      left: -2px;
   }

   .contents_link_1box_7 .contents_link_text_box p:before {
      content: url(img/icon_24_star.png);
      position: relative;
      top: 7px;
      left: -2px;
   }

   .contents_link_1box_8 .contents_link_text_box p:before {
      content: url(img/icon_24_camera.png);
      position: relative;
      top: 7px;
      left: -2px;
   }

   .contents_link_1box_9 .contents_link_text_box p:after {
      content: url(img/icon_24_human_darkgray.png);
      position: relative;
      top: 6px;
      left: -2px;
   }

   .contents_link_1box_10 .contents_link_text_box p:before {
      content: url(img/icon_24_human_darkgray.png);
      position: relative;
      top: 6px;
      left: -2px;
   }

   .contents_link_1box_11 .contents_link_text_box p:before {
      content: url(img/icon_24_human_darkgray.png);
      position: relative;
      top: 6px;
      left: -2px;
   }

   /*Web出願*/
   .contents_link_1box_12 .contents_link_text_box p:before {
      content: url(img/icon_24_note_pc.png);
      position: relative;
      top: 6px;
      left: -2px;
   }

   /*就職・キャリア*/
   .contents_link_1box_13 .contents_link_text_box p:before {
      content: url(img/icon_24_human_necktie.png);
      position: relative;
      top: 6px;
      left: -2px;
   }

   .contents_link_1box a.icon_blank {
      background: none;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
   }

   .contents_link_1box a.icon_blank p:after {
      content: "";
      content: url(img/icon_blank.png);
      margin-left: 4px;
   }



   /* --------------------

トップの入学試験日程欄

-------------------- */

   /*入学試験日程表示枠*/
   .schedule_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 15px 10px 10px 10px !important;
      margin: 0px 0px 1px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*タイトルをくるんだdiv*/
   .schedule_box .schedule_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 30px;
      margin: 0px 0px 15px 0px;
      text-align: left;

   }

   /*入学試験日程のタイトル　h2*/
   .subtitle_top_schedule {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: none;
      text-align: left;
   }

   .subtitle_top_schedule:before {
      display: block;
      position: relative;
      height: 20px;
      width: 180px;
      margin: 0px -10px 0px -40px;
      content: url(img/top_category_h2_schedule.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_top_schedule b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 3px 0px 0px 55px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: left;
   }

   /*表全体　div*/
   .time_table_box {
      display: block;
      overflow: hidden;
      vertical-align: top;
      width: 100%;
      padding: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*項目列（PCのみ）　div*/
   .pc_only_table_header {
      display: none;
   }

   /*項目列（PCのみ）のul*/
   .pc_only_table_header ul {
      display: none;
   }

   /*項目列（PCのみ）のp*/
   .pc_only_table_header .cell_title_p {
      display: none;
   }

   /*項目列（PCのみ）のli*/
   .pc_only_table_header ul .cell_1,
   .pc_only_table_header ul .cell_2,
   .pc_only_table_header ul .cell_3 {
      display: block;
      width: 100% !important;
      height: auto !important;
      float: none;
      color: #FFFFFF;
   }

   .pc_only_table_header ul .cell_1 {
      background-color: #B5B951
   }

   .pc_only_table_header ul .cell_2 {
      background-color: #ff9900
   }

   .pc_only_table_header ul .cell_3 {
      background-color: #61A8B4
   }

   /*各列のliの中のP*/
   .pc_only_table_header ul .cell_1 p,
   .pc_only_table_header ul .cell_2 p,
   .pc_only_table_header ul .cell_3 p {
      display: block;
      width: 100% !important;
      height: auto !important;
      text-align: left;
      vertical-align: middle !important;
      color: #FFFFFF;
      border-bottom: solid 1px #cccccc !important;
      line-height: 130%;
   }


   /*各列　div*/
   .time_table_cell_1,
   .time_table_cell_2,
   .time_table_cell_3,
   .time_table_cell_4,
   .time_table_cell_5 {
      display: block;
      width: 100% !important;
      float: none;
      margin-bottom: 10px !important;
      background-color: #ffffff;
   }

   /*各列のul*/
   .time_table_cell_1 ul,
   .time_table_cell_2 ul,
   .time_table_cell_3 ul,
   .time_table_cell_4 ul,
   .time_table_cell_5 ul {
      width: 100% !important;
   }

   /*各列のp*/
   .time_table_cell_1 .cell_title_p,
   .time_table_cell_2 .cell_title_p,
   .time_table_cell_3 .cell_title_p,
   .time_table_cell_4 .cell_title_p,
   .time_table_cell_5 .cell_title_p {
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      border-left: solid 1px #cccccc;
      border-right: solid 1px #cccccc !important;
      border-bottom: solid 1px #cccccc !important;
      vertical-align: middle;
      text-align: left;
      background-color: #8bbdbc;
      color: #FFFFFF;
      line-height: 130%;
      font-size: 14px;
   }

   /*各列のli*/
   .time_table_cell_1 li,
   .time_table_cell_2 li,
   .time_table_cell_3 li,
   .time_table_cell_4 li,
   .time_table_cell_5 li {
      display: block;
      width: 100% !important;
      height: auto !important;
      float: none;
      text-align: left;
   }

   /*各列のliの中のP*/
   .time_table_cell_1 li p,
   .time_table_cell_2 li p,
   .time_table_cell_3 li p,
   .time_table_cell_4 li p,
   .time_table_cell_5 li p {
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 10px 1.2em 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      text-align: left;
      vertical-align: top !important;
      color: #FFFFFF;
      border-bottom: solid 1px #cccccc !important;
      border-left: solid 1px #cccccc !important;
      border-right: solid 1px #cccccc !important;
      font-size: 100%;
      font-weight: 600;
      line-height: 130%;
   }

   .time_table_cell_2 .cell_1 p {
      height: 3em !important;
      height: auto !important;
   }

   /*1つだけフォントサイズを調整*/
   .time_table_cell_2 .cell_2 p {
      font-size: 100%;
   }

   .time_table_cell_1 .cell_1 p,
   .time_table_cell_2 .cell_1 p,
   .time_table_cell_3 .cell_1 p,
   .time_table_cell_4 .cell_1 p,
   .time_table_cell_5 .cell_1 p {
      color: #B5B951
   }

   .time_table_cell_1 .cell_2 p,
   .time_table_cell_2 .cell_2 p,
   .time_table_cell_3 .cell_2 p,
   .time_table_cell_4 .cell_2 p,
   .time_table_cell_5 .cell_2 p {
      color: #ff9900
   }

   .time_table_cell_1 .cell_3 p,
   .time_table_cell_2 .cell_3 p,
   .time_table_cell_3 .cell_3 p,
   .time_table_cell_4 .cell_3 p,
   .time_table_cell_5 .cell_3 p {
      color: #61A8B4
   }

   /*セルごとのパディングトップを調整*/
   .time_table_cell_1 .cell_1 p,
   .time_table_cell_1 .cell_2 p,
   .time_table_cell_1 .cell_3 p,
   .time_table_cell_2 .cell_2 p,
   .time_table_cell_3 .cell_1 p,
   .time_table_cell_3 .cell_2 p,
   .time_table_cell_3 .cell_3 p,
   .time_table_cell_4 .cell_1 p,
   .time_table_cell_4 .cell_2 p,
   .time_table_cell_4 .cell_3 p,
   .time_table_cell_5 .cell_1 p,
   .time_table_cell_5 .cell_2 p,
   .time_table_cell_5 .cell_3 p {
      padding-top: 10px;
      height: auto !important;
   }

   .time_table_cell_1 .cell_1 p br.pc_only,
   .time_table_cell_1 .cell_2 p br.pc_only,
   .time_table_cell_1 .cell_3 p br.pc_only,
   .time_table_cell_2 .cell_1 p br.pc_only,
   .time_table_cell_2 .cell_2 p br.pc_only,
   .time_table_cell_2 .cell_3 p br.pc_only,
   .time_table_cell_3 .cell_1 p br.pc_only,
   .time_table_cell_3 .cell_2 p br.pc_only,
   .time_table_cell_3 .cell_3 p br.pc_only,
   .time_table_cell_4 .cell_1 p br.pc_only,
   .time_table_cell_4 .cell_2 p br.pc_only,
   .time_table_cell_4 .cell_3 p br.pc_only,
   .time_table_cell_5 .cell_1 p br.pc_only,
   .time_table_cell_5 .cell_2 p br.pc_only,
   .time_table_cell_5 .cell_3 p br.pc_only {
      display: none !important;
   }




   /*PCでは表示しない項目名*/
   .sp_only_text {
      display: block;
      width: 100% !important;
      margin: 0px 0px 0.4em 0px !important;
      padding: 5px 0px 0px 0px !important;
      font-size: 90%;
      line-height: 120%;
      float: left;
   }


   .time_table_cell_2 .cell_2 .sp_only_text {
      display: block;
      width: 100px !important;
      padding: 5px 0px 4px 0px !important;
      float: none !important;
      clear: both;
   }

   .time_table_cell_2 .cell_2 .sp_only_text:after {
      content: "";
      display: block;
   }

   /*年表記　span*/
   .e_sche_year {
      display: block;
      position: relative;
      width: 100%;
      font-size: 14px;
      text-align: left;
      margin-bottom: 0px;
   }

   .normal_text {
      font-size: 12px;
      color: #666666;
      margin-right: 3px;
      top: -3px;
   }

   .icon_time {
      font-size: 12px;
      color: #666666;
      top: -3px;
   }

   .icon_time:before {
      content: url(img/icon_clock.png);
      position: relative;
      top: 4px;
      left: 3px;
      margin-right: 3px;
   }

   /* --------------------

トップの「サイトへGO！」欄

-------------------- */

   /*「サイトへGO！」表示枠*/
   .tosite_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 15px 0px 0px 0px !important;
      margin: 0px 0px 1px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*タイトルをくるんだdiv*/
   .tosite_box .tosite_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 30px;
      margin: 0px 0px 15px 10px;
      text-align: left;
   }

   /*「サイトへGO！」のタイトル　h2*/
   .subtitle_tosite {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: none;
      text-align: left;
   }

   .subtitle_tosite:before {
      display: block;
      position: relative;
      height: 20px;
      width: 180px;
      margin: 0px -10px 0px -47px;
      content: url(img/top_category_h2_site.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_tosite b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 3px 0px 0px 60px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: left;
   }

   /*表全体　div*/
   .link_table_box {
      display: block;
      overflow: hidden;
      width: 100%;
   }

   /*表の左*/
   .link_table_left_box {
      display: block;
      overflow: hidden;
      width: 100%;
   }

   /*表の右*/
   .link_table_right_box {
      display: block;
      overflow: hidden;
      width: 100%;
   }

   /*左側のタイトル　div*/
   .link_table_left_title_box {
      display: block;
      width: 100%;
      height: auto;
      border-bottom: solid 1px #FFFFFF;
      border-right: solid 0px #FFFFFF;
      background-color: #4E699C;
   }

   /*左側のタイトル　h3*/
   .link_table_left_title_box h3 {
      color: #FFFFFF;
      text-align: left;
      padding: 15px 30px 15px 35px;
      background: url(img/icon_32_logomark_white.png) no-repeat 5px 10px;
   }

   /*左側のul*/
   .link_table_left_ul {
      display: block;
      width: 100%;
      height: auto;
      background-color: #7792BD;
   }

   /*左側のli*/
   .link_table_left_ul li {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      background-color: #7792BD;
      border-right: solid 0px #FFFFFF;
      border-bottom: solid 1px #FFFFFF;
      float: none;
   }

   /*左側のliのaタグ*/
   .link_table_left_ul li a {
      display: block;
      width: 100%;
      height: 46px;
      padding: 10px 10px 12px 34px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      text-align: left;
      font-size: 18px;
      color: #FFFFFF;
      background: url(img/icon_24_link_white.png) no-repeat 98% 50%;
   }

   .link_table_left_ul li a:hover {
      background-color: #9bb3da;
      filter: alpha(opacity=90) !important;
      /*IE*/
      -moz-opacity: 0.90 !important;
      /*FF*/
      opacity: 0.90 !important;
   }

   /*右側のタイトル　div*/
   .link_table_right_title_box {
      display: block;
      width: 100%;
      height: auto;
      background-color: #669900;
      border-bottom: solid 1px #FFFFFF;
   }

   /*右側のタイトル　h3*/
   .link_table_right_title_box h3 {
      color: #FFFFFF;
      text-align: left;
      padding: 15px 30px 15px 35px;
      background: url(img/icon_32_book_white.png) no-repeat 2px 11px;
   }

   /*右側のul*/
   .link_table_right_ul {
      display: block;
      width: 100%;
      height: auto;
      background-color: #99cc33;
   }

   /*右側のli*/
   .link_table_right_ul li {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      border-bottom: solid 0px #FFFFFF;
      float: none;
   }

   /*右側のliのaタグ*/
   .link_table_right_ul li a {
      width: 100%;
      height: 88px;
      padding: 10px 10px 12px 34px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      text-align: left;
      font-size: 18px;
      color: #FFFFFF;
      background: url(img/icon_24_link_white.png) no-repeat 98% 50%;
   }

   .link_table_right_ul li a:hover {
      background-color: #ace240;
      filter: alpha(opacity=90) !important;
      /*IE*/
      -moz-opacity: 0.90 !important;
      /*FF*/
      opacity: 0.90 !important;
   }

   .link_table_right_ul li a span.link_table_right_li_span1 {
      display: block;
      width: 100%;
      font-size: 13px;
      margin-bottom: -5px !important;
      padding-bottom: 0px !important;
      line-height: 100%;
   }

   .link_table_right_ul li a span.link_table_right_li_span2 {
      display: block;
      width: 100%;
      font-size: 15px;
   }


   /* --------------------

「入学試験要項」カテゴリー内で使用するスタイル

-------------------- */

   /*ページ上部に表示する横移動のためのサブメニュー*/
   .contents_page_link_submenu_box {
      display: block;
      padding: 0px 0px 0px 0px;
      margin: 10px 0px 0px 0px;
   }

   .contents_page_link_submenu_box_1,
   .contents_page_link_submenu_box_2 {
      display: block;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
   }

   .contents_page_link_submenu_box_1 a {
      display: block;
      width: 100%;
      padding: 6px 10px 6px 30px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background: url(img/icon_link_blue.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #ffffff;
      border-bottom: #d8d8d8 solid 1px;
      border-right: #d8d8d8 solid 0px;
      color: #666666;
      vertical-align: middle;
   }

   .contents_page_link_submenu_box_2 a {
      display: block;
      width: 100%;
      padding: 6px 10px 6px 30px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background: url(img/icon_link_blue.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #ffffff;
      border-bottom: #d8d8d8 solid 1px;
      border-right: #d8d8d8 solid 0px;
      color: #666666;
      vertical-align: middle;
   }

   .page_link_submenu_last {
      border-right: #d8d8d8 solid 0px !important;
   }

   /*アクティブなページの場合のスタイル　※使っていないけど、使う場合に備えて用意*/
   .page_link_submenu_active {
      background: url(img/icon_link_hover.png) no-repeat 10px 50% !important;
      /*横縦*/
      background-color: #6699cc !important;
      color: #ffffff !important;
   }

   .contents_page_link_submenu_box a:hover {
      background: url(img/icon_link_hover.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #6699cc;
      color: #ffffff !important;
   }

   .contents_page_link_submenu_box .page_link_submenu_active:hover {
      background: url(img/icon_link_hover.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #6699cc !important;
      color: #ffffff !important;
   }

   /*大学・短大 タブ切り替え*/

   .general_tab {
      display: block;
      position: relative;
      width: 100%;
      height: 32px !important;
      border-bottom: solid 1px #d2d2d0 !important;
      margin-bottom: 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      z-index: 1 !important;
      ;
   }

   /*タブ1つ分 div*/
   .tab_menu {
      display: inline-block;
      position: relative;
      min-width: 60px !important;
      width: auto !important;
      height: 32px !important;
      padding: 6px 4px 6px 4px;
      margin-top: 2px !important;
      margin-right: 2px;
      margin-bottom: 0px !important;
      float: left;
      list-style: none;
      text-align: center;
      font-size: 80%;
      letter-spacing: 0em;
      color: #31312f;
      background-color: #E8E8CE;
      border: solid 1px #d2d2d0;
      border-bottom: solid 0px #d2d2d0 !important;
      cursor: pointer;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .tab_menu:hover {
      background-color: #DBE5CA;
      color: #0151a8;
      border: solid 1px #d2d2d0;
      -webkit-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
      filter: alpha(opacity=80) !important;
      /*IE*/
      -moz-opacity: 0.80 !important;
      /*FF*/
      opacity: 0.80 !important;
   }

   /*アクティブなタブ div*/
   .general_tab_nowselect,
   .general_tab_nowselect:hover {
      background: #ffffff;
      border: solid 1px #d2d2d0;
      border-bottom: solid 1px #ffffff !important;
      cursor: default;
      height: 32px;
      z-index: 2 !important;
   }

   .general_tab_nowselect:hover {
      color: #31312f;
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
   }


   /*タブで切り替えるコンテンツの中身（class「box_white」と併記し、スタイルはそっちを使う）*/
   .general_tab_contents div {
      overflow: hidden;
      background-color: #FFFFFF;
   }

   /*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
   .general_tab_contents_hide {
      display: none;
   }


   /*「学部」のtd スマホのみ*/
   div#contents_main #contents_section table .td_mark_department_a {
      font-size: 140%;
      font-weight: 600;
      border-top: solid 3px #339999 !important;
      padding: 15px 0px 2px 0px !important;
   }

   /*「学科」のtd スマホのみ*/
   div#contents_main .td_mark_subject_a {
      font-size: 120%;
      font-weight: 600;
      color: #666666;

   }

   div#contents_main .td_mark_subject_a br {
      display: none;
   }


   /*「学部」のtd　Bタイプ スマホのみ */
   .td_mark_department_b {
      font-size: 110%;
      font-weight: 600;
      color: #339999 !important;
      padding: 15px 0px 0px 0px !important;
   }

   .td_mark_department_b:before {
      content: "　・";
   }

   /*「学科」のtd　Bタイプ スマホのみ*/
   .td_mark_subject_b {
      font-weight: 600;
      color: #666666;
   }

   .td_mark_subject_b:before {
      content: "　　　";
   }


   /*「募集人員」のtd スマホのみ*/
   .td_mark_member {
      color: #99cc33;
      font-weight: 600;
      font-size: 110%;
   }

   /*「試験科目（配点）／その他」のp スマホのみ*/
   .td_mark_other {
      font-weight: 600;
      color: #666666;
   }




   /* --------------------

過去の入試結果　ディレクトリ名：statistics

-------------------- */


   /*ページ上部に表示する横移動のためのサブメニュー*/
   .contents_page_link_submenu_box_statistics {
      display: block;
      padding: 0px 0px 0px 0px;
      margin: 10px 0px 0px 0px;
   }

   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_1,
   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_2 {
      display: block;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
   }

   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_1 a,
   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_2 a {
      display: block;
      width: 100%;
      padding: 6px 10px 6px 30px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background: url(img/icon_link_yellow.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #ffffff;
      border-bottom: #d8d8d8 solid 1px;
      border-right: #d8d8d8 solid 0px;
      color: #666666;
      vertical-align: middle;
   }

   .contents_page_link_submenu_box_statistics .page_link_submenu_last {
      border-right: #d8d8d8 solid 0px !important;
   }

   /*アクティブなページの場合のスタイル　※使っていないけど、使う場合に備えて用意*/
   .contents_page_link_submenu_box_statistics .page_link_submenu_active {
      background: url(img/icon_link_hover.png) no-repeat 10px 50% !important;
      /*横縦*/
      background-color: #cccc00 !important;
      color: #ffffff !important;
   }

   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_1 a:hover,
   .contents_page_link_submenu_box_statistics .contents_page_link_submenu_box_2 a:hover {
      background: url(img/icon_link_hover.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #cccc00 !important;
      color: #ffffff !important;
   }

   .contents_page_link_submenu_box_statistics .page_link_submenu_active:hover {
      background: url(img/icon_link_hover.png) no-repeat 10px 50%;
      /*横縦*/
      background-color: #cccc00 !important;
      color: #ffffff !important;
   }


   /* --------------------

キャンパス説明会　ディレクトリ名：opencampus

-------------------- */

   /*リンクと全工程終了メッセージを囲んだdiv*/
   .opencampus_link_banner_box {
      display: block;
      overflow: hidden;
      position: relative;
   }

   .opencampus_message_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 25px 25px 25px 25px;
      margin: 0 auto !important;
      margin-bottom: 20px !important;
      background-color: #8e8c7f;
   }

   .opencampus_message_box p {
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      line-height: 100%;
      text-align: center;
      color: #FFFFFF;
      font-size: 110%;
      font-weight: 500;
   }

   /*メインビジュアルとリンク欄 div*/
   .opencampus_main_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 35px 0px;
      background-color: #ffffff;
   }

   .opencampus_main_box img {
      z-index: -100;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   /*メインビジュアルのコピー欄 div*/
   .opancampus_main_copy_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      background: none;
      /*横縦*/
   }

   /*メインビジュアルのコピー p*/
   .opancampus_main_copy_box p {
      display: block;
      overflow: hidden;
      position: relative;
      margin: 0px 0px 0px 0px !important;
      line-height: 160%;
      color: #666666;
      font-size: 100%;
      font-weight: 500;
      padding-top: 0px !important;
      padding-left: 0px !important;
      padding: 10px 10px 10px 10px !important;
   }

   /*メインビジュアルのコピー p*/
   .opancampus_main_copy_box p br {
      display: none;
   }

   /*3つのリンク枠 ul*/
   .opancampus_main_3link_box {
      display: block;
      overflow: hidden;
      position: relative;
      /*	height:390px;*/
      height: auto;
      list-style: none;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .opancampus_main_3link_box li {
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   div#contents_main #contents_section ul.opancampus_main_3link_box li {
      padding: 0px 0px 0px 0px !important;
      padding-left: 0em !important;
      text-indent: 0em !important;
      list-style: none !important;
   }

   .opancampus_main_3link_box a {
      display: flex;
   }

   .opancampus_main_3link_box a::before {
      display: none;
      margin-top: 9px;
      font-size: 15px;
   }

   .opancampus_main_3link_box .close1 a::before,
   .opancampus_main_3link_box .close2 a::before {
      display: block;
   }

   .opancampus_main_3link_box a::after {
      width: 220px;
      height: 172px;
   }

   /*3つのリンク共通の設定 li*/
   .opencampus_link_1,
   .opencampus_link_2,
   .opencampus_link_3 {
      display: block;
      overflow: hidden;
      position: relative;
      height: 206px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      float: none;
   }

   /*左のリンク li*/
   .opencampus_link_1 {
      width: 100%;
      /*	background:url(img/opencampus/opencampus_3btn_1.png) no-repeat 50% 50% !important;*/
      background-color: #CC99CC !important;
      /*	background-size: 220px !important;*/
   }

   /*真ん中のリンク li*/
   .opencampus_link_2 {
      width: 100%;
      /*	background:url(img/opencampus/opencampus_3btn_2.png) no-repeat 50% 50% !important;*/
      background-color: #99CCCC !important;
      /*	background-size: 220px !important;*/
   }

   /*右のリンク li*/
   .opencampus_link_3 {
      width: 100%;
      /*	background:url(img/opencampus/opencampus_3btn_3.png) no-repeat 50% 50% !important;*/
      background-color: #99cc33 !important;
      /*	background-size: 220px !important;*/
   }

   .opencampus_link_1 b,
   .opencampus_link_2 b,
   .opencampus_link_3 b {
      display: none;
   }

   /*3つのリンク共通の設定 a*/
   .opencampus_link_1 a,
   .opencampus_link_2 a,
   .opencampus_link_3 a {
      /*	display:block;*/
      overflow: hidden;
      position: relative;
      width: 100%;
      /*	height:130px;*/
      height: 100%;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      background: url(img/icon_24_link_white.png) no-repeat 96% 50%;
      /*	float:none;*/
   }


   /*左のリンク li*/
   .opencampus_link_1 a {}

   /*真ん中のリンク li*/
   .opencampus_link_2 a {}

   /*右のリンク li*/
   .opencampus_link_3 a {}

   .opencampus_link_1:hover,
   .opencampus_link_2:hover,
   .opencampus_link_3:hover {
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }

   /*フォームボタン枠*/
   .opancampus_main_entry_box {
      display: block;
      overflow: hidden;
      position: relative;
      padding: 15px 15px 15px 15px;
   }

   /*フォームボタンのコピー*/
   .opancampus_main_entry_box p.opancampus_entry_copy {
      display: block;
      position: relative;
      width: 100%;
      padding: 10px 0px 10px 0px;
      margin: 0px 0px 0px 0px;
      font-size: 100%;
      font-weight: 500;
      line-height: 130%;
      letter-spacing: 0em;
      float: none;
   }

   .opancampus_main_entry_box a {
      display: block;
      position: relative;
      width: 100%;
      margin: 10px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
      border: solid 1px #57574b;
      background: url(img/icon_24_link.png) no-repeat 99% 50%;
      background-color: #ffffff;
      color: #57574b;
      text-align: center;
      float: none;
      font-size: 100%;
      font-weight: 500;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .opancampus_main_entry_box a:hover {
      border: solid 1px #57574b;
      background-color: #fafafa;
      color: #57574b !important;
   }




   /*終了後の各説明会ページボタン隠し　div*/
   .opencampus_close_box {
      display: block;
      overflow: hidden;
      position: absolute;
      width: 100%;
      height: 330px;
      background-color: rgba(0, 0, 0, 0.5);
      padding-top: 84px;
      padding: 138px 10px 10px 10px;
      top: 0;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*終了メッセージ*/
   .opencampus_close_message {
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      text-align: center;
      line-height: 150%;
   }

   @media screen and (max-width: 388px) {
      .opencampus_close_message br {
         display: none;
      }
   }

   /*説明会終了後のレポートリンク*/
   .opancampus_main_report_link_box {
      display: block;
      overflow: hidden;
      position: relative;
      padding: 15px 15px 15px 15px;
   }

   .opancampus_main_report_link_box p {
      padding: 0 !important;
      margin: 0 !important;
   }

   .opancampus_main_report_link_box a {
      display: block;
      position: relative;
      width: 100%;
      margin: 10px 0px 10px 0px;
      padding: 10px 10px 10px 10px;
      border: solid 1px #57574b;
      background: url(img/icon_24_link.png) no-repeat 99% 50%;
      background-color: #ffffff;
      color: #57574b;
      text-align: center;
      float: none;
      font-size: 100%;
      font-weight: 500;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .opancampus_main_report_link_box p:nth-Child(3) a {
      margin-right: 0px;
   }

   .opancampus_main_report_link_box a:hover {
      border: solid 1px #57574b;
      background-color: #fafafa;
      color: #57574b !important;
      text-decoration: none;
   }








   /*「プログラムの一部をご紹介」表示枠*/
   .opencampus_program_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 30px 0px;
   }

   /*タイトルをくるんだdiv*/
   .opencampus_program_box .opencampus_program_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 0px 0px 0px 0px;
      float: none;

   }

   /*「プログラムの一部をご紹介」のタイトル　h2*/
   .subtitle_program {
      display: block;
      overflow: hidden;
      position: relative;
      height: 40px;
      width: 100%;
      margin: 0px 0px 0px 0px;
      float: none;
      text-align: left;
   }

   .subtitle_program:before {
      display: block;
      position: relative;
      height: 20px;
      width: 54px;
      margin: 0px -10px 0px -10px;
      content: url(img/opencampus_category_h2_program.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_program b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 3px 0px 0px 30px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: left;
   }

   /*9個の紹介欄全体*/
   .opencampus_program_contents {
      /*padding:0px 20px 0px 20px;*/
      width: 100%;
      margin: 0 auto;

   }

   /*9個の紹介欄 上段、中段、下段（3つで1セット）*/
   .opencampus_program_contents_1set_box {
      margin-bottom: 15px;
      display: block;
   }

   /*9個の紹介欄の一つ分*/
   .program_contents_1box_left,
   .program_contents_1box_center,
   .program_contents_1box_right {
      overflow: hidden;
      width: 100%;
      margin-right: 0px;
      margin-bottom: 15px;
      background-color: #ffffff;
      min-height: 300px;
   }

   .program_contents_1box_right {
      margin-right: 0px !important;
   }

   /*1記事分のimg*/
   .program_contents_1box_left img,
   .program_contents_1box_center img,
   .program_contents_1box_right img {
      display: block;
      width: 100%;
      height: auto;
   }

   /*写真の下のテキスト欄（タイトル）　span*/
   .program_contents_text_box {
      display: block;
      overflow: hidden;
      width: 100%;
      padding: 16px 20px 10px 20px;
      font-size: 100%;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .program_contents_text_box h3 {
      font-size: 110% !important;
      color: #59574B !important;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      line-height: 110%;
   }

   .program_contents_text_box h3:before {
      content: url(img/icon_24_clip.png);
      position: relative;
      top: 3px;
      left: -2px;
   }

   .program_contents_text_box p {
      color: #666666;
      line-height: 160%;
      padding: 14px 0px 0px 0px !important;
   }




   /*「201X年度のキャンパス説明会レポート」表示枠*/
   .opencampus_report_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 30px 0px;
   }

   /*タイトルをくるんだdiv*/
   .opencampus_report_box .opencampus_report_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 70px;
      margin: 0px 0px 0px 0px;
      float: none;

   }

   /*「201X年度のキャンパス説明会レポート」のタイトル　h2*/
   .subtitle_report {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: none;
      text-align: left;
   }

   .subtitle_report:before {
      display: block;
      position: relative;
      height: 20px;
      width: 180px;
      margin: 0px -10px 0px -43px;
      content: url(img/opencampus_category_h2_report.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_report b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 10px 0px 0px 0px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: left;
   }

   /*キャンパス説明会レポート表示欄*/
   .opancampus_report_list_box {
      display: block;
      overflow: hidden;
      width: 100%;
      background-color: #FFFFFF;
      padding: 15px 10px 10px 10px;
      margin: 0 auto;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*記事1件分の下にドット罫線を追加*/
   .opancampus_report_list_box #contents_footer {
      border-bottom: dotted 1px #999999;
      margin-bottom: 25px !important;
   }

   /*---------- 各説明会ページ ----------*/

   /*メインビジュアルとタイトル枠*/
   .opencampus_program_main_box {}

   .opencampus_program_main_box img {
      width: 100%;
      height: auto;
   }

   /*キャンパス説明会タイトル共通設定*/
   .opancampus_program_main_title_box_1,
   .opancampus_program_main_title_box_2,
   .opancampus_program_main_title_box_3,
   .opancampus_program_main_title_box_4 {
      width: 100%;
      height: auto;
      min-height: 60px;
      padding-bottom: 6%;
   }

   .opancampus_program_main_title_box_1 p,
   .opancampus_program_main_title_box_2 p,
   .opancampus_program_main_title_box_3 p,
   .opancampus_program_main_title_box_4 p {
      visibility: hidden;
   }

   /*第1回キャンパス説明会 タイトル*/
   .opancampus_program_main_title_box_1 {
      background: url(img/opencampus_program_title_1.png) no-repeat 50% 48%;
      background-color: #CC99CC;
      background-size: 94% auto;
   }

   /*第2回キャンパス説明会 タイトル*/
   .opancampus_program_main_title_box_2 {
      background: url(img/opencampus_program_title_2.png) no-repeat 50% 48%;
      background-color: #99CCCC;
      background-size: 94% auto;
   }

   /*第3回キャンパス説明会 タイトル*/
   .opancampus_program_main_title_box_3 {
      background: url(img/opencampus_program_title_3.png) no-repeat 50% 48%;
      background-color: #99cc33;
      background-size: 94% auto;
   }

   /*第4回オープンキャンパス タイトル*/
   .opancampus_program_main_title_box_4 {
      background: url(img/opencampus_program_title_4.png) no-repeat 50% 48%;
      background-color: #ffbf60;
      background-size: 94% auto;
   }

   /*「スケジュール」タイトル表示枠*/
   .opencampus_schedule_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 30px 0px 0px 0px;
      margin: 0px 0px 30px 0px;
      background-color: #FFFFFF;
   }

   /*タイトルをくるんだdiv*/
   .opencampus_schedule_box .opencampus_schedule_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 40px;
      margin: 0px 0px 0px 0px;
      float: none;

   }

   /*「スケジュール」のタイトル　h2*/
   .subtitle_schedule {
      display: block;
      position: relative;
      height: 20px;
      width: 100%;
      margin: 0px 0px 10px 0px;
      float: none;
      text-align: left;
   }

   .subtitle_schedule:before {
      display: block;
      position: relative;
      height: 20px;
      width: 150px;
      margin: 0px -10px 0px -25px;
      content: url(img/opencampus_category_h2_schedule.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   .subtitle_schedule b {
      display: block;
      position: relative;
      height: 20px;
      width: auto;
      padding: 5px 0px 0px 55px;
      font-size: 16px;
      color: #57574b;
      font-weight: normal;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      float: left;
   }

   /*テキストのスケジュール欄*/
   .opencampus_schedule_contents_1_1,
   /*大学*/
   .opencampus_schedule_contents_1_2,
   /*短大*/
   .opencampus_schedule_contents_1_3,
   /*大学短大共通*/
   .opencampus_schedule_contents_2 {
      /*全学部学科共通プログラム*/
      display: block;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 20px 0px;
   }


   /*左のタイトル枠　共通設定*/
   .opencampus_schedule_contents_1_1_left,
   /*大学*/
   .opencampus_schedule_contents_1_2_left,
   /*短大*/
   .opencampus_schedule_contents_1_3_left,
   /*大学短大共通*/
   .opencampus_schedule_contents_2_left {
      /*全学部学科共通プログラム*/
      display: block !important;
      width: 100% !important;
      overflow: hidden;
      padding: 10px 10px 10px 10px;
      background-color: #ff9900;
      vertical-align: top;
      margin-bottom: 0px;
      text-align: center;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .opencampus_schedule_contents_1_1_left p,
   /*大学*/
   .opencampus_schedule_contents_1_2_left p,
   /*短大*/
   .opencampus_schedule_contents_1_3_left p,
   /*大学短大共通*/
   .opencampus_schedule_contents_2_left p {
      /*全学部学科共通プログラム*/
      display: block;
      font-size: 100%;
      font-weight: 600;
      text-align: left;
      color: #FFFFFF;
      line-height: 150%;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*色*/
   .opencampus_schedule_contents_1_1_left {
      /*大学*/
      background-color: #678fa3;
   }

   .opencampus_schedule_contents_1_2_left {
      /*短大*/
      background-color: #996699;
   }

   .opencampus_schedule_contents_1_3_left {
      /*大学短大共通*/
      background-color: #999999;
   }

   .opencampus_schedule_contents_2_left {
      /*全学部学科共通プログラム*/
      background-color: #ff9900;
      text-align: center !important;
   }

   /*プログラムタイトルのp*/
   .opencampus_schedule_contents_1_1_left p,
   /*大学*/
   .opencampus_schedule_contents_1_2_left p,
   /*短大*/
   .opencampus_schedule_contents_1_3_left p,
   /*大学短大共通*/
   .opencampus_schedule_contents_2_left p {
      /*全学部学科共通プログラム*/
      font-size: 115%;
      font-weight: 600;
      text-align: center !important;
      color: #FFFFFF;
   }

   /*プログラムタイトルのカッコのspan*/
   .opencampus_schedule_contents_1_1_left span,
   /*大学*/
   .opencampus_schedule_contents_1_2_left span,
   /*短大*/
   .opencampus_schedule_contents_1_3_left span,
   /*大学短大共通*/
   .opencampus_schedule_contents_2_left span {
      /*全学部学科共通プログラム*/
      display: block;
      font-size: 100%;
      font-weight: normal;
      text-align: center;
      color: #FFFFFF;
      line-height: 150%;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*全学部共通プログラム　スマホではbrを無効にする*/
   .opencampus_schedule_contents_2_left br {
      display: none !important;
   }

   .opencampus_schedule_contents_1_1_right,
   /*大学*/
   .opencampus_schedule_contents_1_2_right,
   /*短大*/
   .opencampus_schedule_contents_1_3_right,
   /*大学短大共通*/
   .opencampus_schedule_contents_2_right {
      /*全学部学科共通プログラム*/
      display: block;
      width: 100%;
      padding: 5px 10px 5px 10px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }


   /*大学*/
   .opencampus_schedule_contents_1_1_right {
      background-color: #81b3cc;
      padding: 0px 10px 0px 10px;
   }

   .opencampus_schedule_contents_1_2_right {
      /*短大*/
      background-color: #cc99cc;
      padding: 0px 10px 0px 10px;
   }

   .opencampus_schedule_contents_1_3_right {
      /*大学短大共通*/
      background-color: #cccccc;
      padding: 0px 10px 0px 10px;
   }

   .opencampus_schedule_contents_2_right {
      /*全学部学科共通プログラム*/
      background-color: #ffe47a;
      padding: 0px 10px 0px 10px;
   }

   /*/
.time_1box{
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	background-color:#FFFFFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/*時刻 p*/
   .schedule_time_text {
      color: #66CCCC;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   .schedule_time_text:before {
      content: url(img/icon_clock_skyblue.png);
      position: relative;
      top: 3px;
      left: -2px;
   }

   /*プログラム内容 p*/
   .schedule_detail_text {
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 10px 0px !important;
      line-height: 140%;
   }

   /*スケジュールの下の注意事項欄 div*/
   .opencampus_attention_text_box {
      padding: 0px 10px 0px 10px !important;
      margin: 0px 0px 10px 0px !important;

   }


   /*フォームボタン枠*/
   .opencampus_program_link_btn_box {
      padding: 15px 15px 15px 15px;
      margin-bottom: 20px;
      background-color: #FFFFFF;
   }

   /*上下ボタン欄*/
   .opencampus_program_link_btn_1,
   .opencampus_program_link_btn_2 {
      display: block;
      overflow: hidden;
      float: none;
      clear: both;
   }

   /*上のボタン欄の下に罫線*/
   .opencampus_program_link_btn_1 {
      padding: 0px 0px 10px 0px;
      margin: 0px 0px 10px 0px;
      border-bottom: solid 1px #dfdfdf;
   }

   /*フォームボタンのコピー*/
   .opencampus_program_link_btn_1 p.opencampus_program_link_copy,
   .opencampus_program_link_btn_2 p.opencampus_program_link_copy {
      display: block;
      position: relative;
      width: 100%;
      padding: 10px 0px 0px 0px;
      font-size: 100%;
      font-weight: 500;
      line-height: 130%;
      letter-spacing: 0em;
      float: none;
   }

   .opencampus_program_link_btn_1 a,
   .opencampus_program_link_btn_2 a {
      display: block;
      position: relative;
      width: 100%;
      margin: 10px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
      border: solid 1px #57574b;
      background: url(img/icon_24_link.png) no-repeat 99% 50%;
      background-color: #ffffff;
      color: #57574b;
      text-align: center;
      float: none;
      font-size: 100%;
      font-weight: 500;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .opencampus_program_link_btn_1 a:hover,
   .opencampus_program_link_btn_2 a:hover {
      border: solid 1px #57574b;
      background-color: #fafafa;
      color: #57574b !important;
   }


   /* --------------------

アクセス　ディレクトリ名：access

-------------------- */

   /*白バック div*/
   .access_white_box {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 10px 10px 10px 10px;
      margin: 0 auto !important;
      background-color: #ffffff;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*Googleマップ*/
   .access_googlemap_iframe {
      width: 100% !important;
      height: 260px !important;
   }

   /*所在地のテキストタイトル p*/
   .address_text {
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
      line-height: 130%;
      font-size: 105%;
      font-weight: 500;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*ルートのコピータイトル p*/
   .address_root_text {
      padding: 10px 0px 10px 62px !important;
      margin: 0px 0px 0px 0px !important;
      line-height: 130%;
      font-size: 120%;
      font-weight: 600;
      color: #565656;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   .address_root_text:before {
      position: absolute;
      vertical-align: middle;
      top: 15px;
      left: 15px;
      margin: 0px 0px 0px 0px !important;
      content: url(img/icon_48_apostrophe.png);
      -webkit-transform: scale(1.0);
      -moz-transform: scale(1.0);
      float: left;
   }

   .access_root_photo_box img {
      width: 100%;
      height: auto;
   }

   /*ルートのSTEP1〜8全体のくくり div*/
   .access_root_text_box {
      background-color: #FFFFFF;
      border-right: solid 0px #CBCBCB;
   }

   /*STEPを4つずつくくったdiv 上段下段共通*/
   .access_root_text_box_1,
   .access_root_text_box_2,
   .access_root_text_box_3 {
      display: block;
      width: 100%;
      border-top: solid 0px #d9d9d9;
      border-left: solid 0px #d9d9d9;
   }

   /*下段の上辺の罫線は無くす*/
   .access_root_text_box_2,
   .access_root_text_box_3 {
      border-top: solid 0px #d9d9d9 !important;
   }

   /*各STEPのdiv*/
   .access_root_text_step1,
   .access_root_text_step2,
   .access_root_text_step3,
   .access_root_text_step4,
   .access_root_text_step5,
   .access_root_text_step6,
   .access_root_text_step7,
   .access_root_text_step8,
   .access_root_text_step9,
   .access_root_text_step10,
   .access_root_text_step11,
   .access_root_text_step12 {
      display: block;
      width: 100%;
      padding: 10px 10px 10px 10px;
      border-bottom: solid 1px #d9d9d9;
      border-right: solid 0px #d9d9d9;
      text-align: center !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }



   /*各STEPのp共通設定*/
   .access_root_text_step1 p.access_root_step_text,
   .access_root_text_step2 p.access_root_step_text,
   .access_root_text_step3 p.access_root_step_text,
   .access_root_text_step4 p.access_root_step_text,
   .access_root_text_step5 p.access_root_step_text,
   .access_root_text_step6 p.access_root_step_text,
   .access_root_text_step7 p.access_root_step_text,
   .access_root_text_step8 p.access_root_step_text,
   .access_root_text_step9 p.access_root_step_text,
   .access_root_text_step10 p.access_root_step_text,
   .access_root_text_step11 p.access_root_step_text,
   .access_root_text_step12 p.access_root_step_text {
      display: block;
      width: 100%;
      padding: 15px 0px 0px 40px;
      line-height: 150%;
      min-height: 50px;
      text-align: left !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
   }

   /*各STEPのp*/
   .access_root_text_step1 p.access_root_step_text {
      background: url(img/icon_32_circle_1.png) no-repeat 0px 15px;
   }

   .access_root_text_step2 p.access_root_step_text {
      background: url(img/icon_32_circle_2.png) no-repeat 0px 15px;
   }

   .access_root_text_step3 p.access_root_step_text {
      background: url(img/icon_32_circle_3.png) no-repeat 0px 15px;
   }

   .access_root_text_step4 p.access_root_step_text {
      background: url(img/icon_32_circle_4.png) no-repeat 0px 15px;
   }

   .access_root_text_step5 p.access_root_step_text {
      background: url(img/icon_32_circle_5.png) no-repeat 0px 15px;
   }

   .access_root_text_step6 p.access_root_step_text {
      background: url(img/icon_32_circle_6.png) no-repeat 0px 15px;
   }

   .access_root_text_step7 p.access_root_step_text {
      background: url(img/icon_32_circle_7.png) no-repeat 0px 15px;
   }

   .access_root_text_step8 p.access_root_step_text {
      background: url(img/icon_32_circle_8.png) no-repeat 0px 15px;
   }

   .access_root_text_step9 p.access_root_step_text {
      background: url(img/icon_32_circle_9.png) no-repeat 0px 15px;
   }

   .access_root_text_step10 p.access_root_step_text {
      background: url(img/icon_32_circle_10.png) no-repeat 0px 15px;
   }

   .access_root_text_step11 p.access_root_step_text {
      background: url(img/icon_32_circle_11.png) no-repeat 0px 15px;
   }

   .access_root_text_step12 p.access_root_step_text {
      background: url(img/icon_32_circle_12.png) no-repeat 0px 15px;
   }

   /*スタート*/
   .access_root_start {
      display: block;
      color: #cc6633;
      font-size: 120%;
      font-weight: 600;
      float: none;
      margin-bottom: 4px;
   }

   /*ゴール*/
   .access_root_goal {
      display: block;
      color: #ff9900;
      font-size: 120%;
      font-weight: 600;
      float: none;
      margin-top: 4px;
   }

   /*各STEPのimg共通設定*/
   .access_root_text_step1 img,
   .access_root_text_step2 img,
   .access_root_text_step3 img,
   .access_root_text_step4 img,
   .access_root_text_step5 img,
   .access_root_text_step6 img,
   .access_root_text_step7 img,
   .access_root_text_step8 img,
   .access_root_text_step9 img,
   .access_root_text_step10 img,
   .access_root_text_step11 img,
   .access_root_text_step12 img {
      width: 100%;
      height: auto;
      text-align: center !important;
      margin: 0 auto !important;
      margin-bottom: 10px;
   }


   /*所要時間欄の全体をくくったdiv ※「box_white」と併記*/
   .access_time_box {}

   .access_time_box p {}

   .access_time_box img {
      margin: 0px 0px 20px 0px !important;
      width: 100%;
      height: auto;
   }

   .access_time_box hr {
      margin: 20px 0px 20px 0px !important;
   }


   /* --------------------

キャンパスカレンダー　ディレクトリ名：campus

-------------------- */

   /*春のボックス div*/
   .campuscalendar_spring_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 0px;
   }

   /*春2のボックス div*/
   .campuscalendar_spring2_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 0px;
   }

   /*夏のボックス div*/
   .campuscalendar_summer_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 0px;
   }

   /*秋のボックス div*/
   .campuscalendar_autumn_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 0px;
   }

   /*冬のボックス div*/
   .campuscalendar_winter_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 0px;
   }


   /*ulの共通設定*/
   div#contents_main #contents_section ul.list_icon_circle_white,
   div#contents_main #contents_section ul.list_icon_circle_sakura,
   div#contents_main #contents_section ul.list_icon_circle_purple,
   div#contents_main #contents_section ul.list_icon_circle_beige,
   div#contents_main #contents_section ul.list_icon_circle_darkblue {
      display: block;
      float: none;
      margin-top: 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      font-size: 96%;
      background-color: #FFFFFF;
      padding: 20px;
   }

   /*サークルアイコン「白」ul*/
   div#contents_main #contents_section ul.list_icon_circle_white li {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      padding-left: 1.2em !important;
      list-style: none !important;
      /*background: url(img/icon_circle_white.png) no-repeat 0px 5px;*/
      background: url(img/icon_circle_green.png) no-repeat 0px 5px;
      color: #565656;
   }

   /*サークルアイコン「桜色」ul*/
   div#contents_main #contents_section ul.list_icon_circle_sakura li {
      display: block;
      float: none;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      padding-left: 1.2em !important;
      list-style: none !important;
      /*background: url(img/icon_circle_sakura.png) no-repeat 0px 5px;*/
      background: url(img/icon_circle_green.png) no-repeat 0px 5px;
      color: #565656;
   }

   /*サークルアイコン「パープル」ul*/
   div#contents_main #contents_section ul.list_icon_circle_purple li {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      padding-left: 1.2em !important;
      list-style: none !important;
      /*background: url(img/icon_circle_purple.png) no-repeat 0px 5px;*/
      background: url(img/icon_circle_green.png) no-repeat 0px 5px;
      color: #565656;
   }

   /*サークルアイコン「ベージュ」ul*/
   div#contents_main #contents_section ul.list_icon_circle_beige li {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      padding-left: 1.2em !important;
      list-style: none !important;
      /*background: url(img/icon_circle_beige.png) no-repeat 0px 5px;*/
      background: url(img/icon_circle_green.png) no-repeat 0px 5px;
      color: #565656;
   }

   /*サークルアイコン「ダークブルー」ul*/
   div#contents_main #contents_section ul.list_icon_circle_darkblue li {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      padding-left: 1.2em !important;
      list-style: none !important;
      /*background: url(img/icon_circle_darkblue.png) no-repeat 0px 5px;*/
      background: url(img/icon_circle_green.png) no-repeat 0px 5px;
      color: #565656;
   }



   /*---------春のセット---------*/

   /*春の上段のくくり div*/
   .campuscalendar_spring_top {
      display: block;
      width: 100%;
      height: auto;
      float: none;
   }

   /*春の下段のくくり div*/
   .campuscalendar_spring_bottom {
      display: block;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*春の上段の左　コピー　 div*/
   .campuscalendar_spring_top_contents1 {
      display: block;
      position: relative;
      padding: 15px 15px 5px 15px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #ffffff;
      float: none;
      margin-bottom: 30px;
   }

   .campuscalendar_spring_top_contents1 p {
      position: relative;
      overflow: hidden;
      width: 100%;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      top: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      text-align: left;
      font-size: 105%;
      font-weight: 600;
      color: #779768;
   }



   /*春の上段の右　コピー　 div*/
   .campuscalendar_spring_top_contents2 {
      display: block;
      padding: 10px 10px 10px 10px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      width: 100%;
      height: auto;
      background-color: #c0c156;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      float: none;
      margin-bottom: 0px !important;
   }

   .campuscalendar_spring_top_contents2:before {
      display: none;
   }

   /*4月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_4 {
      position: relative !important;
      display: block !important;
      width: 100%;
      height: auto;
      top: 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      background: none;
      float: none;
      padding: 10px 0px 0px 0px;
      margin-bottom: 10px;
   }



   .campuscalendar_month_4 b {
      display: block;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*4月のコピー　p*/
   .campuscalendar_month_4_copy {
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px 10px 0px 10px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .campuscalendar_month_4_copy br {
      display: none !important;
   }

   /*春の下段の左　コピー　 div*/
   .campuscalendar_spring_bottom_contents1 {
      display: block;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #ffffff;
      float: none;
   }

   /*春の下段の右 div*/
   .campuscalendar_spring_bottom_contents2 {
      display: block;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_spring_bottom_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_spring_bottom_contents2 img {
      width: 100%;
      height: auto;
   }


   /*---------春2のセット（3段組）---------*/

   /*春2の左のくくり div*/
   .campuscalendar_spring2_left {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto !important;
      float: none;
      margin-bottom: 30px;
   }

   /*春2の真ん中のくくり div*/
   .campuscalendar_spring2_center {
      display: block;
      position: relative;
      width: 100%;
      height: auto !important;
      float: none;
      margin-bottom: 30px;
   }

   /*春2の右のくくり div*/
   .campuscalendar_spring2_right {
      display: block;
      position: relative;
      width: 100%;
      height: auto !important;
      float: none;
      margin-bottom: 30px;
   }

   /*春2の左の上　コピー　 div*/
   .campuscalendar_spring2_left_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #d68282;
   }

   .campuscalendar_spring2_left_contents1:before {
      display: none;
   }

   /*5月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_5 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }


   .campuscalendar_month_5 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*5月のコピー　p*/
   .campuscalendar_month_5_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 5px 10px !important;
      left: 0px;
   }



   /*春2の左の下 div　写真*/
   .campuscalendar_spring2_left_contents2 {
      display: block;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_spring2_left_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_spring2_left_contents2 img {
      width: 100%;
      height: auto;
   }

   /*春2の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
   .campuscalendar_spring2_center_contents1 {
      display: block;
      position: relative !important;
      padding: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #8EB17F;
      float: none;
   }

   /*6月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_6 {
      position: relative !important;
      display: block !important;
      width: 100%;
      height: auto;
      top: 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      background: none;
      float: none;
      padding: 10px 0px 0px 0px;
      margin-bottom: 10px;
   }

   .campuscalendar_month_6 b {
      display: block;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*6月のコピー　p*/
   .campuscalendar_month_6_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 5px 10px !important;
      left: 0px;
   }



   /*春2の真ん中の下 div　（PCでは上下入れ替え）　写真*/
   .campuscalendar_spring2_center_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   /*三角を非表示に*/
   .campuscalendar_spring2_center_contents2:before {
      display: none;
   }

   .campuscalendar_spring2_center_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_spring2_center_contents2 img {
      width: 100%;
      height: auto;
   }

   /*春2の右の上　コピー　 div*/
   .campuscalendar_spring2_right_contents1 {
      display: block;
      padding: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #77bbcd;
   }

   .campuscalendar_spring2_right_contents1:before {
      display: none;
   }

   /*7月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_7 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_7 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*7月のコピー　p*/
   .campuscalendar_month_7_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
   }

   /*春2の右の下 div*/
   .campuscalendar_spring2_right_contents2 {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_spring2_right_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_spring2_right_contents2 img {
      width: 100%;
      height: auto;
   }

   /*---------夏のセット---------*/

   /*夏の左のくくり div*/
   .campuscalendar_summer_left {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*夏の右のくくり div*/
   .campuscalendar_summer_right {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*夏の左の上　テキスト　 div*/
   .campuscalendar_summer_left_contents1 {
      display: block;
      padding: 0px 0px 0px 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #99cccc;
      position: relative !important;
      top: 0 !important;
   }

   .campuscalendar_summer_left_contents1:before {
      display: none;
   }

   /*8月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_8 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_8 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*8月のコピー　p*/
   .campuscalendar_month_8_copy {
      position: relative !important;
      width: auto;
      height: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
   }

   .campuscalendar_month_8_copy br {
      display: none !important;
   }


   /*夏の左の下　写真 div　*/
   .campuscalendar_summer_left_contents2 {
      display: block !important;
      position: relative !important;
      width: 100%;
      background-color: aqua;
   }

   .campuscalendar_summer_left_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_summer_left_contents2 img {
      width: 100%;
      height: auto;
   }



   /*夏の右の上　コピー　 div*/
   .campuscalendar_summer_right_contents1 {
      display: block;
      position: relative !important;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #9e7db1;
   }

   .campuscalendar_summer_right_contents1:before {
      display: none;
   }

   /*9月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_9 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_9 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*9月のコピー　p*/
   .campuscalendar_month_9_copy {
      position: relative !important;
      width: 100%;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
   }


   /*夏の右の下 div*/
   .campuscalendar_summer_right_contents2 {
      display: block;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
      position: relative !important;
      bottom: 0 !important;
   }

   .campuscalendar_summer_right_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_summer_right_contents2 img {
      width: 100%;
      height: auto;
   }



   /*---------秋のセット（3段組）---------*/

   /*秋の左のくくり div*/
   .campuscalendar_autumn_left {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*秋の真ん中のくくり div*/
   .campuscalendar_autumn_center {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*秋の右のくくり div*/
   .campuscalendar_autumn_right {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*秋の左の上　コピー　 div*/
   .campuscalendar_autumn_left_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #e1cd4b;
   }

   .campuscalendar_autumn_left_contents1:before {
      display: none;
   }

   /*10月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_10 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_10 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*10月のコピー　p*/
   .campuscalendar_month_10_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
   }


   /*秋の左の下 div　写真*/
   .campuscalendar_autumn_left_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_autumn_left_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_autumn_left_contents2 img {
      width: 100%;
      height: auto;
   }

   /*秋の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
   .campuscalendar_autumn_center_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #da8e4f;
   }



   /*11月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_11 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_11 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*11月のコピー　p*/
   .campuscalendar_month_11_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
      margin-bottom: 10px;
   }

   /*秋の真ん中の下 div　（PCでは上下入れ替え）　写真*/
   .campuscalendar_autumn_center_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   /*三角を非表示に*/
   .campuscalendar_autumn_center_contents2:before {
      display: none;
   }

   .campuscalendar_autumn_center_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_autumn_center_contents2 img {
      width: 100%;
      height: auto;
   }

   /*秋の右の上　コピー　 div*/
   .campuscalendar_autumn_right_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #B3AB91;
   }

   .campuscalendar_autumn_right_contents1:before {
      display: none;
   }

   /*12月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_12 {
      position: relative !important;
      display: block !important;
      width: 100%;
      height: auto;
      top: 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      background: none;
      float: none;
      padding: 10px 0px 0px 0px;
      margin-bottom: 10px;
   }

   .campuscalendar_month_12 b {
      display: block;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*12月のコピー　p*/
   .campuscalendar_month_12_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 5px 10px !important;
      left: 0px;
   }

   /*秋の右の下 div*/
   .campuscalendar_autumn_right_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_autumn_right_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_autumn_right_contents2 img {
      width: 100%;
      height: auto;
   }

   /*---------冬のセット（3段組）---------*/

   /*冬の左のくくり div*/
   .campuscalendar_winter_left {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*冬の真ん中のくくり div*/
   .campuscalendar_winter_center {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*冬の右のくくり div*/
   .campuscalendar_winter_right {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      float: none;
      margin-bottom: 30px;
   }

   /*冬の左の上　コピー　 div*/
   .campuscalendar_winter_left_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #4B4F5B;
   }

   .campuscalendar_winter_left_contents1:before {
      display: none;
   }

   /*1月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_1 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
   }

   .campuscalendar_month_1 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*1月のコピー　p*/
   .campuscalendar_month_1_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 10px !important;
      left: 0px;
      margin-bottom: 10px;
   }


   /*冬の左の下 div　写真*/
   .campuscalendar_winter_left_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_winter_left_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_winter_left_contents2 img {
      width: 100%;
      height: auto;
   }

   /*冬の真ん中の上 div　（PCでは上下入れ替え）　コピー*/
   .campuscalendar_winter_center_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #a1a888;
   }



   /*2月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_2 {
      position: relative !important;
      display: block;
      width: 100% !important;
      height: auto !important;
      padding: 10px 0px 0px 0px;
      text-align: center;
      color: #FFFFFF !important;
      background: none;
      margin-bottom: 10px;
      top: 0px;
      left: 0px;
   }

   .campuscalendar_month_2 b {
      display: block !important;
      position: relative !important;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*2月のコピー　p*/
   .campuscalendar_month_2_copy {
      position: relative !important;
      width: auto;
      height: auto !important;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 20px 20px !important;
      top: 0px;
      left: 0px;
      margin-bottom: 10px;
   }

   /*冬の真ん中の下 div　（PCでは上下入れ替え）　写真*/
   .campuscalendar_winter_center_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   /*三角を非表示に*/
   .campuscalendar_winter_center_contents2:before {
      display: none;
   }

   .campuscalendar_winter_center_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_winter_center_contents2 img {
      width: 100%;
      height: auto;
   }




   /*冬の右の上 コピー div*/
   .campuscalendar_winter_right_contents1 {
      display: block;
      position: relative;
      padding: 0px 0px 0px 0px !important;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100% !important;
      height: auto;
      background-color: #c7a3bf;
   }

   .campuscalendar_winter_right_contents1:before {
      display: none;
   }

   /*3月の表示　p*/
   #contents_main #contents_section p.campuscalendar_month_3 {
      position: relative !important;
      display: block !important;
      width: 100%;
      height: auto;
      top: 0px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      background: none;
      float: none;
      padding: 10px 0px 0px 0px;
      margin-bottom: 10px;
   }

   .campuscalendar_month_3 b {
      display: block;
      visibility: visible;
      text-align: center;
      color: #FFFFFF;
      font-size: 200%;
   }

   /*3月のコピー　p*/
   .campuscalendar_month_3_copy {
      position: relative !important;
      width: auto;
      text-align: center;
      font-size: 100%;
      font-weight: 600;
      color: #ffffff;
      margin: 0px !important;
      padding: 0px 10px 5px 10px !important;
      left: 0px;
   }

   /*冬の右の下 div*/
   .campuscalendar_winter_right_contents2 {
      display: block;
      position: relative !important;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background-color: #ffffff;
      text-align: center;
   }

   .campuscalendar_winter_right_contents2 p {
      margin: 0 !important;
      padding: 0 !important;
   }

   .campuscalendar_winter_right_contents2 img {
      width: 100%;
      height: auto;
   }



   /* --------------------

キャンパスライフ　ディレクトリ名：campuslife

-------------------- */


   div#contents_main .box_white.box_white_campuslife {
      display: block;
      overflow: hidden;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 10px 0px;
      background-color: #FFFFFF;
   }



   .campuslife_all_box {
      display: block;
      overflow: hidden;
      padding: 10px 5px 10px 5px;
      background: url(img/campuslife_bg.png);
   }



   /*div*/
   .campuslife_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      text-align: center;
   }

   div#contents_main .box_white .campuslife_title_box h2 {
      display: inline-block;
      position: relative;
      overflow: hidden;
      margin-top: 0px !important;
      margin-bottom: 10px !important;
   }

   .campuslife_title_box h2 img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 340px;
      margin: 0 auto;
      text-align: center;
   }

   /*p*/
   .campuslife_title_text {
      text-align: center;
      font-size: 16px;
      font-weight: 600;
      text-align: left;
   }

   /*タイトルから下のコンテンツ欄を囲んだdiv*/
   .campuslife_contents_box {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      padding: 10px 10px 10px 10px;
      background-color: #ffffff;
   }

   /*記事1つ分　div*/
   .campuslife_1box {
      display: block;
      position: relative;
      overflow: hidden;
      clear: both;
      float: none;
      padding: 0px 0px 15px 0px;
      margin-bottom: 30px;
      background: url(img/campuslife_line_dot.png) repeat-x center bottom;
   }

   .campuslife_1box:last-Child {
      padding: 0px 0px 0px 0px;
      margin-bottom: 0px;
      background: none;
   }

   /*写真欄　div*/
   .campuslife_photo_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin-bottom: 10px;
   }

   .campuslife_photo_box img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 480px;
      margin: 0 auto;
      text-align: center;
   }

   /*奇数*/
   .campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_photo_box {
      float: none;
   }

   /*偶数*/
   .campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_photo_box {
      float: none;
   }



   /*テキスト欄　div*/
   .campuslife_text_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
   }

   /*奇数*/
   .campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_text_box {
      float: none;
   }

   /*偶数*/
   .campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_text_box {
      float: none;
   }



   div#contents_main .box_white .campuslife_text_box h3 {
      display: inline-block !important;
      font-size: 22px;
      font-weight: 600;
      color: #111111;
      background: linear-gradient(transparent 60%, #ffef00 0%);
   }


   /*p*/
   .campuslife_text {
      font-size: 15px;
      line-height: 160%;
   }

   /*p*/
   div#contents_main p.campuslife_link_button {
      display: block;
      position: relative;
      padding: 5px 5px 5px 5px;
      background-color: #cae0f1;
      line-height: 100%;
      margin: 0 auto;
      text-align: center;
   }

   .campuslife_link_button a {
      display: block;
      position: relative;
      padding: 6px 60px 6px 50px;
      border: solid 1px #555555;
      color: #555555;
      font-weight: 600;
      background: url(img/icon_24_link.png) no-repeat 90% center;
   }

   .campuslife_link_button a:hover {
      background-color: #e8f2f9;
      text-decoration: none;
      /*border: dashed 1px #555555;*/
      border: solid 1px #999999;
   }


   .campuslife_link_button_blank a {
      background: url(img/icon_blank_black.png) no-repeat 90% center;
   }



   /*奇数*/
   .campuslife_contents_box .campuslife_1box:nth-child(odd) .campuslife_text_box .campuslife_link_button {
      float: none;
   }

   /*偶数*/
   .campuslife_contents_box .campuslife_1box:nth-child(even) .campuslife_text_box .campuslife_link_button {
      float: none;
   }




   /*各段落ごとの挿絵 p*/
   /*先輩Voice*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_voice {}



   /*Starbox*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_starbox {
      display: block;
      position: relative;
      right: 0px;
      bottom: 0px;
      text-align: right;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_starbox .campuslife_text_box {
      padding-bottom: 0px;
   }




   /*メッセージボックス*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_messagebox {
      display: block;
      position: relative;
      left: 0px;
      bottom: 0px;
      text-align: center;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_messagebox .campuslife_text_box {
      padding-bottom: 0px;
   }




   /*パノラマビュー*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_panorama {
      display: block;
      position: relative;
      right: 0px;
      bottom: 0px;
      text-align: right;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_panorama .campuslife_text_box {
      padding-bottom: 0px;
   }




   /*キャンパスカレンダー*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_calendar {
      display: block;
      position: relative;
      left: 0px;
      bottom: 0px;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_calendar .campuslife_text_box {
      padding-bottom: 0px;
   }




   /*サークル紹介*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_circle {
      display: block;
      position: relative;
      right: 0px;
      bottom: 0px;
      text-align: center;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_circle .campuslife_text_box {
      padding-bottom: 0px;
   }


   /*卒業生Voice*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_ob_voice {
      display: block;
      position: relative;
      left: 0px;
      bottom: 0px;
      text-align: center;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_ob_voice .campuslife_text_box {
      padding-bottom: 0px;
   }




   /*留学生Voice*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_abroad_voice {
      display: block;
      position: relative;
      left: 0px;
      bottom: 0px;
      text-align: center;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_abroad_voice .campuslife_text_box {
      padding-bottom: 0px;
   }


   /*研究者Voice*/
   div#contents_main .box_white .campuslife_text_box p.campuslile_img_scholar_voice {
      display: block;
      position: relative;
      left: 0px;
      bottom: 0px;
      text-align: center;
   }

   /*画像の高さ分、テキスト欄の下を空ける*/
   div#contents_main .box_white .campuslife_1box_scholar_voice .campuslife_text_box {
      padding-bottom: 0px;
   }



   /* --------------------

パノラマビュー　ディレクトリ名：360view

-------------------- */

   /*メインマップ*/
   .panorama_main_box {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      margin-bottom: 10px;
   }

   .panorama_main_box img {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      height: auto !important;
   }

   /*スマホのみ表示「マップ画像のみ表示する」リンク*/
   .sp_only_map_img_link_button {
      display: block;
   }


   div#contents_main .sp_only_map_img_link_button a {
      display: block;
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
      background-color: #339999;
      float: none;
      clear: both;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   div#contents_main .sp_only_map_img_link_button a:hover {
      width: 100%;
      padding: 7px 40px 7px 20px;
      margin: 8px 6px 12px 0px;
      font-size: 90%;
      color: #ffffff;
      background-color: #33cccc;
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
      float: none;
      clear: both;
   }




   /*画像上でhoverさせるパノラマのマーカーaタグを格納したdiv　PCのみ*/
   .panorama_markerlink_box {
      display: none;
   }


   /*マーカー共通設定*/
   .marker1,
   .marker2,
   .marker3,
   .marker4,
   .marker5,
   .marker6,
   .marker7,
   .marker8 {
      display: block;
      position: absolute;
      width: 25px;
      height: 25px;
      z-index: 5 !important;
   }

   .marker1 a,
   .marker2 a,
   .marker3 a,
   .marker4 a,
   .marker5 a,
   .marker6 a,
   .marker7 a,
   .marker8 a {
      display: block;
      position: relative;
      width: 25px;
      height: 25px;
      background: url("img/panorama_icon_marker_purple.png") no-repeat 0px 0px;
      background-size: 25px 25px;
   }

   .marker1 a:hover,
   .marker2 a:hover,
   .marker3 a:hover,
   .marker4 a:hover,
   .marker5 a:hover,
   .marker6 a:hover,
   .marker7 a:hover,
   .marker8 a:hover {
      display: block;
      position: relative;
      width: 25px;
      height: 25px;
      background: url("img/panorama_icon_marker_green.png") no-repeat 0px 0px;
      background-size: 25px 25px;
   }

   .marker1 a b,
   .marker2 a b,
   .marker3 a b,
   .marker4 a b,
   .marker5 a b,
   .marker6 a b,
   .marker7 a b,
   .marker8 a b {
      visibility: hidden;
   }

   /*マーカー1　p　チャペル*/
   .marker1 {
      top: 33% !important;
      left: 56% !important;
   }

   /*マーカー2　p　図書館*/
   .marker2 {
      top: 50% !important;
      left: 53% !important;
   }

   /*マーカー3　p　AB教室*/
   .marker3 {
      top: 39% !important;
      left: 61% !important;
   }

   /*マーカー4　p　アリーナ*/
   .marker4 {
      top: 0% !important;
      left: 32% !important;
   }

   /*マーカー5　p　C館講堂*/
   .marker5 {
      top: 30% !important;
      left: 44% !important;
   }

   /*マーカー6　p　センター棟1F*/
   .marker6 {
      top: 59%;
      left: 44%;
   }

   /*マーカー7　p　センター棟2F*/
   .marker7 {
      top: 58%;
      left: 39%;
   }

   /*マーカー8　p　中庭*/
   .marker8 {
      top: 48%;
      left: 45%;
   }



   .map_link1,
   .map_link2,
   .map_link3,
   .map_link4,
   .map_link5,
   .map_link6,
   .map_link7,
   .map_link8,
   .map_link9,
   .map_link10,
   .map_link11,
   .map_link12,
   .map_link13,
   .map_link14 {
      display: none !important;
   }



   /*導入文の枠 div*/
   .panorama_maincopy_box {
      display: block;
      margin-bottom: 10px;
   }

   /*左のロゴマーク欄 div*/
   .panorama_maincopy_left {
      display: block;
      width: 100%;
      height: 70px;
      background: url("img/panorama_mark.png") no-repeat 50% 50%;
      background-size: 40px 52px;
      background-color: #ffffff;
   }

   .panorama_maincopy_left p {
      visibility: hidden;
   }


   /*右のテキスト欄 div*/
   .panorama_maincopy_right {
      display: table-cell;
      width: 100%;
      height: auto;
      padding: 20px 20px 10px 20px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      background-color: #9AC9C3;
   }

   /*右のテキスト欄の見出し　h3*/
   .panorama_maincopy_right h3 {
      padding: 0;
      margin: 0;
      margin-bottom: 10px;
      color: #ffffff;
   }

   /*右のテキスト欄の見出し　p*/
   .panorama_maincopy_right p {
      margin: 0;
      color: #FFFFFF;
      line-height: 160%;
   }

   /*パノラマリンク欄*/
   .panorama_link_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 0px;
      background-color: #DBD9AA;
   }

   /*パノラマの説明分　p*/
   .panorama_link_copy {
      display: block;
      position: relative;
      width: 80%;
      padding: 15px 0px 5px 45px;
      line-height: 150%;
      font-size: 100%;
      color: #565656;
   }

   .panorama_link_copy:before {
      position: absolute;
      vertical-align: middle;
      top: 3px;
      left: 5px;
      margin: 0px 0px 0px 0px !important;
      content: url(img/icon_48_apostrophe_green.png);
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      float: left;
   }

   /*パノラマリンク4つくくりの1セット（上下2つ共通）*/
   .panorama_link_contents_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 0px 0px 0px 0px !important;
   }

   .panorama_link_1box_1,
   .panorama_link_1box_2,
   .panorama_link_1box_3,
   .panorama_link_1box_4,
   .panorama_link_1box_5,
   .panorama_link_1box_6,
   .panorama_link_1box_7,
   .panorama_link_1box_8 {
      overflow: hidden;
      width: 100%;
      margin-right: 0px;
      background-color: #ffffff;
      min-height: 320px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      margin-bottom: 20px;
   }

   .panorama_link_1box_1 p,
   .panorama_link_1box_2 p,
   .panorama_link_1box_3 p,
   .panorama_link_1box_4 p,
   .panorama_link_1box_5 p,
   .panorama_link_1box_6 p,
   .panorama_link_1box_7 p,
   .panorama_link_1box_8 p {
      margin: 0;
      padding: 0;
   }

   .panorama_link_1box_1 img,
   .panorama_link_1box_2 img,
   .panorama_link_1box_3 img,
   .panorama_link_1box_4 img,
   .panorama_link_1box_5 img,
   .panorama_link_1box_6 img,
   .panorama_link_1box_7 img,
   .panorama_link_1box_8 img {
      width: 100%;
      height: auto;
   }

   /*施設名 p*/
   .panorama_link_title {
      display: block;
      color: #3F3F3F;
      font-size: 120%;
      line-height: 100%;
      width: 90%;
      margin: 20px 0px 5px 20px !important;
   }

   /*施設名英語　p*/
   .panorama_link_title_e {
      display: block;
      color: #8B6695;
      font-size: 80%;
      line-height: 100%;
      width: 90%;
      margin: 0px 0px 10px 20px !important;
   }

   /*概要文*/
   .panorama_link_text {
      display: block;
      color: #565656 !important;
      font-size: 96%;
      line-height: 150%;
      width: 90%;
      margin-left: 20px !important;
   }



   /* --------------------

先輩VOICE　ディレクトリ名：starchannel_top、starchannel

-------------------- */

   /*タイトル枠全体 ※左右にパディング30px*/
   .category_starchannel_top .category_title_outer {
      display: block;
      position: relative;
      overflow: hidden !important;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      margin: 0 auto;
      padding: 0px 0px 0px 0px !important;
      padding-left: 0 !important;
      background-size: cover;
   }

   /*スターチャンネルカテゴリタイトル欄*/
   .category_starchannel_top .category_title_outer_bg {
      display: block !important;
      position: relative;
      width: 100%;
      height: 72px !important;
      max-height: 72px !important;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      vertical-align: top;
      float: none;
      background: url(img/starchannel_logo_320.png) no-repeat center 10px;
      background-color: #ffffff;
   }

   .category_starchannel_top .category_title_outer_bg .category_title_inner {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      padding: 0px 0px 0px 0px;
      margin: 0 auto !important;
   }

   /*スターチャンネル下層ページタイトル欄*/
   .category_starchannel .category_title_outer {
      display: block;
      position: relative;
      overflow: hidden !important;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      margin: 0 auto;
      padding: 0px 0px 0px 0px !important;
      padding-left: 0 !important;
      background-size: cover;
   }

   .category_starchannel .category_title_outer_bg {
      display: block !important;
      position: relative;
      width: 100%;
      height: 72px !important;
      max-height: 72px !important;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      vertical-align: top;
      float: none;

      background: url(img/starchannel_title.png) no-repeat center center;
      background-color: #91C8D3;
   }

   .category_starchannel .category_title_outer_bg .category_title_inner {
      display: none;

      /*
	display:block;
	overflow:hidden;
	min-height:105px;
	height:105px;
	width:330px !important;
	padding:0px 0px 0px 0px;
	padding:0px 0px 0px 0px !important;
	float:left;
	background: url(img/starchannel_logo_320.png) no-repeat center 5px;

	background-color:#F5F5F1;
	*/
   }

   /*カテゴリタイトルのh1の文字スタイル共通設定*/
   .category_starchannel_top .category_title_outer .category_title_inner h1,
   .category_starchannel .category_title_outer .category_title_inner h1 {
      display: none;
   }

   /*カテゴリタイトルのp 共通設定*/
   .category_starchannel_top .category_title_outer .category_title_inner p,
   .category_starchannel .category_title_outer .category_title_inner p {
      display: none;
   }

   .category_starchannel_top .category_title_inner p span .category_starchannel .category_title_inner p span {
      display: none;
   }

   /*日本語のテキストタイトル*/
   .category_starchannel_top .category_title_inner h2,
   .category_starchannel .category_title_inner h2 {
      display: none;
   }

   /*ページタイトルとパンくずをくくったdiv*/
   .category_starchannel_top .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 40px;
      /*margin-top:-30px;*/
      padding: 15px 0px 0px 10px !important;
      background-color: #ffffff;
   }

   .category_starchannel .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto !important;
      /*margin-top:-30px;*/
      padding: 10px 0px 0px 30px !important;
      background-color: #ffffff;
   }


   /*ページタイトル*/
   .category_starchannel_top .contents_title_inner,
   .category_starchannel .contents_title_inner {
      display: none;
   }

   .category_starchannel_top div.topicpath {
      padding-top: 0px !important;
      margin-top: 0px !important;
   }

   .category_starchannel div.topicpath {

      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto !important;

   }

   /*スターチャンネルトップのメインタイトル*/
   .starchannel_main_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 230px;
      height: auto !important;
      background-color: #91C8D3;
      margin-bottom: 25px;
   }

   /*スターチャンネルトップのメインタイトルの左*/
   .starchannel_main_title_left {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 60px;
      padding: 150px 20px 10px 20px;
      background: url(img/starchannel_top_main_title.png) no-repeat center 20px;
      background-size: 260px 116px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      float: none;
   }

   .starchannel_main_title_left p {
      line-height: 150%;
   }

   /*スターチャンネルトップのメインタイトルの右*/
   .starchannel_main_title_right {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      background-color: #FFFFFF;
      float: none;
   }

   .starchannel_main_title_right p {
      margin: 0px !important;
      padding: 0px !important;
   }

   .starchannel_main_title_right p img {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: auto;
   }

   /*volタイトル枠 div*/
   .starchannel_vol_title {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      border-top: #d8d8d8 solid 1px;
      border-bottom: #d8d8d8 solid 1px;
      padding: 15px 0px 15px 0px;
      margin: 0px 0px 25px 0px;
   }

   div#contents_main .starchannel_vol_title h2 {
      padding: 0px !important;
      margin: 0px !important;
      line-height: 100%;
      font-size: 22px !important;
   }

   /*「vol.X」だけ色をつける*/
   .starchannel_vol_title h2 span {
      /*color:#91C8D3; ほんとの色*/
      color: #33CCCC;
   }


   /*3つのリンク全体 div　　廃止*/
   .starchannel_vol_1set_box {
      /*
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	*/
   }

   /*各リンク1セット div*/
   .starchannel_linkbox {
      display: block;
      position: relative;
      overflow: hidden;
      width: 99%;
      border: #d8d8d8 solid 1px;
      float: none !important;
      margin-bottom: 25px;
      margin-right: 0px !important;
   }



   /*内包するpのパディング、マージンを一度0にリセット*/
   .starchannel_linkbox p {
      padding: 0px;
      margin: 0px;
   }

   .starchannel_linkbox p img {
      width: 100%;
      height: auto;
   }

   .starchannel_linkbox p a:hover img {
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
   }

   .starchannel_linkbo h3 {
      padding: 0px;
      margin: 0px 0px 0px 0px;
      color: #91C8D3;
      font-size: 18px;
      font-weight: 500;
      padding: 20px 20px 0px 20px !important;
   }


   div#contents_main .starchannel_linkbox .starchannel_linkbox_text_box p {
      margin-bottom: 0px !important;
      padding: 0px 20px 0px 20px;
      line-height: 150%;
   }


   .starchannel_linkbox .starchannel_linkbox_text_box p a {
      display: block;
      overflow: hidden;
      position: absolute;
      width: 100%;
      height: 36px;
      color: #91C8D3;
      margin-left: -40px !important;
      margin: 5px 0px 0px 0px;
      padding: 0px 20px 0px 20px;
      background: url("img/icon_36_linkbox_skyblue.png") no-repeat right bottom;
   }

   .starchannel_linkbox .starchannel_linkbox_text_box p a b {
      visibility: hidden;
   }


   .starchannel_linkbox .starchannel_linkbox_text_box p a:hover {
      filter: alpha(opacity=80);
      /*IE*/
      -moz-opacity: 0.80;
      /*FF*/
      opacity: 0.80;
      text-decoration: none;
   }

   /*下層ページの設定*/

   /*記事タイトル枠 div*/
   /*ビデオ設置枠*/
   .starchannel_video_box p img,
   .starchannel_video_box img {
      max-width: 1080px;
      width: 100%;
      height: auto;
   }

   .starchannel_video_box iframe {
      min-height: 280px;
      height: auto;
   }


   /* --------------------

研究者VOICE　ディレクトリ名：scholar_top、scholar

-------------------- */

   /*タイトル枠全体 ※左右にパディング30px*/
   .category_scholar_top .category_title_outer {
      display: block;
      overflow: hidden;
      width: 100%;
      height: 493px;
      margin: 0 auto;
      margin-bottom: 0px;
      padding: 0px 0px 0px 0px !important;
   }

   /*研究者VOICE　カテゴリタイトル欄*/
   .category_scholar_top .category_title_outer_bg {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 493px;
      margin: 0 auto;
      padding: 0px 0px 0px 0px;
      vertical-align: top;
      background: none;
      background: url(img/scholar_top_title.jpg) no-repeat center top;
      background-size: contain;
      background-color: #ffffff;
   }

   .category_scholar_top .category_title_outer_bg .category_title_inner {
      display: block;
      overflow: auto;
      min-height: 0px;
      height: 0px;
      width: 100%;
      padding: 0px 0px 0px 0px;
      margin: 0 auto !important;
      background: none;
   }

   /*研究者VOICE 下層ページタイトル欄*/
   .category_scholar .category_title_outer {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto !important;
      margin: 0 auto;
      margin-bottom: 0px;
      padding: 0px 0px 0px 0px !important;
   }

   .category_scholar .category_title_outer_bg {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      min-height: 60px;
      height: 105px;
      margin: 0px 0px 0px 0px;
      margin-bottom: 1px;
      padding: 0px 0px 0px 0px;
      vertical-align: top;
      background: none;
   }

   .category_scholar .category_title_outer_bg .category_title_inner {
      display: block;
      overflow: hidden;
      min-height: 60px;
      height: auto;
      padding: 0px 0px 0px 0px !important;
      background: url(img/scholar_entry_header_tilte.png) no-repeat center center;
      background-size: 168px 33px;
      /*元560px 110px*/

      background-color: #ffffff;
   }

   /*カテゴリタイトルのh1の文字スタイル共通設定*/
   .category_scholar_top .category_title_outer .category_title_inner h1,
   .category_scholar .category_title_outer .category_title_inner h1 {
      display: none;
   }

   /*カテゴリタイトルのp 共通設定*/
   .category_scholar_top .category_title_outer .category_title_inner p,
   .category_scholar .category_title_outer .category_title_inner p {
      display: none;
   }

   .category_scholar_top .category_title_inner p span .category_scholar .category_title_inner p span {
      display: none;
   }

   /*日本語のテキストタイトル*/
   .category_scholar_top .category_title_inner h2,
   .category_scholar .category_title_inner h2 {
      display: none;
   }

   /*ページタイトルとパンくずをくくったdiv*/
   .category_scholar_top .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      min-height: 1em !important;
      height: 1em;
      height: auto !important;
      margin-top: 0px;
      padding: 5px 10px 5px 10px !important;

   }

   .category_scholar .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      min-height: 1em !important;
      height: 1em;
      height: auto !important;
      margin-top: 0px;
      padding: 5px 10px 5px 10px !important;
   }

   /*ページタイトル*/
   .category_scholar_top .contents_title_inner,
   .category_scholar .contents_title_inner {
      display: none;
   }

   .category_scholar_top div.topicpath {
      padding-top: 0px !important;
      margin-top: 0px !important;
      margin-bottom: 5px !important;
      background-color: #ffffff;
   }

   .category_scholar div.topicpath {
      padding-top: 0px !important;
      margin-top: 0px !important;
      background-color: #ffffff;
      margin-bottom: 5px !important;
   }


   /*========== 一覧ページ ==========*/

   /*メインキャッチコピー　div*/
   .scholar_main_copy {
      display: block;
      position: relative;
      margin-top: 0px;
      margin-bottom: 20px;
   }


   /*一覧の1つ分　div*/
   .scholar_list_1box {
      display: block;
      position: relative;
      background-color: #E8EFEE;
      padding: 10px 10px 10px 10px;
      min-height: auto;
      margin-bottom: 20px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }



   /*div*/
   .scholar_list_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      background-color: #ffffff;
      padding: 10px 10px 10px 10px;
      margin-top: 0px;
      margin-bottom: 10px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }


   /*p*/
   .scholar_list_no {
      color: #221816;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 24px;
      font-weight: 300;
      margin-bottom: 20px;
   }

   .scholar_list_no span {
      font-size: 50px;
      font-weight: 400;
      margin-left: 5px;
      margin-right: 5px;
   }

   .scholar_list_no:after {
      content: "";
      display: block;
      position: relative;
      width: 50px;
      height: 2px;
      background-color: #0084CF;
   }

   /*p*/
   .scholar_list_field {
      font-size: 15px;
      margin-bottom: 0px !important;
      font-weight: 600;
      line-height: 150%;
   }

   /*div*/
   .scholar_list_catchcopy_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      background-color: #0084CF;
      padding: 10px 10px 10px 10px;

      margin-bottom: 10px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;

      z-index: 3;
   }

   /*p*/
   .scholar_list_catchcopy {
      position: relative;
      font-size: 19px;
      line-height: 140%;
      color: #ffffff;
      padding-left: 1em;
      padding-right: 1em;
      margin-bottom: 0px !important;
   }

   .scholar_list_catchcopy:before {
      display: inline-block;
      position: absolute;
      top: 0px;
      left: 0px;
      content: "“";
      color: #ffffff;
      font-size: 26px;
      line-height: 1;
      font-weight: 900;

      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   }

   .scholar_list_catchcopy:after {
      display: inline-block;
      position: absolute;
      top: 0px;
      right: -3px;
      content: "”";
      color: #ffffff;
      font-size: 26px;
      line-height: 1;
      font-weight: 900;

      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   }



   /*div*/
   .scholar_list_img_box {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      top: 0px;
      right: 0px;
   }

   .scholar_list_img_box p {
      margin-bottom: 10px !important;
   }

   .scholar_list_img_box p img {
      width: 100%;
      height: auto;
   }

   /*div*/
   .scholar_list_name_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;

      margin-bottom: 0px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   /*p*/
   .scholar_list_section {
      font-size: 15px;
      margin-bottom: 0px !important;
      line-height: 100% !important;
   }

   /*p*/
   .scholar_list_name {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 0px !important;
   }

   /*リンク　p*/
   .scholar_list_link {
      margin-bottom: 0px !important;
      z-index: 2;
   }

   /*aタグを親div全体に広げる*/
   .scholar_list_link a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-indent: -999px;
      z-index: 3;
      /* 必要であればリンク要素の重なりのベース順序指定 */
   }

   .scholar_list_1box:hover {
      background-color: #dce9e7;
      filter: alpha(opacity=80);
      /* IE 6,7*/
      -ms-filter: "alpha(opacity=80)";
      /* IE 8,9 */
      -moz-opacity: 0.8;
      /* FF , Netscape */
      -khtml-opacity: 0.8;
      /* Safari 1.x */
      opacity: 0.8;
      zoom: 1;
      /*IE*/

      /*
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    */
   }

   .scholar_list_1box:hover .scholar_list_img_box p img {}


   /*========== 記事ページ ==========*/


   /*ビデオ設置枠*/
   .scholar_video_box iframe {
      max-width: 1080px;
      width: 100% !important;
      min-height: 280px;
      height: auto !important;
   }



   /*タイトル欄　div*/
   .scholar_page_title_box {
      padding: 20px 10px;
      margin-top: 0px;
   }

   .scholar_contents_title_box_left {
      display: block;
      width: 100%;
   }

   .scholar_contents_title_box_right {
      display: block;
      left: 0px;
      padding-left: 0px;
      border-left: none;
   }



   /*div*/
   .scholar_contents_title_box {
      width: 100%;
      background-color: #ffffff;
      padding: 10px 10px 10px 10px;
      margin-top: 0px;
      margin-bottom: 20px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   /*p*/
    .scholar_contents_no {
        font-size: 24px;
    }


   /*div*/
   .scholar_contents_name_box {
      margin-bottom: 10px;
   }


   /*p*/
   .scholar_contents_name {
      font-size: 17px;
      margin-bottom: 10px !important;
      max-width: 100%;
   }

   /*div*/
   .scholar_contents_text_box {
      padding: 0px;
   }


   /*p*/
   .scholar_contents_text {
      position: relative;
      font-size: 16px;
      line-height: 140%;
      color: #333333;
      margin-bottom: 0px !important;
   }


   /*写真と記事の2カラム　div*/
   .scholar_2column {
      display: block;
      position: relative;
      margin-bottom: 60px;
   }

   .scholar_2column .column_inner {
      position: relative;
      width: 100%;
      padding: 0px;
   }

   .scholar_2column .column_inner img {
      min-width: 100%;
      width: 100%;
      height: auto;
   }

   /*写真が左の場合*/
   .scholar_2column.img_left {}

   /*テキスト側*/
   .scholar_2column.img_left .column_inner:nth-Child(1) {
      position: relative;
      padding-left: 0px;
      padding-right: 0px;
      order: 2;
   }

   /*写真側*/
   .scholar_2column.img_left .column_inner:nth-Child(2) {
      position: relative;
      order: 1;
   }

   /*写真が右の場合*/
   .scholar_2column.img_right {}

   /*テキスト側*/
   .scholar_2column.img_right .column_inner:nth-Child(1) {
      position: relative;
      padding-left: 0px;
      padding-right: 0px;
      order: 1;

   }

   /*写真側*/
   .scholar_2column.img_right .column_inner:nth-Child(2) {
      position: relative;
      order: 2;
      text-align: center;
   }


   .contents_main h3.scholar_column_catchcopy,
   #contents_main .box_white h3.scholar_column_catchcopy,
   .scholar_column_catchcopy {
      margin: 0px 0px 20px 0 !important;
      color: #333333;
      font-size: 17px;
      font-weight: bold;
   }


   /*プロフィール欄*/
   .scholar_profile_box {
      display: block;
      position: relative;
      background-color: #E7EEED;
      padding: 10px 10px 10px 10px;
      margin-bottom: 40px;
   }

   .scholar_profile_box_inner {
      display: block;
      position: relative;
      max-width: 100%;
      margin: 0 auto;
   }

   /*p*/
   .scholar_profile_title {
      font-size: 24px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 10px !important;
   }

   /*p*/
   .scholar_profile_img {
      text-align: center;
      margin-bottom: 30px !important;
   }

   .scholar_profile_img img {
      max-width: 100%;
      height: auto;
   }

   /*div*/
   .scholar_profile_text_box {
      display: block;
      position: relative;
      max-width: 670px;
      margin: 0 auto;
   }

   /*p*/
   .scholar_profile_section {
      font-size: 15px;
      margin-bottom: 0px !important;
      line-height: 100% !important;
   }

   /*p*/
   .scholar_profile_name {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 20px !important;
   }

   .scholar_profile_name:after {
      content: "";
      display: block;
      position: relative;
      width: 50px;
      height: 2px;
      margin-top: 10px;
      background-color: #0084CF;
   }


   /*リンク欄*/
   .scholar_back_link {
      display: block;
      position: relative;
      margin-bottom: 60px;
      text-align: center;
   }

   .scholar_back_link p {
      text-align: center;
   }

   /*a*/
   a.button_scholar_back {
      display: inline-block;
      position: relative;
      font-size: 16px;
      padding: 6px 10px 6px 10px;
      color: #ffffff;
      background-color: #0083CE;
      text-align: center;
      /* min-width: 300px;リニューアル */
      /* リニューアル */
      margin: 0 auto;
      width: 250px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   a.button_scholar_back:after {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background: url(img/icon_24_link_white.png) no-repeat center center;
      vertical-align: text-bottom;
   }

   a.button_scholar_back:hover {
      background-color: #1496e1;
      text-decoration: none;
   }


   /* --------------------

メッセージボックス　ディレクトリ名：message_box

-------------------- */

   /*タイトル枠全体 ※左右にパディング30px*/
   .category_message_box .category_title_outer {
      display: block;
      position: relative;
      overflow: hidden !important;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      margin: 0 auto;
      padding: 0px 0px 0px 0px !important;
      padding-left: 0 !important;
      background-size: cover;
   }

   /*メッセージボックスカテゴリタイトル欄*/
   .category_message_box .category_title_outer_bg {
      display: block !important;
      position: relative;
      width: 100%;
      height: 72px !important;
      max-height: 72px !important;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      vertical-align: top;
      float: none;
      background: url(img/message_box_logo_320.png) no-repeat center 10px;
      background-color: #ffffff;
   }

   .category_message_box .category_title_outer_bg .category_title_inner {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto !important;
      min-height: 72px !important;
      padding: 0px 0px 0px 0px;
      margin: 0 auto !important;
   }


   .category_message_box .category_title_outer_bg {
      display: block !important;
      position: relative;
      width: 100%;
      height: 72px !important;
      max-height: 72px !important;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px !important;
      vertical-align: top;
      float: none;

      background: url(img/message_box_logo_320.png) no-repeat center center;
      background-size: 260px 81px;
      background-color: #ffffff;
   }

   .category_message_box .category_title_outer_bg .category_title_inner {
      display: none;

      /*
	display:block;
	overflow:hidden;
	min-height:105px;
	height:105px;
	width:330px !important;
	padding:0px 0px 0px 0px;
	padding:0px 0px 0px 0px !important;
	float:left;
	background: url(img/message_box_logo_320.png) no-repeat center 5px;

	background-color:#F5F5F1;
	*/
   }

   /*カテゴリタイトルのh1の文字スタイル共通設定*/
   .category_message_box .category_title_outer .category_title_inner h1 {
      display: none;
   }

   /*カテゴリタイトルのp 共通設定*/
   .category_message_box .category_title_outer .category_title_inner p {
      display: none;
   }

   .category_message_box .category_title_inner p span {
      display: none;
   }

   /*日本語のテキストタイトル*/
   .category_message_box .category_title_inner h2 {
      display: none;
   }

   /*ページタイトルとパンくずをくくったdiv*/
   .category_message_box .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 40px;
      /*margin-top:-30px;*/
      padding: 15px 0px 0px 10px !important;
      background-color: #ffffff;
   }

   .category_message_box .contents_title_outer {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto !important;
      /*margin-top:-30px;*/
      padding: 10px 0px 0px 30px !important;
      background-color: #ffffff;
   }


   /*ページタイトル*/
   .category_message_box .contents_title_inner {
      display: none;
   }

   .category_message_box div.topicpath {
      padding-top: 0px !important;
      margin-top: 0px !important;
   }

   .category_message_box div.topicpath {

      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: auto !important;

   }

   /*スターチャンネルトップのメインタイトル*/
   .message_box_main_title_box {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 230px;
      height: auto !important;
      background-color: #33cccc;
      margin-bottom: 5px;
      margin-top: 5px;
   }

   /*メッセージボックスのメインタイトルの左*/
   .message_box_main_title_left {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 60px;
      padding: 100px 20px 20px 20px;
      background: url(img/message_box_top_main_title.png) no-repeat center -20px;
      background-size: 260px 113px;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      float: none;
   }

   .message_box_main_title_left p {
      line-height: 150%;
      font-size: 14px;
   }

   /*メッセージボックスのメインタイトルの右*/
   .message_box_main_title_right {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      background-color: #FFFFFF;
      float: none;
   }

   .message_box_main_title_right p {
      margin: 0px !important;
      padding: 0px !important;
   }

   .message_box_main_title_right p img {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: auto;
   }


   /*一覧ページ*/
   /*コンテンツの幅は1140px*/


   /*ページ上部に表示する横移動のためのサブメニュー*/
   /*ボツ
.message_box_link_submenu_box{
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	background-color: #ffffff;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner{
	display:block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a{
	display:block;
	width:100%;
	padding:6px 10px 6px 30px;
	margin:0px 0px 0px 0px;
	box-sizing: border-box;
	background:url(img/icon_link_emerald.png) no-repeat 10px 50%;
	background-color:#ffffff;
	border-bottom: #d8d8d8 solid 1px;
	border-right: #d8d8d8 solid 0px;
	color:#666666;
	vertical-align:middle;
	font-size: 14px !important;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_02{
	width:100%;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_04,
.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_09{
	border-right: #d8d8d8 solid 0px !important;
}

.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_10,
.message_box_link_submenu_box .message_box_link_submenu_box_inner a.message_box_link_submenu_11{
	border-bottom: #d8d8d8 solid 1px !important;
}


.message_box_link_submenu_box .message_box_link_submenu_box_inner a:hover{
	background:url(img/icon_link_hover.png) no-repeat 10px 50%;
	background-color:#0daab6;
	color:#ffffff !important;
	text-decoration: none;
}
*/


   .message_box_list_design #contents_main .box_gray5 {
      border: 0px;
   }


   /*ページ上部に表示する横移動のためのサブメニュー*/
   /*div*/
   .contact_anchor_link_message_box {
      display: block;
      overflow: hidden;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      /*border-left: solid 1px #d2d2d2;*/
   }

   .contact_anchor_link_message_box p {
      padding: 0 !important;
      margin: 0 !important;
      line-height: 140%;
      margin-bottom: 12px !important;
   }

   .contact_anchor_link_message_box a {
      display: block;
      position: relative;
      width: 100% !important;
      padding: 4px 10px 4px 10px !important;
      margin: 0px 0px 4px 0px !important;
      float: none !important;
      border-right: solid 0px #d2d2d2;
      font-size: 90% !important;
      background-color: #ffffff;
      border: solid 1px #d2d2d2;
      text-decoration: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: none !important;
      text-decoration: none;
   }

   .contact_anchor_link_message_box a:hover {
      background-color: #33cccc;
      color: #ffffff;
      text-decoration: none;
   }



   /*b*/
   .genre_department_letters_faculty,
   .genre_department_economics,
   .genre_department_social_welfare,
   .genre_research,
   .genre_junior_college,
   .genre_people {
      display: block !important;
      position: relative;
      color: #000000;
      display: block;
      line-height: 1;
      padding: 3px 0px 3px 20px;
      text-align: left;
      float: none;
   }

   .genre_people {
      padding: 3px 2px 3px 0px;
   }

   /*記事ジャンル span　「文学部」*/
   .genre_department_letters_faculty {
      background: url(img/icon_24_book_blue.png) no-repeat 0px 4px;
      background-size: 16px 16px;

   }

   /*記事ジャンル span　「経済学部」*/
   .genre_department_economics {
      background: url(img/icon_24_graph_green.png) no-repeat 0px 4px;
      background-size: 16px 16px;

   }

   /*記事ジャンル span　「社会福祉学部」*/
   .genre_department_social_welfare {
      background: url(img/icon_24_leaf_orange.png) no-repeat 0px 4px;
      background-size: 16px 16px;

   }

   /*記事ジャンル span　「大学院」*/
   .genre_research {
      background: url(img/icon_24_hut_darkblue.png) no-repeat 0px 4px;
      background-size: 16px 16px;

   }

   /*記事ジャンル span　「短大」*/
   .genre_junior_college {
      background: url(img/icon_24_pen_purple.png) no-repeat 0px 4px;
      background-size: 16px 16px;

   }

   /*記事ジャンル span　「教職員、留学生」※人のシルエット*/
   .genre_people {
      background: url(img/icon_24_human_darkgray.png) no-repeat -3px -1px;
      background-size: 24px 24px;
   }










   .message_box_copy_box {
      padding: 10px 15px 10px 15px;
      margin: 0px 0px 20px 0px;
      /*border: solid 1px #d2d2d2;*/
      /*background-color: #DBD9AA;*/
      /*background-color: rgba(40,135,196,0.1);*/
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 4px;
      /* CSS3草案 */
      -webkit-border-radius: 4px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 4px;
      /* Firefox用 */
   }




   /*1カテゴリ分の写真配置欄　div（「.box_white」の微調整）*/
   .message_box_list_design #contents_main .box_white {
      padding: 5px 10px 0px 10px;
      margin-bottom: 40px;
      border-radius: 4px;
      /* CSS3草案 */
      -webkit-border-radius: 4px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 4px;
      /* Firefox用 */
   }


   /*学部のタイトル　div*/
   .message_box_category_genre {}

   .message_box_category_genre p {}


   .category_message_box .box_white:nth-Child(2) .message_box_category_genre p,
   .category_message_box .box_white:nth-Child(3) .message_box_category_genre p,
   .category_message_box .box_white:nth-Child(4) .message_box_category_genre p,
   .category_message_box .box_white:nth-Child(5) .message_box_category_genre p,
   .category_message_box .box_white:nth-Child(6) .message_box_category_genre p {
      display: block;
      padding: 3px 0px 8px 20px;
      margin: 5px 0px 20px 0px;
      color: #595959;
      line-height: 1.3;
      font-weight: 400;
      font-size: 18px;
   }


   /*記事ジャンル span　「文学部」*/
   .category_message_box .box_white:nth-Child(2) .message_box_category_genre p {
      background: url(img/icon_24_book_blue.png) no-repeat 0px 6px;
      background-size: 18px 18px;
      border-bottom: solid 4px #dcdcdc;
   }

   /*記事ジャンル span　「経済学部」*/
   .category_message_box .box_white:nth-Child(3) .message_box_category_genre p {
      background: url(img/icon_24_graph_green.png) no-repeat 0px 6px;
      background-size: 18px 18px;
      border-bottom: solid 4px #dcdcdc;
   }

   /*記事ジャンル span　「社会福祉学部」*/
   .category_message_box .box_white:nth-Child(4) .message_box_category_genre p {
      background: url(img/icon_24_leaf_orange.png) no-repeat 0px 6px;
      background-size: 18px 18px;
      border-bottom: solid 4px #dcdcdc;
   }

   /*記事ジャンル span　「短大」*/
   .category_message_box .box_white:nth-Child(5) .message_box_category_genre p {
      background: url(img/icon_24_pen_purple.png) no-repeat 0px 6px;
      background-size: 18px 18px;
      border-bottom: solid 4px #dcdcdc;
   }

   /*記事ジャンル span　「教職員、留学生」※人のシルエット*/
   .category_message_box .box_white:nth-Child(6) .message_box_category_genre p {
      background: url(img/icon_24_human_darkgray.png) no-repeat 0px 6px;
      background-size: 18px 18px;
      border-bottom: solid 4px #dcdcdc;
   }



   /*学科のタイトル　h2*/
   .message_box_list_design #contents_main .box_white h2 {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 6px 8px 6px 8px;
      line-height: 100% !important;
      color: #ffffff;
      height: auto;
      min-width: 20px;
      font-size: 15px;
      text-align: left;
      vertical-align: middle;
      border-radius: 4px;
      /* CSS3草案 */
      -webkit-border-radius: 4px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 4px;
      /* Firefox用 */
      background-color: #006699;
   }


   /*記事ジャンル span　「文学部」*/
   .message_box_list_design #contents_main .box_white:nth-Child(2) h2 {
      background-color: #006699;
   }

   /*記事ジャンル span　「経済学部」*/
   .message_box_list_design #contents_main .box_white:nth-Child(3) h2 {
      background-color: #00662B;

   }

   /*記事ジャンル span　「社会福祉学部」*/
   .message_box_list_design #contents_main .box_white:nth-Child(4) h2 {
      background-color: #E7662B;

   }

   /*記事ジャンル span　「短大」*/
   .message_box_list_design #contents_main .box_white:nth-Child(5) h2 {
      background-color: #AA669C;

   }

   /*記事ジャンル span　「教職員、留学生」※人のシルエット*/
   .message_box_list_design #contents_main .box_white:nth-Child(6) h2 {
      background-color: #666666;

   }





   /*各サムネのリスト　ul*/
   .message_box_photo_list {
      display: block;
      position: relative;

   }

   .message_box_photo_list li {
      display: block;
      overflow: hidden;
      position: relative;
      width: 32.0%;
      height: auto;
      min-height: 120px;
      float: left;
      margin-right: 2%;
   }

   .message_box_photo_list li:nth-Child(5n) {
      margin-right: 2%;
   }

   .message_box_photo_list li:nth-Child(3n) {
      margin-right: 0px;
   }




   .message_box_photo_list li a {
      display: block;
      overflow: hidden;
      position: relative;
      width: 100.0%;
      min-height: 130px;
   }


   .message_box_photo_list li img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      max-height: 130px
   }

   .message_box_photo_list li p.name {
      font-size: 14px;
      padding-top: 6px;
      padding-bottom: 3px;
      padding-right: 5px;
   }

   .message_box_photo_list li p.school {
      font-size: 11px;
      color: #666666;
      padding-top: 0px;
      padding-bottom: 0px;
   }

   .message_box_photo_list li p.freeSpace {
      font-size: 11px;
      color: #666666;
      padding-top: 0px;
      padding-bottom: 10px;
   }



   /*iframe用記事ページ*/

   /*背景色を無しに。スクロールバーをautoに*/
   html.message_box,
   html.message_box body,
   html.message_box body .contents_area {
      background: none !important;
      overflow: auto;
   }

   html.message_box body .contents_area {
      overflow: hidden;
   }


   html.message_box .contents_outer {
      padding: 0px 20px 0px 20px;
   }

   html.message_box .contents_inner {
      padding: 0px 0px 0px 0px;
   }

   html.message_box .contents_main {
      width: 100% !important;
      margin: 0px 0px 0px 0px;
   }

   .message_box_contents_box {
      width: 100%;
   }


   /*画像のみ格納　div*/
   html.message_box .message_box_img_box {
      display: block;
      overflow: hidden;
      position: relative;
      margin-bottom: 10px;
      width: 100%;
   }

   html.message_box .message_box_img_box img {
      display: inline-block;
      position: relative;
      max-width: 710px;
      width: 100%;
      height: auto;
   }

   /*テキスト欄　div*/
   html.message_box .message_box_text_box {
      /*display: flex;*/
      color: #ffffff;
      width: 100%;
   }

   /*テキスト欄の左　div*/
   html.message_box .message_box_text_box_left {
      display: block;
      margin-right: 0px;
      padding-right: 0px;
      margin-bottom: 20px;
      padding-bottom: 20px;
      vertical-align: middle;
      border-bottom: 1px dotted #fff;
      max-width: 640px;
      min-height: 1em;
      width: 100%;
   }

   /*テキスト欄の右　div*/
   html.message_box .message_box_text_box_right {
      line-height: 150%;
      display: block;
      vertical-align: middle;
      max-width: 640px;
      min-height: 1em;
      border-left: 0px dotted #fff;
      padding-left: 0px;
   }

   /*学部など　p*/
   div#contents_main #contents_section p.message_box_text_status {
      font-size: 15px;
      line-height: 150%;
      padding-bottom: 0px;
      margin-bottom: 3px;
   }

   /*氏名　p*/
   div#contents_main #contents_section p.message_box_text_name {
      font-size: 18px;
      line-height: 150%;
      padding-bottom: 0px;
      margin-bottom: 3px;
      font-weight: 600;
   }

   /*出身　p*/
   div#contents_main #contents_section p.message_box_text_from {
      font-size: 16px;
      line-height: 150%;
      padding-bottom: 0px;
      margin-bottom: 0px;
   }

   /*メッセージ　p*/
   div#contents_main #contents_section p.message_box_text_message {
      font-size: 16px;
      line-height: 150%;
      padding-bottom: 0px;
      margin-bottom: 0px;
      min-height: 1em;
      width: 100%;
   }





   /* --------------------

入試関連カレンダー　ディレクトリ名：calendar
※Googleカレンダー導入前のスタイル（Googleカレンダー版はこのスタイルの次に追記）

-------------------- */



   /*カレンダーの「20XX/XX」表示　h2*/
   .canlendar-title {
      display: block;
      padding: 0px 20px 0px 28px !important;
      margin: 0px 0px 0px 0px;
      font-size: 150% !important;
      background: url("img/icon_24_calendar.png") no-repeat 0px 7px;
      line-height: 100%;
      width: 100% !important;

   }

   /*「今日」「前月」「次月」表記のspan*/
   .calendar-nav {}

   /*spanの中のaタグのクラス*/
   /*今日 a*/
   .calendar-nav a.today {
      display: inline-block;
      line-height: 140%;
      font-size: 90%;
      background-color: #9E7DB1;
      color: #FFFFFF !important;
      padding: 0 !important;
      padding: 4px 8px 2px 8px !important;
      text-indent: 0em !important;
      margin: 0px 0px 2px 0px;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   .calendar-nav a.today:hover {
      background-color: #c5a4d7;
   }

   /*前月 a*/
   .calendar-nav a.prev-month {
      display: inline-block;
      line-height: 140%;
      font-size: 90%;
      background-color: #339999;
      color: #FFFFFF !important;
      padding: 0 !important;
      padding: 4px 8px 2px 8px !important;
      text-indent: 0em !important;
      margin: 0px 0px 2px 0px;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   /*次月*/
   .calendar-nav a.next-month {
      display: inline-block;
      line-height: 140%;
      font-size: 90%;
      background-color: #339999;
      color: #FFFFFF !important;
      padding: 0 !important;
      padding: 4px 8px 2px 8px !important;
      text-indent: 0em !important;
      margin: 0px 0px 2px 0px;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   .calendar-nav a.prev-month:hover,
   .calendar-nav a.next-month:hover {
      background-color: #33cccc;
   }

   /*年月選択のプルダウン*/
   .calendar-nav .goto-month {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 0;
      border: 0;
      margin: 0;
      padding: 2px 4px 0px 10px !important;
      background: none transparent;
      vertical-align: top;
      margin-top: 0px;
      font-size: inherit;
      color: inherit;
      box-sizing: content-box;
      cursor: pointer;
      font-size: 100%;
      color: #FFFFFF !important;
      background-color: #339999;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   .calendar-nav .goto-month:hover {
      cursor: pointer;
      color: #FFFFFF !important;
      background-color: #33cccc;
   }



   /*「入試関連カレンダー」の項目セル（PC：表示、スマホ：非表示）*/
   #event-calendar-month th {
      display: none !important;
   }

   #event-calendar-month thead {
      display: none !important;
   }


   /*カレンダーのtdのクラス*/
   .category_calendar div#contents_main #contents_section td.calendar-day {
      display: block !important;
      vertical-align: top;
      height: auto;
      width: 100% !important;
      border-top: #d8d8d8 dotted 1px !important;
   }


   .category_calendar div#contents_main #contents_section tr {
      display: block !important;
      width: 100% !important;
      border-bottom: #d8d8d8 solid 0px !important;
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
   }

   /*1行につき、罫線1つ　「calendar_contents」は「box_white」と併記*/
   .category_calendar div#contents_main #contents_section .calendar_contents tr {
      display: block !important;
      width: 100% !important;
      border-top: #d8d8d8 solid 0px !important;
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
   }


   /*スマホでは、前月、翌月の日付の*/
   .category_calendar div#contents_main #contents_section td.prev-month,
   .category_calendar div#contents_main #contents_section td.next-month {
      display: none !important;
   }




   /*その中のdivのクラス*/
   .calendar-date {}

   /*さらにその中の曜日表記のspan（PC：非表示、スマホ：表示）*/
   .calendar-date .calendar-date-sun,
   .calendar-date .calendar-date-mon,
   .calendar-date .calendar-date-tue,
   .calendar-date .calendar-date-wed,
   .calendar-date .calendar-date-thu,
   .calendar-date .calendar-date-fri,
   .calendar-date .calendar-date-sat {
      display: inline-block;
      padding: 0px 0px 5px 10px;
   }

   /*日曜のフォント色*/
   .calendar-date-sun {
      color: #CD603E !important;
   }

   /*土曜のフォント色*/
   .calendar-date-sat {
      color: #61A8B4 !important;

   }


   /*平日のフォント色*/
   .calendar-date .calendar-date-mon,
   .calendar-date .calendar-date-tue,
   .calendar-date .calendar-date-wed,
   .calendar-date .calendar-date-thu,
   .calendar-date .calendar-date-fri {}

   /*カレンダーの本日のセル*/
   .category_calendar div#contents_main #contents_section .calendar_contents td.today {
      background-color: #f4f4f0;
   }

   /*カレンダーの本日の日付のフォント*/
   .category_calendar div#contents_main #contents_section .calendar_contents td.today .calendar-date {
      font-weight: 600;
      color: #0b8ea5 !important;
   }

   /*tdの中のイベント情報を囲んだdivのクラス*/
   .calendar-day-events {}

   /*その中のイベント情報をリスト表示するulのクラス*/
   .clandar-day-event-list {
      list-style: none;
      margin-bottom: 0px !important;
   }

   /*イベント情報1つ分のliのクラス*/
   div#contents_main #contents_section ul li.calendar-day-event {
      display: block;
      line-height: 140%;
      font-size: 90%;
      background-color: #4293bc;
      color: #FFFFFF;
      padding: 0 !important;
      padding: 4px 4px 2px 4px !important;
      text-indent: 0em !important;
      margin: 0px 0px 2px 0px;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   /*イベント情報1つ分のliのジャンル1「進学相談会」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre1 {
      background-color: #4293bc;
      /*ほんとの色#006699*/
   }

   /*イベント情報1つ分のliのジャンル2「キャンパス説明会」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre2 {
      background-color: #66cccc;
   }

   /*イベント情報1つ分のliのジャンル3「願書・資料請求」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre3 {
      background-color: #99cc33;
   }

   /*イベント情報1つ分のliのジャンル4「試験日」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre4 {
      background-color: #996699;
   }

   /*イベント情報1つ分のliのジャンル5「合格発表」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre5 {
      background-color: #74abe1;
   }

   /*イベント情報1つ分のliのジャンル6「その他」の色*/
   div#contents_main #contents_section ul.clandar-day-event-list li.event_genre6 {
      background-color: #cfa881;
   }

   /*「進学相談会日程」のtableのクラス*/
   .event-list {}

   /*「進学相談会日程」の項目セルの「開催日」「時間」「開催地」「会場」「Googleカレンダーに追加」の幅（thのクラス）スマホでは非表示*/
   .category_calendar div#contents_main #contents_section th.event-date {}

   .category_calendar div#contents_main #contents_section th.event-time {}

   .category_calendar div#contents_main #contents_section th.event-area {}

   .category_calendar div#contents_main #contents_section th.event-place {}

   .category_calendar div#contents_main #contents_section th.event-button {}

   .category_calendar div#contents_main #contents_section .event_list_contents thead {
      display: none !important;
   }

   /*1行につき、罫線1つ　「event_list_contents」は「box_white」と併記*/
   .category_calendar div#contents_main #contents_section .event_list_contents tr {
      border-top: #d8d8d8 solid 1px !important;
   }

   .category_calendar div#contents_main #contents_section .event_list_contents td {
      padding: 4px 0px 0px 0px !important;
   }

   /*tdの中のspanのクラス（PC：非表示、スマホ：表示）*/
   /*開催日*/
   .category_calendar div#contents_main #contents_section td .event-date {
      display: inline-block;
      padding-top: 8px !important;
   }

   /*時間*/
   .category_calendar div#contents_main #contents_section td .event-time {
      display: inline-block;
   }

   .category_calendar div#contents_main #contents_section td .event-area {
      display: inline-block;
   }

   /*開催地*/
   .category_calendar div#contents_main #contents_section td .event-place {
      display: inline-block;
   }

   /*Googleカレンダーに追加のa*/
   .category_calendar div#contents_main #contents_section .event-list td a {
      display: inline-block;
      line-height: 140%;
      font-size: 90%;
      background-color: #339999;
      color: #FFFFFF !important;
      padding: 0 !important;
      padding: 4px 8px 2px 8px !important;
      text-indent: 0em !important;
      margin-top: 3px;
      margin-bottom: 15px;
      border-radius: 2px;
      /* CSS3草案 */
      -webkit-border-radius: 2px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 2px;
      /* Firefox用 */
   }

   .category_calendar div#contents_main #contents_section .event-list td a:hover {
      background-color: #33cccc;
   }



   /* --------------------

入試関連カレンダー「Googleカレンダー」版

-------------------- */


   /*div*/
   .contents_gcalendar_box {
      width: 100%;
      padding: 0px !important;
      /*background-color: rgba(255, 255, 255,0.8);*/
      background-color: none;
      margin-bottom: 10px;
      box-sizing: border-box !important;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box !important;
      -webkit-box-sizing: border-box !important;
      -ms-box-sizing: border-box !important;

   }

   .contents_gcalendar_box iframe {
      padding: 0px !important;
      /*overflow-y: auto;*/
      width: 100%;
      height: 800px;
      min-height: 300px !important;
   }

   .contents_gcalendar_box iframe body {
      padding: 10px 0px 10px 0px !important;
   }

   .contents_gcalendar_box iframe div#viewContainer1.view-container {
      padding-bottom: 20px;

   }



   /* --------------------

願書・資料請求　ディレクトリ名：pre_request
キャンパス説明会申し込みフォーム　ディレクトリ名：requestform
修学支援新制度に関わる前期授業料の延納申請フォーム　ディレクトリ名：/scholarship/shugakushien/shugakushien_form/
お問い合わせ　ディレクトリ名：contact、contact_test
※フォーム系のクラスは<div class="box_white requestfoam"> ←「requestfoam」を併記

-------------------- */

   .category_opencampus div#contents_main #contents_section .requestfoam,
   .category_pre_request div#contents_main #contents_section .requestfoam,
   .category_scholarship div#contents_main #contents_section .requestfoam,
   .category_contact div#contents_main #contents_section .requestfoam,
   .category_contact_test div#contents_main #contents_section .requestfoam {
      overflow: auto !important;
      width: 100% !important;

      box-sizing: border-box;
      /*width:100%で､padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .category_opencampus div#contents_main #contents_section .requestfoam table,
   .category_pre_request div#contents_main #contents_section .requestfoam table,
   .category_scholarship div#contents_main #contents_section .requestfoam table,
   .category_contact div#contents_main #contents_section .requestfoam table,
   .category_contact_test div#contents_main #contents_section .requestfoam table {
      width: 100%;
      border-top: #d8d8d8 solid 1px !important;
      padding: 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   /*「キャンパス説明会申込フォーム」「願書・資料請求」の項目セル*/
   .category_opencampus div#contents_main #contents_section div.requestfoam th,
   .category_pre_request div#contents_main #contents_section div.requestfoam th,
   .category_scholarship div#contents_main #contents_section div.requestfoam th,
   .category_contact div#contents_main #contents_section div.requestfoam th,
   .category_contact_test div#contents_main #contents_section div.requestfoam th,
   .category_opencampus div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th,
   .category_pre_request div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th,
   .category_scholarship div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th,
   .category_contact div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th,
   .category_contact_test div#contents_main #contents_section table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th {

      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      width: 100%;
      padding: 10px 6px 2px 6px !important;

      background-color: #ffffff;
      white-space: normal !important;
      border-bottom: #d8d8d8 solid 1px;
      border-right: #d8d8d8 solid 1px;
      text-align: left;
      font-weight: 600 !important;
   }




   .category_opencampus div#contents_main #contents_section .requestfoam th br,
   .category_pre_request div#contents_main #contents_section .requestfoam th br,
   .category_scholarship div#contents_main #contents_section .requestfoam th br,
   .category_contact div#contents_main #contents_section .requestfoam th br,
   .category_contact_test div#contents_main #contents_section .requestfoam th br {
      /*display:none !important;*/
   }

   .category_opencampus div#contents_main #contents_section .requestfoam td,
   .category_pre_request div#contents_main #contents_section .requestfoam td,
   .category_scholarship div#contents_main #contents_section .requestfoam td,
   .category_contact div#contents_main #contents_section .requestfoam td,
   .category_contact_test div#contents_main #contents_section .requestfoam td {
      width: 100% !important;
      padding: 10px 0px 0px 0px !important;
      background-color: #ffffff;

      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .category_opencampus div#contents_main #contents_section .mw_wp_form td,
   .category_pre_request div#contents_main #contents_section .mw_wp_form td,
   .category_scholarship div#contents_main #contents_section .mw_wp_form td,
   .category_contact div#contents_main #contents_section .mw_wp_form td,
   .category_contact_test div#contents_main #contents_section .mw_wp_form td {
      width: 100% !important;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   .category_opencampus div#contents_main #contents_section form,
   .category_pre_request div#contents_main #contents_section form,
   .category_scholarship div#contents_main #contents_section form,
   .category_contact div#contents_main #contents_section form,
   .category_contact_test div#contents_main #contents_section form {
      width: 100% !important;
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px !important;
   }

   /*願書・資料請求のクリップアイコンのXXX*/
   .category_pre_request div#contents_main #contents_section .requestfoam .XXX {}

   /*キャンパス説明会申し込みフォームのXXX*/
   .category_opencampus div#contents_main #contents_section .requestfoam .XXX {}

   /*修学支援新制度に関わる前期授業料の延納申請フォームのXXX*/
   .category_scholarship div#contents_main #contents_section .requestfoam .XXX {}

   .category_pre_request div#contents_main #contents_section .message_box,
   .category_opencampus div#contents_main #contents_section .message_box,
   .category_scholarship div#contents_main #contents_section .message_box,
   .category_contact_test div#contents_main #contents_section .message_box,
   .category_contact div#contents_main #contents_section .message_box {
      display: block;
      margin: 0px 0px 20px 0px;
      float: none;
      clear: both;
   }

   .message_box_left_green {
      display: block;
      width: 100%;
      background-color: #339999;
      padding: 10px 10px 10px 10px;
      color: #FFFFFF;
      text-align: center;
      vertical-align: middle;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .message_box_left_green:after {
      display: none;
   }

   .message_box_left_green p {
      text-align: center;
   }

   .message_box_right {
      display: block;
      width: 100%;
      padding: 10px 10px 10px 10px;
      border-top: solid 1px #d8d8d8;
      border: solid 1px #d8d8d8;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }



   .category_pre_request div#contents_main #contents_section .requestfoam td,
   .category_opencampus div#contents_main #contents_section .requestfoam td,
   .category_scholarship div#contents_main #contents_section .requestfoam td,
   .category_contact_test div#contents_main #contents_section .requestfoam td,
   .category_contact div#contents_main #contents_section .requestfoam td,
   .category_pre_request div#contents_main #contents_section .requestfoam table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td,
   .category_opencampus div#contents_main #contents_section .requestfoam table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td,
   .category_scholarship div#contents_main #contents_section .requestfoam table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td,
   .category_contact_test div#contents_main #contents_section .requestfoam table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td,
   .category_contact div#contents_main #contents_section .requestfoam table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;

      margin: 0px 0px 8px 0px;
      width: 100%;
      font-size: 96%;
      color: #545454;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam td label,
   .category_opencampus div#contents_main #contents_section .requestfoam td label,
   .category_scholarship div#contents_main #contents_section .requestfoam td label,
   .category_contact_test div#contents_main #contents_section .requestfoam td label,
   .category_contact div#contents_main #contents_section .requestfoam td label {
      margin: 0px 0px 8px 0px;
      font-size: 105%;
      color: #333333;
      cursor: pointer;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }


   .category_pre_request div#contents_main #contents_section .requestfoam td input[type=text],
   .category_opencampus div#contents_main #contents_section .requestfoam td input[type=text],
   .category_scholarship div#contents_main #contents_section .requestfoam td input[type=text],
   .category_contact_test div#contents_main #contents_section .requestfoam td input[type=text],
   .category_contact div#contents_main #contents_section .requestfoam td input[type=text],
   .category_pre_request div#contents_main #contents_section .requestfoam td textarea,
   .category_opencampus div#contents_main #contents_section .requestfoam td textarea,
   .category_scholarship div#contents_main #contents_section .requestfoam td textarea,
   .category_contact div#contents_main #contents_section .requestfoam td textarea,
   .category_contact_test div#contents_main #contents_section .requestfoam td textarea {
      border: 0;
      display: block;
      width: auto;
      width: 97% !important;
      padding: 4px 4px 4px 4px;
      margin: 4px 2px 10px 5px !important;
      font-size: 1.2em;
      color: #333333;
      border: solid 1px #d8d8d8;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -moz-box-shadow: inset 1px 1px 2px -2px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset 1px 2px 2px -2px rgba(0, 0, 0, 0.5);
      box-shadow: inset 1px 1px 2px -2px rgba(0, 0, 0, 0.5);

      box-sizing: border-box;
      /*width:100%で､padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }



   .category_pre_request div#contents_main #contents_section .requestfoam td input[type=radio],
   .category_opencampus div#contents_main #contents_section .requestfoam td input[type=radio],
   .category_scholarship div#contents_main #contents_section .requestfoam td input[type=radio],
   .category_contact_test div#contents_main #contents_section .requestfoam td input[type=radio],
   .category_contact div#contents_main #contents_section .requestfoam td input[type=radio],
   .category_pre_request div#contents_main #contents_section .requestfoam td input[type=checkbox],
   .category_opencampus div#contents_main #contents_section .requestfoam td input[type=checkbox],
   .category_scholarship div#contents_main #contents_section .requestfoam td input[type=checkbox],
   .category_contact_test div#contents_main #contents_section .requestfoam td input[type=checkbox],
   .category_contact div#contents_main #contents_section .requestfoam td input[type=checkbox] {}

   .category_pre_request div#contents_main #contents_section .requestfoam td span,
   .category_opencampus div#contents_main #contents_section .requestfoam td span,
   .category_scholarship div#contents_main #contents_section .requestfoam td span,
   .category_contact_test div#contents_main #contents_section .requestfoam td span,
   .category_contact div#contents_main #contents_section .requestfoam td span {
      -webkit-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
      position: relative;
      display: inline-block;
      width: auto;
      margin: 2px 6px 4px 2px;
      padding: 2px 6px 2px 6px !important;
      border-radius: 4px;
      background-color: #f6f7f8;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam td span:hover,
   .category_opencampus div#contents_main #contents_section .requestfoam td span:hover,
   .category_scholarship div#contents_main #contents_section .requestfoam td span:hover,
   .category_contact_test div#contents_main #contents_section .requestfoam td span:hover,
   .category_contact div#contents_main #contents_section .requestfoam td span:hover {
      background-color: #e2edd7;
   }

   /*項目名 span*/
   .category_pre_request div#contents_main #contents_section .requestfoam td .description,
   .category_pre_request div#contents_main #contents_section .requestfoam td .example,
   .category_pre_request div#contents_main #contents_section .requestfoam td .header,
   .category_pre_request div#contents_main #contents_section .requestfoam td .postfix,
   .category_pre_request div#contents_main #contents_section .requestfoam td .note,
   .category_pre_request div#contents_main #contents_section .requestfoam td .required,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.description,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.example,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.header,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.prefix,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.note,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.required,
   .category_opencampus div#contents_main #contents_section .requestfoam td .description,
   .category_opencampus div#contents_main #contents_section .requestfoam td .example,
   .category_opencampus div#contents_main #contents_section .requestfoam td .header,
   .category_opencampus div#contents_main #contents_section .requestfoam td .postfix,
   .category_opencampus div#contents_main #contents_section .requestfoam td .note,
   .category_opencampus div#contents_main #contents_section .requestfoam td .required,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.description,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.example,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.header,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.prefix,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.note,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.required,
   .category_scholarship div#contents_main #contents_section .requestfoam td .description,
   .category_scholarship div#contents_main #contents_section .requestfoam td .example,
   .category_scholarship div#contents_main #contents_section .requestfoam td .header,
   .category_scholarship div#contents_main #contents_section .requestfoam td .postfix,
   .category_scholarship div#contents_main #contents_section .requestfoam td .note,
   .category_scholarship div#contents_main #contents_section .requestfoam td .required,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.description,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.example,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.header,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.prefix,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.note,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.required,
   .category_contact_test div#contents_main #contents_section .requestfoam td .description,
   .category_contact_test div#contents_main #contents_section .requestfoam td .example,
   .category_contact_test div#contents_main #contents_section .requestfoam td .header,
   .category_contact_test div#contents_main #contents_section .requestfoam td .postfix,
   .category_contact_test div#contents_main #contents_section .requestfoam td .note,
   .category_contact_test div#contents_main #contents_section .requestfoam td .required,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.description,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.example,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.header,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.prefix,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.note,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.required,
   .category_contact div#contents_main #contents_section .requestfoam td .description,
   .category_contact div#contents_main #contents_section .requestfoam td .example,
   .category_contact div#contents_main #contents_section .requestfoam td .header,
   .category_contact div#contents_main #contents_section .requestfoam td .postfix,
   .category_contact div#contents_main #contents_section .requestfoam td .note,
   .category_contact div#contents_main #contents_section .requestfoam td .required,
   .category_contact div#contents_main #contents_section .requestfoam td span.description,
   .category_contact div#contents_main #contents_section .requestfoam td span.example,
   .category_contact div#contents_main #contents_section .requestfoam td span.header,
   .category_contact div#contents_main #contents_section .requestfoam td span.prefix,
   .category_contact div#contents_main #contents_section .requestfoam td span.note,
   .category_contact div#contents_main #contents_section .requestfoam td span.required,
      {
      background-color: #ffffff !important;
      cursor: default !important;
      margin: 0px 0px 8px 0px;
      padding: 2px 0px 2px 0px;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam td .sp_float,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.sp_float,
   .category_opencampus div#contents_main #contents_section .requestfoam td .sp_float,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.sp_float,
   .category_scholarship div#contents_main #contents_section .requestfoam td .sp_float,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.sp_float,
   .category_contact_test div#contents_main #contents_section .requestfoam td .sp_float,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.sp_float,
   .category_contact div#contents_main #contents_section .requestfoam td .sp_float,
   .category_contact div#contents_main #contents_section .requestfoam td span.sp_float {
      background-color: #ffffff !important;
      cursor: default !important;
      margin: 0px 0px 0px 0px;
      padding: 2px 0px 0px 0px;
      float: left !important;
   }


   .category_pre_request div#contents_main #contents_section .requestfoam td .postfix,
   .category_pre_request div#contents_main #contents_section .requestfoam td span.prefix,
   .category_opencampus div#contents_main #contents_section .requestfoam td .postfix,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.prefix,
   .category_scholarship div#contents_main #contents_section .requestfoam td .postfix,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.prefix,
   .category_contact_test div#contents_main #contents_section .requestfoam td .postfix,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.prefix,
   .category_contact div#contents_main #contents_section .requestfoam td .postfix,
   .category_contact div#contents_main #contents_section .requestfoam td span.prefix {}


   .category_pre_request div#contents_main #contents_section .requestfoam td span.header,
   .category_opencampus div#contents_main #contents_section .requestfoam td .header,
   .category_scholarship div#contents_main #contents_section .requestfoam td .header,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.header,
   .category_contact div#contents_main #contents_section .requestfoam td .header {
      font-weight: 600;
      margin-bottom: 0px !important;
      margin-top: 15px;
      color: #669999 !important;
      /* リニューアル */
      height: auto;
      z-index: 1;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam td span.header_first,
   .category_opencampus div#contents_main #contents_section .requestfoam td .header_first,
   .category_scholarship div#contents_main #contents_section .requestfoam td .header_first,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.header_first,
   .category_contact div#contents_main #contents_section .requestfoam td .header_first {
      margin-top: 0px !important;
   }


   .category_pre_request div#contents_main #contents_section .requestfoam td span.header:before,
   .category_opencampus div#contents_main #contents_section .requestfoam td .header:before,
   .category_scholarship div#contents_main #contents_section .requestfoam td .header:before,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.header:before,
   .category_contact div#contents_main #contents_section .requestfoam td .header:before {
      content: "[";
      color: #669999;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam td span.header:after,
   .category_opencampus div#contents_main #contents_section .requestfoam td .header:after,
   .category_scholarship div#contents_main #contents_section .requestfoam td .header:after,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.header:after,
   .category_contact div#contents_main #contents_section .requestfoam td .header:after {
      content: "]";
      color: #669999;
   }


   /*郵便番号を囲んだspan*/
   .category_pre_request div#contents_main #contents_section .requestfoam td .mwform-zip-field,
   .category_opencampus div#contents_main #contents_section .requestfoam td .mwform-zip-field,
   .category_scholarship div#contents_main #contents_section .requestfoam td .mwform-zip-field,
   .category_contact_test div#contents_main #contents_section .requestfoam td .mwform-zip-field,
   .category_contact div#contents_main #contents_section .requestfoam td .mwform-zip-field {
      display: block !important;
      width: auto;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   /*郵便番号のテキストエリア*/
   .category_pre_request div#contents_main #contents_section .requestfoam td .mwform-zip-field input[type=text],
   .category_opencampus div#contents_main #contents_section .requestfoam td .mwform-zip-field input[type=text],
   .category_scholarship div#contents_main #contents_section .requestfoam td .mwform-zip-field input[type=text],
   .category_contact_test div#contents_main #contents_section .requestfoam td .mwform-zip-field input[type=text],
   .category_contact div#contents_main #contents_section .requestfoam td .mwform-zip-field input[type=text] {
      display: inline-block !important;
      width: auto !important;
   }

   /*フロートさせない項目　スマホでは横幅注意*/
   .category_pre_request div#contents_main #contents_section .requestfoam td span.vertical-item,
   .category_opencampus div#contents_main #contents_section .requestfoam td span.vertical-item,
   .category_scholarship div#contents_main #contents_section .requestfoam td span.vertical-item,
   .category_contact_test div#contents_main #contents_section .requestfoam td span.vertical-item,
   .category_contact div#contents_main #contents_section .requestfoam td span.vertical-item {
      display: inline-block !important;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   /*確認とリセットボタンをくるんだp*/
   .category_pre_request div#contents_main #contents_section .requestfoam .mw_wp_form p,
   .category_opencampus div#contents_main #contents_section .requestfoam .mw_wp_form p,
   .category_scholarship div#contents_main #contents_section .requestfoam .mw_wp_form p,
   .category_contact_test div#contents_main #contents_section .requestfoam .mw_wp_form p,
   .category_contact div#contents_main #contents_section .requestfoam .mw_wp_form p {
      text-align: center !important;
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_contact div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_contact div#contents_main #contents_section .requestfoam input[type="submit"] {
      text-align: center;
      width: 260px;
      padding: 10px 10px 10px 10px;
      margin: 10px 10px 10px 10px;
      font-size: 1.1em;
      color: #fff;
      border: solid 3px #339999 !important;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"],
   .category_contact div#contents_main #contents_section .requestfoam input[type="submit"] {
      color: #fff;
      background-color: #339999;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"],
   .category_contact div#contents_main #contents_section .requestfoam input[type="reset"] {
      color: #339999;
      background-color: #ffffff;
   }

   .category_pre_request div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
   .category_contact div#contents_main #contents_section .requestfoam input[type="reset"]:hover,
   .category_pre_request div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
   .category_opencampus div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
   .category_scholarship div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
   .category_contact_test div#contents_main #contents_section .requestfoam input[type="submit"]:hover,
   .category_contact div#contents_main #contents_section .requestfoam input[type="submit"]:hover {
      color: #ffffff;
      background-color: #33cccc;
      -webkit-transition: background-color 0.2s linear;
      transition: background-color 0.2s linear;
   }

   /* --------------------

サイトマップ　ディレクトリ名：sitemap

-------------------- */

   .sitemap_box {
      display: block;
      overflow: hidden;
      border: solid 0px #ededed;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
   }

   .sitemap_box h3 {
      border-bottom: solid 3px #ededed;
      padding: 0px 0px 10px 0px;
      margin: 0px 0px 20px 0px;
   }

   .sitemap_box img {
      max-width: 24px;
      height: auto;
      padding-right: 4px;
      /* リニューアル */
      display: inline;
      vertical-align: text-bottom;
   }

   .sitemap_left {
      width: 100%;
      float: none;
      margin-right: 0%;
      margin-bottom: 20px;
   }

   .sitemap_center {
      width: 100%;
      float: none;
      margin-right: 0%;
      margin-bottom: 20px;
   }

   .sitemap_right {
      width: 100%;
      float: none;
      margin-right: 0%;
      margin-bottom: 20px;
   }

   .sitemap_left ul,
   .sitemap_center ul,
   .sitemap_right ul {
      margin-left: 15px;
   }

   .sitemap_left ul li,
   .sitemap_center ul li,
   .sitemap_right ul li {
      list-style: none;
      margin-bottom: 4px;
   }

   .sitemap_left ul li ul,
   .sitemap_center ul li ul,
   .sitemap_right ul li ul {
      margin: 10px 0px 10px 0px;
   }

   .sitemap_left ul li ul li,
   .sitemap_center ul li ul li,
   .sitemap_right ul li ul li {
      margin: 0px 0px 0px 0px;
      font-size: 96%;
   }

   .sitemap_left ul li ul li a,
   .sitemap_center ul li ul li a,
   .sitemap_right ul li ul li a {
      text-decoration: none;
   }

   /* リニューアル */
   .sitemap_box_top,
   .sitemap_box_middle,
   .sitemap_box_bottom {
      height: auto;
      margin-bottom: 1em;
   }


   /* --------------------

Web出願　ディレクトリ名：webentry

-------------------- */

   /*h2タイトル*/
   div#contents_main h2.webentry_h2_title {
      color: #14AAB6;
      font-size: 20px;
      line-height: 150%;
   }

   /*「Web出願」のPointタイトル　div*/
   .webentry_point_title {
      display: block;
      position: relative;
      background-color: #CDDA00;
      padding: 6px 10px 6px 10px;
      text-align: center;
   }

   .webentry_point_title p {
      display: inline-block;
      color: #ffffff;
      margin-bottom: 0px !important;
      font-size: 18px;
      font-weight: 600;
      line-height: 100%;
   }

   .webentry_point_title p:before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 20px;
      background: url(img/webentry_icon_pc_white.png) no-repeat center top;
      background-size: contain;
      margin-right: 10px;
      vertical-align: middle;
   }

   .webentry_point_contents {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background-color: #F8F9F0;
      padding: 10px 10px 10px 10px;

      margin-bottom: 50px;
   }

   .webentry_point_1box {
      display: inline-block;
      width: 100%;
      background-color: #ffffff;
      padding: 15px 15px 15px 15px;
      margin-right: 0px;
      margin-bottom: 10px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   .webentry_point_1box:nth-child(3) {
      margin-right: 0px;
      margin-bottom: 0px;
   }

   .webentry_point_subtitle {
      display: block;
      text-align: center;
      height: 65px;
   }

   .webentry_point_subtitle span {
      display: none;
   }

   .webentry_point_1 {
      background: url(img/webentry_icon_point_1.png) no-repeat center center;
      background-size: 60px 65px;
   }

   .webentry_point_2 {
      background: url(img/webentry_icon_point_2.png) no-repeat center center;
      background-size: 60px 65px;
   }

   .webentry_point_3 {
      background: url(img/webentry_icon_point_3.png) no-repeat center center;
      background-size: 60px 65px;
   }

   .webentry_point_1box p {
      line-height: 160%;
   }

   /*h3のタイトル枠　div*/
   .webentry_h3_title {
      display: block;
      position: relative;
      background-color: #35B9C7;
      padding: 10px 10px 10px 10px;
      text-align: center;
   }

   .webentry_h3_title.webentry_step_title {
      margin-bottom: 20px;
   }

   div#contents_main .webentry_h3_title h3 {
      margin: 0px 0px 0px 0px;
      margin-bottom: 0px !important;
      line-height: 100%;

      color: #ffffff;
      font-weight: 600;
      font-size: 17px;

      text-align: left;
   }

   .webentry_nyuushi_contents {
      padding: 0px 0px 0px 0px;
      margin-bottom: 20px;
   }

   #contents_main #contents_section p.webentry_nyuushi {
      color: #595649;
      font-size: 16px;
      font-weight: 600;
      line-height: 160%;
      margin-bottom: 6px;
   }

   div#contents_main p.webentry_nyuushi span {
      color: #35B9C7;
      margin-right: 4px;
   }


   /*出願方法欄全体　div*/
   .webentry_step_contents {
      display: block;
      margin: 0 auto;
      max-width: 870px;
      margin-bottom: 50px;
   }

   /*STEP1つ分　div*/
   .webentry_step_1box {
      display: block;
      position: relative;
      margin-bottom: 50px;
   }

   /*STEP番号とサブタイトル欄　div*/
   .webentry_step_1box_title {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background-color: #F8F9F0;
      margin-top: 0px;
      margin-bottom: 20px;
   }

   #contents_main #contents_section .webentry_step_1box_title p {
      display: inline-block;
      position: relative;
      margin-bottom: 0px;
   }

   /*STEP番号 p*/
   #contents_main #contents_section p.webentry_step_no {
      width: 18%;
      background-color: #CDDA00;
      padding: 6px 10px 6px 10px;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   #contents_main #contents_section p.webentry_step_no:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -10px;
      border: 10px solid transparent;
      border-top: 15px solid #CDDA00;
   }

   #contents_main #contents_section p.webentry_step_no span {
      display: none;
   }

   .webentry_step_no.no1 {
      background: url(img/webentry_step_1.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no2 {
      background: url(img/webentry_step_2.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no3 {
      background: url(img/webentry_step_3.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no4 {
      background: url(img/webentry_step_4.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no5 {
      background: url(img/webentry_step_5.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no6 {
      background: url(img/webentry_step_6.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no7 {
      background: url(img/webentry_step_7.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no8 {
      background: url(img/webentry_step_8.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no9 {
      background: url(img/webentry_step_9.png) no-repeat center center;
      background-size: 40px 16px;
   }

   .webentry_step_no.no10 {
      background: url(img/webentry_step_10.png) no-repeat center center;
      background-size: 40px 16px;
   }

   /*STEPのサブタイトル　p*/
   p.webentry_step_subtitle {
      width: 82%;
      padding: 6px 10px 6px 10px;
      font-weight: 600;
      font-size: 17px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
   }

   /*STEPごとのコンテンツ欄*/
   .webentry_step_1box_contents {
      display: block;
      position: relative;
      padding-left: 0px;
   }

   /*サイトは準備中　p*/
   #contents_main #contents_section p.webentry_close_message {
      display: inline-block;
      background: url(img/icon_128_note_pc_white.png) no-repeat 10px center;
      background-size: 18px 18px;
      background-color: #1E2A70;
      /*北星カラー*/
      /*background-color: #FA321F;*/
      /*赤*/
      color: #ffffff;
      padding: 3px 1em 3px 34px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
   }

   /*Web出願リンクボタン　a*/
   .webentry_link {
      display: inline-block;
      url(img/icon_16_blank_white.png) no-repeat 96% 50%;
      background: url(img/icon_128_note_pc_white.png), url(img/icon_16_blank_white.png);
      background-size: 18px 18px, auto;
      background-repeat: no-repeat, no-repeat;
      background-position: 10px center, 96% 50%;
      background-color: #1E2A70;
      /*北星カラー*/
      /*background-color: #FA321F;*/
      /*赤*/
      color: #ffffff;
      padding: 3px 34px 3px 34px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
   }

   .webentry_link:hover {
      text-decoration: none;
      color: #ffffff;
      background-color: #33439e;
      /*北星カラーのhover色*/
   }


   .webentry_step4_mail_message {
      display: block;
      position: relative;
      padding: 12px 12px 12px 48px;
      border: solid 3px #FA321F;
      background: url(img/webentry_icon_mail_red.png) no-repeat 12px 9px;
      background-size: 30px 33px;
      min-height: 30px;
   }

   #contents_main #contents_section .webentry_step4_mail_message p {
      margin-bottom: 0px;
      font-weight: 600;
      font-size: 15px;
      color: #FA321F;
   }





   /*iOS 8.4.1で:hoverの「opacity」や「filter」が使用されている場合、タップを2回しないといけないバグへの対応*/
   /*適用例：opacity: 1;*/
   /*適用例：filter: none;*/
   a:hover,
   a:hover img,
   .header_submenu_access a:hover,
   .header_submenu_request a:hover,
   .header_submenu_contact a:hover,
   .btn_searchopen:hover,
   .btn_search:hover,
   #side_tab_child li a,
   div#contents_main .button:hover,
   div#contents_main .button_blank:hover,
   .footer_address a:hover,
   .footer_etc_link li a:hover,
   .pagetop a:hover,
   .notice_link:hover .notice_date,
   .notice_link:hover .notice_text,
   .top_tab_hover,
   .news_right_box .news_list a:hover,
   .news_right_box .event_list a:hover,
   .link_table_left_ul li a:hover,
   .link_table_right_ul li a:hover,
   .tab_menu:hover,
   .opencampus_link_1:hover,
   .opencampus_link_2:hover,
   .opencampus_link_3:hover,
   .starchannel_linkbox_1 p a:hover img,
   .starchannel_linkbox_2 p a:hover img,
   .starchannel_linkbox_3 p a:hover img,
   .starchannel_linkbox_1 .starchannel_linkbox_text_box p a:hover,
   .starchannel_linkbox_2 .starchannel_linkbox_text_box p a:hover,
   .starchannel_linkbox_3 .starchannel_linkbox_text_box p a:hover {
      filter: alpha(opacity=100) !important;
      /*IE*/
      -moz-opacity: 1.00 !important;
      /*FF*/
      opacity: 1.00 !important;
   }


}

/*スマホ用スタイル@media screen and ( max-width: 768px )ここまで*/



/*プリント用調整（PC画面をA4に最適化）*/
@page {
   margin: 10mm 10mm !important;
}

@media print {

   html,
   body,
   div,
   span,
   applet,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   a,
   abbr,
   acronym,
   address,
   big,
   cite,
   code,
   del,
   dfn,
   em,
   font,
   ins,
   kbd,
   q,
   s,
   samp,
   small,
   strike,
   strong,
   sub,
   sup,
   tt,
   var,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   table,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td {
      /*zoom: 0.99;*/
   }

   html,
   body {
      zoom: 0.96;
   }

   body {
      margin-top: 0px !important;
   }

   /*main.jsで設定した、画面をスクロールすると「body」に付加されるclass*/
   .body_margin_top {
      margin-top: 0px;
   }

   .header_area {
      /*section*/
      position: relative !important;
   }

   .fixed {
      position: relative !important;
   }

   .grandmenu_outer {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px;
   }

   .grandmenu {
      width: 100%;
      margin: 0 auto;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
   }

   .side_tab_box {
      display: none;
   }

   body,
   .contents_area_frontpage,
   .contents_area,
   .footer_area,
   .grandmenu_box,
   .header_area {
      background-color: #ffffff !important;
   }

   .header_outer,
   .contents_outer_frontpage,
   .contents_outer {
      width: 100%;
      box-sizing: border-box;
      /*width:100%で、padding分をハミ出させないためのスタイル*/
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
   }

   .contents_area {
      overflow: hidden;
   }

   .box_white {
      overflow: hidden;
   }




   /*タブとリストエリア全体*/
   .top_news_tab_content {
      display: block;
      position: relative;
      overflow: hidden;
      width: 762px;
      height: 364px;
      /*タブ、リスト欄、ボトム隙間、MOREボタン*/
      margin: 0px 0px 0px 0px;
      float: left;
   }


   div#contents_main .print_only,
   .print_only {
      display: block !important;
   }

   .link_tab_box {
      display: none;
   }


   /* --------------------

トップの入学試験日程欄

-------------------- */

   .schedule_box {
      page-break-before: always;
   }

   /*表全体　div*/
   .time_table_box {
      position: relative;
      display: table;
      width: 1142px !important;
      clear: both;
      float: none;
   }

   .cell_title_p {
      z-index: 100 !important;
   }


   /*入試関連カレンダー*/
   /*tdの中のspanのクラス（PC：非表示、スマホ：表示、プリント：非表示）*/
   /*開催日*/
   .category_calendar div#contents_main #contents_section td .event-date {
      display: none;
   }

   /*時間*/
   .category_calendar div#contents_main #contents_section td .event-time {
      display: none;
   }

   .category_calendar div#contents_main #contents_section td .event-area {
      display: none;
   }

   /*開催地*/
   .category_calendar div#contents_main #contents_section td .event-place {
      display: none;
   }

   /* --------------------

トップの「サイトへGO！」欄

-------------------- */
   /*左側のul*/
   .link_table_left_ul {
      display: block;
      overflow: hidden;
      width: 850px !important;
      height: 227px;
      background-color: #7792BD;
   }


   /*ページトップのリンクタブを非表示*/
   #pagetop_wrapper,
   .pagetop,
   .pagetop a {
      display: none;
   }


}

/*20210517追加*/
.btn_line_friend {
   display: inline-block;
   max-width: 100%;
   margin-right: auto;
   margin-left: auto;
   padding: 0.5em 0.75em 0.5em calc(0.75em + 0.5em + 1.5em);
   border-radius: 0.25em;
   background: #00b900 url("img/line.svg") no-repeat 0.75em center / 1.5em auto;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   transition: opacity .3s;
}

.btn_line_friend,
.btn_line_friend:visited {
   color: #fff;
}

.btn_line_friend:hover {
   opacity: 0.6;
   text-decoration: none;
}

/*シェアボタン追加*/
.section_share_button {
   margin-top: 25px;
   display: flex;
   justify-content: center;
}

.addtoany_list a:not(.addtoany_special_service)>span {
   border-radius: 100% !important;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
   height: 44px !important;
   line-height: 44px !important;
   width: 44px !important;
   box-sizing: border-box !important;
   padding: 5px !important;
}

@media screen and (max-width: 560px) {
   .section_share_button {
      margin-bottom: 20px;
   }
}


/* リニューアル */
/* 新しいsub-pages_title-boxとパンくずリストのため */
@media screen and (min-width: 561px) {
   .contents_area {
      width: 1200px;
   }
}

@media screen and (min-width: 1200px) {
   .contents_area {
      width: 100%;
   }
}