/*旧デザインのスタイル。主に下層ページに使用*/

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: #ffffff;
}

.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: #30356c;
    /** 色指定---------- */
    text-decoration: underline;
    outline: 0;
    /** text-indentを使用した際にFirefoxでリンク線が出ないようにする---------- */
}

a:visited {
    color: #30356c;
}

a:focus {
    outline: thin dotted;
    color: #4e5390;
}

a:hover,
a:active {
    text-decoration: underline;
    /**下線指定*/
    color: #4e5390;
    -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;
}

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: #333333;
    line-height: 180%;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 14px;
    /*20150715 フォントサイズ調整15→14*/
    -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: 14px;
    /*20150715 フォントサイズ調整16→14*/
    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 {}

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;
    padding: 0;
    position: relative;
    /*border-bottom:solid 1px #cccccc;*/
    z-index: 8000;
    background-color: #ffffff;
}

.fixed {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 8000;
    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;
}

/* ----------重要なお知らせ欄---------- */
.notice_area {
    /*section*/
    background-color: #ffffff;
    display: block;
    clear: both;
}

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

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



/*重要なお知らせ欄　div*/
.notice_box {
    display: block;
    position: relative;
    width: 480px;

    padding: 15px 40px 20px 15px;

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

    float: left;
}

/*タイトル欄　div*/
.notice_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.notice_title_box h2 {
    display: inline-block;
    width: 190px;
    height: 22px;
    background: url(img/top_title_notice.png) no-repeat left bottom;
    margin-right: 0.8em;
}

.notice_title_box h2 b {
    display: none;
}

.notice_1box {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;

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

.notice_1box a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    padding: 10px 25px 10px 25px;

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

.notice_1box a:hover {
    background-color: #F5F5F1;
}

.notice_text_box {}

/*日付　p*/
.notice_date {
    display: block;
    position: relative;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 3px 0px !important;
    font-size: 11px;
    color: #AAAAAA;
}

/*タイトル　p*/

.notice_text {
    display: inline-block;
    overflow: hidden;
    padding: 5px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 140%;
    font-size: 16px;
    color: #3F3C3C;
    font-weight: 600;
}

.genre_notice {
    display: inline-block !important;
    margin: -3px 3px 0px 0px;
    padding: 3px 6px 2px 6px;
    line-height: 100% !important;
    background-color: #E50621;
    color: #ffffff;
    height: auto;
    min-width: 50px;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
}

/*特設ページリンク欄　div*/
.corona_link_box {}

/*特設ページリンク　a*/
.button_corona {
    display: block;
    position: relative;
    padding: 8px 36px 8px 10px;
    background: url(img/icon_16_link_white.png) no-repeat 98% center;
    background-size: 16px 16px;
    background-color: #272e6e;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
}

.button_corona:hover {
    background-color: #53588B;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.button_corona span {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0px 0px 0px 60px;
    vertical-align: middle;
    background: url(img/icon_96_corona_stop.png) no-repeat left center;
    background-size: 48px 48px;
    color: #ffffff;
    text-decoration: none;
}



/*危機管理段階　div*/
.caution_stage_box {
    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;
    position: relative;
    width: 660px;
    padding-top: 40px;
    padding-bottom: 20px;

    float: left;
}

.caution_stage_box_inner1 {
    display: inline-block;
    position: relative;
    width: 164px;
    margin-right: 4px;
    vertical-align: top;

    letter-spacing: normal !important;
}

/*危機管理段階リンク全体　a*/
.caution_link {
    display: block;
    position: relative;
    width: 164px;
    height: 162px;
    /*右の上段のtableの2行目が1行の場合 144px*/
    background-color: #ffffff;
    border: solid 2px #C41717;
    text-align: center;
    text-decoration: none;

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

.caution_link:hover {
    text-decoration: none;
    background-color: rgba(196, 23, 23, 0.1);
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.caution_title,
div#contents_main #contents_section p.caution_title {
    display: inline-block;
    position: relative;
    color: #C41717;
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
    line-height: 100%;
    margin-bottom: 0px !important;
    height: 17px;
}

.caution_title:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: url(img/icon_36_virus.png) no-repeat center center;
    background-size: 18px 18px;
    margin-right: 2px;
    vertical-align: text-top;
    margin-top: 3px;
}

.caution_date,
div#contents_main #contents_section p.caution_date {
    display: block;
    position: relative;
    text-align: center;
    font-size: 13px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
    height: 23px;
    margin-bottom: 0px !important;
}

.caution_stage,
div#contents_main #contents_section p.caution_stage {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 21px;
    padding: 6px 4px 6px 4px;
    background-color: #C41717;
    color: #ffffff;
    font-weight: 600;
    width: 152px;
    height: 37px;
    margin-bottom: 0px !important;
}

/*詳しくはこちら　p*/
.caution_link_text,
div#contents_main #contents_section p.caution_link_text {
    display: table-cell;
    width: 164px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    margin-bottom: 0px !important;
}

.caution_link_text:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    background: url(img/icon_16_link_litegray.png) no-repeat center center;
    background-size: 14px 14px;
    margin-left: 3px;
    vertical-align: text-top;
    margin-top: 3px;
}

.caution_stage_box_inner2 {
    display: inline-block;
    position: relative;
    width: 492px;

    vertical-align: top;

    letter-spacing: normal;
}

.caution_stage_box_inner2 table:first-Child,
div#contents_main #contents_section .caution_stage_box_inner2 table:first-Child {
    margin-bottom: 4px;
}

.caution_stage_box_inner2 table,
div#contents_main #contents_section .caution_stage_box_inner2 table {
    border-top: solid 2px #666666;
    border-left: solid 2px #666666;
}

.caution_stage_box_inner2 table tr td,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td {
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    background-color: #ffffff;
    padding: 4px 5px 4px 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%;
    height: 40px;
}

.caution_stage_box_inner2 table:first-Child tr td,
div#contents_main #contents_section .caution_stage_box_inner2 table:first-Child tr td {
    /*height: 22px;*/
    /*上段のテーブルの2行目のtdの内容が2行の場合*/
}

.caution_stage_box_inner2 table tr:last-Child td,
div#contents_main #contents_section .caution_stage_box_inner2 table tr:last-Child td {
    border-bottom: solid 2px #666666;
}

.caution_stage_box_inner2 table tr td:last-Child,
.caution_stage_box_inner2 table tr:last-Child td:last-Child,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td:last-Child,
div#contents_main #contents_section .caution_stage_box_inner2 table tr:last-Child td:last-Child {
    border-right: solid 2px #666666;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color1 {
    background-color: #A3C626;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color2 {
    background-color: #C36E6E;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color3 {
    background-color: #D6B31B;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color4 {
    background-color: #BFB090;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color5 {
    background-color: #B1B1B1;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color6 {
    background-color: #87C3B2;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color1 {
    background-color: #A3C626;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color2 {
    background-color: #C36E6E;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color3 {
    background-color: #D6B31B;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color4 {
    background-color: #BFB090;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color5 {
    background-color: #B1B1B1;
}

div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color6 {
    background-color: #87C3B2;
}

.caution_stage_box_inner2 table tr td.caution_stage_td_color1,
.caution_stage_box_inner2 table tr td.caution_stage_td_color2,
.caution_stage_box_inner2 table tr td.caution_stage_td_color3,
.caution_stage_box_inner2 table tr td.caution_stage_td_color4,
.caution_stage_box_inner2 table tr td.caution_stage_td_color5,
.caution_stage_box_inner2 table tr td.caution_stage_td_color6,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color1,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color2,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color3,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color4,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color5,
div#contents_main #contents_section .caution_stage_box_inner2 table tr td.caution_stage_td_color6 {
    color: #ffffff;
    font-size: 14px;
    height: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 100%;
}


/*【特設ページ】新型コロナウイルス感染症に関する対応　ディレクトリ：covid-19 の上部に設置する場合*/

.covid-19_about_box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.covid-19_about_box_inner_left {
    display: block;
    position: relative;
    width: 400px;
    padding-right: 40px;
    margin-bottom: 20px;
    float: left;
}

.covid-19_about_box .caution_stage_box {
    display: block;
    position: relative;
    float: left;
    padding-top: 50px;
}

.covid-19_about_box .caution_stage_box_inner1 {
    width: 164px;
    margin-right: 4px;
}

/*safariだけ微調整*/
_::-webkit-full-page-media,
_:future,
:root .covid-19_about_box .caution_stage_box_inner1 {
    /*width: 166px;*/
}

.covid-19_about_box .caution_stage_box_inner1 .caution_stage,
div#contents_main #contents_section p.caution_stage {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 21px;
    padding: 12px 4px 12px 8px;
    background-color: #C41717;
    color: #ffffff;
    font-weight: 600;
    width: 148px;
    height: auto;
    margin-bottom: 0px !important;
}


/*特設ページ内に配置した大切なお知らせ欄　div*/
.covid-19_notice_box {}

/*重要なお知らせ欄　div*/
.covid-19_notice_box .notice_box {
    display: block;
    position: relative;
    width: 100%;

    padding: 10px 10px 0px 10px;
    border: solid 1px #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    float: left;
}

/*タイトル欄　div*/
.covid-19_notice_box .notice_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 5px 10px 0px 10px;
    margin-bottom: 0px;
}

div#contents_main .covid-19_notice_box .notice_title_box h2 {
    display: inline-block;
    width: 190px;
    height: 22px;
    background: url(img/top_title_notice.png) no-repeat left bottom;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0.8em;
}

.covid-19_notice_box .notice_title_box h2 b {
    display: none;
}



/* ----------メインビジュアル---------- */
.mainvisual_area {
    /*section*/
    display: block;
    clear: both;
    z-index: -1000 !important;
}

.mainvisual_outer {
    z-index: -999;
}

.mainvisual_inner {
    /*「mainvisual_inner」のstyleは、下部トップページ設定へ記載*/
}



/* ----------Web入学式バナー欄---------- */
.web_ceremony_area {
    /*section*/
    display: block;
    position: relative;
    background: url(img/web_ceremony_top_bg.jpg) no-repeat center top;
    background-size: cover;
    clear: both;
}

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

.web_ceremony_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1140px;
    margin: 0 auto;
    height: 400px;
}






/* ----------コンテンツ（トップのみ）---------- */
.contents_area_frontpage {
    /*section*/
    background-color: #F8F8F8;
    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: #ffffff;
    display: block;
    clear: both;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
    padding: 0px 30px 0px 30px;
}

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

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

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

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

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


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

div#contents_main {
    width: 1100px;
    margin: 0px 0px 25px 0px;
}

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

div#contents_main.blog_page_design,
div#contents_main.news_page_design,
div#contents_main.blog_list_design,
div#contents_main.news_list_design {
    width: 750px;
    float: left;
    margin: 0px 0px 25px 0px;
}

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

.page_list {
    clear: both;
}







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

ヘッダー指定

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

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

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

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

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

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

h1.site-title a {
    display: block;
    width: 210px;
    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;
}




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

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

.header_submenu_all {
    position: relative;
    display: block;
    float: right;
    width: 490px;
    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: 0;
    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;
}

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

.header_submenu_english a:hover,
/*.header_submenu_language a:hover,*/
.header_submenu_access a:hover,
.header_submenu_request a:hover,
.header_submenu_contact a:hover {
    display: block;
    width: 120px;
    height: 80px;
    text-decoration: none;
}

.header_submenu_english a:hover {
    background-color: #53588B;
}

.header_submenu_access a:hover {
    background-color: #7592C7;
}

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

.header_submenu_contact a:hover {
    background-color: #9396C5;
}

.fixed .header_submenu_english a,
.fixed .header_submenu_language a,
.fixed .header_submenu_access a,
.fixed .header_submenu_request a,
.fixed .header_submenu_contact a {
    display: block;
    width: 120px;
    height: 70px;
}

/*English*/
.header_submenu_english a {
    display: block;
    background: url("img/header_submenu_english.png") no-repeat center 30px;
    background-color: #272e6e;
    margin-right: 0px !important;
    margin-right: 0px !important\9;
    /* IE10以下 */
    *margin-right: 0px;
    /* IE7以下 */
    _margin-right: 0px;
    /* IE6 */
}

@-moz-document url-prefix() {

    /*Firefox*/
    .header_submenu_english a {
        margin-right: 0px;
    }
}


/*Language*/
.header_submenu_language a {
    display: block;
    background: url("img/header_submenu_language.png") no-repeat center 30px;
    background-color: #272e6e;
    margin-right: 0px !important;
    margin-right: 0px !important\9;
    /* IE10以下 */
    *margin-right: 0px;
    /* IE7以下 */
    _margin-right: 0px;
    /* IE6 */
}

@-moz-document url-prefix() {

    /*Firefox*/
    .header_submenu_language a {
        margin-right: 0px;
    }
}

/*アクセス*/
.header_submenu_access a {
    display: block;
    background: url("img/header_submenu_access.png") no-repeat center 30px;
    background-color: #5276b8;
    margin-right: 0px !important;
    margin-right: 0px !important\9;
    /* IE10以下 */
    *margin-right: 0px;
    /* IE7以下 */
    _margin-right: 0px;
    /* IE6 */
}

@-moz-document url-prefix() {

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


/*資料請求*/
.header_submenu_request a {
    display: block;
    background: url("img/header_submenu_request.png") no-repeat center 30px;
    background-color: #70b7c5;
    margin-right: 0px !important;
    margin-right: 0px !important\9;
    /* IE10以下 */
    *margin-right: 0px;
    /* IE7以下 */
    _margin-right: 0px;
    /* IE6 */
}

@-moz-document url-prefix() {

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


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

@-moz-document url-prefix() {

    /*Firefox*/
    .header_submenu_contact a {
        padding: 0px 0px 0px 5px;
    }
}


.fixed .header_submenu_english a,
.fixed .header_submenu_language a,
.fixed .header_submenu_access a,
.fixed .header_submenu_request a,
.fixed .header_submenu_contact a {
    background-position: center 25px;
}

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


.header_submenu_box>.header_submenu_language {
    position: relative;
}

/*Languageだけ、サブメニューを表示*/

#language_child {
    display: none;
}

.header_submenu_language:hover #language_child {
    display: block;
    position: absolute;
    top: 0px;
    right: 120px;
    margin: 0;
    list-style-type: none;
}

.header_submenu_language:hover #language_child {
    background-color: #272e6e;
    color: #FFFFFF;
    border-bottom: none;
    width: 60px;
    height: 80px;
}

.fixed .header_submenu_language:hover #language_child {
    height: 70px;
}

.header_submenu_language:hover #language_child li {
    display: block;
    float: none;
    padding: 0px !important;
    margin: 0px !important;
    width: auto !important;
    height: auto !important;
    font-size: 12px !important;
    text-align: left !important;
}

.header_submenu_language:hover #language_child li a {
    display: block;
    width: auto !important;
    height: 17px !important;
    padding: 1px 4px 1px 10px;
    background-image: none !important;
    color: #FFFFFF;
    letter-spacing: normal;
    /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
}

.fixed .header_submenu_language:hover #language_child li a {
    height: 16px !important;
    padding: 0px 4px 1px 10px;
    font-weight: normal !important;
}

.header_submenu_language:hover #language_child li a:hover {
    background-color: #0d1133;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}




/* ----------- 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: #531f81;
}

.btn_searchopen:hover {
    background-color: #764C9B;
}

.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;
    background-color: #531f81;
}

.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: #762fb4;
    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: #6F2CA9;
}

.link_home_sp {
    display: none;
}

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

メインメニュー設定

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

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

.megamenu_box {
    position: relative;
    width: 100%;
    background: url(img/menu_bg.png) repeat-x;
    font-size: 0;
    clear: both;
}

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

#toggle {
    display: none;
}


.MegaMenu {
    /*詳細な設定は「jquery.megamenu.css」で設定。ここでは中央揃えのみ指定*/
    position: relative;
    width: 1140px;
    margin: 0 auto;
    text-align: center;
}

@-moz-document url-prefix() {

    /*Firefox*/
    .MegaMenu {
        position: static;
        /*←Firefoxのみ*/
        width: 1140px;
        margin: 0 auto;
        text-align: center;
    }
}




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

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

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

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

.side_tab_box {}

#side_tab {
    /*ul*/
    position: fixed;
    left: 0;
    top: 20%;
    z-index: 100;
}

#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;
    width: 64px;
    height: 72px;
}

#side_tab>.side_tab3>a,
#side_tab>.side_tab4>a {
    pointer-events: none;
}



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

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

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

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

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

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

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

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

/*4つ共通の設定　aタグをhoverした時のサイズ*/
#side_tab>.side_tab1>a:hover,
#side_tab>.side_tab2>a:hover,
#side_tab>.side_tab3:hover,
#side_tab>.side_tab4: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;
    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;
    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: 20%;
    width: 40px;
    z-index: 100;
}

#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;
}

/*sns_side_tab3は「広報ニュース」*/
#sns_side_tab>.sns_side_tab3 {
    display: block;
    position: absolute;
    right: 0px;
    width: 40px;
    height: 130px;
    margin-top: 20px;
}


/*共通の設定　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;
	*/
}

#sns_side_tab>.sns_side_tab3:hover {
    width: 45px;
    height: 130px;
    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_tab3>a {
    display: block;
    width: 40px;
    height: 130px;
    /*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_tab3 {
    position: relative;
    width: 40px;
    height: 130px;
}

#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 {
    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: #d72929;
}

#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;
    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;
}





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

各パーツ設定

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

/* ----------- カテゴリタイトル欄 ----------- */
/*共通設定　100%（左右にパディング30px）*/
.category_title_outer_directoryname,
.category_title_outer_etc,
.category_title_outer_commons,
/*一般向けリンク*/
.category_title_outer_tos,
/*利用規約*/
.category_title_outer_sitemap,
/*サイトマップ*/
.category_title_outer_privacy,
/*プライバシーポリシー*/
.category_title_outer_policy,
/*サイトポリシー*/
.category_title_outer_contact,
/*お問い合わせ*/
.category_title_outer_access,
/*アクセス*/
.category_title_outer_request,
/*資料請求*/
.category_title_outer_language,
/*language*/
.category_title_outer_search,
/*検索*/
.category_title_outer_educational_system,
/*学部共通の制度*/
.category_title_outer_employment,
/*教員採用情報*/
.category_title_outer_alumni,
/*卒業生の方*/
.category_title_outer_parents,
/*保護者の方*/
.category_title_outer_parents_news,
/*保護者の方へのお知らせ*/
.category_title_outer_alumni_news,
/*卒業生の方へのお知らせ*/
.category_title_outer_scholarship,
/*大学貸与奨学金を返還中の方へ*/
.category_title_outer_scholarship_form,
/*大学貸与奨学金を返還中の方へのフォーム*/
.category_title_outer_site_group,
/*学科・部門サイト*/
.category_title_outer_hokusei_group,
/*グループサイト NG*/
.category_title_outer_site_information,
/*グループサイト*/
.category_title_outer_department_news,
/*学部・学科新着情報*/
.category_title_outer_news,
.category_title_outer_covid-19,
.category_title_outer_pickup,
.category_title_outer_event,
.category_title_outer_idea,
.category_title_outer_about,
.category_title_outer_commentator-form,
.category_title_outer_commentator-single-form,
.category_title_outer_commentator,
.category_title_outer_campusmap,
.category_title_outer_center,
.category_title_outer_activity,
.category_title_outer_ac_archive,
/*.category_title_outer_archive,*/
.category_title_outer_campuslife,
.category_title_outer_publicinfo,
.category_title_outer_publicity,
.category_title_outer_alumni_association,
.category_title_outer_supporter,
.category_title_outer_supporter_news,
.category_title_outer_supporter_letter,
.category_title_outer_association_magazine,
.category_title_outer_association_news,
.category_title_outer_emoployment,
/*.category_title_outer_academic_news,*/
.category_title_outer_letters_faculty,
/*文学部は「humanities」に変更*/
.category_title_outer_humanities,
.category_title_outer_economics,
.category_title_outer_social_welfare,
.category_title_outer_general_education,
.category_title_outer_junior_college,
.category_title_outer_education_system,
.category_title_outer_graduate_college,
.category_title_outer_graduate_news,
.category_title_outer_research,
.category_title_outer_international,
.category_title_outer_international-test,
.category_title_outer_international_news,
.category_title_outer_abroad_report,
.category_title_outer_america,
.category_title_outer_algoma,
.category_title_outer_england,
.category_title_outer_indonesia,
.category_title_outer_catholic,
.category_title_outer_canada,
.category_title_outer_studying_abroad,
.category_title_outer_inter_exchange,
.category_title_outer_foreign_student,
.category_title_outer_affiliated_school,
.category_title_outer_abroad_report,
.category_title_outer_inter_center,
.category_title_outer_carrer,
.category_title_outer_carrer_program,
.category_title_outer_carrer_center,
.category_title_outer_carrer_result,
.category_title_outer_comments,
.category_title_outer_graduate,
.category_title_outer_recruiting,
.category_title_outer_qualification,
.category_title_outer_teachers,
/*教員の方へ*/
.category_title_outer_general,
/*一般の方へ*/
.category_title_outer_company,
/*企業の方へ*/
.category_title_outer_donation,
/*北星学園サポーターズ寄付金のご案内*/
.category_title_outer_link-project,
/*海外事情（LINK）*/
.category_title_outer_web_ceremony

/*Web入学式*/
    {
    width: 100%;
    height: 190px;
    padding: 0px 0px 0px 0px;
}

/*カテゴリタイトルの色の網掛け　基本*/
.category_title_outer_bg {
    width: 100%;
    height: 190px;
    padding: 0px 0px 0px 0px;
    background-color: #274c89;
    opacity: 0.78;
}

/*共通タイトル、「一般向けリンク」*/
.category_title_outer_directoryname,
.category_title_outer_etc,
.category_title_outer_commons,
/*一般向けリンク*/
.category_title_outer_tos,
/*利用規約*/
.category_title_outer_sitemap,
/*サイトマップ*/
.category_title_outer_privacy,
/*プライバシーポリシー*/
.category_title_outer_site_policy,
/*サイトポリシー*/
.category_title_outer_contact,
/*お問い合わせ*/
.category_title_outer_access,
/*アクセス*/
.category_title_outer_request,
/*資料請求*/
.category_title_outer_language,
/*language*/
.category_title_outer_search,
/*検索*/
.category_title_outer_educational_system,
/*学部共通の制度*/
.category_title_outer_employment,
/*教員採用情報*/
.category_title_outer_alumni,
/*卒業生の方*/
.category_title_outer_parents,
/*保護者の方*/
.category_title_outer_parents_news,
/*保護者の方へのお知らせ*/
.category_title_outer_alumni_news,
/*卒業生の方へのお知らせ*/
.category_title_outer_scholarship,
/*大学貸与奨学金を返還中の方へ*/
.category_title_outer_scholarship_form,
/*大学貸与奨学金を返還中の方へのフォーム*/
.category_title_outer_site_group,
/*学科・部門サイト*/
.category_title_outer_hokusei_group,
/*グループサイト NG*/
.category_title_outer_site_information,
/*グループサイト*/
.category_title_outer_department_news,
/*学部・学科新着情報*/
.category_title_outer_teachers,
/*教員の方へ*/
.category_title_outer_general,
/*一般の方へ*/
.category_title_outer_company,
/*企業の方へ*/
.category_title_outer_recruit-staff

/*事務職員採用*/
    {
    background: url(img/category_title_bg_etc.png) no-repeat;
    background-size: cover;
}

.category_title_outer_directoryname .category_title_outer_bg,
.category_title_outer_etc .category_title_outer_bg,
.category_title_outer_commons .category_title_outer_bg,
.category_title_outer_tos .category_title_outer_bg,
.category_title_outer_sitemap .category_title_outer_bg,
.category_title_outer_privacy .category_title_outer_bg,
.category_title_outer_site_policy .category_title_outer_bg,
.category_title_outer_contact .category_title_outer_bg,
.category_title_outer_access .category_title_outer_bg,
.category_title_outer_request .category_title_outer_bg,
.category_title_outer_language .category_title_outer_bg,
.category_title_outer_search .category_title_outer_bg,
.category_title_outer_educational_system .category_title_outer_bg,
.category_title_outer_employment .category_title_outer_bg,
.category_title_outer_alumni .category_title_outer_bg,
.category_title_outer_parents,
/*保護者の方*/
.category_title_outer_parents_news .category_title_outer_bg,
.category_title_outer_alumni_news .category_title_outer_bg,
.category_title_outer_scholarship .category_title_outer_bg,
.category_title_outer_scholarship_form .category_title_outer_bg,
.category_title_outer_site_group .category_title_outer_bg,
.category_title_outer_site_group .category_title_outer_bg,
.category_title_outer_hokusei_group .category_title_outer_bg,
.category_title_outer_site_information .category_title_outer_bg,
.category_title_outer_department_news .category_title_outer_bg,
.category_title_outer_teachers .category_title_outer_bg,
/*教員の方へ*/
.category_title_outer_general .category_title_outer_bg,
/*一般の方へ*/
.category_title_outer_company .category_title_outer_bg,
/*企業の方へ*/
.category_title_outer_recruit-staff.category_title_outer_bg

/*事務職員採用*/
    {
    background-color: #274c89;
    opacity: 0.78;
}

/*ニュース*/
.category_title_outer_news {
    background: url(img/category_title_bg_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_news .category_title_outer_bg {
    background-color: #333366;
    opacity: 0.78;
}

/*コロナ特設ページ*/
.category_title_outer_covid-19 {
    background: url(img/category_title_bg_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_covid-19 .category_title_outer_bg {
    background-color: #333366;
    opacity: 0.78;
}

.category_title_outer_covid-19_topics {
    background: url(img/category_title_bg_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_covid-19_topics .category_title_outer_bg {
    background-color: #333366;
    opacity: 0.78;
}

.category_title_outer_covid-19_news {
    background: url(img/category_title_bg_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_covid-19_news .category_title_outer_bg {
    background-color: #333366;
    opacity: 0.78;
}

/*pickup（ニュースと一緒）*/
.category_title_outer_pickup {
    background: url(img/category_title_bg_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_pickup .category_title_outer_bg {
    background-color: #333366;
    opacity: 0.78;
}

/*イベント*/
.category_title_outer_event {
    background: url(img/category_title_bg_event.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_event .category_title_outer_bg {
    background-color: #336666;
    opacity: 0.78;
}

/*イベント情報*/
.category_title_outer_event_info {
    background: url(img/category_title_bg_event.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_event_info .category_title_outer_bg {
    background-color: #336666;
    opacity: 0.78;
}

/*北星学園大学の理念*/
.category_title_outer_ideal {
    background: url(img/category_title_bg_idea.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_ideal .category_title_outer_bg {
    background-color: #6173ad;
    opacity: 0.78;
}

/*大学概要*/
.category_title_outer_about {
    background: url(img/category_title_bg_about.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_about .category_title_outer_bg {
    background-color: #6173ad;
    opacity: 0.78;
}

.category_title_outer_commentator-form,
.category_title_outer_commentator-single-form,
.category_title_outer_commentator {
    background: url(img/category_title_bg_about.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_commentator-form,
.category_title_outer_commentator-single-form,
.category_title_outer_commentator {
    background-color: #6173ad;
    opacity: 0.78;
}

/*キャンパスマップ*/
.category_title_outer_campusmap {
    background: url(img/category_title_bg_campusmap.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_campusmap .category_title_outer_bg {
    background-color: #666699;
    opacity: 0.78;
}

/*センターの紹介（キャンパスマップと同じ）*/
.category_title_outer_center {
    background: url(img/category_title_bg_campusmap.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_center .category_title_outer_bg {
    background-color: #666699;
    opacity: 0.78;
}

/*本学の取り組み*/
.category_title_outer_activity {
    background: url(img/category_title_bg_activities.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_activity .category_title_outer_bg {
    background-color: #996699;
    opacity: 0.78;
}

/*過去の取り組み →「本学の取り組み」内に設置　同じ*/
.category_title_outer_ac_archive {
    background: url(img/category_title_bg_activities.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_ac_archive .category_title_outer_bg {
    background-color: #996699;
    opacity: 0.78;
}

/*学生生活*/
.category_title_outer_campuslife {
    background: url(img/category_title_bg_campuslife.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_campuslife .category_title_outer_bg {
    background-color: #738d36;
    opacity: 0.78;
}

/*情報の公表*/
.category_title_outer_publicinfo {
    background: url(img/category_title_bg_public_information.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_publicinfo .category_title_outer_bg {
    background-color: #5276b8;
    opacity: 0.78;
}

/*広報活動*/
.category_title_outer_publicity {
    background: url(img/category_title_bg_publicity.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_publicity .category_title_outer_bg {
    background-color: #4f6d60;
    opacity: 0.78;
}

/*同窓会（「広報活動」と同じ）*/
.category_title_outer_alumni_association {
    background: url(img/category_title_bg_publicity.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_alumni_association .category_title_outer_bg {
    background-color: #4f6d60;
    opacity: 0.78;
}

/*後援会*/
.category_title_outer_supporter {
    background: url(img/category_title_bg_supporter.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_supporter .category_title_outer_bg {
    background-color: #999933;
    opacity: 0.78;
}

/*職員採用（「広報活動」と同じ）*/
.category_title_outer_emoployment {
    background: url(img/category_title_bg_publicity.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_emoployment .category_title_outer_bg {
    background-color: #4f6d60;
    opacity: 0.78;
}

/*後援会からのお知らせ（「後援会」と同じ）*/
.category_title_outer_supporter_news {
    background: url(img/category_title_bg_supporter.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_supporter_news .category_title_outer_bg {
    background-color: #999933;
    opacity: 0.78;
}

/*後援会だより（「後援会」と同じ）*/
.category_title_outer_supporter_letter {
    background: url(img/category_title_bg_supporter.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_supporter_letter .category_title_outer_bg {
    background-color: #999933;
    opacity: 0.78;
}

/*大谷地だより（「広報活動」と同じ）*/
.category_title_outer_association_magazine {
    background: url(img/category_title_bg_publicity.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_association_magazine .category_title_outer_bg {
    background-color: #4f6d60;
    opacity: 0.78;
}

/*同窓会からのお知らせ（「広報活動」と同じ）*/
.category_title_outer_association_news {
    background: url(img/category_title_bg_publicity.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_association_news .category_title_outer_bg {
    background-color: #4f6d60;
    opacity: 0.78;
}

/*学科新着情報　→トップからのリンクのみなので、ディレクトリは不要*/
/*.category_title_outer_academic_news{ background: url(img/category_title_bg_academic_news.png) no-repeat center center; background-size: cover;}*/
/*.category_title_outer_academic_news .category_title_outer_bg{background-color:#61a8b4; opacity: 0.78;}*/

/*文学部*/
.category_title_outer_letters_faculty,
.category_title_outer_humanities {
    background: url(img/category_title_bg_letters_faculty.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_letters_faculty .category_title_outer_bg,
.category_title_outer_humanities .category_title_outer_bg {
    background-color: #006699;
    opacity: 0.78;
}

/*経済学部*/
.category_title_outer_economics {
    background: url(img/category_title_bg_economics.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_economics .category_title_outer_bg {
    background-color: #669966;
    opacity: 0.78;
}

/*社会福祉学部*/
.category_title_outer_social_welfare {
    background: url(img/category_title_bg_social_welfare.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_social_welfare .category_title_outer_bg {
    background-color: #cc9966;
    opacity: 0.78;
}

/*大学共通科目（不要になった「学科新着情報」タイトルを使用）*/
.category_title_outer_general_education {
    background: url(img/category_title_bg_academic_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_general_education .category_title_outer_bg {
    background-color: #61a8b4;
    opacity: 0.78;
}

/*短期大学部*/
.category_title_outer_junior_college {
    background: url(img/category_title_bg_junior_college.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_junior_college .category_title_outer_bg {
    background-color: #996699;
    opacity: 0.78;
}

/*学部共通の制度（不要になった「学科新着情報」タイトルを使用）*/
.category_title_outer_education_system {
    background: url(img/category_title_bg_academic_news.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_education_system .category_title_outer_bg {
    background-color: #61a8b4;
    opacity: 0.78;
}

/*大学院・研究*/
.category_title_outer_graduate_college {
    background: url(img/category_title_bg_graduate_college.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_graduate_college .category_title_outer_bg {
    background-color: #324a63;
    opacity: 0.78;
}

/*大学院からのお知らせ*/
.category_title_outer_graduate_news {
    background: url(img/category_title_bg_graduate_college.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_graduate_news .category_title_outer_bg {
    background-color: #324a63;
    opacity: 0.78;
}

/*研究活動・研究支援（「大学院・研究」と同じ）*/
.category_title_outer_research {
    background: url(img/category_title_bg_graduate_college.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_research .category_title_outer_bg {
    background-color: #324a63;
    opacity: 0.78;
}

/*220823追加　広報(public_relations)*/
.category_title_outer_public_relations {
    background: url(img/category_title_bg_public_relations.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_public_relations .category_title_outer_bg {
    background-color: #6173ad;
    opacity: 0.78;
}


/*国際交流・留学　と下層すべて*/
.category_title_outer_international,
.category_title_outer_international-test,
.category_title_outer_international_news,
.category_title_outer_abroad_report,
.category_title_outer_abroad_interview,
.category_title_outer_america,
.category_title_outer_algoma,
.category_title_outer_england,
.category_title_outer_indonesia,
.category_title_outer_catholic,
.category_title_outer_canada,
.category_title_outer_studying_abroad,
.category_title_outer_inter_exchange,
.category_title_outer_foreign_student,
.category_title_outer_affiliated_school,
.category_title_outer_inter_center {
    background: url(img/category_title_bg_international.png) no-repeat;
    background-size: cover;
}


.category_title_outer_international .category_title_outer_bg,
.category_title_outer_international-test .category_title_outer_bg,
.category_title_outer_international_news .category_title_outer_bg,
.category_title_outer_abroad_report .category_title_outer_bg,
.category_title_outer_abroad_interview .category_title_outer_bg,
.category_title_outer_america .category_title_outer_bg,
.category_title_outer_algoma .category_title_outer_bg,
.category_title_outer_england .category_title_outer_bg,
.category_title_outer_indonesia .category_title_outer_bg,
.category_title_outer_catholic .category_title_outer_bg,
.category_title_outer_canada .category_title_outer_bg,
.category_title_outer_studying_abroad .category_title_outer_bg,
.category_title_outer_inter_exchange .category_title_outer_bg,
.category_title_outer_foreign_student .category_title_outer_bg,
.category_title_outer_affiliated_school .category_title_outer_bg,
.category_title_outer_inter_center .category_title_outer_bg {
    background-color: #006666;
    opacity: 0.78;
}


/*海外事情（LINK）　と下層すべて（2018/03/26追加）*/
.category_title_outer_link-project {
    background: url(img/category_title_bg_international.png) no-repeat;
    background-size: cover;
}

.category_title_outer_link-project .category_title_outer_bg {
    background-color: #006666;
    opacity: 0.78;
}


/*就職・キャリア*/
.category_title_outer_carrer,
.category_title_outer_carrer_program,
.category_title_outer_carrer_center,
.category_title_outer_carrer_result,
.category_title_outer_comments,
.category_title_outer_graduate,
.category_title_outer_recruiting,
.category_title_outer_career-job,
.category_title_outer_qualification {
    background: url(img/category_title_bg_recruit.png) no-repeat;
    background-size: cover;
}

.category_title_outer_carrer .category_title_outer_bg,
.category_title_outer_carrer_program .category_title_outer_bg,
.category_title_outer_carrer_center .category_title_outer_bg,
.category_title_outer_carrer_result .category_title_outer_bg,
.category_title_outer_comments .category_title_outer_bg,
.category_title_outer_graduate .category_title_outer_bg,
.category_title_outer_recruiting .category_title_outer_bg,
.category_title_outer_qualification .category_title_outer_bg {
    background-color: #537fbc;
    opacity: 0.78;
}

/*北星学園サポーターズ寄付金のご案内*/
.category_title_outer_donation {
    background: url(img/category_title_bg_donation.png) no-repeat;
    background-size: cover;
}

.category_title_outer_donation .category_title_outer_bg {
    background-color: #274c89;
    opacity: 0.78;
}


/*Web入学式*/
.category_title_outer_web_ceremony {
    background: url(img/category_title_bg_web_ceremony.png) no-repeat center center;
    background-size: cover;
}

.category_title_outer_web_ceremony .category_title_outer_bg {
    background-color: #b47290;
    opacity: 0.78;
}


.category_title_inner {
    /*1100px*/
    display: block;
    width: 1160px;
    height: 190px;
    margin: 0 auto;
}

.category_title_inner h2 {
    color: #ffffff;
    padding: 60px 0px 10px 0px;
    margin-left: 30px;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 130%;
    filter: alpha(opacity=100);
    /*IE*/
    -moz-opacity: 1.00;
    /*FF*/
    opacity: 1.00;
}

.category_title_inner p {
    color: #ffffff;
    margin-left: 30px;
    font-weight: 100;
    letter-spacing: 0.15em;
    font-size: 16px;
    filter: alpha(opacity=100);
    /*IE*/
    -moz-opacity: 1.00;
    /*FF*/
    opacity: 1.00;
}

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

ページタイトルとパンくずリスト設定

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

/*ページタイトルとパンくずをくくったdiv*/
.contents_title_outer {
    /*100%（左右にパディング30px）*/
    padding: 0px 30px 0px 30px;
    background-color: #f5f5f1;
}

/* ---------- ページタイトル設定 ---------- */

.contents_title_inner {
    width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contents_title_inner h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
}

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

div.topicpath {
    display: block;
    width: 1100px;
    margin: 0px auto 10px auto;
    padding: 20px 0px 10px 0px;
    text-align: left;
    clear: both;
}

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

div.topicpath ul {
    display: flex;
    margin: 0;
    width: 1100px;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    text-align: left;
    overflow-x: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* overflow: hidden; */
}

div.topicpath ul::-webkit-scrollbar {
    display: none;
}

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

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

/* ----------HOMEの画像置き換え---------- */
div.topicpath li .home {
    max-width: 15px;
    max-height: 15px;
    margin-right: 1px;
    padding: 0px 6px 0px 0px !important;
    color: #333333;
    /**色指定*/
    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 40px 0px;
}

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

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


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

div#contents_main h2 {
    margin: 40px 0 15px 0;
    padding: 0px 0px 0px 0px;
    clear: both;
    color: #272e6e;
    line-height: 1.3;
    font-weight: 500;
    font-size: 28px;
}

/* ---------- H3  ---------- */

.contents_main h3 {
    margin: 25px 0 10px 0;
    font-weight: bold;
    font-size: 18px;
    /*20150715 フォントサイズ調整22→18*/
}

/* ---------- 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: 0px 0px 20px 0px;
}

div#contents_main #contents_section .mb50,
div#contents_main #contents_section table.mb50 {
    margin: 0px 0px 50px 0px;
}

div#contents_main #contents_section .mb40,
div#contents_main #contents_section table.mb40 {
    margin: 0px 0px 40px 0px;
}

div#contents_main #contents_section .mb30,
div#contents_main #contents_section table.mb30 {
    margin: 0px 0px 30px 0px;
}

div#contents_main #contents_section .mb20,
div#contents_main #contents_section table.mb20 {
    margin: 0px 0px 20px 0px;
}

div#contents_main #contents_section .mb15,
div#contents_main #contents_section table {
    margin: 0px 0px 15px 0px;
}

div#contents_main #contents_section .mb10,
div#contents_main #contents_section table.mb10 {
    margin: 0px 0px 10px 0px;
}

div#contents_main #contents_section .mb5,
div#contents_main #contents_section table.mb5 {
    margin: 0px 0px 5px 0px;
}

div#contents_main #contents_section .mb0,
div#contents_main .mb0,
div#contents_main #contents_section table.mb0 {
    margin: 0px 0px 0px 0px;
}

div#contents_main #contents_section .mt0,
div#contents_main .mt0 {
    margin-top: 0px;
}

div#contents_main #contents_section .mt5,
div#contents_main .mt5 {
    margin-top: 5px;
}

div#contents_main #contents_section .mt10,
div#contents_main .mt10 {
    margin-top: 10px;
}

div#contents_main #contents_section .mt20,
div#contents_main .mt20 {
    margin-top: 20px;
}

div#contents_main #contents_section .mt30,
div#contents_main .mt30 {
    margin-top: 30px;
}

div#contents_main #contents_section .mt40,
div#contents_main .mt10 {
    margin-top: 40px;
}

div#contents_main #contents_section .mt50,
div#contents_main .mt50 {
    margin-top: 50px;
}

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

/*右にfloatさせる　主にpタグに指定*/
.float_left {
    float: left;
    padding-right: 10px;
}

.float_none {
    float: none;
    margin-right: 0px;
}

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

/*サイズアップ*/
.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_95 {
    font-size: 95% !important;
}

.fs_90 {
    font-size: 90% !important;
}

.fs_85 {
    font-size: 85% !important;
}

.fs_80 {
    font-size: 80% !important;
}

.fs_75 {
    font-size: 75% !important;
}

.fs_70 {
    font-size: 70% !important;
}

.fs_60 {
    font-size: 60% !important;
}

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

.fc_blue {
    color: #3366cc !important;
}

.fc_blue2 {
    color: #3a77bc !important;
}

.fc_darkblue {
    color: #272e6e !important;
}

.fc_skyblue {
    color: #6699cc !important;
}

.fc_green {
    color: #009900 !important;
}

.fc_green2 {
    color: #00A8B7 !important;
}

.fc_lightgreen {
    color: #99cc66 !important;
}

.fc_lightgreen2 {
    color: #a5c387 !important;
}

.fc_orange {
    color: #ffcc33 !important;
}

.fc_purple {
    color: #663399 !important;
}

.fc_lightpurple {
    color: #cc99cc !important;
}

.fc_brown {
    color: #996633 !important;
}

.fc_gray {
    color: #999999 !important;
}

.fc_darkgray {
    color: #666666 !important;
}

.fc_white {
    color: #ffffff !important;
}

.fc_black {
    color: #333333 !important;
}

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

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

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


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

/*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;
    margin-left: 15px;
    margin-bottom: 10px;
}

/*「.alignright」と併記して、padding-leftの幅を調整*/
.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}


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: 10px;
}

/*「.alignleft」と併記して、padding-rightの幅を調整*/
.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.pr45 {
    padding-right: 45px;
}

.pr50 {
    padding-right: 50px;
}

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の場合）*/
p.wp-caption-text {
    text-align: left;
    margin-top: 10px !important;
    font-size: 90%;
    line-height: 130%;
    color: #797979;
    clear: both;
}

.wp-caption .alignright p.wp-caption-text {
    display: block;
    text-align: left;
    margin-top: 10px !important;
    font-size: 90%;
    line-height: 130%;
    color: #797979;
    clear: both;
}

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

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


/*スマホで画像の最大の横幅を規制して、center揃え　imgタグにつけるclass*/
.sp_width_80 {}

.sp_width_100 {}

.sp_width_120 {}

.sp_width_160 {}

.sp_width_180 {}

.sp_width_210 {}

.sp_width_220 {}

.sp_width_240 {}

.sp_width_270 {}

.sp_width_300 {}



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

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 table.table_90per {
    width: 90% !important;
}

div#contents_main #contents_section table.table_80per {
    width: 80% !important;
}

div#contents_main #contents_section table.table_70per {
    width: 70% !important;
}

div#contents_main #contents_section table.table_60per {
    width: 60% !important;
}

div#contents_main #contents_section table.table_50per {
    width: 50% !important;
}

div#contents_main #contents_section table.table_40per {
    width: 40% !important;
}

div#contents_main #contents_section table.table_30per {
    width: 30% !important;
}

div#contents_main #contents_section table.table_20per {
    width: 20% !important;
}

div#contents_main #contents_section table.table_10per {
    width: 10% !important;
}

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

div#contents_main #contents_section th {
    padding: 8px 8px 8px 8px;
    background-color: #eeeded;
    /*white-space: nowrap;*/
    border-bottom: #d8d8d8 solid 1px;
    border-right: #d8d8d8 solid 1px;
    font-weight: normal !important;
}

div#contents_main #contents_section .sub_td_bg {
    background-color: #f5f8e6;
}

div#contents_main #contents_section .sub_td_bg_gray {
    background-color: #eeeded;
}

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

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%;
}


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

div#contents_main #contents_section table.sp_responsive_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: 1140px !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;
}



/*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
/*学科の教育科目のtableなど*/
.td_in_table td table,
.td_in_table td table th,
.td_in_table td table tr,
.td_in_table td table td {
    border: none !important;
    padding: 0px;
}

.td_in_table td table {
    margin-bottom: 0em;
    width: auto !important;
}

.td_in_table td table td {
    margin-bottom: 0em;
    width: 230px !important;
}

.td_in_table td table .td_bg_color_blue {
    background-color: #d8e1f1;
}


/*border無しのtable*/
div#contents_main #contents_section .no_border_table,
div#contents_main #contents_section .no_border_table th,
div#contents_main #contents_section .no_border_table tr,
div#contents_main #contents_section .no_border_table td {
    border: none !important;
    padding: 0px;
    border-top: #d8d8d8 solid 0px !important;
    border-left: #d8d8d8 solid 0px !important;
    border-bottom: #d8d8d8 solid 0px !important;
    border-right: #d8d8d8 solid 0px !important;
}





/* -------------------- テキストを帯状のベタ囲みにする（hタグや、pタグのクラスとして利用） -------------------- */


/*青背景帯（文字は白抜き）*/
.text_bg_blue {
    display: block;
    padding: 4px 10px 4px 10px !important;
    color: #FFFFFF !important;
    background-color: #5477b6 !important;
    font-size: 100% !important;
    font-weight: 500;
}

/*水色背景帯*/
.text_bg_lightblue {
    display: block;
    padding: 4px 10px 4px 10px !important;
    background-color: #d6e3f3 !important;
    font-size: 100% !important;
    font-weight: 500;
}

/*エメラルド背景帯*/
.text_bg_emerald {
    display: block;
    padding: 4px 10px 4px 10px !important;
    background-color: #8DC6D1 !important;
    font-size: 100% !important;
    font-weight: 500;
}

/*パープル背景帯（文字は白抜き）*/
.text_bg_purple {
    display: block;
    padding: 4px 10px 4px 10px !important;
    color: #FFFFFF !important;
    background-color: #B088B0 !important;
    font-size: 100% !important;
    font-weight: 500;
}


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

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#contents_main hr.hr_dot {
    display: block;
    width: 100%;
    height: 1px;
    margin: 20px 0 20px 0;
    border: none;
    border-top: dotted 1px #cccccc;
    color: #ffffff;
    background: #ffffff;
    clear: both;
    float: none;
}



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

/*グレー*/
div#contents_main #contents_section .box_gray {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #d2d2d2;
}

div#contents_main #contents_section .box_gray_compact {
    padding: 15px 15px 15px 15px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #d2d2d2;
    line-height: 150%;
}

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

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

/*白背景*/
div#contents_main #contents_section .box_white {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #ffffff;
}

/*上記「box_gray◎◎」と併記して、枠線の色だけ指定するclass*/
div#contents_main #contents_section .box_gray.border_green,
div#contents_main #contents_section .box_gray_compact.border_green,
div#contents_main #contents_section .box_gray5.border_green,
div#contents_main #contents_section .box_gray10.border_green {
    border-color: #a5c387;
}

/*上記「box_gray◎◎」と併記して、枠線の色だけ指定するclass　blue*/
div#contents_main #contents_section .box_gray.border_blue,
div#contents_main #contents_section .box_gray_compact.border_blue,
div#contents_main #contents_section .box_gray5.border_blue,
div#contents_main #contents_section .box_gray10.border_blue {
    border-color: rgba(27, 72, 152, 0.5);
}

/*上記「box_gray◎◎」と併記して、枠線の色だけ指定するclass　pink*/
div#contents_main #contents_section .box_gray.border_pink,
div#contents_main #contents_section .box_gray_compact.border_pink,
div#contents_main #contents_section .box_gray5.border_pink,
div#contents_main #contents_section .box_gray10.border_pink {
    border-color: rgba(196, 0, 24, 0.5);
}




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

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

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

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

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

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

div#contents_main #contents_section .box_gray h2,
div#contents_main #contents_section .box_gray5 h2,
div#contents_main #contents_section .box_gray10 h2,
div#contents_main #contents_section .box_gray h3,
div#contents_main #contents_section .box_gray5 h3,
div#contents_main #contents_section .box_gray10 h3 {
    margin-top: 0px;
}

/*ブルー*/
div#contents_main #contents_section .box_blue {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #3A77BC;
}

div#contents_main #contents_section .box_blue_compact {
    padding: 15px 15px 15px 15px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #3A77BC;
    line-height: 150%;
}

div#contents_main #contents_section .box_blue5 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 5px #3A77BC;
}

div#contents_main #contents_section .box_blue10 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 10px #3A77BC;
}

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

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

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

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

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

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

div#contents_main #contents_section .box_blue h2,
div#contents_main #contents_section .box_blue5 h2,
div#contents_main #contents_section .box_blue10 h2,
div#contents_main #contents_section .box_blue h3,
div#contents_main #contents_section .box_blue5 h3,
div#contents_main #contents_section .box_blue10 h3 {
    margin-top: 0px;
}

/*エメラルド*/
div#contents_main #contents_section .box_emerald {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #8DC6D1;
}

div#contents_main #contents_section .box_emerald_compact {
    padding: 15px 15px 15px 15px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #8DC6D1;
    line-height: 150%;
}

div#contents_main #contents_section .box_emerald5 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 5px #8DC6D1;
}

div#contents_main #contents_section .box_emerald10 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 10px #8DC6D1;
}

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

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

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

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

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

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

div#contents_main #contents_section .box_emerald h2,
div#contents_main #contents_section .box_emerald5 h2,
div#contents_main #contents_section .box_emerald10 h2,
div#contents_main #contents_section .box_emerald h3,
div#contents_main #contents_section .box_emerald5 h3,
div#contents_main #contents_section .box_emerald10 h3 {
    margin-top: 0px;
}

/*パープル*/
div#contents_main #contents_section .box_purple {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #B088B0;
}

div#contents_main #contents_section .box_purple_compact {
    padding: 15px 15px 15px 15px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #B088B0;
    line-height: 150%;
}

div#contents_main #contents_section .box_purple5 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 5px #B088B0;
}

div#contents_main #contents_section .box_purple10 {
    padding: 25px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 10px #B088B0;
}

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

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

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

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

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

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

div#contents_main #contents_section .box_purple h2,
div#contents_main #contents_section .box_purple5 h2,
div#contents_main #contents_section .box_purple10 h2,
div#contents_main #contents_section .box_purple h3,
div#contents_main #contents_section .box_purple5 h3,
div#contents_main #contents_section .box_purple10 h3 {
    margin-top: 0px;
}




/* 背景が薄いグレーのボックス */
div#contents_main #contents_section .box_bg_gray {
    background-color: #f6f6f6;
    padding: 20px 25px 20px 25px;
    margin: 10px 0px 25px 0px;
}


/* 背景が薄い赤のボックス */
div#contents_main #contents_section .box_bg_red {
    background-color: #ffeeee;
    padding: 10px 20px;
}

/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib {
    overflow: hidden;
    display: inline-block
}



/* ---------- 記事内の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.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

div#contents_main #contents_section ul.float {
    float: none;
    clear: both;
}

div#contents_main #contents_section ul.float li {
    display: inline-block;
    padding: 2px 10px 4px 0px;
    float: left;
    background: none;
}

/*先頭のディスクを付けない場合、ulにこのclassを指定「no_disc」*/
div#contents_main #contents_section ul.no_disc {
    list-style: none;
    background: none;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
}

div#contents_main #contents_section ul.no_disc li {
    padding: 2px 0px 4px 2px;
    padding-left: 2em;
    background: none !important;
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-size: 96%;
}

div#contents_main #contents_section ul.no_disc li ul li {
    padding: 2px 0px 4px 2px;
    padding-left: 2em;
}

/* ---------- 記事内のア、イ、ウ…の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;
}

/* ---------- 記事内のア、イ、ウ…の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;
}

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;
}

/* ---------- ulを半角2文字分で揃えるのli ---------- */

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

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


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

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

/* ---------- Youtube等iframeを配置した場合の横幅 ---------- */

/*youtubeを囲んだdiv*/
.youtube_box {
    position: relative;
    padding-bottom: 56.25%;
    /*16:9のアスペクト比*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    z-index: 10;
}

/*固定ページ*/
div#contents_main #contents_section .youtube_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

/*投稿系ページ*/
div#contents_main.blog_page_design #contents_section .youtube_box iframe,
div#contents_main.news_page_design #contents_section .youtube_box iframe,
div#contents_main.blog_list_design #contents_section .youtube_box iframe,
div#contents_main.news_list_design #contents_section .youtube_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.text_box_2column {
    display: block;
    overflow: hidden;
    position: relative;
}

.text_box_2column h2,
.text_box_2column h3 {
    display: inline-block;
    margin: 0px 0 10px 0;
}

.text_box_2column p {
    margin-bottom: 0px;
}

/*左*/
.text_box_2column_left {
    display: block;
    overflow: hidden;
    position: relative;
    width: 46%;
    margin-right: 8%;
    float: left;
}

/*右*/
.text_box_2column_right {
    display: block;
    overflow: hidden;
    position: relative;
    width: 46%;
    margin-right: 0%;
    float: left;
}

/* ---------- div内で3列にならべるdiv ---------- */

/*3列全体　div*/
.text_box_3column {
    display: block;
    overflow: hidden;
    position: relative;
}

.text_box_3column h2,
.text_box_3column h3 {
    display: inline-block;
    margin: 0px 0 10px 0;
}

.text_box_3column p {
    margin-bottom: 0px;
}

/*左*/
.text_box_3column_left {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32%;
    margin-right: 2%;
    float: left;
}

/*中央*/
.text_box_3column_center {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32%;
    margin-right: 2%;
    float: left;
}

/*右*/
.text_box_3column_right {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32%;
    margin-right: 0%;
    float: left;
}

/* ---------- div内で4列にならべるdiv ---------- */

/*4列全体　div*/
.text_box_4column {
    display: block;
    overflow: hidden;
    position: relative;
}

.text_box_4column h2,
.text_box_4column h3 {
    display: block;
    margin: 0px 0px 10px 0px !important;
    float: none;
    clear: both;
}


.text_box_4column p {
    margin-bottom: 0px;
}

/*左*/
.text_box_4column_1 {
    display: block;
    overflow: hidden;
    position: relative;
    width: 23%;
    margin-right: 2%;
    float: left;
}

/*中央*/
.text_box_4column_2 {
    display: block;
    overflow: hidden;
    position: relative;
    width: 23%;
    margin-right: 2%;
    float: left;
}

/*中央*/
.text_box_4column_3 {
    display: block;
    overflow: hidden;
    position: relative;
    width: 23%;
    margin-right: 2%;
    float: left;
}

/*右*/
.text_box_4column_4 {
    display: block;
    overflow: hidden;
    position: relative;
    width: 23%;
    margin-right: 0%;
    float: left;
}


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

.icon_link {
    margin: 6px 0px 6px 0px;
    padding: 1px 8px 2px 18px;
    background: url(img/icon_16_link.png) no-repeat 0px 5px;
    text-decoration: underline;
}

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

a.icon_download {
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_pdf.png) no-repeat right 4px;
    text-decoration: underline;
}

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

a.icon_pdf {
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_pdf.png) no-repeat right 4px;
    text-decoration: underline;
}

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

a.icon_blank {
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_blank.png) no-repeat right 4px;
    text-decoration: underline;
}

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

a.icon_excel {
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_excel.png) no-repeat right 4px;
    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;
    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;
    }
}

a.icon_link:hover,
a.icon_link_square:hover,
a.icon_pdf:hover,
a.icon_download:hover,
a.icon_blank:hover,
a.icon_excel:hover,
a.icon_word:hover {
    color: #4e5390;
    text-decoration: underline;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}


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;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
div#contents_main .pc_only_mb20,
.pc_only_mb20 {
    margin-bottom: 20px;
}


/* ---------- 各学部アイコン（p class="icon_department_humanities"という感じで使用）* ---------- */

/*文学部*/
.icon_department_humanities:before {
    position: relative;
    content: url(img/icon_24_book_blue.png);
    top: 5px;
    margin-right: 3px;
}

/*経済学部*/
.icon_department_economics:before {
    position: relative;
    content: url(img/icon_24_graph_green.png);
    top: 5px;
    margin-right: 3px;
}

/*社会福祉学部*/
.icon_department_social_welfare:before {
    position: relative;
    content: url(img/icon_24_leaf_orange.png);
    top: 5px;
    margin-right: 3px;
}

/*短期大学部*/
.icon_department_general_education:before {
    position: relative;
    content: url(img/icon_24_pen_purple.png);
    top: 5px;
    margin-right: 3px;
}

/*大学院*/
.icon_department_graduate_college:before {
    position: relative;
    content: url(img/icon_24_hut_darkblue.png);
    top: 5px;
    margin-right: 3px;
}



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

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: #30356c;
    text-decoration: none;
}

div#contents_main .button:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #5A5E8A;
}

div#contents_main .button_green {
    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: #005050;
    text-decoration: none;
}

div#contents_main .button_green:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #337373;
}

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: #30356c;
    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: #5A5E8A;
}

div#contents_main .button_blank_purple {
    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: #AB7EB4;
    text-decoration: none;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}

div#contents_main .button_blank_purple:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #BC98C3;
}



/*ページ上部に設置するページ内アンカーボタン　ul*/
.button_anchor_box {
    display: block;
    overflow: hidden;
    list-style: none;
    margin-bottom: 20px;
    vertical-align: top;
}

#contents_section .button_anchor_box p {
    display: inline;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.button_anchor_box a {
    display: inline-block;
    padding: 6px 28px 6px 12px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    background: none;
    background: url(img/icon_16_anchor.png) no-repeat 96% 50%;
    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: left;
    text-decoration: none;
}

.button_anchor_box a:hover {
    padding: 6px 28px 6px 12px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff;
    cursor: pointer;
    background: url(img/icon_16_anchor_white.png) no-repeat 96% 50%;
    background-color: #30356c;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*横並びにアンカーリンクを並べる場合（gray_box5で囲むと見栄えが良い）※もともと「お問い合わせ」用に作ったもの。現在は汎用している*/

/*div*/
.contact_anchor_link {
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*border-left: solid 1px #d2d2d2;*/
}

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

.contact_anchor_link a {
    display: block;
    padding: 3px 6px 3px 24px;
    margin: 0px 10px 0px 0px;
    float: left;
    /*border-right: solid 1px #d2d2d2;*/
    color: #666666;
    background: url(img/icon_16_box_anchor.png) no-repeat 2px 6px;
}

.contact_anchor_link a:hover {
    background-color: #30356a;
    color: #ffffff;
    text-decoration: none;
}




/*ページ下部の「専門教育科目・大学共通科目」等のリンク欄（上部に設置しているページもあり）　div*/
.bottom_page_linkbox {
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 15px 20px 5px 20px;
}

.bottom_page_linkbox p {
    margin-bottom: 0px !important;
    background: url(img/icon_link_box_self.png) no-repeat 100% 8px;
    /*横縦*/
}

.bottom_page_linkbox a {
    font-size: 120%;
    padding: 20px 20px 20px 20px;
    margin: 0px 10px 10px 0px;
    border: solid 1px #d8d8d8;
    min-width: 300px;
    text-decoration: none;
    white-space: nowrap;
    float: left;
    /*background:url(img/icon_curriculum.png) no-repeat 30px 50%;*/
    /*横縦*/
    background: url(img/icon_link_box_self.png) no-repeat 96% 50%;
    /*横縦*/
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.bottom_page_linkbox a:hover {
    background-color: #bcc1da;
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;

}

.bottom_page_linkbox a.active {
    background: url(img/icon_link_box_self_white.png) no-repeat 96% 50%;
    /*横縦*/
    color: #ffffff;
    /*background-color: #dceef6;*/
    background-color: #30356a;
    /*background-color: #bcc1da;*/
    filter: alpha(opacity=50) !important;
    /*IE*/
    -moz-opacity: 0.50 !important;
    /*FF*/
    opacity: 0.50 !important;
}


/*固定ページの下部に配置する、関連ページへのリンク「関連リンク」*/

/**/
.other_link_box {}

/*p*/
.other_link_title {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 20px 0px 20px 0px;
    margin-bottom: 0 !important;
    padding: 5px 15px 5px 35px;
    background: url(img/icon_16_clip_white.png) no-repeat 15px 11px;
    /*横縦*/
    background-color: #7a7f94;
    /*footerと同じ色*/
    color: #ffffff;
}

/*div*/
.other_link {
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
    border-left: solid 1px #d2d2d2;
    border-right: solid 1px #d2d2d2;
}

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

.other_link a {
    display: inline !important;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    float: left;

    color: #666666;
}

.other_link a:hover {
    color: #30356a;
    text-decoration: underline;
}

.other_link a.icon_link {
    padding: 0px 10px 0px 20px;
}

.other_link a.icon_blank,
.other_link a.icon_pdf,
.other_link a.icon_download,
.other_link a.icon_excel,
.other_link a.icon_word {
    padding: 0px 20px 0px 10px;
}






/*固定ページの下部に配置する、他ページへのリンク「リンクメニュー」*/


/*メニューのタイトル　p*/
.page_bottom_related_link_title {
    display: block;
    position: relative;
    margin: 20px 0px 0px 0px;
    margin-bottom: 0 !important;
    padding: 10px 15px 10px 35px;
    background: url(img/icon_24_pc_white.png) no-repeat 11px 12px;
    /*横縦*/
    /*background-color: #4c505c; footerと同じ色*/
    /*background-color: #aeb7cd;*/
    background-color: rgb(174, 183, 205);
    color: #ffffff;

}

/*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される（div）*/

/*p*/
.page_bottom_related_link {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px 15px 10px 15px;
    margin: 0px 0px 25px 0px;
    /*background-color: #aeb7cd;*/
    background-color: rgb(174, 183, 205);
}


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

.page_bottom_related_link a {
    display: block;
    min-width: 120px;
    padding: 7px 10px 7px 25px;
    margin: 0px 5px 5px 0px;
    float: left;
    border: solid 1px #d2d2d2;
    background: url(img/icon_link.png) no-repeat 7px 10px;
    /*横縦*/
    background-color: #ffffff;
    color: #30356a;
    text-decoration: none;
    font-size: 96%;
}

.page_bottom_related_link a.active {
    border: solid 1px #d2d2d2;
    background: url(img/icon_link_hover.png) no-repeat 7px 10px;
    /*横縦*/
    background-color: #30356a;
    color: #ffffff !important;
}

.page_bottom_related_link a:hover,
.page_bottom_related_link p a:hover {
    border: solid 1px #d2d2d2;
    background: url(img/icon_link_hover.png) no-repeat 7px 10px;
    /*横縦*/
    background-color: #4c505c;
    color: #ffffff !important;
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}




/*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される（div）*/
/*こっちは改変前のもの。下部ではなく、上部に使用している可能性があるので、残しておく*/

.related_link {
    padding: 0px 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: #30356a;
    text-decoration: none;
}

.related_link a.active {
    border: solid 1px #d2d2d2;
    background: url(img/icon_link_hover.png) no-repeat 15px 15px;
    /*横縦*/
    background-color: #30356a;
    color: #ffffff !important;
}

.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: #30356a;
    color: #ffffff !important;
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}


/*2017.3.15追加　「button」を5カラムで等間隔に並べる　div*/
.button_5column_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both;
}

div#contents_main .button_5column_box .button {
    display: inline-block;
    width: 19%;
    letter-spacing: 0em;
    margin-right: 1.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

div#contents_main .button_5column_box .button:nth-Child(5n) {
    margin-right: 0% !important;
}


/*2017.3.15追加　「button」を4カラムで等間隔に並べる　div*/
.button_4column_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both;
}

div#contents_main .button_4column_box .button {
    display: inline-block;
    width: 24%;
    letter-spacing: 0em;
    margin-right: 1.3333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#contents_main .button_4column_box .button:nth-Child(4n) {
    margin-right: 0% !important;
}

/*2017.3.15追加　「button」を3カラムで等間隔に並べる　div*/
.button_3column_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both;
}

div#contents_main .button_3column_box .button {
    display: inline-block;
    width: 32%;
    letter-spacing: 0em;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#contents_main .button_3column_box .button:nth-Child(3n) {
    margin-right: 0% !important;
}



/*---------- 固定ページで使用する汎用タブ切り替え ----------*/

.general_tab {
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    border-bottom: solid 1px #d2d2d0 !important;
    margin-bottom: 10px;
}

/*タブ1つ分 div*/
.general_tab_menu {
    display: inline-block;
    position: relative;
    min-width: 202px;
    height: 48px;
    padding: 12px 10px 8px 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    float: left;
    list-style: none;
    text-align: center;
    font-size: 100%;
    letter-spacing: 0em;
    color: #31312f;
    /*background-color:#E8E8CE;*/
    background-color: #dfdfdf;
    border: solid 1px #d2d2d0;
    border-bottom: solid 0px #d2d2d0 !important;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general_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 #d2d2d0;
    border-bottom: solid 1px #884466;
    cursor: default;
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general_tab_nowselect:hover {
    color: #31312f;
    filter: alpha(opacity=100) !important;
    /*IE*/
    -moz-opacity: 1.00 !important;
    /*FF*/
    opacity: 1.00 !important;
}

/*タブで切り替えるコンテンツの中身*/
.general_tab_contents div {
    overflow: hidden;
}

/*切り替えられる中身はdiv「box_gray」で囲む*/
.general_tab_contents .box_gray {
    margin-top: 0px !important;
}

/*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
.general_tab_contents_hide {
    display: none;
}



/* ---------- 動画コンテンツ（youtube）のiframe ---------- */

/*ビデオ設置枠*/
.video_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.video_box iframe {
    width: 100%;
    /*max-width:1080px;*/
    /*height:607px;*/
    max-width: 1140px;
    height: 641px;
    margin: 0 auto;
}


/* ---------- インタビューのQ&A（国際交流「留学生体験記」等） ---------- */

.text_q {
    font-size: 110%;
    font-weight: 600;
    color: #358585;
}

.text_a {}

.text_q_en {
    font-size: 96%;
    color: #777777;
}

.text_a_en {
    font-size: 96%;
    color: #777777;
}


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

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

div.news_list_design div#contents_footer,
div.blog_list_design div#contents_footer {
    margin: 10px 0 20px 0;
    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: #30356a;
}

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

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

/*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、ブログページの基本パーツ設定

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


/*Newsとblogの記事タイトル h1*/
.news_page_design .entry_title,
.news_list_design .entry_title,
.blog_page_design .entry_title,
.blog_list_design .entry_title {
    margin: 40px 0px 7px 0px;
    padding: 0px 0px 0px 0px;
}

.news_page_design .entry_title h1,
.news_list_design .entry_title h1,
.blog_page_design .entry_title h1,
.blog_list_design .entry_title h1 {
    font-size: 25px;
    line-height: 130%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*NewsとBlogの記事タイトルの下の日付*/
.news_page_design #contents_header .date,
.news_list_design #contents_header .date,
.blog_page_design #contents_header .date,
.blog_list_design #contents_header .date {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    color: #666666;
}

/*「続きを見る」のリンク*/
.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.png) no-repeat 7px 11px;
    /*横縦*/
    /*border: solid 1px #d2d2d2;*/
    background-color: #30356a;
    color: #ffffff !important;
}

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

.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: 1.5em;
}

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

.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: #262626;
}

/*サイドのh2の中のb*/
div#contents_side .side_title_box h2 {
    color: #30356c;
}

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

div#contents_side .side_title_box h2 a {
    text-decoration: none;
}

/*サイドのh2の各カテゴリ別アイコン*/

/*News*/
/*
div#contents_side .side_box_category_news .side_title_box{
	background:url(img/sidetitle_icon_news.png) no-repeat 6px 8px;
	background-color:#ebf2eb;
}
*/

/*Blog*/
/*
div#contents_side .side_box_category_blog .side_title_box{
	background:url(img/sidetitle_icon_blog.png) no-repeat 6px 8px;
	background-color:#ebf2eb;
}
*/

/*投稿系ページのカテゴリタイトルの色メモ（右サイドのリストのhoverの色をあわせることになったときのための参考メモ）*/
/*
	紫系：
	ニュース（news）
	ピックアップ（pickup）
	
	緑系：
	同窓会からのお知らせ（association_news）
	大谷地だより（association_magazine）
	広報ニュース（publicity）
	後援会からのお知らせ（supporter_news）
	後援会だより（supporter_letter）
	
	エメラルドグリーン系：
	国際交流NEWS（international_news）
	留学生の体験レポート（abroad_report）
	america、algoma、england、indonesia、catholic、canada
	
	グレーに近い青
	大学院からのお知らせ（graduate_news）

	青系：
	保護者の方へのお知らせ（parents_news）
	卒業生の方へのお知らせ（alumni_news）

.association_news,
.association_magazine,
.publicity,
.supporter_news,
.supporter_letter,
.international_news,
.abroad_report,
.america,
.algoma,
.england,
.indonesia,
.catholic,
.canada,
.graduate_news,
.parents_news,
.alumni_news,


*/



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

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

/*カテゴリの子ページリンク*/
div#contents_side .news_current_list li a .date,
div#contents_side .blog_current_list li a .date {
    color: #bababa;
    display: block;
    width: 100%;
    text-decoration: none;
}

/*ブログ、トピックスなどのタイトルの共通設定*/
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 14px;
    background-color: #ffffff;
    color: #4b4b4b;
    font-size: 96%;
    line-height: 130%;
    text-decoration: none;
}

.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;
    text-decoration: none;
}

/*Newsページの記事ページリストのアイコン2種「news」*/
.news_current_list .news,
.news_current_list .association_news,
.news_current_list .association_magazine,
.news_current_list .publicity,
.news_current_list .supporter_news,
.news_current_list .supporter_letter,
.news_current_list .international_news,
.news_current_list .abroad_report,
.news_current_list .america,
.news_current_list .algoma,
.news_current_list .england,
.news_current_list .indonesia,
.news_current_list .catholic,
.news_current_list .canada,
.news_current_list .graduate_news,
.news_current_list .parents_news,
.news_current_list .alumni_news,
.news_current_list .covid-19_news {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_news.png) no-repeat 14px 12px;
    /*横 縦*/
}

.news_current_list a:hover.news,
.news_current_list a:hover.graduate_news,
.news_current_list a:hover.supporter_letter,
.news_current_list a:hover.association_magazine,
.news_current_list a:hover.association_news,
.news_current_list a:hover.covid-19_news {
    background: url(img/icon_news_hover.png) no-repeat 16px 12px;
    /*横 縦*/
}

/*pickupページの記事ページリストのアイコン　「news」と同じ*/
.news_current_list .pickup {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_news.png) no-repeat 14px 12px;
    /*横 縦*/
}

.news_current_list a:hover.pickup {
    background: url(img/icon_news_hover.png) no-repeat 16px 12px;
    /*横 縦*/
}

/*Newsページの記事ページリストのアイコン「event」*/
.news_current_list .event {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_event.png) no-repeat 12px 14px;
    /*横 縦*/
}

.news_current_list a:hover.event {
    background: url(img/icon_event_hover.png) no-repeat 16px 12px;
    /*横 縦*/
}

/*Newsページの記事ページリストのアイコン「publicity」*/
.news_current_list .publicity {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_16_megaphone.png) no-repeat 12px 14px;
    /*横 縦*/
}

.news_current_list a:hover.publicity {
    background: url(img/icon_16_megaphone_white.png) no-repeat 16px 12px;
    /*横 縦*/
}

/*Blogページの記事ページリストのアイコン「blog」*/
.blog_current_list .blog {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_blog.png) no-repeat 12px 14px;
    /*横 縦*/
}

.blog_current_list a:hover.blog {
    background: url(img/icon_blog_hover.png) no-repeat 16px 12px;
    /*横 縦*/
}


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


/*サイドのカテゴリリンクのタイトル p*/
div#contents_side .side_title_box .category_link_list_title {
    font-weight: 500;
}

/*サイドのカテゴリリンクの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%;
    text-decoration: none;
}

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


/*海外活動報告の記事ページリストのアイコン「interview」*/
div#contents_side .category_link_list .interview a {
    /*padding:8px 14px 8px 37px;*/
    padding: 10px 14px 10px 37px;
    width: 253px;
    color: #4b4b4b;
    font-size: 96%;
    line-height: 130%;
    text-decoration: none;
    background: url(img/icon_earth2.png) no-repeat 12px 11px;
    /*横 縦*/
    background-color: #ffffff;
    border-bottom: solid 1px #d2d2d2;
}

div#contents_side .category_link_list .interview:last-Child a {
    border-bottom: solid 0px #d2d2d2;
}

div#contents_side .category_link_list .interview a:hover {
    color: #ffffff;
    font-size: 96%;
    line-height: 130%;
    text-decoration: none;
    background: url(img/icon_earth2_hover.png) no-repeat 16px 11px;
    /*横 縦*/
    background-color: #32b8c7;
}

/*留学先大学名*/
div#contents_side .category_link_list .interview span {
    display: block;
    font-size: 12px;
    color: #a9a9a9;
    padding-top: 3px;
}

div#contents_side .category_link_list .interview a:hover span {
    color: #ffffff;
}

/*サイドのカテゴリリンクのulの中のul、li（学部に対しての学科）*/

div#contents_side .category_link_list li .children {
    border-bottom: dotted 1px #d2d2d2;
}

div#contents_side .category_link_list li:last-child .children {
    border-bottom: dotted 0px #d2d2d2 !important;
}

div#contents_side .category_link_list .children li a {
    /*ul*/
    padding-left: 2em;
    width: auto;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

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

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

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

/*Googleのスクリプトから書き出されるiframeのID名*/
#cse-search-results {}

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

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



.gsc-webResult {
    padding: 0px !important;
}

.gsc-control-cse {
    padding: 0px !important;
}

div#contents_main #contents_section .gsc-control-cse table {
    margin-bottom: 0.5em;
    border-top: #d8d8d8 solid 0px !important;
    border-left: #d8d8d8 solid 0px !important;
    width: 100%;
}

div#contents_main #contents_section .gsc-control-cse table tr {
    border-bottom: #d8d8d8 solid 0px !important;
    border-right: #d8d8d8 solid 0px !important;
}

div#contents_main #contents_section .gsc-control-cse table th,
div#contents_main #contents_section .gsc-control-cse table td {
    padding: 8px 0px 8px 0px;
    /*white-space: nowrap;*/
    border-bottom: #d8d8d8 solid 0px !important;
    border-right: #d8d8d8 solid 0px !important;
    font-weight: normal !important;
}


/*検索結果1つ分のくくり　div*/
div#contents_main #contents_section .gsc-result {
    border-bottom: #d8d8d8 solid 0px !important;
}

div#contents_main #contents_section .gsc-result:hover {
    border-color: #ffffff !important;
}

/*検索結果のページ名のリンク色　a*/
div#contents_main #contents_section .gs-result .gs-title {
    text-decoration: none !important;
    color: #190BB4;
}

div#contents_main #contents_section .gs-result .gs-title:hover {
    text-decoration: underline !important;
}

/*検索結果のURLの色*/
div#contents_main #contents_section .gs-visibleUrl {
    color: #008000;
    /*#00591E*/
}



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

フッター

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

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

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

/*左の学校ロゴと住所を包んだ枠*/
.school_info_box {
    float: left;
    padding: 0px 40px 0px 0px;
    margin: 0px 40px 0px 0px;
}

/*ロゴ画像代替*/
.footer_logo {
    /*p*/
    display: block;
    position: relative;
    width: 170px;
    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;
    text-decoration: none;
}

.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 {
    float: left;
    border-left: solid 1px #ffffff;
    padding: 0px 0px 0px 40px;
}

/*テキストリンク*/
.footer_etc_link1 {
    /*ul 上段*/
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
    font-size: 96%;
}

.footer_etc_link2 {
    /*ul 下段*/
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
    font-size: 96%;
}

.footer_etc_link1 li,
.footer_etc_link2 li {
    /*li*/
    float: left;
    min-width: 7em;
    padding-right: 2.5em;
}

.footer_etc_link1 li a,
.footer_etc_link2 li a {
    /*a*/
    float: left;
    color: #FFFFFF !important;
    text-decoration: none;
}

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

/*メールでのお問い合わせ*/
.footer_mail_link a {
    display: inline;
    width: auto;
    padding: 4px 4em 4px 4em;
    margin: 0px 0px 15px 0px;
    color: #FFFFFF !important;
    border: solid 1px #FFFFFF;
    font-size: 96%;
    text-decoration: none;
}

.footer_mail_link a:hover {
    background-color: #82858d;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

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

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



/* ----------ページTOPへボタン---------- */
#pagetop_wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 64px;
    height: 72px;
    z-index: 888;
}

.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;
}



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

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

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


/* ---------- メインビジュアルと動画 ---------- */

.mainvisual_inner {
    clear: both;
    float: none;
}

/*メインビジュアル*/

/*スマホ用ビデオエリア*/
.sp_main_visual {
    display: none;
}

/*PC用ビデオエリア*/
#main_visual {
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    /*padding-bottom: 56.25%;　16:9用*/
    padding-bottom: 41.75%;
    /*1200×500用*/
    height: 0;
    overflow: hidden;
    /*background: url(img/movie_filter.png);*/
    /*ドット網かけ*/
}


#main_visual iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* 動画部分 */

video#main_video {
    /*
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-size: cover;
  z-index: -888;
  */
}

.overlay {

    /*background-color:#309;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/movie_filter.png);
    /*ドット網かけ*/

    /*↓動画の再生ボタンを有効にするならコメントアウトをはずす*/
    pointer-events: none;
    /*z-index: 10;*/
}

.overlay_inner {
    position: relative;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}

.overlay_right_box {
    position: relative;
    width: 220px;
    height: 100%;
    bottom: 0px;
    float: right;
    z-index: 11;
    background: url(img/mainvisual_right_banner_bg.png) repeat-y;

    /*background-color:#04043d;*/
    /*filter:alpha(opacity=50);*/
    /*IE*/
    /*-moz-opacity:0.50;*/
    /*FF*/
    /*opacity:0.50;*/
}

.banner_box1 a,
.banner_box2 a,
.banner_box_announcement a {
    display: block;
    overflow: hidden;
    z-index: 12;
    pointer-events: visible !important;
}

.banner_box1 a img,
.banner_box2 a img,
.banner_box_announcement a img {
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}

.banner_box1 a:hover img,
.banner_box2 a:hover img,
.banner_box_announcement a:hover img {
    filter: alpha(opacity=10) !important;
    /*IE*/
    -moz-opacity: 1.00 !important;
    /*FF*/
    opacity: 1.00 !important;
    -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;
}

.banner_box1 {
    width: 220px;
    height: 120px;
    position: absolute;
    bottom: 120px;
}

.banner_box2 {
    width: 220px;
    height: 120px;
    position: absolute;
    bottom: 0px;
}

/*合格発表*/
.banner_box_announcement {
    width: 220px;
    height: 240px;
    position: absolute;
    bottom: 240px;
    background-color: #ffffff;
}


/*中央キャッチコピー　16:9用*/
/*
.overlay_center_box{
	position:static;
	top: -55%;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-55%);
}
*/

/*中央キャッチコピー　1200×500用*/
.overlay_center_box {
    position: static;
    top: -50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}







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

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

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

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

#contents_top_bigbanner,
#contents_top_pickup,
#contents_top_news,
#contents_top_news2,
#contents_top_guide,
#contents_top_department,
#contents_top_research,
#contents_top_international,
#contents_top_career,
#contents_top_site,
#contents_top_other {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}


/*PICKUP*/
#contents_top_pickup {
    background: url(img/img_pickup_bg.png) center top repeat-x;
}

/*ビッグバナー欄*/
#contents_top_bigbanner {
    background-color: #f7f7f4;
    padding: 30px 0px 30px 0px;
}

/*NEWS欄とミニバナー*/
#contents_top_news {
    background-color: #ffffff;
}

/*イベント情報と広報ニュース*/
#contents_top_news2 {
    background-color: #f7f7f4;
}

/*MOVIE*/
#contents_top_movie {
    background: url(img/img_movie_bg.png) center top repeat-x;
}

/*大学案内*/
#contents_top_guide {
    background-color: #f7f3f4;
}

/*学部・学科*/
#contents_top_department {
    background-color: #ffffff;
    padding: 0px 0px 40px 0px;
}

/*大学院・研究*/
#contents_top_research {
    background-color: #f7f7f5;
}

/*国際交流・留学*/
#contents_top_international {
    background: url(img/bg_international.png) center 110px no-repeat;
    background-color: #207785;
}

/*就職・キャリア*/
#contents_top_career {
    background-color: #ffffff;
    padding-bottom: 135px;
    background: url(img/bg_career.png) center bottom repeat-x;
}

/*コンテンツ＆サイト*/
#contents_top_site {
    background-color: #f7f7f5;
}

/*コンテンツ＆サイトの下段（5つのリンク）*/
#contents_top_other {
    background: -moz-linear-gradient(left, #324184, #324184 30%, #643595 70%, #643595);
    background: -webkit-gradient(linear, left top, right bottom, from(#324184), color-stop(0.3, #324184), color-stop(0.7, #643595), to(#643595));
    background: linear-gradient(to right, #324184, #324184, #643595, #643595);
    /* IE10+, W3C */
}

/*各コンテンツ欄のh2タイトル div（共通）*/
.top_title_box {
    display: block;
    width: 1140px;
    height: 110px;
    margin: 0 auto;
    float: none;
}

#top_event_news_box .top_title_box,
#top_publicity_news_box .top_title_box {
    display: block;
    width: 560px;
    height: 100px;
    margin: 0 auto;
    float: none;
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}

/*PICKUPのタイトル　h2*/
.subtitle_pickup {
    height: 110px;
    background: url(img/top_category_h2_pickup.png) center no-repeat;
}

/*NEWSのタイトル　h2*/
.subtitle_news {
    height: 110px;
    background: url(img/top_category_h2_news.png) center no-repeat;
}

/*イベント情報のタイトル　h2*/
.subtitle_event_news {
    height: 100px;
    background: url(img/top_category_h2_event.png) center 0px no-repeat;
}

/*広報ニュースのタイトル　h2*/
.subtitle_publicity_news {
    height: 100px;
    background: url(img/top_category_h2_publicity.png) center 0px no-repeat;
}

/*MOVIEのタイトル　h2*/
.subtitle_movie {
    height: 110px;
    background: url(img/top_category_h2_movie.png) center no-repeat;
}

/*大学案内のタイトル　h2*/
.subtitle_guide {
    height: 110px;
    background: url(img/top_category_h2_guide.png) center no-repeat;
}

/*学部・学科のタイトル　h2*/
.subtitle_department {
    height: 110px;
    background: url(img/top_category_h2_department.png) center no-repeat;
}

/*大学院・研究のタイトル　h2*/
.subtitle_research {
    height: 110px;
    background: url(img/top_category_h2_research.png) center no-repeat;
}

/*国際交流・留学のタイトル　h2*/
.subtitle_international {
    display: block;
    height: 110px;
    background: url(img/top_category_h2_international.png) center no-repeat;
    border-bottom: solid 1px #8abdc6;
    background-color: #207785;
}

/*就職・キャリアのタイトル　h2*/
.subtitle_career {
    height: 110px;
    background: url(img/top_category_h2_career.png) center no-repeat;
}

/*コンテンツ＆サイトのタイトル　h2*/
.subtitle_contents {
    height: 110px;
    background: url(img/top_category_h2_contents.png) center no-repeat;
}

/*各h2タイトルのbタグを非表示*/
.subtitle_pickup b,
.subtitle_news b,
.subtitle_event_news b,
.subtitle_publicity_news b,
.subtitle_movie b,
.subtitle_guide b,
.subtitle_department b,
.subtitle_research b,
.subtitle_international b,
.subtitle_career b,
.subtitle_contents b {
    visibility: hidden;
}


/*---------- トップコンテンツで、右サイドリンク枠があるもののリンク設定（各コンテンツ共通利用） ----------*/

/*右側のリンク枠のul（タイプA：上段）*/
.linkbox_ul_type_a {
    display: block;
    position: relative;
    width: 250px;
    float: none;
    padding: 15px 20px 5px 0px;
    margin: 0px 0px 15px 0px;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

/*右側のリンク枠のul（タイプB：中段）*/
.linkbox_ul_type_b {
    display: block;
    position: relative;
    width: 250px;
    float: none;
    padding: 15px 20px 5px 0px;
    margin: 0px 0px 15px 0px;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

/*右側のリンク枠のul（タイプC：下段）*/
.linkbox_ul_type_c {
    display: block;
    position: relative;
    width: 250px;
    height: 100%;
    float: none;
    padding: 15px 20px 5px 0px;
    margin: 0px 0px 10px 0px;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
}

/*右側のリンク枠のul（タイプD：ulが1つしかないもの）*/
.linkbox_ul_type_d {
    display: block;
    position: relative;
    width: 250px;
    float: none;
    padding: 15px 20px 5px 0px;
    margin: 0px 0px 15px 0px;
    border-right: solid 1px #ffffff;
}

/*先頭が「○」のリンク　li*/
.list_link_circle {
    padding: 0px 0px 8px 22px;
    background: url(img/icon_circle_white.png) no-repeat 0px 5px;
    /*横縦*/
    line-height: 150%;
}

.list_link_circle a {
    display: block;
    height: auto;
    line-height: 100%;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

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

/*先頭が「＞」のリンク　li*/
.list_link_normal {
    padding: 0px 0px 4px 22px;
    background: url(img/icon_link_white.png) no-repeat 0px 5px;
    /*横縦*/
}

.list_link_normal a {
    display: block;
    height: auto;
    line-height: 100%;
    font-size: 92%;
    padding: 5px 0px 5px 0px;
}

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




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

トップのPICKUP欄

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

/*PICKUPのコンテンツ表示枠*/
.pickup_box {
    display: block;
    overflow: hidden;
    width: 1095px;
    height: 350px;
    padding: 0px 0px 0px 45px;
}

/*カルーセル全体*/
.slider {
    display: block;
    width: 1050px;
    /*横幅1140pxの両側に45pxずつ次へ前へのボタン*/
    height: 350px;
}

.pickup_1box {
    display: block;
    width: 250px;
    height: 300px !important;
    margin: 0px 14px 5px 0px;
    cursor: pointer;
    background-color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

/*1記事分のリンクエリア*/
.pickup_1box a {
    display: block;
    width: 250px;
    height: 300px !important;
    text-decoration: none;
}

/*1記事分のimg*/
.pickup_1box img {
    display: block;
    width: 250px;
    /*height:200px;*/
}

/*写真の下のテキスト欄（日付+タイトル）　span*/
.pickup_text_box {
    display: block;
    width: 220px;
    height: 90px;
    position: absolute;
    top: 200px;
    padding: 3px 15px 7px 15px;
}

/*日付　p*/
.pickup_date {
    display: block;
    padding: 5px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 120%;
    color: #70B7C5;
}

/*タイトル　p　※JSにて、40文字以降を省略する設定にしています。「text_overflow」をつけると適用される*/
/*この2つのクラスをセットで使う<p class="pickup_text text_overflow">*/
.pickup_text {
    display: block;
    overflow: hidden;
    padding: 5px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 140%;
    height: 60px;
    font-size: 94%;
    color: #3F3C3C;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 34px;
    height: 35px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev {
    left: -45px;
    background: url(img/btn_pickup_before.png) no-repeat 0px 0px;
}

[dir='rtl'] .slick-prev {
    right: -45px;
    left: auto;
}

.slick-next {
    right: -45px;
    background: url(img/btn_pickup_next.png) no-repeat 0px 0px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -45px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: #6a878f;
}


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

トップのビッグバナー欄

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

/*ビッグバナー枠　div*/
.top_banner_box {
    display: block;
    width: 1140px;
    text-decoration: none;
    height: 300px;
    overflow: hidden;
}

/*スライダー全体 ul*/
ul.bxslider_bigbanner {
    display: block;
    width: 1140px;
    text-decoration: none;
    height: 300px;
    overflow: hidden;
}


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

トップのニュース欄、イベント情報欄、広報ニュース欄

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


/* ----------PC：トップのニュースボックス----------*/
.top_news_box {
    display: block;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 15px 0px;
}


/*イベント情報の一覧全体　左寄せ　div*/
.top_event_news_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 530px;
    /*リスト欄、ボトム隙間、MOREボタン*/
    margin: 0px 0px 25px 0px;
    float: left;
}

/*広報ニュースの一覧全体　右寄せ　div*/
.top_publicity_news_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 530px;
    /*リスト欄、ボトム隙間、MOREボタン*/
    margin: 0px 0px 25px 0px;
    float: right;
}




/*---------- ニュース全体 ----------*/
.top_news_list_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 780px;
    height: 435px;
    /*タブ、リスト欄、ボトム隙間、MOREボタン*/
    margin: 0px 0px 10px 0px;
    float: left;
}



/*「News」リストの表示枠　1ジャンル分 スクロールバーあり*/
.news_list {
    /*dl*/
    display: block;
    position: relative;
    height: 340px;
    padding: 20px 30px 0px 40px;
    margin-bottom: 20px;
    overflow: auto;
    border: solid 1px #d7d7d7;
}

/*学部・学科の新着情報の記事リスト調整*/
.department_news_content_list .news_list {
    /*dl*/
    display: block;
    position: relative;
    height: 275px;
    padding: 0px 30px 0px 40px;
    margin-bottom: 20px;
    overflow: auto;
    border: solid 0px #d7d7d7;
}

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

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

.news_list a {
    color: #31312f;
    font-size: 96%;
    text-decoration: none;
}

.news_list a:hover {
    color: #0151a8;
    font-size: 96%;
    text-decoration: underline;
}


.genre_department_letters_faculty,
.genre_department_economics,
.genre_department_social_welfare,
.genre_research,
.genre_junior_college {
    position: absolute;
    margin-left: -40px;
    color: #000000;
    display: inline-block;
    width: 20px;
    line-height: 1;
    padding: 3px 3px 3px 3px;
    text-align: left;
    vertical-align: baseline;
    white-space: nowrap;
    margin-right: 5px;
    /*margin-left:100px;*/
}

/*記事ジャンル span　「ニュース」　フキダシアイコン版*/
/*
.genre_news {
	background:url(img/icon_news_blue.png) no-repeat 0px 2px;
	background-size: 16px 16px;
}
*/


/*記事ジャンル span　共通設定*/
.genre_news,
/*お知らせ*/
.genre_important,
/*重要*/
.genre_career,
/*採用*/
.genre_event,
/*イベント*/
.genre_abroad,
/*国際・留学*/
.genre_job,
/*就職情報*/
.genre_examination,
/*入試情報*/
.genre_publicity

/*広報*/
    {
    position: absolute;
    display: inline-block;
    margin: 2px 8px 0px -60px;
    padding: 4px 6px 3px 6px;
    line-height: 100% !important;
    background-color: #3d79b9;
    color: #ffffff;
    height: auto;
    min-width: 4.3em;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
}


/*お知らせ*/
.genre_news {
    background-color: #3d79b9;
}

/*「重要」 span*/
.genre_important {
    background-color: #cc0066;
    letter-spacing: 0.5em;
}

/*「採用」 span*/
.genre_career {
    background-color: #669933;
    letter-spacing: 0.5em;
}

/*イベント*/
.genre_event {
    background-color: #cc66cc;
}

/*国際・留学*/
.genre_abroad {
    background-color: #FF673B;
    min-width: 4.3em;
    padding: 4px 3px 3px 3px;
}

/*就職情報*/
.genre_job {
    background-color: #6666cc;
}

/*入試情報*/
.genre_examination {
    background-color: #32b8c7;
}

/*広報*/
.genre_publicity {
    background-color: #DD9A33;
    letter-spacing: 0.5em;
}


/*2文字の場合の調整*/
.genre_important span,
/*重要*/
.genre_career span,
/*採用*/
.genre_publicity span

/*広報*/
    {
    margin-left: 0.5em;
}





/*記事ジャンル span　「文学部」*/
.genre_department_letters_faculty {
    /*background:url(img/icon_letters_faculty.png) no-repeat 0px 0px;*/
    background: url(img/icon_24_book_blue.png) no-repeat 0px 0px;
    background-size: 16px 16px;

}

/*記事ジャンル span　「経済学部」*/
.genre_department_economics {
    /*background:url(img/icon_economics.png) no-repeat 0px 0px;*/
    background: url(img/icon_24_graph_green.png) no-repeat 0px 0px;
    background-size: 16px 16px;

}

/*記事ジャンル span　「社会福祉学部」*/
.genre_department_social_welfare {
    /*background:url(img/icon_social_welfare.png) no-repeat 0px 0px;*/
    background: url(img/icon_24_leaf_orange.png) no-repeat 0px 0px;
    background-size: 16px 16px;

}

/*記事ジャンル span　「大学院」*/
.genre_research {
    /*background:url(img/icon_research.png) no-repeat 0px 0px;*/
    background: url(img/icon_24_hut_darkblue.png) no-repeat 0px 0px;
    background-size: 16px 16px;

}

/*記事ジャンル span　「短大」*/
.genre_junior_college {
    /*background:url(img/icon_junior_college.png) no-repeat 0px 0px;*/
    background: url(img/icon_24_pen_purple.png) no-repeat 0px 0px;
    background-size: 16px 16px;

}

/*ジャンルアイコンのクラス名がついたspanの中のspanを非表示に*/
/*
.genre_publicity span,
.genre_event span,
.genre_news span,

*/
.genre_department_letters_faculty span,
.genre_department_economics span,
.genre_department_social_welfare span,
.genre_research span,
.genre_junior_college span {
    visibility: hidden;
}

/*「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;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}*/

/*テキストのみ*/
.genre_new {
    display: inline-block;
    margin: 0px 3px 0px 3px;
    padding: 0px 0px 0px 0px;
    line-height: 100% !important;
    color: #fd4f21;
    height: auto;
    font-size: 13px;
    text-align: left;
    font-weight: 600;
}



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

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

/*aタグ*/
.top_news_box .to_news_list {
    display: block;
    position: relative;
    float: right;
    width: auto !important;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 50px 3px 50px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #777777;
    border: solid 1px #d7d7d7;
    text-decoration: none;
}

.top_news_box .to_news_list:hover {
    background-color: #dedede;
    border: solid 1px #fafafa;
}


/*右側のバナー枠「受験生Web」*/
.top_minibanner_box {
    display: block;
    position: relative;
    width: 320px;
    letter-spacing: -.40em;
    float: right;
}


.bx-pager_minibanner a {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 64px;
    margin: 10px 5px 10px 5px;
    letter-spacing: normal;
}

.bx-pager_minibanner a img {
    width: 60px;
    height: 64px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.bx-pager_minibanner a.active img {
    opacity: 1;
    filter: alpha(opacity=100);
}




/*「イベント情報」リストの表示枠　1ジャンル分 スクロールバーあり*/
.top_event_list_box .news_list {
    /*dl*/
    display: block;
    position: relative;
    height: 334px;
    padding: 20px 30px 0px 40px;
    margin-bottom: 20px;
    overflow: auto;
    border: solid 1px #d7d7d7;
    background-color: #ffffff;
}

/*「イベント情報」一覧へpのクラス*/
.top_event_list {
    padding: 0 !important;
    text-align: right;
}

/*aタグ*/
.top_event_list .to_event_list {
    display: block;
    position: relative;
    float: right;
    width: auto !important;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 50px 3px 50px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #777777;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    text-decoration: none;
}

.top_event_list .to_event_list:hover {
    background-color: #dedede;
    border: solid 1px #fafafa;
}




/*イベント情報のイベントタイトル*/
.top_event_list_box .news_list dt {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-size: 100%;
    line-height: 130%;
    font-weight: 500;
    color: #333333;
    text-align: left;
}

/*開催期間等の自由欄（下にボーダー）*/
.top_event_list_box .news_list dd {
    display: block;
    position: relative;
    text-align: left;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    float: none;
    padding: 0px 0px 9px 0px !important;
    margin: 0px 0px 9px 0px;
    margin-top: 0px;
    border-bottom: solid 1px #d2d2d0;
    line-height: 130%;
    text-align: left;
    font-size: 13px;
    color: #888888;
}

.top_event_list_box .news_list a {
    color: #31312f;
    text-decoration: none;
}

.top_event_list_box .news_list a:hover {
    color: #0151a8;
    text-decoration: underline;
}

/*「受付終了」 span*/
.event_end1 {
    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: 30px;
    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用 */
}


/*広報ニュースの最新記事欄*/
.top_publicity_new_entry_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 180px;
    margin: 0px 0px 0px 0px;
    border: solid 1px #d7d7d7;
    background-color: #ffffff;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*画像格納　div*/
.top_publicity_new_entry_img_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 225px;
    height: 180px;
    float: left;
}

.top_publicity_new_entry_img_box img {
    width: 225px;
    height: auto;
}

/*テキスト格納欄　div*/
.top_publicity_new_entry_text_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 283px;
    height: 148px;
    padding: 15px 20px 15px 20px;
    float: left;
}

/*日付　p*/
.top_publicity_new_entry_date {
    display: block;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
    line-height: 120%;
    color: #70B7C5;
    font-size: 13px;
}

.top_publicity_new_entry_title {
    display: block;
    overflow: hidden;
    line-height: 130%;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    height: 3.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



.top_publicity_new_entry_box a:hover .top_publicity_new_entry_title {
    color: #0151a8;
    text-decoration: underline;
}


.top_publicity_new_entry_text {
    display: block;
    overflow: hidden;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 140%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    color: #666666;
}



/*「広報ニュース」リストの表示枠　1ジャンル分 スクロールバーあり*/
.top_publicity_list_box .news_list {
    /*dl*/
    display: block;
    position: relative;
    height: 165px;
    padding: 9px 30px 0px 40px !important;
    margin-bottom: 20px;
    overflow: auto;
    border: solid 1px #d7d7d7;
    border-top: solid 0px #d7d7d7;
    background-color: #ffffff;
}

/*「広報ニュース」一覧へpのクラス*/
.top_publicity_list {
    padding: 0 !important;
    text-align: right;
}

/*aタグ*/
.top_publicity_list .to_publicity_list {
    display: block;
    position: relative;
    float: right;
    width: auto !important;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 50px 3px 50px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #777777;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    text-decoration: none;
}

.top_publicity_list .to_publicity_list:hover {
    background-color: #dedede;
    border: solid 1px #fafafa;
}


.top_publicity_list_box .news_list dd {
    padding-left: 100px !important;
}



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

トップのMOVIES欄

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

/*MOVIESのコンテンツ表示枠*/
.movie_box {
    display: block;
    width: 1050px;
    min-height: 370px;
    padding: 0px 45px 0px 45px;
    overflow: hidden;
}

.movie_left_box {
    display: block;
    overflow: hidden;
    width: 480px;
    padding: 0px 0px 0px 0px;
    float: left;
    margin-bottom: 10px;
}

.movie_right_box {
    display: block;
    overflow: hidden;
    width: 480px;
    padding: 0px 0px 0px 0px;
    float: right;
    margin-bottom: 10px;
}

.movie_left_box iframe,
.movie_right_box iframe {
    margin-bottom: 0px;
    padding: 0px;
}

.movie_left_box p,
.movie_right_box p {
    margin-top: -8px;
    display: block;
    overflow: hidden;
    width: 480px;
    background-color: #000000;
    padding: 10px 20px 10px 20px;

}

.movie_left_box a,
.movie_right_box a {
    color: #ffffff;
    text-decoration: none;
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_blank_white.png) no-repeat right 4px;
}

.movie_left_box a:hover,
.movie_right_box a:hover {
    color: #bbbbbb;
    text-decoration: none;
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_blank_white.png) no-repeat right 4px;
}

/*「掲載ページを見る」divのクラス*/
.movie_box .top_movie_more_link_box {
    display: block;
    padding: 15px 0px 10px 10px;
    text-align: center;
    margin: 0 auto;
}

/*aタグ　talget="_self"*/
.top_movie_more_link_box .to_contents_link_self {
    display: inline-block;
    position: relative;
    width: auto !important;
    margin: 0px -1px 0px 0px !important;
    padding: 3px 30px 3px 20px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    border: solid 1px #ffffff;
    text-decoration: none;
    background: url(img/icon_16_link_white.png) no-repeat 97% 6px;
}

.top_movie_more_link_box .to_contents_link_self:hover {
    display: inline-block;
    position: relative;
    width: auto !important;
    margin: 0px -1px 0px 0px !important;
    padding: 3px 30px 3px 20px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    border: solid 1px #ffffff;
    text-decoration: none;
    background: url(img/icon_16_link_white.png) no-repeat 97% 6px;
    background-color: #87a1cc;
}

/*aタグ　talget="_blank"*/
.top_movie_more_link_box .to_contents_link_blank {
    display: inline-block;
    position: relative;
    width: auto !important;
    margin: 0px -1px 0px 0px !important;
    padding: 3px 30px 3px 20px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    border: solid 1px #ffffff;
    text-decoration: none;
    background: url(img/icon_16_blank_white.png) no-repeat 97% 6px;
}

.top_movie_more_link_box .to_contents_link_blank:hover {
    display: inline-block;
    position: relative;
    width: auto !important;
    margin: 0px -1px 0px 0px !important;
    padding: 3px 30px 3px 20px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffffff;
    border: solid 1px #ffffff;
    text-decoration: none;
    background: url(img/icon_16_blank_white.png) no-repeat 97% 6px;
    background-color: #87a1cc;
}




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

トップの「大学案内」欄

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

/* ----------PC：トップの「大学案内」欄----------*/
.top_guide_box {
    display: table;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 0px 0px;
}

/*左側：コンセプト表示枠*/
.guide_left_box {
    display: table-cell;
    position: relative;
    overflow: hidden;
    width: 820px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*右側のリンク枠*/
.guide_right_box {
    display: table-cell;
    width: 270px !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    background-color: #573e78;
    color: #FFFFFF;
    vertical-align: top;
}

/*左側コンセプトのメイン画像*/
.top_guide_main_photo {
    width: 820px;
    float: none;
}

/*左側コンセプトのメイン画像*/
.top_guide_smith_photo {
    width: 170px;
    float: left;
}

/*左側コンセプトのテキスト枠（キャッチ+コピー）*/
.top_guide_text_box {
    position: relative;
    width: 650px;
    float: right;
}

/*左側コンセプトのキャッチコピー*/
.top_guide_text_box h3 {}

/*左側コンセプトのコピー*/
.top_guide_text_box p {
    display: block;
    padding: 0px 60px 0px 50px;
    line-height: 160%;
    color: #5D5D5D;
}

/*右側のリンク枠の中のp*/
.guide_right_box p {
    color: #FFFFFF;
}

/*右側のリンク枠の中のa*/
.guide_right_box a {
    color: #FFFFFF;
    text-decoration: none;
}

/*右側のリンク枠のサブタイトル「MENU」 div*/
.guide_right_box .subtitle_menu {
    display: block;
    position: relative;
    width: 160px;
    padding: 0px 0px 0px 110px;
}

.guide_right_box .subtitle_menu p {
    padding: 0px 0px 0px 0px;
    line-height: 130%;
    border-bottom: solid 1px #8e7ea3;
}

/*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
.guide_right_box .linkbox_ul_type_a,
.guide_right_box .linkbox_ul_type_b,
.guide_right_box .linkbox_ul_type_c {
    border-color: #8e7ea3;
}


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

トップの「学部・学科」欄

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

/* ----------PC：トップの「学部・学科」欄----------*/
.top_department_box {
    display: table;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 0px 0px;
}

/*左側：コンセプト表示枠*/
.department_left_box {
    display: table-cell;
    position: relative;
    overflow: hidden;
    width: 820px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*---------- 「学部・学科」の新着表示欄全体 ----------*/
.department_news_content {
    display: block;
    position: relative;
    overflow: hidden;
    width: 780px;
    height: 330px;
    /*タブ、リスト欄、ボトム隙間、MOREボタン*/
    margin: 0px 0px 0px 0px;
}

/*リスト表示枠全体*/
.department_news_content_list {
    display: block;
    width: 778px;
    height: 275px;
    /*「MORE」ボタン有りの場合225px*/
    border: #d2d2d0 1px solid;
    /*border-bottom: none !important;*/
    background: #FFF;
    padding: 15px 0px 20px 0px;
    position: absolute;
}

/*「新着情報」タイトル　h3*/
.department_news_content_list h3 {
    display: block;
    height: 30px;
    overflow: hidden;
    font-size: 125%;
    padding: 0px 0px 15px 43px;
}

/*リスト自体のスタイル「news_list」は「NEWS」のスタイルを適用*/

/*「department_news_content_list」内のみのリストの表示枠微調整（主に高さ）　1ジャンル分 スクロールバーあり*/
.department_news_content_list .news_list {
    /*dl*/
    height: 250px;
    /*「MORE」ボタン有りの場合200px*/
}



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

/*aタグ*/
.top_department_box .to_news_list {
    display: block;
    position: relative;
    float: right;
    width: auto !important;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 50px 3px 50px;
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #777777;
    border: solid 1px #d7d7d7;
    text-decoration: none;
}

.top_department_box .to_news_list:hover {
    background-color: #dedede;
    border: solid 1px #fafafa;
}





/*講義要項欄*/
.department_syllabus {
    display: block;
    position: relative;
    overflow: hidden;
    width: 778px;
    border: #d2d2d0 1px solid;
    margin-bottom: 15px;
}

/*シラバスを見る　aタグ*/
.to_syllabus_box_link {
    display: block;
    position: relative;
    width: 120px !important;
    margin: 10px 0px 0px 0px;
    padding: 1px 36px 1px 10px;
    font-size: 90%;
    text-align: center !important;
    letter-spacing: 0.05em;
    color: #777777;
    border: solid 1px #d7d7d7;
    background: url(img/icon_16_blank.png) no-repeat 86% center;
    text-decoration: none;
}

.to_syllabus_box_link:hover {
    background-color: #dedede;
    border: solid 1px #fafafa;
    text-decoration: none;
}

.to_syllabus {
    display: inline-block;
    text-align: center;
}


/*講義要項欄の左側のテキスト全体*/
.syllabus_text_all {
    display: block;
    position: relative;
    width: 445px;
    height: 145px;
    padding: 20px 0px 15px 43px;
    float: left;
}

/*講義要項タイトル　h3*/
.department_syllabus h3 {
    font-size: 125%;
    color: #777BB6;
    margin: 0px 0px 6px 0px;
}

/*シラバスタイトル　p*/
.sutitle_syllabus {
    padding: 0px 0px 0px 20px;
    background: url(img/icon_curriculum.png) no-repeat 0px 7px;
    font-weight: 600;
}

/*コピー*/
.syllabus_text {}

/*画像*/
.department_syllabus img {
    float: right;
}

/*学部共通の制度・取り組み*/
.department_torikumi {
    display: block;
    position: relative;
    overflow: hidden;
    width: 735px;
    border: #d2d2d0 1px solid;
    padding: 15px 0px 15px 43px;
}

.department_torikumi h3 {
    font-size: 125%;
    color: #777BB6;
    margin: 0px 0px 4px 0px;
}

.department_torikumi p {
    display: inline-block;
    margin-right: 20px;
}

.department_torikumi a {
    text-decoration: none;
}

/*右側のリンク枠*/
.department_right_box {
    display: table-cell;
    width: 270px !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    background-color: #8990c4;
    color: #FFFFFF;
    vertical-align: top;
}

/*右側のリンク枠の中のp*/
.department_right_box p {
    color: #FFFFFF;
}

/*右側のリンク枠の中のa*/
.department_right_box a {
    color: #FFFFFF;
    text-decoration: none;
}

/*右側のリンク枠のサブタイトル「MENU」 div*/
.department_right_box .subtitle_menu {
    display: block;
    position: relative;
    width: 160px;
    padding: 0px 0px 0px 110px;
}

.department_right_box .subtitle_menu p {
    padding: 0px 0px 0px 0px;
    line-height: 130%;
    border-bottom: solid 1px #aeb2d7;
}

/*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
.department_right_box .linkbox_ul_type_a,
.department_right_box .linkbox_ul_type_b,
.department_right_box .linkbox_ul_type_c {
    border-color: #aeb2d7;
}

/*先頭が「文学部」のアイコン付きタイトル　p*/
.department_right_box .subtitle_letters_faculty {
    display: block;
    padding: 0px 0px 10px 22px;
    background: url(img/icon_letters_faculty_hover.png) no-repeat 0px 0px;
    /*横縦*/
    line-height: 100%;
    font-weight: 600;
}

/*先頭が「経済部」のアイコン付きタイトル　p*/
.department_right_box .subtitle_economics {
    display: block;
    padding: 0px 0px 10px 22px;
    background: url(img/icon_economics_hover.png) no-repeat 0px 0px;
    /*横縦*/
    line-height: 100%;
    font-weight: 600;
}

/*先頭が「社会福祉部」のアイコン付きタイトル　p*/
.department_right_box .subtitle_social_welfare {
    display: block;
    padding: 0px 0px 10px 22px;
    background: url(img/icon_social_welfare_hover.png) no-repeat 0px 0px;
    /*横縦*/
    line-height: 100%;
    font-weight: 600;
}

/*先頭が「短大」のアイコン付きタイトル　p*/
.department_right_box .subtitle_junior_college {
    display: block;
    padding: 0px 0px 10px 22px;
    background: url(img/icon_junior_college_hover.png) no-repeat 0px 0px;
    /*横縦*/
    line-height: 100%;
    font-weight: 600;
}

/*先頭が「＞」のリンク　li*/
.department_right_box .list_link_normal {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 22px;
    background: url(img/icon_link_white.png) no-repeat 0px 3px;
    /*横縦*/
}

.department_right_box .list_link_normal a {
    display: block;
    height: auto;
    line-height: 130%;
    font-size: 100%;
    padding: 2px 0px 3px 0px;
}

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




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

トップの「大学院・研究」欄

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

/* ----------PC：トップの「大学院・研究」欄----------*/
.top_research_box {
    display: table;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 50px 0px;
}

/*左側：コンセプト表示枠*/
.research_left_box {
    display: table-cell;
    position: relative;
    overflow: hidden;
    width: 820px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*右側のリンク枠*/
.research_right_box {
    display: table-cell;
    width: 270px !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    background-color: #272e6e;
    color: #FFFFFF;
    vertical-align: top;
}

/*左側コンセプトのメイン画像*/
.top_research_main_photo {
    width: 820px;
    float: none;
}

/*左側コンセプトのテキスト枠　div*/
.top_research_text_box {
    position: relative;
    width: 820px;
    height: 360px;
    margin-top: -360px;
}

/*左側コンセプトのコピー*/
.top_research_text_box p {
    display: block;
    padding: 30px 0px 0px 50px;
    line-height: 160%;
    font-size: 105%;
    font-weight: 600;
    color: #3f3c3c;
    text-shadow: 0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff;
}

/*右側のリンク枠の中のp*/
.research_right_box p {
    color: #FFFFFF;
}

/*右側のリンク枠の中のa*/
.research_right_box a {
    color: #FFFFFF;
    text-decoration: none;
}

/*右側のリンク枠のサブタイトル「MENU」 div*/
.research_right_box .subtitle_menu {
    display: block;
    position: relative;
    width: 160px;
    padding: 0px 0px 0px 110px;
}

.research_right_box .subtitle_menu p {
    padding: 0px 0px 0px 0px;
    line-height: 130%;
    border-bottom: solid 1px #777eaa;
}

/*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
.research_right_box .linkbox_ul_type_d {
    border-color: #777eaa;
}

/*先頭が「＞」のリンク　li*/
.research_right_box .list_link_normal {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 22px;
    background: url(img/icon_link_white.png) no-repeat 0px 3px;
    /*横縦*/
}

.research_right_box .list_link_normal a {
    display: block;
    height: auto;
    line-height: 130%;
    font-size: 100%;
    padding: 2px 0px 3px 0px;
}

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



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

トップの「国際交流・留学」欄

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

/* ----------PC：トップの「国際交流・留学」欄----------*/
.top_international_box {
    display: table;
    overflow: hidden;
    width: 1140px;
    padding: 1px 0px 0px 0px;
}

/*左側：コンセプト表示枠*/
.international_left_box {
    display: table-cell;
    position: relative;
    overflow: hidden;
    width: 820px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*左側コンセプトのコピー*/
.top_international_text_box p {
    display: block;
    padding: 30px 0px 30px 0px;
    line-height: 160%;
    font-size: 120%;
    font-weight: 600;
    color: #ffffff;
}

/*3つの更新記事全体の枠*/
.international_news_box {
    display: block;
    overflow: hidden;
    width: 820px;
}

.international_news_1box {
    display: block;
    width: 250px;
    /*height:300px;*/
    margin: 0px 23px 15px 0px;
    cursor: pointer;
    float: left;
}

/*1記事分のリンクエリア*/
.international_news_1box a {
    display: block;
    width: 250px;
    text-decoration: none;
}

/*1記事分のimg*/
.international_news_1box img {
    display: block;
    width: 230px;
    /*height:200px;*/
}

/*imgをくるんだ丸いdiv*/
.img_circle {
    margin: 0 auto;
    width: 230px;
    border-radius: 230px;
    -webkit-border-radius: 230px;
    -moz-border-radius: 230px;
    /*background-color:#257884;*/
}

/*写真の下のテキスト欄（日付+タイトル）　span*/
.international_news_text_box {
    display: block;
    width: 250px;
    padding: 3px 0px 7px 0px;
}

/*日付　p*/
.international_news_date {
    display: block;
    padding: 5px 0px 1.3em 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 120%;
    color: #ffffff;
    text-align: center;
    background: url(img/icon_earth.png) no-repeat center bottom;
    /*横縦*/
}

/*タイトル　p*/
.international_news_text {
    display: block;
    padding: 10px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 140%;
    text-align: center;
    min-height: 3em;
    font-size: 100%;
    color: #ffffff;
    font-weight: 600;
}

/*1記事分のリンクエリアにロールオーバーした時のテキスト*/
.international_news_1box a:hover .international_news_date,
.international_news_1box a:hover .international_news_text {
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}


/*新たに追加した「国際教育センター」SNSボタン枠*/

/*SNSボタン枠全体　div*/
.top_international_sns_box {
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 10px 30px 10px 30px;
    border: solid 1px #ffffff;
    width: 776px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*左側のテキスト欄　div*/
.top_international_sns_left_box {
    display: inline-block;
    margin-right: 20px;
    max-width: 570px;
    vertical-align: top;
}

/*右側のボタン欄　div*/
.top_international_sns_right_box {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

/*説明分　p*/
.top_international_sns_text {}

/*fbボタンを囲んだp*/
.top_international_sns_fb {
    display: inline-block;
    margin-right: 8px;
}

/*twボタンを囲んだp*/
.top_international_sns_tw {
    display: inline-block;
    margin-right: 8px;
}


/*右側のリンク枠*/
.international_right_box {
    display: table-cell;
    width: 270px !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    background-color: #5fa6b2;
    color: #FFFFFF;
    vertical-align: top;
}





/*右側のリンク枠の中のp*/
.international_right_box p {
    color: #FFFFFF;
}

/*右側のリンク枠の中のa*/
.international_right_box a {
    color: #FFFFFF;
    text-decoration: none;
}

/*右側のリンク枠のサブタイトル「MENU」 div*/
.international_right_box .subtitle_menu {
    display: block;
    position: relative;
    width: 160px;
    padding: 0px 0px 0px 110px;
}

.international_right_box .subtitle_menu p {
    padding: 0px 0px 0px 0px;
    line-height: 130%;
    border-bottom: solid 1px #8abdc6;
}

/*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
.international_right_box .linkbox_ul_type_d {
    border-color: #8abdc6;
}


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

トップの「就職・キャリア」欄

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

/* ----------PC：トップの「就職・キャリア」欄----------*/
.top_career_box {
    display: table;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 0px 0px;
}

/*左側：コンセプト表示枠*/
.career_left_box {
    display: table-cell;
    position: relative;
    overflow: hidden;
    width: 820px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/*右側のリンク枠*/
.career_right_box {
    display: table-cell;
    width: 270px !important;
    margin: 0px 0px 0px 0px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    background-color: #5276b8;
    color: #FFFFFF;
    vertical-align: top;
}

/*右側のリンク枠の中のp*/
.career_right_box p {
    color: #FFFFFF;
}


/*右側のリンク枠の中のa*/
.career_right_box a {
    color: #FFFFFF;
    text-decoration: none;
}

/*左側コンセプトのメイン画像*/
.top_career_main_photo {
    width: 820px;
    float: none;
}

/*左側コンセプトのテキスト枠　div*/
.top_career_text_box {
    position: relative;
    width: 820px;
    height: 360px;
    margin-top: -360px;
}

/*左側コンセプトのコピー*/
.top_career_text_box p {
    display: block;
    padding: 30px 50px 0px 0px;
    line-height: 180%;
    font-size: 105%;
    font-weight: 600;
    text-align: right;
    color: #3f3c3c;
    text-shadow: 0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff,
        0px 0px 5px #ffffff;
}

/*右側のリンク枠の中のp*/
.career_right_box p {
    color: #FFFFFF;
}

/*右側のリンク枠の中のa*/
.career_right_box a {
    color: #FFFFFF;
}

/*右側のリンク枠のサブタイトル「MENU」 div*/
.career_right_box .subtitle_menu {
    display: block;
    position: relative;
    width: 160px;
    padding: 0px 0px 0px 110px;
}

.career_right_box .subtitle_menu p {
    padding: 0px 0px 0px 0px;
    line-height: 130%;
    border-bottom: solid 1px #97b0d8;
}

/*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
.career_right_box .linkbox_ul_type_d {
    border-color: #97b0d8;
}

/*先頭が「＞」のリンク　li*/
.career_right_box .list_link_normal {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 22px;
    background: url(img/icon_link_white.png) no-repeat 0px 3px;
    /*横縦*/
}

.career_right_box .list_link_normal a {
    display: block;
    height: auto;
    line-height: 130%;
    font-size: 100%;
    padding: 2px 0px 3px 0px;
}

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


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

トップの「コンテンツ＆サイト」欄　上段（3つのリンク）

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

/* ----------PC：トップの「コンテンツ＆サイト」欄　上段（3つのリンク）----------*/
.top_contents_box {
    display: block;
    overflow: hidden;
    width: 1140px;
    padding: 0px 0px 0px 0px;
}

/*3つのリンク全体の枠*/
.contents_link_box {
    display: block;
    overflow: hidden;
    width: 1140px;
}

/*3つのリンクの1つ分の枠*/
.contents_link_1box {
    display: block;
    width: 350px;
    /*height:300px;*/
    margin: 0px 45px 30px 0px;
    cursor: pointer;
    float: left;
}

/*3つのリンクの1つ分の枠の一番右のもの*/
.contents_linkbox_last {
    margin: 0px 0px 0px 0px;
}

/*1記事分のリンクエリア*/
.contents_link_1box a {
    display: block;
    width: 350px;
    text-decoration: none;
}

/*1記事分のimg*/
.contents_link_1box img {
    display: block;
    width: 350px;
    /*height:200px;*/
}

/*画像の上の英語のジャンル表記*/
.contents_link_genre {
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 3px 0px;
    border-bottom: solid 1px #868687;
    text-align: right;
    font-size: 94%;
    font-weight: 600;
    line-height: 100%;
}

/*写真の下のテキスト欄（サブタイトル+タイトル）　span*/
.contents_link_text_box {
    display: block;
    width: 350px;
    margin: 4px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
    border-top: solid 1px #868687;
    line-height: 100%;
}

/*四角いリンクアイコン（ノーマルの「>」）*/
.icon_box_link {
    background: url(img/btn_box_link.png) no-repeat right 8px;
    /*横縦*/
}

.icon_box_link:hover,
.contents_link_1box a:hover .icon_box_link {
    background: url(img/btn_box_link_purple.png) no-repeat right 8px;
    /*横縦*/
}


/*四角いリンクアイコン（ブランク」）*/
.icon_box_link_blank {
    background: url(img/btn_box_link_blank.png) no-repeat right 8px;
    /*横縦*/
}

.icon_box_link_blank:hover,
.contents_link_1box a:hover .icon_box_link_blank {
    background: url(img/btn_box_link_blank_purple.png) no-repeat right 8px;
    /*横縦*/
}

/*コンテンツの小さい文字のタイトル　p*/
.contents_link_subtext {
    display: block;
    padding: 3px 0px 1px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 120%;
    color: #262626;
    text-align: left;
    font-size: 86%;
}

/*コンテンツのメインタイトル　p*/
.contents_link_text {
    display: block;
    overflow: hidden;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 140%;
    text-align: left;
    font-size: 130%;
    color: #262626;
    font-weight: 600;
}

.icon_junior_college_mark {
    padding: 0px 0px 0px 23px;
    background: url(img/icon_junior_college_mark_w18.png) no-repeat 0px 3px;
    /*横縦*/
}

.icon_web {
    padding: 0px 0px 0px 29px;
    background: url(img/icon_web_w24.png) no-repeat 0px 4px;
    /*横縦*/
}

.icon_pc {
    padding: 0px 0px 0px 29px;
    background: url(img/icon_pc_w24.png) no-repeat 0px 3px;
    /*横縦*/
}

/*1記事分のリンクエリアにロールオーバーした時のテキスト*/
.contents_link_1box a:hover .contents_link_subtext,
.contents_link_1box a:hover .contents_link_text {
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}

/*5色の背景色*/
.contents_link_other_1 {
    background-color: #324184;
}

.contents_link_other_2 {
    background-color: #638bc6;
}

.contents_link_other_3 {
    background-color: #81c3d1;
}

.contents_link_other_4 {
    background-color: #8990c4;
}

.contents_link_other_5 {
    background-color: #643595;
}


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

トップの「コンテンツ＆サイト」欄　下段（5つのリンク）

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

/* ----------PC：トップの「コンテンツ＆サイト」欄　下段（5つのリンク）----------*/
.contents_top_other_box {
    display: block;
    overflow: hidden;
    width: 1140px;
    height: 240px;
    padding: 0px 0px 0px 0px;
}

.contents_link_other_1box {
    display: block;
    width: 228px;
    height: 240px;
    /*height:300px;*/
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float: left;
}

/*1記事分のリンクエリア*/
.contents_link_other_1box a {
    display: block;
    width: 228px;
    padding: 20px 0px 20px 0px;
    margin-bottom: 0px;
    text-decoration: none;
}

/*imgをくるんだ丸いdiv*/
.contents_link_other_img_circle {
    margin: 0 auto;
    width: 160px;
    border-radius: 160px;
    -webkit-border-radius: 160px;
    -moz-border-radius: 160px;
    /*background-color:#257884;*/
}

/*写真の下のテキスト欄　span*/
.contents_link_other_text_box {
    display: block;
    width: 228px;
    padding: 3px 0px 7px 0px;

}

/*タイトル　p*/
.contents_link_other_text,
.contents_link_other_text_blank {
    display: inline-block;
    overflow: hidden;
    padding: 4px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 218px;
    line-height: 140%;
    text-align: center;
    font-size: 96%;
    color: #ffffff;
    font-weight: 500;

}

.contents_link_other_text_blank:after {
    content: url(img/icon_16_blank_white.png);
    position: relative;
    top: 2px;
    right: -3px;
}

/*1記事分のリンクエリアにロールオーバーした時のテキスト*/
.contents_link_other_1box a:hover .contents_link_other_date,
.contents_link_other_1box a:hover .contents_link_other_text,
.contents_link_other_1box a:hover .contents_link_other_text_blank {
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}



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

大学概要

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

/*歴史・沿革のテーブル*/

.history_table {}

.history_table,
.history_table td {
    border-left: none !important;
    border-right: none !important;
    padding-left: 10px !important;
    padding-right: 40px !important;
    vertical-align: top;
}

.history_table tr {
    border-right: none !important;
}

/*ページ下部の50周年ページへのリンク*/
.history_button_blank {
    display: block;
    width: 520px;
    padding: 20px 40px 20px 20px;
    margin: 0 auto;
    font-size: 120%;
    text-align: center;
    color: #30356c;
    background: url(img/icon_16_blank.png) no-repeat 97% 50%;
    background-color: #ffffff;
    text-decoration: none;
    border: solid 2px #30356c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.history_button_blank:hover {
    color: #ffffff;
    background: url(img/icon_16_blank_white.png) no-repeat 97% 50%;
    background-color: #5A5E8A;
    text-decoration: none;
}


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

学部・学科

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

/*学部の導入部　横幅100%　※外部ファイルをincludeする部分*/

/*文学部　導入部全体　div*/
.department_intro_box_humanities,
.department_intro_box_economics,
.department_intro_box_social_welfare,
.department_intro_box_junior_college,
.department_intro_box_graduate_college {
    margin-bottom: 40px;
}

/*学部画像エリア*/
.department_intro_img_box {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    min-height: 300px;
    height: auto;
    vertical-align: middle;
    text-align: center;
}

/*画像の可変*/
.department_intro_img_box img {
    width: 100% !important;
    min-width: 1280px;
    height: auto;
}

/*h2表示欄　div*/
.department_intro_h2_box {
    width: 100%;
    display: block;
    overflow: hidden;
    min-height: 110px;
    height: auto;
    padding: 0px 30px 0px 30px;
    background-color: #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*h2*/
.department_intro_h2_box h2 {
    margin: 0 auto;
    width: 1100px;
    padding: 15px 0px 15px 0px;
    color: #595959;
    font-size: 24px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: normal !important;
}

/*導入文表示欄　div*/
.department_intro_copy_box {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    padding: 0px 30px 0px 30px;
    background-color: #333366;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*導入文のサブタイトル　共通設定　p*/
.subject_intro_box_english .department_intro_subtitle,
.subject_intro_box_psychology .department_intro_subtitle,

.subject_intro_box_economics .department_intro_subtitle,
.subject_intro_box_management_info .department_intro_subtitle,
.subject_intro_box_law_economics .department_intro_subtitle,

.subject_intro_box_social_policy .department_intro_subtitle,
.subject_intro_box_social_work .department_intro_subtitle,
.subject_intro_box_psychology_wellbeing .department_intro_subtitle,

.subject_intro_box_junior_english .department_intro_subtitle,
.subject_intro_box_life_creation .department_intro_subtitle,

.subject_intro_box_graduate_english .department_intro_subtitle,
.subject_intro_box_graduate_economics .department_intro_subtitle,
.subject_intro_box_graduate_social .department_intro_subtitle {
    margin: 0 auto;
    font-size: 18px;
    padding: 15px 0px 0px 0px;
    position: relative;
}


/*部ごとに色設定*/

/*文学部*/
.subject_intro_box_english .department_intro_subtitle,
.subject_intro_box_psychology .department_intro_subtitle {
    color: #006699;
}

/*経済学部*/
.subject_intro_box_economics .department_intro_subtitle,
.subject_intro_box_management_info .department_intro_subtitle,
.subject_intro_box_law_economics .department_intro_subtitle {
    color: #336633;
}

/*社会福祉学部*/
.subject_intro_box_social_policy .department_intro_subtitle,
.subject_intro_box_social_work .department_intro_subtitle,
.subject_intro_box_psychology_wellbeing .department_intro_subtitle {
    color: #cc6633;
}

/*短期大学部*/
.subject_intro_box_junior_english .department_intro_subtitle,
.subject_intro_box_life_creation .department_intro_subtitle {
    color: #996699;
}

/*大学院*/
.subject_intro_box_graduate_english .department_intro_subtitle,
.subject_intro_box_graduate_economics .department_intro_subtitle,
.subject_intro_box_graduate_social .department_intro_subtitle {
    color: #324a63;
}


/*導入文のサブタイトルのアイコン　共通設定*/
.subject_intro_box_english .department_intro_subtitle:before,
.subject_intro_box_psychology .department_intro_subtitle:before,

.subject_intro_box_economics .department_intro_subtitle:before,
.subject_intro_box_management_info .department_intro_subtitle:before,
.subject_intro_box_law_economics .department_intro_subtitle:before,

.subject_intro_box_social_policy .department_intro_subtitle:before,
.subject_intro_box_social_work .department_intro_subtitle:before,
.subject_intro_box_psychology_wellbeing .department_intro_subtitle:before,

.subject_intro_box_junior_english .department_intro_subtitle:before,
.subject_intro_box_life_creation .department_intro_subtitle:before,

.subject_intro_box_graduate_english .department_intro_subtitle:before,
.subject_intro_box_graduate_economics .department_intro_subtitle:before,
.subject_intro_box_graduate_social .department_intro_subtitle:before {
    position: relative;
    top: 6px;
    margin-right: 5px;
}


/*部ごとにアイコン設定*/

/*文学部*/
.subject_intro_box_english .department_intro_subtitle:before,
.subject_intro_box_psychology .department_intro_subtitle:before {
    content: url(img/icon_24_book_blue.png);
    margin-top: 13px;
}

/*経済学部*/
.subject_intro_box_economics .department_intro_subtitle:before,
.subject_intro_box_management_info .department_intro_subtitle:before,
.subject_intro_box_law_economics .department_intro_subtitle:before {
    content: url(img/icon_24_graph_green.png);
    margin-top: 13px;
}

/*社会福祉学部*/
.subject_intro_box_social_policy .department_intro_subtitle:before,
.subject_intro_box_social_work .department_intro_subtitle:before,
.subject_intro_box_psychology_wellbeing .department_intro_subtitle:before {
    content: url(img/icon_24_leaf_orange.png);
    margin-top: 13px;
}

/*短期大学部*/
.subject_intro_box_junior_english .department_intro_subtitle:before,
.subject_intro_box_life_creation .department_intro_subtitle:before {
    content: url(img/icon_24_pen_purple.png);
    margin-top: 13px;
}

/*大学院*/
.subject_intro_box_graduate_english .department_intro_subtitle:before,
.subject_intro_box_graduate_economics .department_intro_subtitle:before,
.subject_intro_box_graduate_social .department_intro_subtitle:before {
    content: url(img/icon_24_hut_darkblue.png);
    margin-top: 13px;
}



/*導入文のコピー　p*/
.department_intro_copy {
    margin: 0 auto;
    width: 1100px;
    color: #ffffff;
    font-size: 100%;
    padding-bottom: 20px;
}



/*学科ページへのリンク欄　div*/
.department_main_link_box {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    margin-bottom: 45px;
}

/*後援会、同窓会、国際交流ページへのイメージ画像と、お知らせ欄　div*/
.general_main_link_box,
.covid-19_main_link_box {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    margin-bottom: 45px;
}


div#contents_main #contents_section .department_main_link_box ul,
div#contents_main #contents_section .general_main_link_box ul,
div#contents_main #contents_section .covid-19_main_link_box ul {
    width: 1100px;
    background: none !important;
}

div#contents_main #contents_section .department_main_link_box li,
div#contents_main #contents_section .general_main_link_box li,
div#contents_main #contents_section .covid-19_main_link_box li {
    display: block;
    width: 520px;
    float: left;
    padding-left: 0em !important;
    text-indent: 0em !important;
    padding: 10px 0px 0px 0px;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    margin-bottom: 25px;
    background: none !important;
}

/*
div#contents_main #contents_section .general_main_link_box li{
	display: block;
	width: 520px;
	height: 240px;
	float: left;
	padding-left: 0em !important;
	text-indent: 0em !important;
	padding: 0px 0px 0px 0px;
	margin-bottom: 25px;
	background:none !important;
}
*/

div#contents_main #contents_section .department_main_link_box .news_list_li,
div#contents_main #contents_section .general_main_link_box .news_list_li,
div#contents_main #contents_section .covid-19_main_link_box .news_list_li {
    display: block;
    width: 520px;
    float: left;
    padding-left: 0em !important;
    text-indent: 0em !important;
    padding: 10px 0px 20px 0px;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8 !important;
    margin-bottom: 25px;
    background: none !important;
}


/*liの奇数だけ右にmargin*/
div#contents_main #contents_section .department_main_link_box li:nth-child(odd),
div#contents_main #contents_section .general_main_link_box li:nth-child(odd) {
    margin-right: 60px !important;
    float: left;
}

div#contents_main #contents_section .general_main_link_box li:nth-child(odd) {
    padding-left: 0em !important;
    text-indent: 0em !important;
    padding: 0px 0px 0px 0px;
}

/*コロナ対応ページ*/
div#contents_main #contents_section .covid-19_main_link_box .news_list_li {}

div#contents_main #contents_section .covid-19_main_link_box li:nth-child(odd) {
    margin-right: 60px !important;
    float: left;
}


div#contents_main #contents_section .department_main_link_box li a,
div#contents_main #contents_section .general_main_link_box li a,
div#contents_main #contents_section .covid-19_main_link_box li a {
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-decoration: none;
}

.department_main_link_box li img,
.department_main_link_box li p img,
.general_main_link_box li img,
.general_main_link_box li p img {
    width: 520px;
    margin: 0px;
    padding: 0px;
    float: none;
    clear: both;
}


.department_main_link_box li b,
.general_main_link_box li b,
.covid-19_main_link_box li b {
    display: block;
    width: 520px;
    min-height: 30px;
    margin: 0px !important;
    padding: 15px 0px 15px 0px;
    float: none;
    font-size: 110%;
    background: url(img/icon_link_box_self.png) no-repeat right 8px;
    /*横縦*/
}

.department_main_link_box li a:hover b,
.general_main_link_box li a:hover b,
.covid-19_main_link_box li a:hover b {
    background: url(img/icon_link_box_self_purple.png) no-repeat right 8px;
    /*横縦*/
    filter: alpha(opacity=80) !important;
    /*IE*/
    -moz-opacity: 0.80 !important;
    /*FF*/
    opacity: 0.80 !important;
}


/*大学院のお知らせ欄*/
.graduate_college_news_list_box

/*大学院*/
    {
    display: block;
    overflow: hidden;
    height: 230px;
    border-bottom: solid 0px #d8d8d8;
}

/*後援会、同窓会、国際交流、卒業生の方のお知らせ欄*/
.supporter_news_list_box,
/*後援会*/
.alumni_association_news_list_box,
/*同窓会*/
.international_news_list_box,
/*国際交流*/
.covid-19_news_list_box,
/*コロナ対応*/
.alumni_news_list_box,
/*卒業生の方*/
.parents_news_list_box

/*保護者の方*/
    {
    display: block;
    overflow: hidden;
    height: 160px;
    border-bottom: solid 0px #d8d8d8;
}

.graduate_college_news_list_box p,
/*大学院*/
.supporter_news_list_box p,
/*後援会*/
.alumni_association_news_list_box p,
/*同窓会*/
.international_news_list_box p,
/*国際交流*/
.covid-19_news_list_box p,
/*コロナ対応*/
.alumni_news_list_box p,
/*卒業生の方*/
.parents_news_list_box p

/*保護者の方*/
    {
    height: 18px;
    font-weight: bold;
    font-size: 110%;
    /*color: #888888;*/
    color: #272e6e;
    padding-bottom: 20px;
    margin-bottom: 0px !important;
}

/*dl*/
.graduate_college_news_list,
/*大学院*/
.supporter_news_list,
/*後援会*/
.alumni_association_news_list,
/*同窓会*/
.international_news_list,
/*国際交流*/
.covid-19_news_list,
/*コロナ対応*/
.alumn_news_list,
/*卒業生の方*/
.parents_news_list

/*保護者の方*/
    {
    display: block;
    overflow: auto;
    height: 120px;
    /*padding-right:20px; スクロールバーが出たときのpadding*/
}

/*日付*/
.graduate_college_news_list_box dt,
/*大学院*/
.supporter_news_list_box dt,
/*後援会*/
.alumni_association_news_list_box dt,
/*同窓会*/
.international_news_list_box dt,
/*国際交流*/
.covid-19_news_list_box dt,
/*コロナ対応*/
.alumni_news_list_box dt,
/*卒業生の方*/
.parents_news_list_box dt

/*保護者の方*/
    {
    display: block;
    position: relative;
    float: none;
    width: 3.5em;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    font-size: 13px;
    color: #31312f;
}

/*タイトルリンクのリンク範囲（下にボーダー）*/
.graduate_college_news_list_box dd,
/*大学院*/
.supporter_news_list_box dd,
/*後援会*/
.alumni_association_news_list_box dd,
/*同窓会*/
.international_news_list_box dd,
/*国際交流*/
.covid-19_news_list_box dd,
/*コロナ対応*/
.alumni_news_list_box dd,
/*卒業生の方*/
.parents_news_list_box dd

/*保護者の方*/
    {
    display: block;
    position: relative;
    text-align: left;
    float: none;
    padding: 0px 10px 9px 5.5em !important;
    margin: 0px 0px 9px 0px;
    margin-top: -38px;
    border-bottom: dotted 1px #d2d2d0;
    line-height: 130%;
}

.graduate_college_news_list_box dd.nonlist,
.supporter_news_list_box dd.nonlist,
.alumni_association_news_list_box dd.nonlist,
.international_news_list_box dd.nonlist,
.covid-19_news_list_box dd.nonlist,
.alumni_news_list_box dd.nonlist,
.parents_news_list_box dd.nonlist {
    border-bottom: dotted 0px #d2d2d0;
}

.graduate_college_news_list_box a,
/*大学院*/
.supporter_news_list_box a,
/*後援会*/
.alumni_association_news_list_box a,
/*同窓会*/
.international_news_list_box a,
/*国際交流*/
.covid-19_news_list_box a,
/*コロナ対応*/
.alumni_news_list_box a,
/*卒業生の方*/
.parents_news_list_box a

/*保護者の方*/
    {
    color: #31312f;
    font-size: 96%;
    text-decoration: underline !important;
}

.graduate_college_news_list_box a:hover,
/*大学院*/
.supporter_news_list_box a:hover,
/*後援会*/
.alumni_association_news_list_box a:hover,
/*同窓会*/
.international_news_list_box a:hover,
/*国際交流*/
.covid-19_news_list_box a:hover,
/*コロナ対応*/
.alumni_news_list_box a:hover
/*卒業生の方*/
.parents_news_list_box a:hover

/*保護者の方*/
    {
    color: #0151a8;
    font-size: 96%;
    text-decoration: underline;
}


/*一覧へのリンク*/

/*p*/
.department_main_link_box .to_news_list,
.general_main_link_box .to_news_list,
.covid-19_main_link_box .to_news_list {
    display: block;
    overflow: hidden;
    border: solid 0px #d7d7d7 !important;
    padding-top: 12px;
    text-align: right;
}


/*b*/
.department_main_link_box .to_news_list b,
.general_main_link_box .to_news_list b,
.covid-19_main_link_box .to_news_list b {
    display: inline-block !important;
    position: relative;
    float: center;
    max-width: 260px !important;
    width: auto !important;
    margin: 0px 0px 0px !important;
    padding: 4px 30px 3px 30px !important;
    font-size: 90% !important;
    text-align: center !important;
    letter-spacing: 0.05em !important;
    color: #777777 !important;
    border: solid 1px #d7d7d7 !important;
    text-decoration: none !important;
    background: none !important;
}

.department_main_link_box .to_news_list b:hover,
.general_main_link_box .to_news_list b:hover,
.covid-19_main_link_box .to_news_list b:hover {
    background-color: #dedede !important;
    border: solid 1px #fafafa;
}




/*「カリキュラムの特徴」のtable*/
div#contents_main #contents_section .department_curriculum_chart_table {
    width: 100%;
    margin-bottom: 30px;
    border-top: solid 0px !important;
    border-bottom: solid 0px !important;
    clear: both;
}

div#contents_main #contents_section .department_curriculum_chart_table tr {
    border-top: solid 0px !important;
    border-bottom: solid 0px !important;
}

/*上段のtd*/
div#contents_main #contents_section td.chart_table_top {
    padding: 0px;
    width: 330px;
}

div#contents_main #contents_section td.chart_table_top p {
    padding-left: 0em !important;
    margin-bottom: 0px !important;
}

/*下段のtd*/
.chart_table_bottom {}

/*矢印のtd*/
div#contents_main #contents_section td.bg_arrow {
    border-top: solid 0px !important;
    border-bottom: solid 0px !important;
    background: url(img/icon_24_arrow_left.png) no-repeat 50% 50%;
    /*横縦*/
}

/*矢印のtdのpを非表示*/
div#contents_main #contents_section td.bg_arrow p {
    display: none;
}


/*学部長メッセージ　div*/
.department_message_box {
    display: block;
    position: relative;
    overflow: hidden;
    float: none;
}

.department_message_left {
    width: 740px;
    margin-right: 70px;
    display: block;
    float: left;
}

.department_message_right {
    width: 290px;
    float: left;
}

/*学部長プロフィール　div　※「box_gray」と併記*/
.department_profile_box {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 150%;
    font-size: 96%;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.department_profile_left {
    display: block;
    overflow: hidden;
    position: relative;
    width: 48%;
    float: left;

}

.department_profile_right {
    display: block;
    overflow: hidden;
    position: relative;
    width: 48%;
    float: right;
}


/*各学科の導入部分　div*/

/*全学科共通*/
.subject_intro_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 1160px;
    margin-bottom: 50px !important;
}

/*▼文学部----------*/

/*英文学科*/
.subject_intro_box_english {}

/*心理・応用コミュニケーション科*/
.subject_intro_box_psychology {}

/*▼経済学部----------*/

/*経済学科*/
.subject_intro_box_economics {}

/*経営情報学科*/
.subject_intro_box_management {}

/*経済法学科*/
.subject_intro_box_economiclaw {}

/*▼社会福祉学部----------*/

/*福祉計画学科*/
.subject_intro_box_welfareplan {}

/*福祉臨床学科*/
.subject_intro_box_welfareclinic {}

/*福祉心理学科*/
.subject_intro_box_welfarepsy {}

/*▼短期大学部----------*/

/*英文学科*/
.subject_intro_box_junior_english {}

/*生活創造学科*/
.subject_intro_box_life_creation {}

/*▼大学院----------*/

/*文学研究科*/
.subject_intro_box_gc_english {}

/*経済学研究科*/
.subject_intro_box_gc_economics {}

/*社会福祉学研究科*/
.subject_intro_box_gc_social {}


/*各学科タイトルの左側*/
.subject_intro_left {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
    max-height: 300px;
    min-width: 580px;
}

/*各学科タイトルの左側の色（学部ごとで色分け）*/
/*文学部*/
.subject_intro_box_english .subject_intro_left,
.subject_intro_box_psychology .subject_intro_left {
    background-color: #6ea5cf;
}

/*経済学部*/
.subject_intro_box_economics .subject_intro_left,
.subject_intro_box_management_info .subject_intro_left,
.subject_intro_box_law_economics .subject_intro_left {
    background-color: #669966;
}

/*社会福祉学部*/
.subject_intro_box_social_policy .subject_intro_left,
.subject_intro_box_social_work .subject_intro_left,
.subject_intro_box_psychology_wellbeing .subject_intro_left {
    background-color: #d7b26c;
}

/*短期大学部*/
.subject_intro_box_junior_english .subject_intro_left,
.subject_intro_box_life_creation .subject_intro_left {
    background-color: #cc99cc;
}

/*大学院*/
.subject_intro_box_gc_english .subject_intro_left,
.subject_intro_box_gc_economics .subject_intro_left,
.subject_intro_box_gc_social .subject_intro_left {
    background-color: #3399cc;
}



/*左側のテキストを格納するdiv*/
.subject_intro_left_text {
    display: block;
    overflow: hidden;
    float: right;
    width: 550px;
    min-height: 300px;
    max-height: 300px;
    padding-top: 40px;

}

/*メインコピー*/
.subject_intro_left_text .subject_intro_main_copy {
    font-size: 20px;
    color: #ffffff;
}



/*「学科サイト」のリンク*/

.department_site_link a {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 22px 20px 6px 0px;
    min-width: 160px;
    font-size: 100%;
    color: #ffffff;
    background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
    text-decoration: none;
    border: solid 1px #ffffff;
    float: left;
}

.department_book_link a {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 22px 6px 6px 0px;
    min-width: 160px;
    font-size: 100%;
    color: #ffffff;
    background: url(img/icon_16_download_white.png) no-repeat 96% 50%;
    text-decoration: none;
    border: solid 1px #ffffff;
}

/*文学部*/
.subject_intro_box_english .subject_intro_left .department_site_link a:hover,
.subject_intro_box_psychology .subject_intro_left .department_site_link a:hover,
.subject_intro_box_english .subject_intro_left .department_book_link a:hover,
.subject_intro_box_psychology .subject_intro_left .department_book_link a:hover {
    background-color: #006699;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*経済学部*/
.subject_intro_box_economics .subject_intro_left .department_site_link a:hover,
.subject_intro_box_management_info .subject_intro_left .department_site_link a:hover,
.subject_intro_box_law_economics .subject_intro_left .department_site_link a:hover,
.subject_intro_box_economics .subject_intro_left .department_book_link a:hover,
.subject_intro_box_management_info .subject_intro_left .department_book_link a:hover,
.subject_intro_box_law_economics .subject_intro_left .department_book_link a:hover {
    background-color: #336633;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*社会福祉学部*/
.subject_intro_box_social_policy .subject_intro_left .department_site_link a:hover,
.subject_intro_box_social_work .subject_intro_left .department_site_link a:hover,
.subject_intro_box_psychology_wellbeing .subject_intro_left .department_site_link a:hover,
.subject_intro_box_social_policy .subject_intro_left .department_book_link a:hover,
.subject_intro_box_social_work .subject_intro_left .department_book_link a:hover,
.subject_intro_box_psychology_wellbeing .subject_intro_left .department_book_link a:hover {
    background-color: #cc6633;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*短期大学部*/
.subject_intro_box_junior_english .subject_intro_left .department_site_link a:hover,
.subject_intro_box_life_creation .subject_intro_left .department_site_link a:hover,
.subject_intro_box_junior_english .subject_intro_left .department_book_link a:hover,
.subject_intro_box_life_creation .subject_intro_left .department_book_link a:hover {
    background-color: #996699;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*大学院*/
.subject_intro_box_gc_english .subject_intro_left .department_site_link a:hover,
.subject_intro_box_gc_economics .subject_intro_left .department_site_link a:hover,
.subject_intro_box_gc_social .subject_intro_left .department_site_link a:hover,
.subject_intro_box_gc_english .subject_intro_left .department_book_link a:hover,
.subject_intro_box_gc_economics .subject_intro_left .department_book_link a:hover,
.subject_intro_box_gc_social .subject_intro_left .department_book_link a:hover {
    background-color: #324a63;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}



.subject_intro_right {
    display: block;
    overflow: hidden;
    float: right;
    width: 50%;
    max-height: 300px;
}

.subject_intro_right img {
    width: 100% !important;
    min-width: 640px;
    height: auto;
}


/*特色2つをくるんだdiv*/
.subject_curriculum_1box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

/*特色の左　dv*/
.subject_curriculum_left {
    display: block;
    position: relative;
    overflow: hidden;
    width: 48%;
    float: left;

}

/*特色の左　dv*/
.subject_curriculum_right {
    display: block;
    position: relative;
    overflow: hidden;
    width: 48%;
    float: right;
}

.subject_curriculum_1column {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: none;
}

/*番号のフォントサイズと色　span*/
/*文学部*/
.span_num_letters_faculty,
.span_num_humanities {
    font-size: 180%;
    font-weight: 500;
    color: #6ea5cf;
    padding-right: 6px;
}

/*経済学部*/
.span_num_economics {
    font-size: 180%;
    font-weight: 500;
    color: #66cc66;
    padding-right: 6px;
}

/*社会福祉学部*/
.span_num_social_welfare {
    font-size: 180%;
    font-weight: 500;
    color: #d7b26c;
    padding-right: 6px;
}

/*短期大学部*/
.span_num_junior_college {
    font-size: 180%;
    font-weight: 500;
    color: #cc99cc;
    padding-right: 6px;
}

/*大学院*/
.span_num_graduate_college {
    font-size: 180%;
    font-weight: 500;
    color: #3399cc;
    padding-right: 6px;
}

.subject_curriculum_1box strong {
    font-size: 126%;
    font-weight: 500;
    float: none;
    width: 100%;
}

/*カリキュラムの本文　p*/
.subject_curriculum_copy {
    padding: 20px 25px 20px 25px;
    font-size: 96%;
    color: #555555;
    border: solid 1px #d8d8d8;
    min-height: 150px;
}

.subject_curriculum_1column .subject_curriculum_copy {
    padding: 20px 25px 20px 25px;
    font-size: 96%;
    color: #555555;
    border: solid 1px #d8d8d8;
    min-height: 10px;
}


/*----------カリキュラム表（2017.2追加分）----------*/

/*学部共通　div*/
.curriculum_box {
    margin-bottom: 60px;
}

/*文学部　div*/
.curriculum_box.curriculum_box_humanities {}

/*経済学部　div*/
.curriculum_box.curriculum_box_economics {}

/*社会福祉学部　div*/
.curriculum_box.curriculum_box_social_welfare {}

/*短期大学部　div*/
.curriculum_box.curriculum_box_general_education {}

/*大学院　div*/
.curriculum_box.curriculum_box_graduate_college {}



/*大学共通科目　h3*/
.curriculum_box h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #b4a358;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}


/*「○○学科専門教育科目」文学部　h3*/
.curriculum_box.curriculum_box_humanities h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #6ea5cf;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}

/*「○○学科専門教育科目」経済学部　h3*/
.curriculum_box.curriculum_box_economics h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #669966;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}

/*「○○学科専門教育科目」社会福祉学部　h3*/
.curriculum_box.curriculum_box_social_welfare h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #d7b26c;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}

/*「○○学科専門教育科目」短期大学部　h3*/
.curriculum_box.curriculum_box_general_education h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #cc99cc;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}

/*「○○学科専門教育科目」大学院　h3*/
.curriculum_box.curriculum_box_graduate_college h3 {
    font-weight: 500;
    font-size: 16px;
    background-color: #83a2ba;
    color: #ffffff;
    padding: 4px 10px 4px 10px;
}




/*カリキュラムのテーブル　学部共通　table*/
div#contents_main #contents_section .curriculum_box table {
    border-top: #ffffff solid 2px;
    border-left: #ffffff solid 2px;
}

div#contents_main #contents_section .curriculum_box table td {
    padding: 5px 8px 5px 8px;
    border-bottom: #ffffff solid 2px;
    border-right: #ffffff solid 2px;
    background-color: #f5f5f2;
    font-size: 12px;
}

div#contents_main #contents_section .curriculum_box table td br:first-Child {
    display: block;
    height: 200px;
}

/*スマホ用*/
div#contents_main #contents_section .curriculum_box table tr {
    /*border-bottom: #ffffff solid 2px;*/
}

/*「授業科目名」のtdのグレー*/
div#contents_main #contents_section .curriculum_box table td.label1 {
    background-color: #e4e4e1;
    text-align: center;
}

/*「○年次」の項目のtdのグレー*/
div#contents_main #contents_section .curriculum_box table td.label2 {
    background-color: #efeeec;
    text-align: center;
}




/*カラー科目名td1（薄いほう）大学共通科目　td*/
div#contents_main #contents_section .curriculum_box td.color_label1 {
    background-color: #f5f2e9;
}

/*カラー科目名td1（濃いほう）大学共通科目　td*/
div#contents_main #contents_section .curriculum_box td.color_label2 {
    background-color: #E2D9BF;
}



/*カラー科目名td1（薄いほう）文学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label1 {
    background-color: #e4ebf0;
}

/*カラー科目名td1（濃いほう）文学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label2 {
    background-color: #d5e1e9;
}



/*カラー科目名td1（薄いほう）経済学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label1 {
    background-color: #e8f0e4;
}

/*カラー科目名td1（濃いほう）経済学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label2 {
    background-color: #d1dfc9;
}



/*カラー科目名td1（薄いほう）社会福祉学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label1 {
    background-color: #f0eae4;
}

/*カラー科目名td1（濃いほう）社会福祉学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label2 {
    background-color: #e1d6ca;
}



/*カラー科目名td1（薄いほう）短期大学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label1 {
    background-color: #f0e4ef;
}

/*カラー科目名td1（濃いほう）短期大学部　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label2 {
    background-color: #e1cae0;
}



/*カラー科目名td1（薄いほう）大学院　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label1 {
    background-color: #e6eaed;
}

/*カラー科目名td1（濃いほう）大学院　td*/
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label2 {
    background-color: #d0d9dd;
}




/*科目の項目名名td　学部共通　td*/
div#contents_main #contents_section .curriculum_box td.color_label1,
div#contents_main #contents_section .curriculum_box td.color_label2,
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label1,
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label2,
div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label1,
div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label2,
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label1,
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label2,
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label1,
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label2,
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label1,
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label2 {
    text-align: center;
}



/*装飾span*/
/*デフォルトの●*/
div#contents_main #contents_section .curriculum_box span:not(.sp_only) {
    display: inline-block;
    position: relative;
    padding-left: 1.1em;
    text-indent: -1.1em;
    line-height: 140%;
    margin-top: 2px;
    margin-bottom: 2px;
}

div#contents_main #contents_section .curriculum_box span:not(.star_w):not(.star_b):not(.sp_only):before {
    position: relative;
    content: "● ";
    color: #555555;
}

/*☆*/
div#contents_main #contents_section .curriculum_box span.star_w:before {
    position: relative;
    content: "☆ ";
    color: #555555;
}

/*★*/
div#contents_main #contents_section .curriculum_box span.star_b:before {
    position: relative;
    content: "★ ";
    color: #555555;
}

/*文字色　※文学部しか使用しない*/
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.color {
    /*color:#6ea5cf;　本来の色　うすい*/
    /*color: #006699;　強調色　濃い*/
    color: #5b97bc;
}

div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.color {
    color: #669966;
}

div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.color,
{
color: #d7b26c;
}

div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.color {
    color: #cc99cc;
}

div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.color {
    color: #83a2ba;
}


/*太字*/
div#contents_main #contents_section .curriculum_box span.b,
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.b,
div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.b,
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.b,
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.b,
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.b {
    font-weight: 600;
    color: #333333;
}



/*「◎年次」のアイコン風*/
div#contents_main #contents_section .curriculum_box span.sp_grade,
div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.sp_grade,
div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.sp_grade,
div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.sp_grade,
div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.sp_grade,
div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.sp_grade {
    display: none;
}


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

大学院の研究科に掲載する「履修と研究指導」の表　2018.3.28追加

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

/*全体　div*/
/*1列*/
.curriculum_1year_box {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(204, 204, 153, 0.3);
}

/*2列*/
.curriculum_2year_box {
    display: block;
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(153, 153, 204, 0.3) 0%, rgba(153, 153, 204, 0.3) 50%, rgba(153, 204, 204, 0.3) 50%, rgba(153, 204, 204, 0.3) 100%);
}



/*タイトル欄　div*/

.curriculum_1year_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #cccc99;
}

/*左　div*/
.curriculum_1year_title {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 20px 10px 20px;
    float: left;

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

.curriculum_2year_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #9999cc 0%, #9999cc 49.9%, #ffffff 49.9%, #ffffff 50%, #99cccc 50%, #99cccc 100%);
}

/*左　div*/
.curriculum_2year_title_left {
    display: block;
    position: relative;
    overflow: hidden;
    width: 50%;
    padding: 10px 20px 10px 20px;
    float: left;

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

/*右　div*/
.curriculum_2year_title_right {
    display: block;
    position: relative;
    overflow: hidden;
    width: 50%;
    padding: 10px 20px 10px 20px;
    float: left;

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

div#contents_main #contents_section .curriculum_1year_title p,
div#contents_main #contents_section .curriculum_2year_title_left p,
div#contents_main #contents_section .curriculum_2year_title_right p {
    margin-bottom: 0px;
    color: #ffffff;
    font-weight: 600;
}

.curriculum_1year_contents_box,
.curriculum_2year_contents_box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px 20px;

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

div#contents_main #contents_section .curriculum_1year_contents_box p,
div#contents_main #contents_section .curriculum_2year_contents_box p {}

div#contents_main #contents_section .curriculum_1year_contents_box ul,
div#contents_main #contents_section .curriculum_2year_contents_box ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#contents_main #contents_section .curriculum_1year_contents_box li,
div#contents_main #contents_section .curriculum_2year_contents_box li {
    font-size: 14px;

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

div#contents_main #contents_section .curriculum_1year_contents_box ul.float li,
div#contents_main #contents_section .curriculum_2year_contents_box ul.float li {
    display: inline-block;
    padding-right: auto;
    padding-left: 22px;
    margin-right: 1em;
    background-image: url(img/icon_16_disc.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

div#contents_main #contents_section .curriculum_1year_contents_box p.kamoku_a,
div#contents_main #contents_section .curriculum_2year_contents_box p.kamoku_a {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 12px;
    line-height: 100%;
    background-color: #53606c;
}

div#contents_main #contents_section .curriculum_1year_contents_box p.kamoku_b,
div#contents_main #contents_section .curriculum_2year_contents_box p.kamoku_b {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 12px;
    line-height: 100%;
    background-color: #88658c;
}

.curriculum_1year_contents {
    display: block;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
}

.curriculum_2year_contents_1 {
    display: block;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
}

.contents1_inner {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
}

.contents1_inner1 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
}

.contents1_inner2 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
}

.curriculum_2year_contents_2 {
    display: block;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
}

.contents2_inner1 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
    width: 49%;
    float: left;

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

.contents2_inner2 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
    width: 49%;
    float: right;

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

.contents_inner_wide {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
    width: 100%;
    float: none;

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

.curriculum_2year_contents_2 .contents_inner_wide:last-child {
    margin-bottom: 0px;
}

.curriculum_2year_contents_3 {
    display: block;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 20px 20px 20px;
    margin-bottom: 0px;
}

.contents3_inner1 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
    width: 49%;
    float: left;

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

.contents3_inner2 {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px 25px 10px 25px;
    border: solid 1px #d2d2d2;
    margin-bottom: 10px;
    width: 49%;
    float: right;

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

div#contents_main #contents_section p.curriculum_name {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 6px;
    background: #bdc9d3;
}

.arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-right: 6px;
    background: url(img/arrow_blue.png) no-repeat center center;
    background-size: 16px 16px;
    vertical-align: middle;
}

.arrow b {
    display: none;
}


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

公認心理師について　ディレクトリ：/social_welfare/psychology_wellbeing/licensed_psychologists/　2017/12/19追加

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

/*メインビジュアル　div*/
.licensed_psychologists_main_box {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-bottom: 50px;
}

.licensed_psychologists_main_inner_box1 {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.licensed_psychologists_main_inner_box1 h2 span {
    display: none;
}

.licensed_psychologists_main_inner_box2 {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: -170px;
    z-index: 2;
}


/*「公認心理師とは」「公認心理師の活躍する場」「試験について」共通　div*/
.licensed_psychologists_section_box2,
.licensed_psychologists_section_box3,
.licensed_psychologists_section_box4 {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 70px;
}

/*「公認心理師とは」「公認心理師の活躍する場」「試験について」共通のh3タイトル*/
.licensed_psychologists_section_box2 h3,
.licensed_psychologists_section_box3 h3,
.licensed_psychologists_section_box4 h3 {
    display: block;
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 6px 0px 0px 50px;
    min-height: 33px;
    background: url(img/icon_48_vine.png) no-repeat left top;
    /*color: #65B3B6;*/
    color: #66CCCC;
    font-size: 27px;
    font-weight: 500;
}


/*公認心理師とは　div*/
.licensed_psychologists_section_box2 {
    width: 920px;
    float: none;
    clear: both;
}

.licensed_psychologists_section_box2_left {
    width: 550px;
    float: left;
}

.licensed_psychologists_section_box2_right {
    width: 340px;
    float: right;
    padding-top: 5px;
}



/*公認心理師の活躍する場　div*/
.licensed_psychologists_section_box3 {
    width: 920px;
}

.licensed_psychologists_section_box3_minibox_all {
    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;

}

.licensed_psychologists_section_box3_minibox {
    display: inline-block;
    position: relative;

    width: 168px;
    margin-right: 20px;

    padding: 10px 10px 10px 10px;

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

.licensed_psychologists_section_box3_minibox:last-Child {
    margin-right: 0px;
}


.licensed_psychologists_section_box3_minibox.minibox1 {
    background-color: #FFCCCC;
}

.licensed_psychologists_section_box3_minibox.minibox2 {
    background-color: #FBEA80;
}

.licensed_psychologists_section_box3_minibox.minibox3 {
    background-color: #B4D2DA;
}

.licensed_psychologists_section_box3_minibox.minibox4 {
    background-color: #CBDEA3;
}

.licensed_psychologists_section_box3_minibox.minibox5 {
    background-color: #CCB2CD;
    margin-right: 0px;
}


div#contents_main #contents_section .licensed_psychologists_section_box3_minibox p {
    margin-bottom: 5px;
}

.licensed_psychologists_section_box3_minibox ul {
    list-style: none;
    background: none;
    padding: 0px 0px 0px 0px;
}

div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox1 ul li,
div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox2 ul li,
div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox3 ul li,
div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox4 ul li,
div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox5 ul li {
    padding: 0px 0px 4px 12px !important;
    background-image: url(img/icon_16_disc_black.png);
    background-repeat: no-repeat;
    background-position: 2px 5px !important;
    background-size: 8px 8px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 140%;
}

.licensed_psychologists_section_box3_minibox.minibox1 ul li img,
.licensed_psychologists_section_box3_minibox.minibox2 ul li img,
.licensed_psychologists_section_box3_minibox.minibox3 ul li img,
.licensed_psychologists_section_box3_minibox.minibox4 ul li img,
.licensed_psychologists_section_box3_minibox.minibox5 ul li img {}


/*試験について　div*/
.licensed_psychologists_section_box4 {
    width: 1100px;
    padding: 40px 90px 60px 90px;
    margin-bottom: 0px;
    background: url(img/licensed_psychologists_bg_note.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.licensed_psychologists_section_box4_route_box {
    display: block;
    position: relative;
}

.licensed_psychologists_section_box4_route1 {
    display: block;
    position: relative;
    width: 440px;
    padding: 10px 10px 10px 10px;

    background: url(img/licensed_psychologists_bg_dot_blue.png);
    float: left;

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

.licensed_psychologists_section_box4_route2 {
    display: block;
    position: relative;
    width: 440px;
    padding: 10px 10px 10px 10px;

    background: url(img/licensed_psychologists_bg_dot_green.png);
    float: right;

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

.licensed_psychologists_section_box4_route1_inner,
.licensed_psychologists_section_box4_route2_inner {
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;

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

div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p,
div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p {
    margin-bottom: 15px;
    line-height: 160%;
    font-size: 17px;
}

div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p b,
div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p b {
    font-weight: 500;
}


div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p.route01 {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 65px;
    height: 25px;
    background: url(img/licensed_psychologists_route01_x2.png) no-repeat center center;
    background-size: 65px 25px;
}

div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p.route02 {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 65px;
    height: 25px;
    background: url(img/licensed_psychologists_route02_x2.png) no-repeat center center;
    background-size: 65px 25px;
}

div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p.route01 b,
div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p.route02 b {
    display: none;
}


/*リンク欄　div*/
.licensed_psychologists_link_box {
    width: 1100px;
    padding: 50px 90px 50px 90px;
    margin-bottom: 0px;
    background: url(img/licensed_psychologists_bg_link.jpg) no-repeat center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.licensed_psychologists_link_button {
    padding: 12px 100px 12px 100px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #96B73C;
    text-decoration: none;
}

.licensed_psychologists_link_button:hover {
    padding: 12px 100px 12px 100px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #669900;
    text-decoration: none;
}

.licensed_psychologists_link_button span {
    padding: 0px 20px 0px 0px;
    font-size: 110%;
    color: #ffffff;

    /*background: url(img/icon_24_link_white.png) no-repeat left 50%;*/
    background: url(img/icon_16_blank_white.png) no-repeat right 50%;
}



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

教員情報　/about/faculty/

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

/*研究者Storyのリンクアイコン*/
/*文字列（「研究者Story」）はspanで囲む*/

.scholar_link {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background: url(img/icon_48_scholar.png) no-repeat center center;
    background-size: contain;
    margin-left: 4px;
    margin-right: 4px;
}

.scholar_link.small {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

.scholar_link span {
    display: none;
}

a.scholar_link:hover {
    opacity: 0.8;
}




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

キャンパスマップ

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

/*map画像エリア　div*/
.map_area {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    height: 530px;
    margin-bottom: 20px;
    z-index: 1;
}

.map_area p,
.map_area img {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 530px;
    z-index: 2;
}

/*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
.map_link {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 1100px;
    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: 557px;
    top: 83px;
    z-index: 4 !important;
}

.map_link2 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 61px;
    height: 33px;
    left: 640px;
    top: 138px;
    z-index: 4 !important;
}


.map_link3 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 61px;
    height: 34px;
    left: 345px;
    top: 205px;
    z-index: 4 !important;
}

.map_link4 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 61px;
    height: 38px;
    left: 689px;
    top: 209px;
    z-index: 4 !important;
}

.map_link5 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 87px;
    height: 38px;
    left: 740px;
    top: 277px;
    z-index: 4 !important;
}

.map_link6 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 120px;
    height: 38px;
    left: 221px;
    top: 225px;
    z-index: 4 !important;
}

.map_link7 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 126px;
    height: 38px;
    left: 137px;
    top: 300px;
    z-index: 4 !important;
}

.map_link8 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 84px;
    height: 38px;
    left: 464px;
    top: 393px;
    z-index: 4 !important;
}

.map_link9 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 61px;
    height: 36px;
    left: 276px;
    top: 467px;
    z-index: 4 !important;
}

.map_link10 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 64px;
    height: 37px;
    left: 498px;
    top: 48px;
    z-index: 4 !important;
}

.map_link11 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 95px;
    height: 46px;
    left: 250px;
    top: 136px;
    z-index: 4 !important;
}

.map_link12 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 128px;
    height: 42px;
    left: 925px;
    top: 135px;
    z-index: 4 !important;
}

.map_link13 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 114px;
    height: 36px;
    left: 640px;
    top: 97px;
    z-index: 4 !important;
}

.map_link14 {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 61px;
    height: 38px;
    left: 1017px;
    top: 468px;
    z-index: 4 !important;
}



/*パノラママーカー共通設定　a*/

.marker1,
.marker2,
.marker3,
.marker4,
.marker5,
.marker6,
.marker7,
.marker8 {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("img/panorama_icon_marker_purple.png") no-repeat 0px 0px;
}

.marker1:hover,
.marker2:hover,
.marker3:hover,
.marker4:hover,
.marker5:hover,
.marker6:hover,
.marker7:hover,
.marker8:hover {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("img/panorama_icon_marker_green.png") no-repeat 0px 0px;
}

.marker1 b,
.marker2 b,
.marker3 b,
.marker4 b,
.marker5 b,
.marker6 b,
.marker7 b,
.marker8 b {
    display: none;
}

/*マーカー1　p　チャペル*/
.marker1 {
    top: 200px;
    left: 634px;
}

/*マーカー2　p　図書館*/
.marker2 {
    top: 298px;
    left: 604px;
}

/*マーカー3　p　AB教室*/
.marker3 {
    top: 259px;
    left: 677px;
}

/*マーカー4　p　アリーナ*/
.marker4 {
    top: 28px;
    left: 340px;
}

/*マーカー5　p　C館講堂*/
.marker5 {
    top: 208px;
    left: 471px;
}

/*マーカー6　p　センター棟1F*/
.marker6 {
    top: 330px;
    left: 465px;
}

/*マーカー7　p　センター棟2F*/
.marker7 {
    top: 325px;
    left: 410px;
}

/*マーカー8　p　中庭*/
.marker8 {
    top: 279px;
    left: 468px;
}







.campus_map_facility_list {
    width: 1100px;
    list-style: none;
    background: none !important;
    padding: 0px 0px 0px 0px;
    font-size: 0;

}

.campus_map_facility_list li {
    margin-right: 40px !important;
    display: inline-block;
    width: 340px;
    /*float: left;*/
    padding-left: 0em !important;
    text-indent: 0em !important;
    padding: 10px 0px 0px 0px;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    margin-bottom: 25px;
    background: none !important;
    font-size: 16px;
}

.campus_map_facility_list li:nth-child(3n) {
    margin-right: 0px !important;
}

.campus_map_facility_list li b {
    display: block;
    width: 340px;
    min-height: 30px;
    margin: 0px !important;
    padding: 18px 0px 10px 0px;
    float: none;
    font-size: 110%;
    background: url(img/icon_link_box_self.png) no-repeat right 8px;
    /*横縦*/
}

.campus_map_facility_list li a {
    text-decoration: none;
    background: none;
}

.campus_map_facility_list li a:hover b {
    background: url(img/icon_link_box_self_hover.png) no-repeat right 8px;
    /*横縦*/
}


.campusmap_panorama_mark_box {
    display: block;
    float: left;
    margin: 0px 30px 20px 10px;
}

div#contents_main .button_panorama_purple {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background: url(img/icon_16_camera_white.png) no-repeat 96% 50%;
    background-position: right 12px center;
    background-color: #AB7EB4 !important;
    text-decoration: none;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
}

div#contents_main .button_panorama_purple:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 110%;
    color: #ffffff;
    background-color: #BC98C3 !important;
}





/* ---------- div内で2列にならべるdiv ---------- */

.campusmap_textbox_inner {
    width: 975px;
    margin: 0 auto;
}

/*2列全体　div*/
.campusmap_text_box_2column {
    display: block;
    overflow: hidden;
    position: relative;
}

.campusmap_text_box_2column h2,
.campusmap_text_box_2column h3 {
    display: inline-block;
    margin: 0px 0 10px 0;
}

.campusmap_text_box_2column p {
    margin-bottom: 0px;
}

/*左*/
.campusmap_text_box_2column_left {
    display: block;
    overflow: hidden;
    position: relative;
    width: 460px;
    margin-right: 30px;
    float: left;
}

/*右*/
.campusmap_text_box_2column_right {
    display: block;
    overflow: hidden;
    position: relative;
    width: 460px;
    margin-right: 0%;
    float: right;
}


/*pの高さを指定*/

.min_height3em {
    min-height: 3em;
}


.min_height4em {
    min-height: 4em;
}


.min_height5em {
    min-height: 5em;
}

.min_height6em {
    min-height: 6em;
}

.min_height7em {
    min-height: 7em;
}

.min_height8em {
    min-height: 8em;
}

.min_height9em {
    min-height: 9em;
}

.min_height10em {
    min-height: 10em;
}

.min_height11em {
    min-height: 11em;
}

.min_height12em {
    min-height: 12em;
}




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

社会人入試

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

/* 背景が薄いグレーのボックス */

.box_bg_gray {
    background-color: #f6f6f6;
    padding: 10px 20px;
}


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

国際交流・留学　ディレクトリ：international/

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

/*新たに追加した「国際教育センター」SNSボタン枠*/

/*SNSボタン枠全体　div*/
.international_sns_box {
    display: block;
    margin: 0px 0px 30px 0px;
    padding: 15px 25px 0px 25px;
    margin: 10px 0px 25px 0px;
    border: solid 1px #d2d2d2;
    width: 100%;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*左側のテキスト欄　div*/
.international_sns_left_box {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

/*右側のボタン欄　div*/
.international_sns_right_box {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
}

/*説明分　p*/
div#contents_main #contents_section p.international_sns_text {
    margin-bottom: 0px;
}

/*fbボタンを囲んだp*/
div#contents_main #contents_section p.international_sns_fb {
    display: inline-block;
    margin-right: 8px;
}

/*twボタンを囲んだp*/
div#contents_main #contents_section p.international_sns_tw {
    display: inline-block;
    margin-right: 0px;
}





.international_top_left_box {
    display: block;
    width: 630px;
    float: left;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.international_top_right_box {
    display: block;
    width: 400px;
    float: right;
    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 .international_top_left_box .button {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 105%;
    color: #ffffff;
    background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
    background-color: #5276b8;
    text-decoration: none;
}

div#contents_main .international_top_left_box .button:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 105%;
    color: #ffffff;
    background-color: #7592C7;
}

div#contents_main .international_top_left_box .button_green {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 105%;
    color: #ffffff;
    background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
    background-color: #70b7c5;
    text-decoration: none;
}

div#contents_main .international_top_left_box .button_green:hover {
    padding: 8px 40px 8px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 105%;
    color: #ffffff;
    background-color: #8DC6D1;
}




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

派遣留学制度（大学）　ディレクトリ：international/studying_abroad02/
※このカテゴリはボツになったもの
-------------------- */

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.studying_abroad_box_2column {
    display: block;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 25px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-size: 0;
}

.studying_abroad_box_2column h2,
.studying_abroad_box_2column h3 {
    display: inline-block;
    margin: 0px 0 5px 0;
    font-size: 18px;
}

.studying_abroad_box_2column p {
    line-height: 150% !important;
    font-size: 14px;
}

/*左*/
.studying_abroad_box_2column_left {
    display: block;
    overflow: hidden;
    position: relative;
    width: 49% !important;
    margin-right: 1% !important;
    float: left;
}

/*右*/
.studying_abroad_box_2column_right {
    display: block;
    overflow: hidden;
    position: relative;
    width: 49% !important;
    margin-right: 0%;
    float: right;
}


.studying_abroad_box_2column_inner_box {
    display: block;
    overflow: hidden;
    padding: 15px 15px 10px 125px;
    border: solid 5px #d2d2d2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

div#contents_main .studying_abroad_box_2column_inner_box .button {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff;
    background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
    background-color: #30356c;
    text-decoration: none;
    float: right !important;
}

div#contents_main .studying_abroad_box_2column_inner_box .button:hover {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff;
    background-color: #30356c;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}


/*h2タイトルに国旗アイコンをつける*/
/*アメリカ*/
div#contents_main h2.country_america {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_america.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}

/*イギリス*/
div#contents_main h2.country_england,
div#contents_main h2.country_britain {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_england.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}

/*カナダ*/
div#contents_main h2.country_canada {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_canada.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}

/*韓国*/
div#contents_main h2.country_korea {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_korea.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}

/*台湾*/
div#contents_main h2.country_taiwan {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_taiwan.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}

/*中国*/
div#contents_main h2.country_china {
    padding: 0px 0px 0px 38px;
    background: url(img/icon_32_kokki_china.png) no-repeat left 2px;
    /*横縦*/
    background-size: 32px 32px;
}



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

国際ラウンジ　ディレクトリ：international/international_lounge/

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

/*写真とcaptionをくくった、イベント枠1セット*/
.international_lounge_event_1box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 330px;
    margin-right: 24px;
    float: left;
}

.international_lounge_event_1box:nth-of-type(3n) {
    margin-right: 0px;
}

/*写真をくくったp*/
div#contents_main #contents_section .international_lounge_event_photo_p {
    margin-bottom: 10px;
}

div#contents_main #contents_section .international_lounge_event_photo_p img {
    display: block;
    margin: 0 auto;
    max-width: 330px;
}

/*キャプション　p*/
div#contents_main .international_lounge_event_caption {}


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

学生の留学・海外活動報告　ディレクトリ：international/abroad_report/

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

/*worldmap画像エリア　div*/
.worldmap_area {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    height: 540px;
    margin-bottom: 20px;
    z-index: 0;
}

.worldmap_area p,
.worldmap_area img {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 540px;
    z-index: 1;
}

.worldmap_area p.worldmap_pc {}

.worldmap_area p.worldmap_sp {
    display: none;
}

/*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
.worldmap_link {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 1100px;
    height: 540px;
    z-index: 2 !important;
}

/*a*/
.worldmap_link01,
.worldmap_link02,
.worldmap_link03,
.worldmap_link04,
.worldmap_link05,
.worldmap_link06,
.worldmap_link07,
.worldmap_link08,
.worldmap_link09,
.worldmap_link10,
.worldmap_link11,
.worldmap_link12,
.worldmap_link13,
.worldmap_link14,
.worldmap_link15,
.worldmap_link16,
.worldmap_link17,
.worldmap_link18,
.worldmap_link19,
.worldmap_link20 {
    display: block;
    position: relative;
    padding: 26px 0px 0px 0px;
    background-color: rgba(255, 0, 0, 0.3);
}

.worldmap_link01:hover,
.worldmap_link02:hover,
.worldmap_link03:hover,
.worldmap_link04:hover,
.worldmap_link05:hover,
.worldmap_link06:hover,
.worldmap_link07:hover,
.worldmap_link08:hover,
.worldmap_link09:hover,
.worldmap_link10:hover,
.worldmap_link11:hover,
.worldmap_link12:hover,
.worldmap_link13:hover,
.worldmap_link14:hover,
.worldmap_link15:hover,
.worldmap_link16:hover,
.worldmap_link17:hover,
.worldmap_link18:hover,
.worldmap_link19:hover,
.worldmap_link20:hover {}

.worldmap_link01 b,
.worldmap_link02 b,
.worldmap_link03 b,
.worldmap_link04 b,
.worldmap_link05 b,
.worldmap_link06 b,
.worldmap_link07 b,
.worldmap_link08 b,
.worldmap_link09 b,
.worldmap_link10 b,
.worldmap_link11 b,
.worldmap_link12 b,
.worldmap_link13 b,
.worldmap_link14 b,
.worldmap_link15 b,
.worldmap_link16 b,
.worldmap_link17 b,
.worldmap_link18 b,
.worldmap_link19 b,
.worldmap_link20 b {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    padding: 4px 7px 0px 7px !important;
    color: #ffffff;
    background-color: #198b9b;
    height: 12px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 10px;
    font-weight: 600;
    margin: 0px !important;
    line-height: 1.0;
}

.worldmap_link01:hover b,
.worldmap_link02:hover b,
.worldmap_link03:hover b,
.worldmap_link04:hover b,
.worldmap_link05:hover b,
.worldmap_link06:hover b,
.worldmap_link07:hover b,
.worldmap_link08:hover b,
.worldmap_link09:hover b,
.worldmap_link10:hover b,
.worldmap_link11:hover b,
.worldmap_link12:hover b,
.worldmap_link13:hover b,
.worldmap_link14:hover b,
.worldmap_link15:hover b,
.worldmap_link16:hover b,
.worldmap_link17:hover b,
.worldmap_link18:hover b,
.worldmap_link19:hover b,
.worldmap_link20:hover b {
    background-color: #00A8B7;
}


/*アメリカ*/
.worldmap_link01 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 832px;
    top: 190px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_america.png) no-repeat center top;
}

/*イギリス*/
.worldmap_link02 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 21px;
    top: 115px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_england.png) no-repeat center top;
}

/*インドネシア*/
.worldmap_link03 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 563px;
    top: 309px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_indonesia.png) no-repeat center top;
}

/*オーストラリア*/
.worldmap_link04 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 465px;
    top: 399px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_australia.png) no-repeat center top;
}

/*カナダ*/
.worldmap_link05 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 837px;
    top: 112px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_canada.png) no-repeat center top;
}

/*韓　国*/
.worldmap_link06 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 442px;
    top: 189px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_korea.png) no-repeat center top;
}

/*カンボジア*/
.worldmap_link07 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 334px;
    top: 249px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_cambodia.png) no-repeat center top;
}

/*シンガポール*/
.worldmap_link08 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 330px;
    top: 357px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_singapore.png) no-repeat center top;
}

/*スイス*/
.worldmap_link09 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 106px;
    top: 220px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_switzerland.png) no-repeat center top;
}

/*スペイン*/
.worldmap_link10 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 231px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_spain.png) no-repeat center top;
}

/*台　湾*/
.worldmap_link11 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 511px;
    top: 235px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_taiwan.png) no-repeat center top;
}

/*中　国*/
.worldmap_link12 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 354px;
    top: 189px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_china.png) no-repeat center top;
}

/*デンマーク*/
.worldmap_link13 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 151px;
    top: 87px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_denmark.png) no-repeat center top;
}

/*ドイツ*/
.worldmap_link14 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 161px;
    top: 164px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_germany.png) no-repeat center top;
}

/*ニュージーランド*/
.worldmap_link15 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 591px;
    top: 471px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_newzealand.png) no-repeat center top;
}

/*フランス*/
.worldmap_link16 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 172px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_france.png) no-repeat center top;
}

/*ベトナム*/
.worldmap_link17 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 508px;
    top: 287px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_vietnam.png) no-repeat center top;
}

/*ベルギー*/
.worldmap_link18 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 91px;
    top: 87px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_belgium.png) no-repeat center top;
}

/*香　港*/
.worldmap_link19 {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 400px;
    top: 210px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_hongkong.png) no-repeat center top;
}

/*マレーシア*/
.worldmap_link20 {
    display: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 335px;
    top: 302px;
    z-index: 3 !important;
    background: url(img/icon_32_kokki_malaysia.png) no-repeat center top;
}



/*掲載記事がないので、アンカーリンクを無効にする*/
.not_link {
    pointer-events: none !important;
    filter: alpha(opacity=55) !important;
    /*IE*/
    -moz-opacity: 0.55 !important;
    /*FF*/
    opacity: 0.55 !important;
}


/*国ごとのタイトル　h3*/
div#contents_main h3.abroad_country_title01,
div#contents_main h3.abroad_country_title02,
div#contents_main h3.abroad_country_title03,
div#contents_main h3.abroad_country_title04,
div#contents_main h3.abroad_country_title05,
div#contents_main h3.abroad_country_title06,
div#contents_main h3.abroad_country_title07,
div#contents_main h3.abroad_country_title08,
div#contents_main h3.abroad_country_title09,
div#contents_main h3.abroad_country_title10,
div#contents_main h3.abroad_country_title11,
div#contents_main h3.abroad_country_title12,
div#contents_main h3.abroad_country_title13,
div#contents_main h3.abroad_country_title14,
div#contents_main h3.abroad_country_title15,
div#contents_main h3.abroad_country_title16,
div#contents_main h3.abroad_country_title17,
div#contents_main h3.abroad_country_title18,
div#contents_main h3.abroad_country_title19,
div#contents_main h3.abroad_country_title20 {
    padding: 0px 10px 6px 38px;
    margin-bottom: 30px;
    border-bottom: solid 5px #efefef;
    /*background-color:#0f8a9c;*/
    /*color:#FFFFFF !important;*/
}

/*アメリカ*/
div#contents_main h3.abroad_country_title01 {
    background: url(img/icon_32_kokki_america.png) no-repeat 0px -3px;
}

/*イギリス*/
div#contents_main h3.abroad_country_title02 {
    background: url(img/icon_32_kokki_england.png) no-repeat 0px -3px;
}

/*インドネシア*/
div#contents_main h3.abroad_country_title03 {
    background: url(img/icon_32_kokki_indonesia.png) no-repeat 0px -3px;
}

/*オーストラリア*/
div#contents_main h3.abroad_country_title04 {
    background: url(img/icon_32_kokki_australia.png) no-repeat 0px -3px;
}

/*カナダ*/
div#contents_main h3.abroad_country_title05 {
    background: url(img/icon_32_kokki_canada.png) no-repeat 0px -3px;
}

/*韓　国*/
div#contents_main h3.abroad_country_title06 {
    background: url(img/icon_32_kokki_korea.png) no-repeat 0px -3px;
}

/*カンボジア*/
div#contents_main h3.abroad_country_title07 {
    background: url(img/icon_32_kokki_cambodia.png) no-repeat 0px -3px;
}

/*シンガポール*/
div#contents_main h3.abroad_country_title08 {
    background: url(img/icon_32_kokki_singapore.png) no-repeat 0px -3px;
}

/*スイス*/
div#contents_main h3.abroad_country_title09 {
    background: url(img/icon_32_kokki_switzerland.png) no-repeat 0px -3px;
}

/*スペイン*/
div#contents_main h3.abroad_country_title10 {
    background: url(img/icon_32_kokki_spain.png) no-repeat 0px -3px;
}

/*台　湾*/
div#contents_main h3.abroad_country_title11 {
    background: url(img/icon_32_kokki_taiwan.png) no-repeat 0px -3px;
}

/*中　国*/
div#contents_main h3.abroad_country_title12 {
    background: url(img/icon_32_kokki_china.png) no-repeat 0px -3px;
}

/*デンマーク*/
div#contents_main h3.abroad_country_title13 {
    background: url(img/icon_32_kokki_denmark.png) no-repeat 0px -3px;
}

/*ドイツ*/
div#contents_main h3.abroad_country_title14 {
    background: url(img/icon_32_kokki_germany.png) no-repeat 0px -3px;
}

/*ニュージーランド*/
div#contents_main h3.abroad_country_title15 {
    background: url(img/icon_32_kokki_newzealand.png) no-repeat 0px -3px;
}

/*フランス*/
div#contents_main h3.abroad_country_title16 {
    background: url(img/icon_32_kokki_france.png) no-repeat 0px -3px;
}

/*ベトナム*/
div#contents_main h3.abroad_country_title17 {
    background: url(img/icon_32_kokki_vietnam.png) no-repeat 0px -3px;
}

/*ベルギー*/
div#contents_main h3.abroad_country_title18 {
    background: url(img/icon_32_kokki_belgium.png) no-repeat 0px -3px;
}

/*香　港*/
div#contents_main h3.abroad_country_title19 {
    background: url(img/icon_32_kokki_hongkong.png) no-repeat 0px -3px;
}

/*マレーシア*/
div#contents_main h3.abroad_country_title20 {
    background: url(img/icon_32_kokki_malaysia.png) no-repeat 0px -3px;
}




/*
.h3_bg_green{
	display:block;
	padding:6px 10px 6px 10px !important;
	background-color:#0f8a9c;
	color:#FFFFFF !important;
	font-size:120% !important;
}*/


/*「大学」「短期大学部」のタイトル表記*/
/*
#contents_main h4.abroad_report_subtitle{
	display: inline-block;
	text-align: left;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #333333;
	border:solid 1px #333333;
	background-color: #ffffff;
	font-size: 13px !important;
	font-weight: 500;
}
*/


/*国別のリスト　ul*/
.abroad_report_link_list {
    list-style: none;
}

/*リンク1つ分 li*/
div#contents_main #contents_section ul.abroad_report_link_list li {
    display: inline-block !important;
    /* インラインブロック化 */
    vertical-align: top;
    letter-spacing: normal;
    /* 文字間を通常に戻す */
    position: relative;
    height: auto;
    width: 510px;
    min-height: 10em;
    padding: 0px 0px 0px 0px;
    padding-left: 0em !important;
    text-indent: 0em !important;
    padding-left: 0px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-image: none;
}

/*リンク1つ分の奇数 li*/
div#contents_main #contents_section ul.abroad_report_link_list li:nth-child(odd) {}

/*リンク1つ分の偶数 li*/
div#contents_main #contents_section ul.abroad_report_link_list li:nth-child(even) {
    margin-right: 0px;
}

/*リンク1つ分の左の画像配置　div*/
.abroad_report_photo_box {
    display: block;
    position: relative;
    width: 160px;
    margin-right: 15px;
    float: left;
}

.abroad_report_photo_box img {
    max-width: 160px;
}

/*リンク1つ分の右のテキスト全体配置　div*/
.abroad_report_text_box {
    display: block;
    position: relative;
    width: 335px;
    float: right;
}

/*リンク1つ分のタイトル　h4*/
.abroad_report_text_box h4 {
    font-size: 18px !important;
    text-decoration: underline;
    line-height: 150%;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    padding-top: 0px !important;
}

/*リンク1つ分の「派遣留学」などの種類　p*/
div#contents_main #contents_section .abroad_report_category_text {
    display: inline-block;
    margin-bottom: 0px;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    /*background-color: #272e6e;*/
    background-color: #3a77bc;
    border-radius: 2px;
    margin-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*リンク1つ分の大学名と学部学科　p*/
div#contents_main #contents_section .abroad_report_from_school_text {
    display: block;
    margin-bottom: 0px;
    text-decoration: none;
    font-size: 14px;
    color: #333333;
}

/*リンク1つ分の留学期間　p*/
div#contents_main #contents_section .abroad_report_length_time_text {
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    font-size: 13px;
    color: #888888;
}


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

海外活動報告　カスタム投稿一覧ページ　ディレクトリ：abroad_interview/ 

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

/*タイトル　h1*/
div#contents_main h1.abroad_interview_list_title {
    font-size: 24px !important;
}

/*大学名　p*/
.abroad_interview_list_college {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding-top: 2px;
    color: #666666;
    vertical-align: bottom;
}

.abroad_interview_list_college:before {
    content: "留学先";
    padding: 1px 6px 1px 6px;
    background-color: #666666;
    font-size: 11px;
    margin-right: 5px;
    color: #ffffff;

}

/*学部/学科/学年/性別　p*/
.abroad_interview_list_department {
    display: inline-block;
    margin-right: 20px;
    padding-top: 2px;
    font-weight: 600;
    color: #00A8B7;
    font-size: 16px;
}

/*国/派遣日付　p*/
.abroad_interview_list_country {
    display: block;
    margin-right: 20px;
    padding-top: 2px;
    color: #a9a9a9;
    font-size: 14px;
}

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

海外活動報告　ディレクトリ：abroad_interview/XXXX/

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

/*記事タイトルの下の導入部分　div*/
.entry_block {
    display: block;
    position: relative;
    min-height: 150px;
    padding: 20px 25px 20px 25px;
    margin: 30px 0px 25px 0px;
    border: solid 1px #d2d2d2;
    overflow: hidden;
    clear: both;
}

/*大学名のテキスト情報　p*/
.abroad_interview_text_college {
    display: inline-block;
    margin-bottom: 5px;
    margin-bottom: 0px !important;
}

/*大学のリンク　p*/
.abroad_interview_text_link {
    display: inline-block;
    margin-bottom: 0px !important;
}

/*「大学サイト」のリンクにblankアイコンを追加　a*/
.abroad_interview_text_link a {
    margin: 6px 0px 6px 0px;
    padding: 1px 20px 2px 0px;
    background: url(img/icon_16_blank.png) no-repeat right 4px;
    text-decoration: underline;
}

/*IE10*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .abroad_interview_text_link a {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_blank.png) no-repeat right 4px;
        text-decoration: underline;
    }
}

.abroad_interview_text_link a:hover {
    color: #4e5390;
    text-decoration: underline;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*学部・学科等のテキスト　p*/
.abroad_interview_text_department {
    display: inline-block;
    width: 475px;
    padding-right: 225px;
    margin: 0px 0px 15px 0px;
    font-weight: bold;
    color: #00A8B7;
    font-size: 24px;
}

/*留学先の国　p*/
.abroad_interview_text_country {
    display: block;
    overflow: hidden;
    text-align: left;
    margin-bottom: 3px;
    /*float: left;*/
    /*float: none;*/
    /*clear: both;*/
}

/*留学のカテゴリー　p*/
.abroad_interview_text_category {
    display: inline-block;
    margin-bottom: 0px;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    /*background-color: #272e6e;*/
    background-color: #3a77bc;
    border-radius: 2px;
    margin-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}



/*アイキャッチ画像を格納したdiv*/
.entry_block div {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin: 20px 25px 20px 25px;
}

.entry_block div img {
    width: 100%;
    /*height: auto;*/
}



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

LINK　ディレクトリ：international/link/

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

/*メインタイトル　div*/
.link_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin-top: 40px;
    margin-bottom: 30px;
}

/*中のタイトルのみ　div*/
.link_title_box_inner {}

div#contents_main .link_title_box_inner h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}


/*LINK（海外事情・英語）とは　div*/
.link_about_box {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px 25px 0px 25px;
    margin-bottom: 50px;
}

.link_about_box h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}


/*プロジェクト　div*/
.link_project_box {
    display: block;
    position: relative;
    overflow: hidden;
}

.link_project_box h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 100%;
}

.link_project_box h3 span {
    display: inline-block;
    color: rgba(27, 72, 152, 0.5);
    font-size: 15px;
}



/*プロジェクトの1記事分　div*/
.link_project_report_1box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;

    float: none;
    clear: both;

}

.link_project_report_text_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 560px;

    float: left;
}

.link_project_report_photo_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 480px;

    float: right;
}

/*偶数番は、左右を入れ換え*/
.link_project_report_1box.report02 .link_project_report_text_box,
.link_project_report_1box.report04 .link_project_report_text_box,
.link_project_report_1box.report06 .link_project_report_text_box,
.link_project_report_1box.report08 .link_project_report_text_box {
    float: right;
}

.link_project_report_1box.report02 .link_project_report_photo_box,
.link_project_report_1box.report04 .link_project_report_photo_box,
.link_project_report_1box.report06 .link_project_report_photo_box,
.link_project_report_1box.report08 .link_project_report_photo_box {
    float: left;
}

div#contents_main .link_project_report_text_box h4 {
    font-size: 21px !important;
    font-weight: 500 !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 0px;
    background: url(img/link_color_line_palegreen.png) repeat-x left bottom;
}

/*偶数のレポート欄のタイトルの下の帯を青にする*/
div#contents_main .link_project_report_1box.report02 .link_project_report_text_box h4,
div#contents_main .link_project_report_1box.report04 .link_project_report_text_box h4,
div#contents_main .link_project_report_1box.report06 .link_project_report_text_box h4,
div#contents_main .link_project_report_1box.report08 .link_project_report_text_box h4 {
    background: url(img/link_color_line_blue.png) repeat-x left bottom;
}

/*小さい写真と概要文　div*/
.link_project_report_text_box_inner {
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    float: none;
}

/*小さい写真　p*/
div#contents_main #contents_section p.link_project_report_mini_photo {
    display: block;
    width: 156px;
    margin-right: 30px;
    float: left;
}

div#contents_main #contents_section p.link_project_report_mini_photo img {
    width: 100%;
    height: auto;
}

/*リンク欄　div*/
.link_project_report_text_box_inner_link_box {}

.link_project_report_text_box_inner_link_box a {}

.link_project_report_text_box_inner_link_box a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background: url(img/icon_32_link_circle_gray.png) no-repeat center center;
    background-size: 16px 16px;
}

.link_project_report_text_box_inner_link_box a:hover {
    background-color: #efefef;
}




/*メンバー紹介全体　div*/
.link_member_box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

div#contents_main .link_member_box h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 100%;
}

div#contents_main .link_member_box h3 span {
    display: inline-block;
    color: #c7a5cc;
    font-size: 15px;
}

/*ピンクの枠内 div*/
.link_member_all {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 40px 60px 40px 60px;
    margin-bottom: 30px;
    border: solid 4px #c7a5cc;
}

div#contents_main .link_member_all h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    margin-bottom: 30px;
    border-left: solid 4px #c7a5cc;
}

/*メンバー1人分　div*/
.link_member_1box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}


/*メンバー顔写真欄　div*/
.link_member_photo_box {
    display: block;
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    width: 140px;

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

.link_member_photo_box img {
    /*
	width: 100%;
	height: auto;
	*/
}


/*メンバー紹介テキスト欄　div*/
.link_member_text_box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 800px;
    margin-bottom: 10px;

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

div#contents_main #contents_section p.link_member_leader {
    font-size: 13px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    color: #c7a5cc;
}



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

サークル活動　ディレクトリ：campuslife/circle/

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

.circle_main {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    float: none;
    /*width: 780px;
	float: left;*/
}

#circle_side_navi {
    display: none;
    /*
	overflow: hidden;
	position: relative;
	width: 300px;
	float: right;
	*/
}


/*写真付きサムネボタン　ul*/
.circle_photo_list {
    margin: 0px;
    padding: 0px;
    font-size: 0;
}

.circle_photo_list li {
    display: inline-block;
    position: relative;
    width: 340px;
    min-height: 210px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-right: 40px;
    list-style: none !important;
    text-indent: 0px;
    background: none !important;
    margin-bottom: 25px;
    border-bottom: solid 1px #d8d8d8;
    font-size: 14px;
}

.circle_photo_list li:nth-child(3n) {
    margin-right: 0px;
}


.circle_photo_list li b {
    display: block;
    width: 320px;
    min-height: 20px;
    margin: 0px !important;
    padding: 8px 0px 6px 20px;
    float: none;
    font-size: 96%;
    line-height: 140%;
    background: url(img/icon_16_profile.png) no-repeat left 10px;
    /*横縦*/
}

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

.circle_photo_list li a {
    text-decoration: none;
}




/*サークル活動ページのみ配置300px）*/

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

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

/*サイドのh3*/
div#circle_side_navi .side_title_box {
    display: block;
    overflow: hidden;
    width: 270px;
    padding: 6px 14px 6px 14px;
    border: solid 1px #d2d2d2;
    color: #262626;
    margin-bottom: 0px !important;

}

/*サイドのh3の中のb*/
div#circle_side_navi .side_title_box h3 {
    margin: 0px;
    padding: 0px;
}

/*ul*/
div#circle_side_navi .circle_list {
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 1px #d2d2d2;
    border-top: 0px;
}

div#circle_side_navi .circle_list li {
    display: block;
    overflow: hidden;
    position: relative;
    background: none;
    padding: 0px !important;
    margin: 0px;
    list-style: none;
    background: none !important;

    border-bottom: dotted 1px #d2d2d2;
}

div#circle_side_navi .circle_list li:last-child {
    border-bottom: 0px;
}

div#circle_side_navi .circle_list li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 4px 15px 2px 15px;
}

div#circle_side_navi .circle_list li a:hover {
    background-color: #4e5390;
    color: #ffffff;
}


/*各部活詳細ページ（フロート表示用）*/

/*コンテンツ表示幅940*/
.circle_page_design {
    display: block;
    position: relative;
    overflow: hidden;
    width: 900px !important;
    margin: 0 auto !important;
    padding: 20px 20px 0px 20px !important;
}

.circle_page_design #contents_section {
    padding: 0px !important;
}

.circle_page_design #post-xxx {
    margin: 0px !important;
    padding: 0px !important;
    background-color: aqua;
}



/*コンテンツヘッダー、コンテンツフッターを非表示*/
.circle_page_design #contents_header,
.circle_page_design #contents_footer {
    display: none;
}

.circle_title_box {
    display: block;
    position: relative;
    overflow: hidden;
    clear: both;
    float: none;
}

.circle_title_box h2 {
    display: block;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    width: 600px;
    float: left;
}

.circle_link_btn_box {
    display: inline-block;
    width: 170px;
    margin-bottom: 10px;
    text-align: right;
    float: right;
}

.circle_page_design p {
    line-height: 160% !important;
    font-size: 96% !important;
}

.circle_link_btn_box a {}

.circle_link_btn_box img {
    width: 36px;
    height: 36px;
    border-radius: 2px;
    margin-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    filter: alpha(opacity=40) !important;
    /*IE*/
    -moz-opacity: 0.40 !important;
    /*FF*/
    opacity: 0.40 !important;
}

.circle_link_btn_box a img {
    filter: alpha(opacity=100) !important;
    /*IE*/
    -moz-opacity: 1.00 !important;
    /*FF*/
    opacity: 1.00 !important;
}

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

/*テキストと写真の枠　div*/
.circle_text_box img {
    margin-bottom: 10px;
}


/*写真*/
.circle_text_box img {
    max-width: 320px;
    height: auto;
}

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

.circle_page_design tr {
    border-bottom: #d8d8d8 solid 1px;
    border-right: #d8d8d8 solid 1px;
}

.circle_page_design table td {
    padding: 3px 10px 3px 10px !important;
    font-size: 96%;
    background-color: #ffffff;
}

.circle_page_design table td.circle_td_bg {
    background-color: #efefef;
}


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

キャンパスカレンダー　ディレクトリ名：campus

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

/*春のボックス div*/
.campuscalendar_spring_box {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    border: #d8d8d8 solid 1px;
    height: 600px;
}

/*春2のボックス div*/
.campuscalendar_spring2_box {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: #d8d8d8 solid 1px;
    height: 600px;
}

/*夏のボックス div*/
.campuscalendar_summer_box {
    display: block;
    overflow: hidden;
    position: relative;
    height: 600px;
    margin-bottom: 30px;
    border: #d8d8d8 solid 1px;
    height: 600px;
}

/*秋のボックス div*/
.campuscalendar_autumn_box {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: #d8d8d8 solid 1px;
    height: 600px;
}

/*冬のボックス div*/
.campuscalendar_winter_box {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    border: #d8d8d8 solid 1px;
    height: 600px;
}


/*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: 1100px;
    height: 300px;
    float: none;
}

/*春の下段のくくり div*/
.campuscalendar_spring_bottom {
    display: block;
    position: relative;
    width: 1100px;
    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: 732px;
    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: 366px;
    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;
    z-index: 555;
}

/*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: 732px;
    height: 300px;
    background-color: #e4d9ad;
    float: left;
}

/*春の下段の右 div*/
.campuscalendar_spring_right_contents2 {
    display: block;
    overflow: hidden;
    width: 366px;
    height: 300px;
}

.campuscalendar_spring_bottom_contents2 p {
    position: absolute;
    width: 366px;
    height: 300px;
    left: 732px;
}

.campuscalendar_spring_bottom_contents2 p img {
    clip: rect(0px 366px 300px 0px);
}


.campuscalendar_spring_right_contents2 p {
    margin: 0 !important;
    padding: 0 !important;
}

/*---------春2のセット（3段組）---------*/

/*春2の左のくくり div*/
.campuscalendar_spring2_left {
    display: block;
    position: relative;
    width: 366px;
    height: 600px;
    float: left;
}

/*春2の真ん中のくくり div*/
.campuscalendar_spring2_center {
    display: block;
    position: relative;
    width: 366px;
    height: 600px;
    float: left;
}

/*春2の右のくくり div*/
.campuscalendar_spring2_right {
    display: block;
    position: relative;
    width: 366px;
    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: 366px;
    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: 366px;
    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: 366px;
    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;
    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: 366px;
    height: 300px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

div#contents_main #contents_section .campuscalendar_spring2_center_contents2 p {
    display: block;
    width: 366px;
    height: 300px;
    background-color: #ffffff;
    margin-bottom: 0px;
}


/*6月の三角*/
.campuscalendar_spring2_center_contents2:before {
    content: "";
    border: 20px solid transparent;
    border-bottom: 20px solid #99cc66;
    position: absolute;
    margin-left: 164px;
    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: 366px;
    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: 366px;
    height: 300px;
}

.campuscalendar_spring2_right_contents2 p {
    margin: 0 !important;
    padding: 0 !important;
}

/*---------夏のセット---------*/

/*夏の左のくくり div*/
.campuscalendar_summer_left {
    display: block;
    width: 746px;
    height: 600px;
    float: left;
}

/*夏の右のくくり div*/
.campuscalendar_summer_right {
    display: block;
    width: 366px;
    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: 746px;
    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: 143px;
    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　（PCでは上下入れ替え）*/
.campuscalendar_summer_left_contents2 {
    display: block;
    width: 746px;
    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: 746px;
    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: 434px;
    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: 366px;
    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: 366px;
    height: 600px;
    float: left;
}

/*秋の真ん中のくくり div*/
.campuscalendar_autumn_center {
    display: block;
    position: relative;
    width: 366px;
    height: 600px;
    float: left;
}

/*秋の右のくくり div*/
.campuscalendar_autumn_right {
    display: block;
    position: relative;
    width: 366px;
    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: 366px;
    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: 366px;
    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: 366px;
    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: 366px;
    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: 164px;
    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: 366px;
    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: 366px;
    height: 300px;
}

.campuscalendar_autumn_right_contents2 p {
    margin: 0 !important;
    padding: 0 !important;
}

/*---------冬のセット（3段組）---------*/

/*冬の左のくくり div*/
.campuscalendar_winter_left {
    display: block;
    position: relative;
    width: 366px;
    height: 600px;
    float: left;
}

/*冬の真ん中のくくり div*/
.campuscalendar_winter_center {
    display: block;
    position: relative;
    width: 366px;
    height: 600px;
    float: left;
}

/*冬の右のくくり div*/
.campuscalendar_winter_right {
    display: block;
    position: relative;
    width: 366px;
    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: 366px;
    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: 366px;
    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: 0px 30px 5px 30px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 366px;
    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;
    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: 40px !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: 366px;
    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: 164px;
    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: 366px;
    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: 366px;
    height: 300px;
}

.campuscalendar_winter_right_contents2 p {
    margin: 0 !important;
    padding: 0 !important;
}


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

学生生活「奨学金・減免制度」campuslife/scholar/

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

/*「○○対象」h2の背景色*/
.h2_bg_green {
    /*
	display:block;
	padding:6px 10px 6px 10px !important;
	background-color:#7d9966;
	color:#FFFFFF !important;
	font-size:120% !important;
	*/
}

/*お問い合わせ先・申請先のグレーベタ囲み　div　右にfloat*/
.box_bg_gray_scholar {
    display: inline-block;
    width: auto;
    background-color: #eeeded;
    padding: 6px 6px 6px 6px;
    float: right;
    margin-top: 40px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.box_bg_gray_scholar p,
div#contents_main #contents_section .box_bg_gray_scholar p.annotate {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*タイトル*/
.scholar_title_float_left {
    display: inline-block;
    width: auto;
    float: left;
}

/*floatを解除するためのp*/
div#contents_main .scholar_title_float_clear {
    clear: both;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    height: 5px !important;
}

/*受験生対象だけの緑枠　div（左にh2、右にp）*/
.box_bg_green_scholar {
    display: block;
    overflow: hidden;
    padding: 6px 10px 6px 10px !important;
    background-color: #7d9966;
    margin-top: 40px;
}

.box_bg_green_scholar h2 {
    color: #FFFFFF !important;
    font-size: 120% !important;
    display: inline-block;
    width: auto;
    float: left;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.box_bg_green_scholar p {
    display: inline-block;
    width: auto;
    color: #ffffff !important;
    padding: 6px 6px 6px 6px;
    float: right;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}


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

資格・教職課程「教育職員免許状（教職課程）」qualification/certified_teacher/

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

/*取得できる免許状の種類及び教科のテーブル*/
.certified_teacher_table {
    font-size: 11px;

}

.certified_teacher_table td,
.certified_teacher_table tr {
    /*border-color:#FFFFFF !important;*/
}

/*受講についてのテーブル*/
.teacher_class_table {
    font-size: 14px;

}

.teacher_class_table td,
.teacher_class_table tr {
    padding: 5px 10px 5px 10px !important;
    /*border-color:#FFFFFF !important;*/
}

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

就職・キャリア「キャリアデザインセンター長挨拶」　carrer/recruiting

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

/*センター長写真の調整　img*/
.img_recruiting {
    margin-right: 30px;
    margin-bottom: 20px;
}


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

就職・キャリア「卒業生の声」　carrer/comments02

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

/* ---------- div内で2列にならべるdiv ---------- */

/*2列全体　div*/
.carrer_box_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;

    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 25px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-size: 0;
}

.carrer_box_2column h2,
.carrer_box_2column h3 {
    display: inline-block;
    margin: 0px 0 5px 0;
    font-size: 18px;
}

.carrer_box_2column p {
    line-height: 150% !important;
    font-size: 14px;
}

/*左右1つ分*/
.carrer_box_2column_1box {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 530px;
    border: solid 5px #d2d2d2;
}

.carrer_box_2column_1box:nth-Child(2n) {
    margin-left: 20px;
}



.carrer_box_2column_inner_box {
    display: block;
    overflow: hidden;
    padding: 15px 15px 10px 155px;

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

/*「卒業生の声」、「派遣留学制度（大学）」の「留学体験記」で利用*/
.bg_human_w {
    background: url(img/img_comments02_w.png) no-repeat 20px 10px;
}

.bg_human_m {
    background: url(img/img_comments02_m.png) no-repeat 20px 10px;
}

/*一覧のサムネ画像を囲んだp*/
.career_list_ph {
    position: absolute;
    width: 120px;
    top: 15px;
    left: 15px;
    text-align: left;
}

.career_list_ph img {
    width: 120px;
    height: auto;
}


div#contents_main .carrer_box_2column_inner_box .button {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff;
    background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
    background-color: #30356c;
    text-decoration: none;
    float: right !important;
}

div#contents_main .carrer_box_2column_inner_box .button:hover {
    display: inline-block;
    padding: 6px 40px 6px 20px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff;
    background-color: #30356c;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

.min_height240 {
    min-height: 240px;
}

/* ---------- div内で3列にならべるdiv（NGになったが、一応とっておく） ---------- */

/*3列全体　div*/
.carrer_box_3column {
    display: block;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 25px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-size: 0;
}

.carrer_box_3column h2,
.carrer_box_3column h3 {
    display: inline-block;
    margin: 0px 0 10px 0;
    font-size: 18px;
}

.carrer_box_3column p {
    margin-bottom: 0px;
    font-size: 14px;
}

/*左*/
.carrer_box_3column_left {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 32% !important;
    margin-right: 2% !important;
}

/*中央*/
.carrer_box_3column_center {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 32% !important;
    margin-right: 2% !important;
}

/*右*/
.carrer_box_3column_right {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 32% !important;
    margin-right: 0%;
}


.carrer_box_3column_inner_box {
    padding: 15px 15px 10px 15px;
    border: solid 5px #d2d2d2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.min_height240 {
    min-height: 240px;
}


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

情報の公表　publicinfo

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

#publicinfo_side_navi {
    overflow: hidden;
    position: relative;
    width: 300px;
    float: right;
}

.publicinfo_main {
    display: block;
    overflow: hidden;
    position: relative;
    width: 760px;
    float: left;
}

.h2_bg_blue {
    display: block;
    padding: 6px 10px 6px 10px !important;
    background-color: #5477b6;
    color: #FFFFFF !important;
    font-size: 120% !important;
}

/*h3*/
.public_subtitle {
    display: block;
    padding: 4px 10px 4px 10px !important;
    background-color: #d6e3f3 !important;
    font-size: 100% !important;
    font-weight: 500;
}

.publicinfo_main h4 {
    font-size: 98% !important;
    font-weight: 500;
}


/*情報の公表 > 認証評価　基礎データ　publicinfo/evaluation_result*/

/*liの下にドットラインをつける　ul*/
.li_dot_line {}

.li_dot_line li {
    border-bottom: #d8d8d8 dotted 1px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 100%;
}

.li_dot_line li p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}


/*情報の公表ページのみ配置300px*/

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


/*メインコンテンツ側のテーブルの中身はフォントサイズを小さく*/
.publicinfo_main table {
    font-size: 94%;
}

/*メインコンテンツ側のテーブルのtr、th、tdのpaddingをちょっと狭く*/
#contents_main .publicinfo_main table tr,
#contents_main .publicinfo_main table th,
#contents_main .publicinfo_main table td {
    padding: 4px 10px 4px 10px !important;
}

/*メインコンテンツのicon_link*/
.publicinfo_main .icon_link {
    margin: 6px 6px 6px 0px;
    padding: 1px 8px 2px 18px;
    background: url(img/icon_16_disc.png) no-repeat 0px 5px;
    text-decoration: underline;
}

/*メインコンテンツのicon_blank*/
.publicinfo_main .icon_blank {
    margin: 6px 6px 6px 0px;
    padding: 1px 20px 2px 18px;
    background-image: url(img/icon_16_disc.png), url(img/icon_16_blank.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px 4px, right 4px !important;
    text-decoration: underline;
}

/*メインコンテンツのicon_download*/
.publicinfo_main .icon_download,
.publicinfo_main .icon_pdf {
    margin: 6px 6px 6px 0px !important;
    padding: 1px 20px 2px 18px !important;
    background-image: url(img/icon_16_disc.png), url(img/icon_16_pdf.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px 4px, right 4px !important;
    text-decoration: underline;
}

/*メインコンテンツのicon_excel*/
.publicinfo_main .icon_excel {
    margin: 6px 6px 6px 0px;
    padding: 1px 20px 2px 18px !important;
    background-image: url(img/icon_16_disc.png), url(img/icon_16_excel.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px 4px, right 4px !important;
    text-decoration: underline;
}

/*メインコンテンツのicon_word*/
.publicinfo_main .icon_word {
    margin: 6px 6px 6px 0px;
    padding: 1px 20px 2px 18px !important;
    background-image: url(img/icon_16_disc.png), url(img/icon_16_word.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px 4px, right 4px !important;
    text-decoration: underline;
}

.publicinfo_main a.icon_link:hover,
.publicinfo_main a.icon_pdf:hover,
.publicinfo_main a.icon_download:hover,
.publicinfo_main a.icon_blank:hover,
.publicinfo_main a.icon_excel:hover,
.publicinfo_main a.icon_word:hover {
    color: #4e5390;
    text-decoration: underline;
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.80;
    /*FF*/
    opacity: 0.80;
}

/*リンクは無いけど青の丸をつける　span*/
.publicinfo_main .marker_circle_blue {
    margin: 6px 6px 6px 0px;
    padding: 1px 0px 2px 18px;
    background: url(img/icon_16_disc.png) no-repeat 0px 5px;
}

/*リンクはあるけど青の丸をつけない　a*/
.publicinfo_main .icon_download.no_marker_circle {
    margin: 6px 6px 6px 0px !important;
    padding: 1px 20px 2px 0px !important;
    background: none !important;
    background-image: url(img/icon_16_pdf.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 4px !important;
    text-decoration: underline;
}

/* ----------サイドのINDEX---------- */

/*サイドのh3*/
div#publicinfo_side_navi .side_title_box {
    display: block;
    overflow: hidden;
    width: 100% !important;
    padding: 6px 14px 6px 14px;
    border: solid 1px #d2d2d2;
    color: #262626;
    margin-bottom: 0px !important;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;

}

/*サイドのh3の中のb*/
div#publicinfo_side_navi .side_title_box h3 {
    margin: 0px;
    padding: 0px;
}

/*ul*/
div#publicinfo_side_navi .publicinfo_list {
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 1px #d2d2d2;
    border-top: 0px;
}

div#publicinfo_side_navi .publicinfo_list li {
    display: block;
    overflow: hidden;
    position: relative;
    background: none;
    padding: 0px !important;
    margin: 0px;
    list-style: none;
    background: none !important;
    border-bottom: dotted 1px #d2d2d2;
}

div#publicinfo_side_navi .publicinfo_list li:last-child {
    border-bottom: 0px;
}

div#publicinfo_side_navi .publicinfo_list li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 8px 28px 8px 1em !important;
    margin: 0px 0px 0px 0px !important;
    background: none;
    background: url(img/icon_16_anchor.png) no-repeat 98% 50%;
}

div#publicinfo_side_navi .publicinfo_list li a:hover {
    color: #ffffff;
    padding: 8px 28px 8px 1em !important;
    margin: 0px 0px 0px 0px !important;
    background: none;
    background: url(img/icon_16_anchor_white.png) no-repeat 98% 50%;
    background-color: #4e5390;
}


div#publicinfo_side_navi .publicinfo_list .publicinfo_sub_list {
    display: block;
    padding: 0px 1em 10px 1.1em !important;
    font-size: 94%;
}

div#publicinfo_side_navi .publicinfo_list .publicinfo_sub_list li {
    display: block;
    border: solid 0px #d2d2d2 !important;
    padding: 0px 0px 0px 1.3em !important;
    background: url(img/icon_16_disc.png) no-repeat 0px 2px !important;
}


div#publicinfo_side_navi .publicinfo_list li ul li {
    background: none !important;
}

div#publicinfo_side_navi .publicinfo_list li ul li a {
    padding: 0px 0px 3px 0px !important;
    background: none !important;
    color: #4e5390 !important;
    text-decoration: underline;
}

div#publicinfo_side_navi .publicinfo_list li ul li a:hover {
    padding: 0px 0px 3px 0px !important;
    background: none !important;
    color: #4e5390 !important;
    text-decoration: underline;
    filter: alpha(opacity=80);
    /**IE*/
    -moz-opacity: 0.80;
    /**FF*/
    opacity: 0.80;
}



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

アクセス　ディレクトリ名：access

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

/*白バック div*/
.access_white_box {
    display: block;
    overflow: hidden;
    position: relative;
    width: 1100px;
    padding: 0px 30px 20px 0px;
    margin: 0 auto !important;
    background-color: ffffff;
}

/*所在地のテキストタイトル 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: 1100px;
    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: 0px;
    left: 0px;
    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 {
    display: block;
    overflow: hidden;
    width: 1100px;

}

/*ルートの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: 1098px;
    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: 274px;
    padding: 7px 17px 22px 17px;
    border-bottom: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
}

.access_root_text_step4,
.access_root_text_step8,
.access_root_text_step12 {
    border-right: solid 0px #d9d9d9;
    width: 273px;
}



/*各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;
}

/*各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: #ffcc00;
    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 10px !important;
}

.access_time_box hr {
    margin: 20px 0px 20px 0px !important;
}





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

フォーム　ディレクトリ名：たくさんある

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

/*「キャンパス説明会申込フォーム」「願書・資料請求」の項目セル*/
div#contents_main #contents_section .requestfoam th,
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;
}

/*大学貸与奨学金を返還中の方へ > 登録情報変更フォームのth*/
div#contents_main #contents_section .scholarship_form th {
    width: 30%;
}


div#contents_main #contents_section .scholarship_form .div_alert_honnin p {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
    text-align: left !important;
}


/*願書・資料請求のクリップアイコンのXXX*/
.requestfoam .XXX {}

/*キャンパス説明会申し込みフォームのXXX*/
.requestfoam .XXX {}

.message_box {
    display: table;
    width: 1100px;
    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;
}

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

.message_box_left_green p,
.message_box_left_blue p {
    color: #FFFFFF;
    text-align: center;
}


/*三角*/
.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_blue:after {
    content: "";
    border: 16px solid transparent;
    border-left: 16px solid #5477b6;
    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_blue:after {
        margin-left: 270px !important;
    }

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

    /* IE10 */
}


.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;
}


/*左の項目列の「（必須）」等の文字*/
.requestfoam th .required,
.requestfoam td .required {
    color: #FF3333;
    font-weight: 500;
    font-size: 90%;
}

.requestfoam td,
.requestfoam td {
    margin: 0px 0px 8px 0px;
    font-size: 96%;
    color: #545454;
}

.requestfoam td label,
.requestfoam td label {
    margin: 0px 0px 8px 0px;
    font-size: 105%;
    color: #333333;
    cursor: pointer;
}


.requestfoam td input[type=text],
.requestfoam td input[type=text],
.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);
}

.requestfoam td input[type=text]:hover,
.requestfoam td input[type=text]:hover,
.requestfoam td textarea:hover {
    border: solid 1px #d8d8d8;
    /*outline:solid 6px #e2edd7; 薄いグリーン*/
    outline: solid 6px #d7e3ed;
}

.requestfoam td input[type=text]:focus,
.requestfoam td input[type=text]:focus,
.requestfoam td textarea:focus {
    border: solid 1px #d8d8d8;
    /*outline:solid 6px #e2edd7; 薄いグリーン*/
    outline: solid 6px #d7e3ed;
}


.requestfoam td select {
    font-size: 105%;
    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);
    margin-bottom: 10px;
}

.requestfoam td select:hover,
.requestfoam td select:focus {
    border: solid 1px #d8d8d8;
    /*outline:solid 6px #e2edd7; 薄いグリーン*/
    outline: solid 6px #d7e3ed;
}

.requestfoam td input[type=radio],
.requestfoam td input[type=radio],
.requestfoam td input[type=checkbox],
.requestfoam td input[type=checkbox] {}

.requestfoam td span:not(.error),
.requestfoam td span:not(.error) {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 20px 8px 0;
    padding: 6px 6px 6px 6px;
    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;
}

.requestfoam td span:hover:not(.error),
.requestfoam td span:hover:not(.error) {
    /*background-color: #e2edd7; 薄いグリーン*/
    background-color: #d7e3ed;
}

/*項目名 span*/
.requestfoam td .description,
.requestfoam td .example,
.requestfoam td .header,
.requestfoam td .postfix,
.requestfoam td .note,
.requestfoam td .required,
.requestfoam td span.description,
.requestfoam td span.example,
.requestfoam td span.header,
.requestfoam td span.prefix,
.requestfoam td span.note,
.requestfoam td span.required,
.requestfoam td .description,
.requestfoam td .example,
.requestfoam td .header,
.requestfoam td .postfix,
.requestfoam td .note,
.requestfoam td .required,
.requestfoam td span.description,
.requestfoam td span.example,
.requestfoam td span.header,
.requestfoam td span.prefix,
.requestfoam td span.note,
.requestfoam td span.required,
.requestfoam td span.question,
.requestfoam td span.unit,
.requestfoam td span.year,
.requestfoam td span.month {
    background: none !important;
    cursor: default !important;
    margin: 0px 0px 8px 0px;
    padding: 2px 0px 2px 0px;
}

/*[大学][短期大学部]の表示*/
.requestfoam td span.university-label,
.requestfoam td span.junior-college-label {
    background: none !important;
    cursor: default !important;
    margin: 0px 0px 8px 0px;
    padding: 2px 0px 2px 0px;
    font-weight: 600;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
    color: #5477b6 !important;
}

.requestfoam td span.university-label {
    margin-top: 5px !important;
}


.requestfoam td span.header,
.requestfoam td .header {
    font-weight: 600;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
    color: #669999 !important;
}


.requestfoam td span.header_first,
.requestfoam td .header_first {
    margin-top: 0px !important;
}

.requestfoam td span.header:before,
.requestfoam td .header:before {
    content: "[";
    color: #669999;
}

.requestfoam td span.header:after,
.requestfoam td .header:after {
    content: "]";
    color: #669999;
}

/*未入力項目のメッセージ*/
.requestfoam td .error,
.requestfoam .error,
.requestfoam .messages span.error {
    background-color: #FF4074;
    color: #FFFFFF;
    font-size: 90%;
    position: relative;
    display: inline-block;
    margin: 0px 20px 8px 5px;
    padding: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


/*フロートさせない項目（ラジオボタンの選択肢など）　スマホでは横幅注意*/
.requestfoam td span.vertical-item,
.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*/
.requestfoam .mw_wp_form p,
.requestfoam .mw_wp_form p {
    text-align: center !important;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.requestfoam input[type="reset"],
.requestfoam input[type="reset"],
.requestfoam input[type="submit"],
.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; グリーン*/
    border: solid 3px #5477b6 !important;
}

.requestfoam input[type="submit"],
.requestfoam input[type="submit"] {
    color: #fff;
    /*background-color: #339999; グリーン*/
    background-color: #5477b6;
}

.requestfoam input[type="reset"],
.requestfoam input[type="reset"] {
    color: #339999;
    background-color: #ffffff;
}

.requestfoam input[type="reset"]:hover,
.requestfoam input[type="reset"]:hover,
.requestfoam input[type="submit"]:hover,
.requestfoam input[type="submit"]:hover {
    color: #ffffff;
    /*background-color: #33cccc; 明るいグリーン*/
    background-color: #4eb3e6;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}


/*内容確認画面の各項目の記入例など、表示しなくてよいものを非表示にする*/
.mw_wp_form_preview span.example,
.mw_wp_form_preview span.description,
.mw_wp_form_preview span.note,
.mw_wp_form_preview span.example,
.mw_wp_form_preview span.description,
.mw_wp_form_preview span.note {
    display: none;
}

/*サンクス画面のメッセージのp*/
.mw_wp_form_complete {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 50px 50px 50px 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;
}

div#contents_main #contents_section .mw_wp_form_complete h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*span「※返送料はご負担願います。」のスタイル*/
.mw_wp_form span.rental_attention,
.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;
}


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

学科別サイト・部門サイト　ディレクトリ名：site_group

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

h3.site_group_h3 {
    margin-bottom: 10px !important;
}

/*学部*/
.site_group_table {
    margin-bottom: 30px !important;
}

/*部門*/
.site_group_table2 {
    margin-bottom: 30px !important;
}

/*テーブルの中のサイトのサムネ画像をくるんだp*/
.site_group_table .site_group_img_area {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 140px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 20px;
    border-bottom: dotted 1px #d2d2d2;
}

.site_group_table2 .site_group_img_area {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 160px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 20px;
    border-bottom: dotted 1px #d2d2d2;
}

.site_group_table h4,
.site_group_table2 h4 {}

.site_group_table p,
.site_group_table2 p {
    font-size: 96%;
    line-height: 150%;
}

/*タイトル共通設定*/
.site_group_link_title_humanities,
.site_group_link_title_economics,
.site_group_link_title_social_welfare,
.site_group_link_title_junior_college,
.site_group_link_title_section {
    display: block;
    position: relative;
    margin: 0px 0px 0px 0px;
    margin-bottom: 0 !important;
    padding: 10px 15px 10px 40px;
    color: #ffffff;
}

/*文学部タイトル*/
.site_group_link_title_humanities {
    background: url(img/icon_24_book_white.png) no-repeat 11px 12px;
    /*横縦*/
    background-color: #006699;
}

/*経済学部タイトル*/
.site_group_link_title_economics {
    background: url(img/icon_24_graph_white.png) no-repeat 11px 12px;
    /*横縦*/
    background-color: #336633;
}

/*社会福祉学部タイトル*/
.site_group_link_title_social_welfare {
    background: url(img/icon_24_leaf_white.png) no-repeat 11px 12px;
    /*横縦*/
    background-color: #cc6633;
}

/*短期大学部タイトル*/
.site_group_link_title_junior_college {
    background: url(img/icon_24_pen_white.png) no-repeat 11px 12px;
    /*横縦*/
    background-color: #996699;
}


/*部門タイトル*/
.site_group_link_title_section {
    background: url(img/icon_24_pc_white.png) no-repeat 11px 12px;
    /*横縦*/
    background-color: #878c9a;
}


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

海外協定校と留学実績　ディレクトリ名：international/affiliated_school/ ‎

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


/*div*/
.contact_anchor_link_world {
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*border-left: solid 1px #d2d2d2;*/
}

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

.contact_anchor_link_world a {
    display: inline-block;
    padding: 3px 6px 3px 6px;
    margin: 0px 4px 0px 0px;
    float: left;
    color: #666666;
}

.contact_anchor_link_world a:hover {
    background-color: #30356a;
    color: #ffffff;
    text-decoration: none;
}

/*国旗のアイコン　b　共通設定*/
.kokki_america,
.kokki_china,
.kokki_taiwan,
.kokki_britain,
.kokki_canada,
.kokki_korea,
.kokki_spain,
.kokki_swiss,
.kokki_indonesia,
.kokki_ireland,
.kokki_vietnam {
    display: inline-block;
    padding: 3px 2px 3px 28px;
    margin: 0px 0px 0px 4px;
    float: left;
}


/*国旗のアイコン　b*/
.kokki_america {
    background: url(img/icon_kokki_america.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_china {
    background: url(img/icon_kokki_china.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_taiwan {
    background: url(img/icon_kokki_taiwan.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_britain {
    background: url(img/icon_kokki_britain.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_canada {
    background: url(img/icon_kokki_canada.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_korea {
    background: url(img/icon_kokki_korea.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_spain {
    background: url(img/icon_kokki_spain.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_swiss {
    background: url(img/icon_kokki_swiss.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_indonesia {
    background: url(img/icon_kokki_indonesia.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_ireland {
    background: url(img/icon_kokki_ireland.png) no-repeat 0px 6px;
    /*横縦*/
}

.kokki_vietnam {
    background: url(img/icon_kokki_vietnam.png) no-repeat 0px 6px;
    /*横縦*/

}

/*交換留学実績大学等のテーブル（IEでテーブルの罫線が出ない、という不具合対応のために、tdのpaddingを調整）*/
div#contents_main #contents_section .affiliated_school_table td {
    padding: 11px 8px 11px 8px !important;
}

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

本学の取り組み 社会福祉夏季セミナー　ディレクトリ名：activity/ac_archive01/ ‎

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

.ac_archive01_right_box {
    width: 220px;
    float: right;
}


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

ラーニング・コモンズ　ディレクトリ名：activity/learning_commons/ ‎

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

/*メインイメージ格納div*/
.learning_commons_main_img_box {
    position: relative;
}

/*メインイメージの上に重ねる英語のテキスト　p*/
.learning_commons_english_text {
    position: absolute;
    top: 0px;
    width: 100%;
    display: block;
    padding: 4px 10px 4px 10px;
    color: #FFFFFF !important;
    background-color: rgba(176, 136, 176, 0.5);
    font-size: 100% !important;
    font-weight: 500;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-size: 140% !important;
}

/*2Fフロアマップ　div*/
.learningcommons_floormap_2f_img {}

/*質問と答え 1セット div*/
.qa_1box {
    margin: 0px 0px 15px 0px;
}

/* 「質問エリア」の設定 */

/*開閉リンク枠*/
.btn_detail {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/*質問枠*/
.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;
}
*/



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

お問い合わせ　ディレクトリ名：contact

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

/*h4*/
.contact_subtitle {
    display: block;
    position: relative;
    margin: 0px 0px 0px 0px;
    margin-bottom: 0 !important;
    padding: 4px 6px 4px 30px;
    font-weight: 600 !important;
    background: url(img/icon_16_clip.png) no-repeat 11px 10px;
    /*横縦*/
    /*background-color: #878c9a;*/
    /*background-color: #f4f5f6;*/
    /*うすーいグレー*/
    background-color: #d6e3f3;
    /*うすーい水色*/
}


/*テーブル*/
.contact_table {}

/*テーブル*/
.contact_table td {
    padding: 6px 15px 6px 15px !important;
}

/*○○について、○○のこと、等のテキスト　tdに指定*/
.contact_td_text {
    font-weight: 500;
    /*color: #555555;*/
}

/**/


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

サイトマップ　ディレクトリ名：sitemap

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

.sitemap_column_4 {
    display: block;
    overflow: hidden;
    padding: 0px 0px 10px 10px;
    margin-bottom: 10px;
}

.sitemap_column_4>div {
    width: 260px;
    display: table;
    vertical-align: top;
    margin-right: 10px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
}

.sitemap_column_4 h3 {
    padding: 0px 0px 10px 14px;
    color: #30356c;
    border-bottom: solid 2px #d8d8d8;
    background: url(img/sitemap_h3_head_bg.png)no-repeat 0px 2px;
}

.sitemap_column_4>div ul li {
    font-size: 96%;
    line-height: 150%;
}


/*h3がなく、ulを複数columnでセットでくくったdiv*/

/*2つのulを1くくり*/
.sitemap_column_4>div.sitemap_ul_set2 {
    display: table;
    width: 530px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.sitemap_ul_set2 ul {
    max-width: 260px;
    width: 260px;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*3つのulを1くくり*/
.sitemap_column_4>div.sitemap_ul_set3 {
    display: table;
    width: 800px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;

}

.sitemap_ul_set3 ul {
    max-width: 260px;
    width: 260px;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;

}

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

クリスマス・イベントのご案内　ディレクトリ名：site_information/xmas_event

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

/*緑背景の外枠　div*/
.xmas_green_box {
    display: block;
    background-color: #2C4D39;
    padding: 30px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*内側の枠　div（背景画像あり）*/
.xmas_contents_box {
    display: block;
    background: url(img/xmas_event_title_bg_1040.png), url(img/xmas_event_title_bg_1040_y_repeat.png);
    background-repeat: no-repeat, repeat-y;
    background-position: top left, top left;
    border: solid 3px #C8991D;
    padding: 0px 40px 40px 40px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*タイトル欄　div*/
.xmas_title_box {
    display: block;
    position: relative;
    height: 240px;
}

/*タイトル　h2*/
div#contents_main h2.xmas_title {
    display: block;
    width: 620px;
    height: 190px;
    margin: 0px 0px 0px 0px !important;
    background: url(img/xmas_event_title_620x190_2021.png) no-repeat 0px 0px;
}

.xmas_title span {
    display: none;
}

/*赤いリボンの注釈*/
.xmas_event_ribbon_text {
    display: block;
    position: absolute;
    width: 400px;
    height: 38px;
    background: url(img/xmas_event_ribbon_text.png) no-repeat 0px 0px;

    top: 180px;
    right: -60px;
}

.xmas_event_ribbon_text span {
    display: none;
}





/*イベント記事すべてを囲んだdiv*/
.xmas_event_box {
    display: block;
    overflow: hidden;
}

/*イベント記事1つ分*/
.xmas_event_1box_1,
.xmas_event_1box_2,
.xmas_event_1box_3,
.xmas_event_1box_4,
.xmas_event_1box_5,
.xmas_event_1box_6 {
    display: block;
    width: 460px;
}

.xmas_event_1box_1,
.xmas_event_1box_3,
.xmas_event_1box_5 {
    float: left;
}

.xmas_event_1box_2,
.xmas_event_1box_4,
.xmas_event_1box_6 {
    float: right;
}


/*背景イラストを設置*/
.xmas_event_1box_1 {
    background: url(img/xmas_event_img_1.png) no-repeat right bottom;
}

.xmas_event_1box_2 {
    background: url(img/xmas_event_img_2.png) no-repeat right bottom;
}

.xmas_event_1box_3 {
    background: url(img/xmas_event_img_3.png) no-repeat right bottom;
}

.xmas_event_1box_4 {
    background: url(img/xmas_event_img_4.png) no-repeat right bottom;
}

.xmas_event_1box_5 {
    background: url(img/xmas_event_img_5.png) no-repeat right bottom;
}

.xmas_event_1box_6 {
    background: url(img/xmas_event_img_6.png) no-repeat right bottom;
}





/*イベント記事のタイトル　h3*/
.xmas_event_title {
    color: #2C4D39;
    border-top: solid 2px #2C4D39;
    padding: 14px 0px 5px 50px;
    background: url(img/icon_xmas_event_snow.png) no-repeat left 4px;
    box-sizing: border-box;
    /*width:100%で、padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*イベントの写真　img*/
.xmas_event_photo {
    margin-bottom: 15px;
}

/*写真の下からボタンまでのテキスト欄　div 左右で高さを揃える*/
.xmas_event_1box_1 .xmas_event_text_box,
.xmas_event_1box_2 .xmas_event_text_box {
    min-height: 10em;
}

.xmas_event_1box_3 .xmas_event_text_box,
.xmas_event_1box_4 .xmas_event_text_box {
    min-height: 8em;
}

.xmas_event_1box_5 .xmas_event_text_box,
.xmas_event_1box_6 .xmas_event_text_box {
    min-height: 10em;
}

div#contents_main #contents_section .xmas_event_1box_1 .xmas_event_text_box p,
div#contents_main #contents_section .xmas_event_1box_2 .xmas_event_text_box p,
div#contents_main #contents_section .xmas_event_1box_3 .xmas_event_text_box p,
div#contents_main #contents_section .xmas_event_1box_4 .xmas_event_text_box p,
div#contents_main #contents_section .xmas_event_1box_5 .xmas_event_text_box p,
div#contents_main #contents_section .xmas_event_1box_6 .xmas_event_text_box p {
    font-size: 96%;
    line-height: 150% !important;
}

div#contents_main #contents_section .xmas_event_1box_1 .xmas_event_text_box p strong,
div#contents_main #contents_section .xmas_event_1box_2 .xmas_event_text_box p strong,
div#contents_main #contents_section .xmas_event_1box_3 .xmas_event_text_box p strong,
div#contents_main #contents_section .xmas_event_1box_4 .xmas_event_text_box p strong,
div#contents_main #contents_section .xmas_event_1box_5 .xmas_event_text_box p strong,
div#contents_main #contents_section .xmas_event_1box_6 .xmas_event_text_box p strong {
    font-size: 105%;
}


/*ポスターを見るボタン　a*/

.button_xmas_poster {
    padding: 8px 60px 8px 60px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff !important;
    background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
    background-color: #2C4D39;
    text-decoration: none;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
}

.button_xmas_poster:hover {
    padding: 8px 60px 8px 60px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff !important;
    text-decoration: none;
    background-color: #558367;
}



/*レポートを見るボタン　a*/

.button_xmas_report {
    padding: 8px 60px 8px 60px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff !important;
    background-color: #C7AD59;
    text-decoration: none;
    border-radius: 2px;
    /* CSS3草案 */
    -webkit-border-radius: 2px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;
    /* Firefox用 */
}

.button_xmas_report:hover {
    padding: 8px 60px 8px 60px;
    margin: 6px 6px 6px 0px;
    font-size: 100%;
    color: #ffffff !important;
    text-decoration: none;
    background-color: #dfcb89;
}



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

イベント情報　ディレクトリ名：event_info　2016/7/6追加

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

/*カレンダー全体をくくったdiv　「box_white」と併記*/
.calendar_contents {}

/*div*/
.contents_gcalendar_box {
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
    /*background-color: rgba(205, 217, 222, 0.6);*/
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.contents_gcalendar_box iframe {
    width: 100%;
    min-height: 700px;
    padding: 10px 0px 10px 0px;
    /*background-color: rgba(255, 255, 255,0.4);*/
    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 div#viewContainer1.view-container {
    padding-bottom: 30px;
}


/*googleカレンダーの下に表示する、イベント情報の記事全体　「box_white」と併記*/
.event_list_contents {}

/*「イベント情報」リストの表示枠　1ジャンル分 スクロールバーあり*/
.event_list_contents .news_list {
    /*dl*/
    display: block;
    position: relative;
    height: auto;
    padding: 20px 30px 0px 40px;
    margin-bottom: 20px;
    overflow: visible;
    border: solid 1px #d7d7d7;
    background-color: #ffffff;
}



/*イベント情報のイベントタイトル*/
.event_list_contents .news_list dt {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    font-size: 18px;
    line-height: 130%;
    font-weight: 500;
    color: #333333;
    text-align: left;
}

/*開催期間等の自由欄（下にボーダー）*/
.event_list_contents .news_list dd {
    display: block;
    position: relative;
    text-align: left;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    float: none;
    padding: 0px 0px 14px 0px !important;
    margin: 0px 0px 14px 0px;
    margin-top: 0px;
    border-bottom: solid 1px #d2d2d0;
    line-height: 130%;
    text-align: left;
    font-size: 15px;
    color: #888888;
}

.event_list_contents .news_list dd:last-Child {
    border-bottom: solid 0px #d2d2d0;
}

.event_list_contents .news_list a {
    color: #31312f;
    text-decoration: none;
}

.event_list_contents .news_list a:hover {
    color: #0151a8;
    text-decoration: underline;
}

/*「受付終了」 span*/
.event_list_contents .event_end1 {
    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: 30px;
    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用 */
}


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

Web入学式　ディレクトリ名：web_ceremony　2020/4/2追加

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

/*タイトル欄　div*/
.web_ceremony_title_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
    background: url(img/web_ceremony_title_bg.png) no-repeat center center;
    background-size: 1100px 300px;
}

/*動画配置欄　div*/
.web_ceremony_video_box {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
}

.web_ceremony_video_box_inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.web_ceremony_video_box_inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}




#web_ceremony_side_navi {
    overflow: hidden;
    position: relative;
    width: 300px;
    float: right;
}

.web_ceremony_main {
    display: block;
    overflow: hidden;
    position: relative;
    width: 760px;
    float: left;
}


/* ----------サイドのINDEX---------- */

/*サイドのh3*/
div#web_ceremony_side_navi .side_title_box {
    display: block;
    overflow: hidden;
    width: 100% !important;
    padding: 6px 14px 6px 14px;
    border: solid 1px #d2d2d2;
    color: #262626;
    margin-bottom: 0px !important;
    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;

}

/*サイドのh3の中のb*/
div#web_ceremony_side_navi .side_title_box h3 {
    margin: 0px;
    padding: 0px;
}

/*ul*/
div#web_ceremony_side_navi .web_ceremony_list {
    display: block;
    overflow: hidden;
    position: relative;
    border: solid 1px #d2d2d2;
    border-top: 0px;
}

div#web_ceremony_side_navi .web_ceremony_list li {
    display: block;
    overflow: hidden;
    position: relative;
    background: none;
    padding: 0px !important;
    margin: 0px;
    list-style: none;
    background: none !important;
    border-bottom: dotted 1px #d2d2d2;
}

div#web_ceremony_side_navi .web_ceremony_list li:last-child {
    border-bottom: 0px;
}

div#web_ceremony_side_navi .web_ceremony_list li {
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 8px 1em 8px 1em !important;
    margin: 0px 0px 0px 0px !important;
    background: none;
    color: #30356c;
}

div#web_ceremony_side_navi .web_ceremony_list li strong {
    margin-bottom: 200px;
}

div#web_ceremony_side_navi .web_ceremony_list .web_ceremony_sub_list {
    display: block;
    padding: 10px 0em 10px 0em !important;
    font-size: 94%;
}

div#web_ceremony_side_navi .web_ceremony_list .web_ceremony_sub_list li {
    display: block;
    border: solid 0px #d2d2d2 !important;
    padding: 0px 0px 0px 1.3em !important;
    background: url(img/icon_16_disc.png) no-repeat 0px 2px !important;
}


div#web_ceremony_side_navi .web_ceremony_list li ul li {
    background: none !important;
}

div#web_ceremony_side_navi .web_ceremony_list li ul li a {
    padding: 0px 0px 3px 0px !important;
    background: none !important;
    color: #4e5390 !important;
    text-decoration: underline;
}

div#web_ceremony_side_navi .web_ceremony_list li ul li a:hover {
    padding: 0px 0px 3px 0px !important;
    background: none !important;
    color: #4e5390 !important;
    text-decoration: underline;
    filter: alpha(opacity=80);
    /**IE*/
    -moz-opacity: 0.80;
    /**FF*/
    opacity: 0.80;
}


/*本文欄の各段落のアンカー飛び先*/
#web_ceremony_text01,
#web_ceremony_text02,
#web_ceremony_text03,
#web_ceremony_text04,
#web_ceremony_text05,
#web_ceremony_text06,
#web_ceremony_text07,
#web_ceremony_text08 {}

#web_ceremony_text01 {
    padding-top: 60px;
    margin-top: -60px;
}

/*写真、氏名、本文等、各段落全体のくくり1個分　div*/
.web_ceremony_text_1box {
    display: block;
    position: relative;
    margin-bottom: 60px;
    padding-top: 60px;
}

.web_ceremony_text_1box01 {
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.web_ceremony_text_1box02 {

    margin-bottom: 0px;
    padding-bottom: 0px;
}

.mb60 {
    margin-bottom: 60px !important;
}


.web_ceremony_profile_box {
    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;

    margin-bottom: 30px;
}

.web_ceremony_profile_box_left {
    display: inline-block;
    position: relative;

    letter-spacing: normal;

    width: 300px;
}

.web_ceremony_profile_box_right {
    display: inline-block;
    position: relative;

    letter-spacing: normal;

    width: 460px;
}

.web_ceremony_profile_box_right p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

p.web_ceremony_profile_text1 {
    font-size: 21px;
    margin-bottom: 10px !important;
    line-height: 120% !important;
}

p.web_ceremony_profile_text2 {
    font-size: 28px;
    margin-bottom: 30px !important;
    font-weight: 600;
}

p.web_ceremony_profile_text3 {
    font-size: 36px;
    margin-bottom: 10px !important;
    font-weight: 600;
}


/*式辞の全文　div*/
.web_ceremony_text_box {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    clear: both;
}

.readmore-button-box a {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 15px;
    background-color: #ffffff;
    border: solid 1px #C3C3C3;
    color: #30356c;
    text-decoration: none;
    font-weight: 600;

    box-sizing: border-box;
    /*width:100%で､padding分をハミ出させないためのスタイル*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.readmore-button-box a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 10px;
    background: url(img/icon_16_anchor.png) no-repeat center center;
}

.readmore-button-box a:hover {
    background-color: #e8e8e8;
}

.readmore-button-box {
    text-align: center;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white);
    padding-top: 4.5em;
    margin-top: -3.5em !important;
    margin-bottom: 40px !important;
    position: relative;
}

.readmore-area {
    display: none;
    padding-top: 120px;
    margin-top: -120px;
}



/*=========================iPad用スタイルここから=========================*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    body {
        width: 1200px !important;
    }

    /*サークル紹介のフロート画面（詳細ページ）のbody*/
    #circle_page_body {
        width: 940px !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 tr.pc_only,
    tr.pc_only {
        display: table-row !important;
    }

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


    /* ---------- メインビジュアルと動画 ---------- */

    .mainvisual_inner {
        clear: both;
        float: none;
    }

    /*メインビジュアル*/

    /*スマホ用ビデオエリア*/
    .sp_main_visual {
        display: none;
    }

    /*PC用ビデオエリア*/
    #main_visual {
        display: block;
        width: 100%;
        position: relative;
        padding: 0;
        /*padding-bottom: 56.25%;　16:9用*/
        padding-bottom: 41.75%;
        /*1200×500用*/
        height: 0;
        overflow: hidden;
        /*background: url(img/movie_filter.png);*/
        /*ドット網かけ*/
    }


    #main_visual iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



    /* 動画部分 */

    video#main_video {
        /*
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-size: cover;
  z-index: -888;
  */
    }

    .overlay {
        /*background-color:#309;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: url(img/movie_filter.png);
        /*ドット網かけ*/
        pointer-events: none;
    }

    .overlay_inner {
        position: relative;
        width: 1140px;
        height: 100%;
        margin: 0 auto;
    }

    .overlay_right_box {
        position: relative;
        width: 220px;
        height: 100%;
        bottom: 0px;
        float: right;
        z-index: 11;
        background: url(img/mainvisual_right_banner_bg.png) repeat-y;

        /*background-color:#04043d;*/
        /*filter:alpha(opacity=50);*/
        /*IE*/
        /*-moz-opacity:0.50;*/
        /*FF*/
        /*opacity:0.50;*/
    }

    .banner_box1 a,
    .banner_box2 a,
    .banner_box_announcement a {
        display: block;
        overflow: hidden;
        z-index: 12;
        pointer-events: visible !important;
    }

    .banner_box1 a img,
    .banner_box2 a img,
    .banner_box_announcement a img {
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }

    .banner_box1 a:hover img,
    .banner_box2 a:hover img,
    .banner_box_announcement a:hover img {
        filter: alpha(opacity=10) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
        -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;
    }

    .banner_box1 {
        width: 220px;
        height: 120px;
        position: absolute;
        bottom: 120px;
    }

    .banner_box2 {
        width: 220px;
        height: 120px;
        position: absolute;
        bottom: 0px;
    }

    /*合格発表*/
    .banner_box_announcement {
        width: 220px;
        height: 240px;
        position: absolute;
        bottom: 240px;
        background-color: #ffffff;
    }

    /*中央キャッチコピー　16:9用*/
    /*
.overlay_center_box{
	position:static;
	top: -55%;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-55%);
}
*/

    /*中央キャッチコピー　1200×500用*/
    .overlay_center_box {
        position: relative;
        top: -15%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }



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

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

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

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

    .side_tab_box {}

    #side_tab {
        /*ul*/
        position: fixed;
        left: 0;
        top: auto !important;
        bottom: 20px !important;
        z-index: 100;
    }

    #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;
        width: 64px;
        height: 72px;
    }

    #side_tab>.side_tab3>a,
    #side_tab>.side_tab4>a {
        pointer-events: none;
    }



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

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

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

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

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

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

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

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

    /*4つ共通の設定　aタグをhoverした時のサイズ*/
    #side_tab>.side_tab1>a:hover,
    #side_tab>.side_tab2>a:hover,
    #side_tab>.side_tab3:hover,
    #side_tab>.side_tab4: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: auto !important;
        bottom: 0px !important;
        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;
        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 {}

    #sns_side_tab {
        /*ul*/
        position: fixed;
        right: 0;
        top: auto !important;
        bottom: 107px !important;
        z-index: 100;
    }



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

サークル活動　ディレクトリ：campuslife/circle/

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

    .circle_main {
        display: block;
        overflow: hidden;
        position: relative;
        width: 1100px;
        float: none;
        /*width: 780px;
	float: left;*/
    }

    #circle_side_navi {
        display: none;
        /*
	overflow: hidden;
	position: relative;
	width: 300px;
	float: right;
	*/
    }


    /*写真付きサムネボタン　ul*/
    .circle_photo_list {
        margin: 0px;
        padding: 0px;
        font-size: 0;
    }

    .circle_photo_list li {
        display: block !important;
        position: relative;
        width: 340px;
        min-height: 210px;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: 25px !important;
        list-style: none !important;
        text-indent: 0px;
        background: none !important;
        margin-bottom: 25px;
        border-bottom: solid 1px #d8d8d8;
        font-size: 14px;
        float: left !important;
    }

    /*各部活詳細ページ（フロート表示用）*/

    .circle_page_design iframe body {
        background-color: aqua !important;
    }


    /*コンテンツ表示幅（#contents_mainと併記）*/
    #contents_main.circle_page_design {
        display: block;
        position: relative;
        overflow: hidden;
        width: 900px !important;
        margin: 0 auto !important;
        padding: 20px 20px 0px 20px !important;

    }

    .circle_page_design #contents_section {
        padding: 0px !important;
    }














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

キャンパスマップ

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

    /*map画像エリア　div*/
    .map_area {
        display: block;
        overflow: hidden;
        position: relative;
        width: 1100px;
        height: 530px;
        margin-bottom: 20px;
        z-index: 1;
    }

    .map_area p,
    .map_area img {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1100px;
        height: 530px;
        z-index: 2;
    }

    /*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
    .map_link {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 1100px;
        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=100);
        /*IE*/
        -moz-opacity: 1.00;
        /*FF*/
        opacity: 1.00;
    }

    .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: none;
    }

    .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: 557px;
        top: 83px;
        z-index: 4 !important;
    }

    .map_link2 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 61px;
        height: 33px;
        left: 640px;
        top: 138px;
        z-index: 4 !important;
    }


    .map_link3 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 61px;
        height: 34px;
        left: 346px;
        top: 206px;
        z-index: 4 !important;
    }

    .map_link4 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 61px;
        height: 38px;
        left: 689px;
        top: 209px;
        z-index: 4 !important;
    }

    .map_link5 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 87px;
        height: 38px;
        left: 740px;
        top: 277px;
        z-index: 4 !important;
    }

    .map_link6 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 120px;
        height: 38px;
        left: 221px;
        top: 229px;
        z-index: 4 !important;
    }

    .map_link7 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 126px;
        height: 38px;
        left: 137px;
        top: 306px;
        z-index: 4 !important;
    }

    .map_link8 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 84px;
        height: 38px;
        left: 464px;
        top: 386px;
        z-index: 4 !important;
    }

    .map_link9 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 61px;
        height: 36px;
        left: 276px;
        top: 467px;
        z-index: 4 !important;
    }

    .map_link10 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 64px;
        height: 37px;
        left: 498px;
        top: 48px;
        z-index: 4 !important;
    }

    .map_link11 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 95px;
        height: 46px;
        left: 250px;
        top: 136px;
        z-index: 4 !important;
    }

    .map_link12 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 128px;
        height: 42px;
        left: 925px;
        top: 135px;
        z-index: 4 !important;
    }

    .map_link13 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 114px;
        height: 36px;
        left: 640px;
        top: 97px;
        z-index: 4 !important;
    }

    .map_link14 {
        display: block;
        overflow: hidden;
        position: absolute;
        width: 61px;
        height: 38px;
        left: 1017px;
        top: 468px;
        z-index: 4 !important;
    }



    /*パノラママーカー共通設定　a*/

    .marker1,
    .marker2,
    .marker3,
    .marker4,
    .marker5,
    .marker6,
    .marker7,
    .marker8 {
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        background: url("img/panorama_icon_marker_purple.png") no-repeat 0px 0px;
    }

    .marker1:hover,
    .marker2:hover,
    .marker3:hover,
    .marker4:hover,
    .marker5:hover,
    .marker6:hover,
    .marker7:hover,
    .marker8:hover {
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        background: url("img/panorama_icon_marker_green.png") no-repeat 0px 0px;
    }

    .marker1 b,
    .marker2 b,
    .marker3 b,
    .marker4 b,
    .marker5 b,
    .marker6 b,
    .marker7 b,
    .marker8 b {
        display: none;
    }

    /*マーカー1　p　チャペル*/
    .marker1 {
        top: 200px;
        left: 634px;
    }

    /*マーカー2　p　図書館*/
    .marker2 {
        top: 298px;
        left: 604px;
    }

    /*マーカー3　p　AB教室*/
    .marker3 {
        top: 259px;
        left: 677px;
    }

    /*マーカー4　p　アリーナ*/
    .marker4 {
        top: 28px;
        left: 340px;
    }

    /*マーカー5　p　C館講堂*/
    .marker5 {
        top: 208px;
        left: 471px;
    }




    /*iOS 8.4.1で:hoverの「opacity」や「filter」が使用されている場合、タップを2回しないといけないバグへの対応*/
    /*適用例：opacity: 1;*/
    /*適用例：filter: none;*/

    a:hover,
    a:hover img,
    a.icon_link:hover,
    a.icon_link_square:hover,
    a.icon_pdf:hover,
    a.icon_excel:hover,
    a.icon_download:hover,
    a.icon_blank:hover,
    a.icon_excel:hover,
    a.icon_word:hover,
    .header_submenu_language:hover #language_child li a:hover,
    .btn_search:hover,
    .button_anchor_box a:hover,
    .bottom_page_linkbox a:hover,
    .page_bottom_related_link a:hover,
    .page_bottom_related_link p a:hover,
    .related_link a:hover,
    .related_link p a:hover,
    .general_tab_menu:hover,
    .general_tab_nowselect:hover,
    div#contents_side .news_current_list a:hover,
    div#contents_side .blog_current_list a:hover,
    .footer_address a:hover,
    .footer_etc_link1 li a:hover,
    .footer_etc_link2 li a:hover,
    .banner_box1 a img,
    .banner_box2 a img,
    .banner_box_announcement a img,
    .banner_box1 a:hover img,
    .banner_box2 a:hover img,
    .banner_box_announcement a:hover img,
    .list_link_circle a:hover,
    .list_link_normal a:hover,
    .department_right_box .list_link_normal a:hover,
    .research_right_box .list_link_normal a:hover,
    .international_news_1box a:hover .international_news_date,
    .international_news_1box a:hover .international_news_text,
    .career_right_box .list_link_normal a:hover,
    .contents_link_1box a:hover .contents_link_subtext,
    .contents_link_1box a:hover .contents_link_text,
    .contents_link_other_1box a:hover .contents_link_other_date,
    .contents_link_other_1box a:hover .contents_link_other_text,
    .contents_link_other_1box a:hover .contents_link_other_text_blank,
    .department_main_link_box li a:hover b,
    .general_main_link_box li a:hover b,
    .circle_photo_list li a:hover b,
    .circle_link_btn_box img,
    .circle_link_btn_box a img,
    .circle_link_btn_box a:hover img,
    .pagetop a:hover,
    .subject_intro_box_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_psychology .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_psychology .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_management_info .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_law_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_management_info .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_law_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_social_policy .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_social_work .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_psychology_wellbeing .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_social_policy .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_social_work .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_psychology_wellbeing .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_junior_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_life_creation .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_junior_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_life_creation .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_social .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_social .subject_intro_left .department_book_link a:hover {
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }


}

/*iPad用スタイルここまで*/


/*=========================スマホ用スタイルここから=========================*/

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

    body {
        color: #333333;
        /*色指定*/
        background-color: #ffffff !important;
        line-height: 1.4;
        min-width: 320px !important;
        width: 320px !important;
        width: 100% !important;
    }

    #circle_page_body {
        min-width: 100px !important;
        width: auto !important;
        width: 100% !important;
    }


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

レイアウト設定

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

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

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

    .header_area,
    .fixed {
        /*section*/
        position: relative !important;
        width: 100% !important;
        height: 85px !important;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 0px !important;
        top: 0;
        left: 0;
        margin-top: 0px !important;
        background-color: #ededed;
        /*border-bottom:solid 1px #cccccc;*/
        z-index: 8000;
    }


    .header_outer,
    .fixed .header_outer {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 126px;
        /*本当は85pxだが、検索や言語のプルダウンが開く分100pxをプラス*/
        margin: auto;
        padding: 0px !important;
        margin: 0px !important;
    }

    .header_inner,
    .fixed .header_inner {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 85px;
        margin: auto;
    }

    .fixed .header_inner {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 85px;
        margin: auto;
    }

    /* ----------重要なお知らせ欄---------- */
    .notice_area {
        /*section*/
        background-color: #ffffff;
        display: block;
        clear: both;
    }

    .notice_outer {
        padding: 0px 0px 0px 0px;
    }

    .notice_inner {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    /*重要なお知らせ欄　div*/
    .notice_box {
        display: block;
        width: 100%;
        position: relative;
        padding: 10px 10px 7px 10px;
        background-color: #ffffff;

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

        float: none;
    }


    /*タイトル欄　div*/
    .notice_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        margin-bottom: 0px;
    }

    .notice_title_box h2 {
        display: inline-block;
        width: 156px;
        height: 18px;
        background: url(img/top_title_notice.png) no-repeat left bottom;
        background-size: 156px 18px;
        /*190px 22px*/
        margin-right: 0.8em;
    }

    .notice_title_box h2 b {
        display: none;
    }


    .notice_1box {
        display: block;
        width: 100%;
        position: relative;
        padding: 0px 0px 0px 0px;

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

    .notice_1box a {
        display: block;
        width: 100%;
        overflow: hidden;
        text-decoration: none;
        padding: 10px 10px 10px 10px;

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

    .notice_1box a:hover {
        background-color: #F5F5F1;
    }

    .notice_text_box {}

    /*日付　p*/
    .notice_date {
        display: block;
        position: relative;
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 3px 0px !important;
        font-size: 11px;
        color: #AAAAAA;
    }

    /*タイトル　p*/
    .notice_text {
        display: inline-block;
        overflow: hidden;
        padding: 5px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 140%;
        font-size: 16px;
        color: #3F3C3C;
        font-weight: 600;
    }

    /*特設ページリンク欄　div*/
    .corona_link_box {
        display: block;
        position: relative;
    }

    /*特設ページリンク　a*/
    .button_corona {
        display: block;
        position: relative;
        padding: 8px 36px 8px 10px;
        background: url(img/icon_16_link_white.png) no-repeat 98% center;
        background-size: 16px 16px;
        background-color: #272e6e;
        color: #ffffff;
        text-decoration: none;
        text-align: left;
    }

    .button_corona:hover {
        background-color: #53588B;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

    .button_corona span {
        display: table-cell;
        position: relative;
        width: 100%;
        height: 48px;
        padding: 0px 0px 0px 60px;
        vertical-align: middle;
        background: url(img/icon_96_corona_stop.png) no-repeat left center;
        background-size: 48px 48px;
        color: #ffffff;
        text-decoration: none;
    }



    /*危機管理段階　div*/
    .caution_stage_box {
        display: block;
        position: relative;
        letter-spacing: normal;

        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;

        float: none;

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

    .caution_stage_box_inner1 {
        display: block;
        position: relative;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 4px;
        vertical-align: top;

        letter-spacing: normal;
    }

    /*危機管理段階リンク全体　a*/
    .caution_link {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        border: solid 2px #C41717;
        text-align: center;
        text-decoration: none;
    }

    .caution_link:hover {
        text-decoration: none;
        background-color: rgba(196, 23, 23, 0.1);
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

    .caution_title,
    div#contents_main #contents_section p.caution_title {
        display: inline-block;
        position: relative;
        color: #C41717;
        font-size: 14px;
        font-weight: 600;
        margin-top: 4px;
        line-height: 100%;
        margin-bottom: 0px;
        height: 17px;
    }

    .caution_title:before {
        content: "";
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        background: url(img/icon_36_virus.png) no-repeat center center;
        background-size: 18px 18px;
        margin-right: 2px;
        vertical-align: text-top;
        margin-top: 3px;
    }

    .caution_date,
    div#contents_main #contents_section p.caution_date {
        display: block;
        position: relative;
        text-align: center;
        font-size: 13px;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 3px;
        height: auto;
    }

    .caution_stage,
    div#contents_main #contents_section p.caution_stage {
        display: block;
        position: relative;
        text-align: center;
        vertical-align: middle;
        font-size: 21px;
        padding: 4px 4px 4px 4px;
        background-color: #C41717;
        color: #ffffff;
        font-weight: 600;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*詳しくはこちら　p*/
    .caution_link_text,
    div#contents_main #contents_section p.caution_link_text {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        vertical-align: middle;
        text-align: center;
        font-size: 13px;
        padding: 4px 10px 4px 10px;
    }

    .caution_link_text:after {
        content: "";
        display: inline-block;
        position: relative;
        width: 14px;
        height: 14px;
        background: url(img/icon_16_link_litegray.png) no-repeat center center;
        background-size: 14px 14px;
        margin-left: 3px;
        vertical-align: text-top;
        margin-top: 3px;
    }

    .caution_stage_box_inner2 {
        display: inline-block;
        position: relative;
        width: 100%;

        vertical-align: top;

        letter-spacing: normal;
    }

    .caution_stage_box_inner2 table:first-Child,
    div#contents_main #contents_section .caution_stage_box_inner2 table:first-Child {
        margin-bottom: 4px;
    }

    .caution_stage_box_inner2 table,
    div#contents_main #contents_section .caution_stage_box_inner2 table {
        border-top: solid 2px #666666;
        border-left: solid 2px #666666;
    }

    .caution_stage_box_inner2 table tr td,
    div#contents_main #contents_section .caution_stage_box_inner2 table tr td {
        border-bottom: solid 1px #666666;
        border-right: solid 1px #666666;
        background-color: #ffffff;
        padding: 4px 5px 4px 5px;
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        height: 40px;
    }

    .caution_stage_box_inner2 table:first-Child tr td,
    div#contents_main #contents_section .caution_stage_box_inner2 table:first-Child tr td {
        height: 22px;
    }

    .caution_stage_box_inner2 table tr:last-Child td,
    div#contents_main #contents_section .caution_stage_box_inner2 table tr:last-Child td {
        border-bottom: solid 2px #666666;
    }

    .caution_stage_box_inner2 table tr td:last-Child,
    .caution_stage_box_inner2 table tr:last-Child td:last-Child,
    div#contents_main #contents_section .caution_stage_box_inner2 table tr td:last-Child,
    div#contents_main #contents_section .caution_stage_box_inner2 table tr:last-Child td:last-Child {
        border-right: solid 2px #666666;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color1 {
        background-color: #A3C626;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color2 {
        background-color: #C36E6E;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color3 {
        background-color: #D6B31B;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color4 {
        background-color: #BFB090;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color5 {
        background-color: #B1B1B1;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color6 {
        background-color: #87C3B2;
    }

    .caution_stage_box_inner2 table tr td.caution_stage_td_color1,
    .caution_stage_box_inner2 table tr td.caution_stage_td_color2,
    .caution_stage_box_inner2 table tr td.caution_stage_td_color3,
    .caution_stage_box_inner2 table tr td.caution_stage_td_color4,
    .caution_stage_box_inner2 table tr td.caution_stage_td_color5,
    .caution_stage_box_inner2 table tr td.caution_stage_td_color6 {
        color: #ffffff;
        font-size: 14px;
        height: 22px;
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 100%;
    }


    /*【特設ページ】新型コロナウイルス感染症に関する対応　ディレクトリ：covid-19 の上部に設置する場合*/

    .covid-19_about_box {
        display: block;
        position: relative;
        margin-bottom: 10px;
    }

    .covid-19_about_box_inner_left {
        display: block;
        position: relative;
        width: 100%;
        padding-right: 0px;
        float: none;
    }

    .covid-19_about_box .caution_stage_box {
        display: block;
        position: relative;
        float: none;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .covid-19_about_box .caution_stage_box_inner1 {
        width: auto;
        margin-right: 0px;


    }

    /*safariだけ微調整*/
    _::-webkit-full-page-media,
    _:future,
    :root .covid-19_about_box .caution_stage_box_inner1 {
        width: auto;
    }

    .covid-19_about_box .caution_stage_box_inner1 .caution_stage,
    div#contents_main #contents_section p.caution_stage {
        display: inline-block;
        position: relative;
        text-align: center;
        vertical-align: middle;
        font-size: 21px;
        padding: 8px 4px 8px 8px;
        background-color: #C41717;
        color: #ffffff;
        font-weight: 600;
        width: 100%;
        height: auto;
        margin-bottom: 0px !important;
    }

    /*特設ページ内に配置した大切なお知らせ欄　div*/
    .covid-19_notice_box {}

    /*重要なお知らせ欄　div*/
    .covid-19_notice_box .notice_box {
        display: block;
        position: relative;
        width: 100%;

        padding: 10px 10px 0px 10px;
        border: solid 1px #cccccc;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        float: left;
    }

    /*タイトル欄　div*/
    .covid-19_notice_box .notice_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 5px 10px 0px 10px;
        margin-bottom: 0px;
    }

    div#contents_main .covid-19_notice_box .notice_title_box h2 {
        display: inline-block;
        width: 190px;
        height: 22px;
        background: url(img/top_title_notice.png) no-repeat left bottom;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-right: 0.8em;
    }

    .covid-19_notice_box .notice_title_box h2 b {
        display: none;
    }



    /* ----------メインビジュアル---------- */
    .mainvisual_area {
        /*section*/
        display: block;
        overflow: hidden;
        height: auto;
        clear: both;
    }

    .mainvisual_outer {
        height: auto;
    }

    .mainvisual_inner {
        /*「mainvisual_inner」のstyleは、下部トップページ設定へ記載*/
    }


    /* ----------Web入学式バナー欄---------- */
    .web_ceremony_area {
        /*section*/
        display: block;
        position: relative;
        background: url(img/web_ceremony_top_bg.jpg) no-repeat center top;
        background-size: cover;
        clear: both;
    }

    .web_ceremony_outer {
        padding: 0px 10px 0px 10px;
    }

    .web_ceremony_inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .web_ceremony_inner img {
        width: 100%;
        height: auto;
        max-width: 480px;
    }



    /* ----------コンテンツ（トップのみ）---------- */
    .contents_area_frontpage {
        /*section*/
        background-color: #F8F8F8;
        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: #ffffff;
        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;
    }

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

    .footer_area {
        /*section*/
        background-color: #4c505c;
        display: block;
        padding: 10px 10px 80px 10px !important;
        clear: both;
    }

    .footer_outer {
        padding: 0px 0px 0px 0px !important;
    }

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


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

    div#contents_main,
    .normal_page_design div#contents_main {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        float: none !important;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        float: none;
        overflow: hidden;
    }

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

    div#contents_main.blog_page_design,
    div#contents_main.news_page_design,
    div#contents_main.blog_list_design,
    div#contents_main.news_list_design {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        float: none !important;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
    }

    /* ----------右サイドエリア（News、blogのみ配置300px）---------- */
    div#contents_side {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        float: none !important;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
    }

    .page_list {
        clear: both;
    }



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

ヘッダー指定

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

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

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

    .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 4px;
        background-size: 105px 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: 105px 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;
    }



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

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

    .header_submenu_all {
        position: relative;
        display: block;
        float: right;
        width: 160px;
        margin: 0px 40px 0px 0px;
        padding: 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: 0;
        font-size: 90%;

    }

    ul.header_submenu_box li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        float: left !important;
    }

    .header_submenu_language a,
    .header_submenu_english a,
    .header_submenu_access a,
    .header_submenu_request a,
    .header_submenu_contact a {
        display: block;
        width: 40px !important;
        height: 40px !important;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px !important;
    }

    /*.header_submenu_language a:hover,*/
    .header_submenu_english a:hover,
    .header_submenu_access a:hover,
    .header_submenu_request a:hover,
    .header_submenu_contact a:hover {
        display: block;
        width: 40px;
        height: 40px;
    }

    .header_submenu_english a:hover {
        background-color: #53588B;
    }

    .header_submenu_access a:hover {
        background-color: #7592C7;
    }

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

    .header_submenu_contact a:hover {
        background-color: #9396C5;
    }

    .fixed .header_submenu_english a,
    .fixed .header_submenu_language a,
    .fixed .header_submenu_access a,
    .fixed .header_submenu_request a,
    .fixed .header_submenu_contact a {
        display: block;
        width: 40px !important;
        height: 40px !important;
    }

    /*English*/
    .header_submenu_english a {
        display: block;
        background: url("img/icon_24_language.png") no-repeat center 50%;
        background-color: #272e6e;
        margin-right: 0px;
    }

    /*Language*/
    .header_submenu_language a {
        display: block;
        background: url("img/icon_24_language.png") no-repeat center 50%;
        background-color: #272e6e;
        margin-right: 0px;
    }

    /*アクセス*/
    .header_submenu_access a {
        display: block;
        background: url("img/icon_24_access.png") no-repeat center 50%;
        background-color: #5276b8 !important;
        margin-right: 0px;
    }

    /*資料請求*/
    .header_submenu_request a {
        display: block;
        background: url("img/icon_24_request.png") no-repeat center 50%;
        background-color: #70b7c5;
        margin-right: 0px;
    }

    /*お問い合わせ*/
    .header_submenu_contact a {
        display: block;
        background: url("img/icon_24_mail.png") no-repeat center 50%;
        background-color: #777bb6;
        margin-right: 0px;
    }

    .fixed .header_submenu_english a,
    .fixed .header_submenu_language a,
    .fixed .header_submenu_access a,
    .fixed .header_submenu_request a,
    .fixed .header_submenu_contact a {
        background-position: left 0px;
    }

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


    .header_submenu_box>.header_submenu_language {
        position: relative;
    }

    /*Languageだけ、サブメニューを表示*/

    #language_child {
        display: none;
    }

    .header_submenu_language:hover #language_child {
        display: block;
        position: absolute;
        left: 0px;
        top: 40px;
        margin: 0;
        list-style-type: none;
        width: 60px !important;
    }

    .header_submenu_language:hover #language_child {
        background-color: #272e6e;
        color: #FFFFFF;
        border-bottom: none;
        width: auto;
        height: auto;
    }

    .fixed .header_submenu_language:hover #language_child {
        height: 70px;
    }

    .header_submenu_language:hover #language_child li {
        display: block;
        float: none !important;
        padding: 0px !important;
        margin: 0px !important;
        width: auto !important;
        height: auto !important;
        font-size: 12px !important;
        text-align: left !important;
    }

    .header_submenu_language:hover #language_child li a {
        display: block;
        width: auto !important;
        height: auto !important;
        padding: 4px 0px 8px 8px !important;
        background-image: none !important;
        color: #FFFFFF;
        letter-spacing: normal;
        /* 文字間を通常に戻す（inline-block使用時の隙間を調整） */
    }

    .fixed .header_submenu_language:hover #language_child li a {
        padding: 4px 0px 8px 8px !important;
        font-weight: normal !important;
    }

    .header_submenu_language:hover #language_child li a:hover {
        background-color: #0d1133;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }




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


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

    #search_box {
        display: block;
        position: absolute !important;
        float: right;
        margin: 0px 0 0 0;
        text-align: right;
        font-size: 0;
        font-size: 90%;
        top: 45px !important;
        width: 100% !important;
    }

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

    .btn_searchopen:hover {
        background-color: #764C9B;
    }

    .btn_searchopen span {
        visibility: hidden;
    }

    /*検索枠と検索ボタンをくくったdiv*/
    .open_searchbox {
        position: absolute;
        margin-top: 40px;
        width: 100% !important;
        height: 40px;
        left: 0px !important;
        background-color: #531f81 !important;
        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: #762fb4;
        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: #6F2CA9;
    }

    .link_home_sp {
        display: none;
    }



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

メインメニュー設定

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

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

    .megamenu_box {
        position: relative;
        top: -41px !important;
        /*本当は0pxだが、検索欄や言語のプルダウンを開く分100pxとして*/
        width: 100%;
        background: none;
        letter-spacing: -40em;
        /* 文字間を詰めて隙間を削除する */
        clear: both;
    }



    .MegaMenu li {
        width: 100%;
    }

    /*MENU（開閉ボタン）*/
    #toggle {
        display: block;
        position: absolute;
        width: 120px;
        height: 40px;
        top: -59px !important;
        left: 0px !important;
        margin-top: 20px;
        z-index: 1000;
        font-size: 15px;
    }

    #toggle a {
        display: block;
        width: 115px;
        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;
    }

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

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

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



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

    .side_tab_box {
        display: block;
        overflow: hidden;
        position: static !important;
        z-index: auto !important;
        width: 100%;
        margin-top: 0px;
    }

    #side_tab {
        /*ul*/
        display: block !important;
        overflow: hidden !important;
        position: static !important;
        width: 100%;
        height: auto !important;
    }


    /*4つ共通の設定　liのサイズ*/
    #side_tab>.side_tab1,
    #side_tab>.side_tab2,
    #side_tab>.side_tab3,
    #side_tab>.side_tab4 {
        display: block;
        overflow: hidden !important;
        width: 100%;
        height: auto !important;
    }

    /*CGW（並びは2番目）*/
    #side_tab>.side_tab1 {
        display: block;
        overflow: hidden;
    }

    /*受験生Web（並びは1番目）*/
    #side_tab>.side_tab2 {
        display: block;
        overflow: hidden;
    }

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

    /*4つ共通の設定　liをhoverした時の処理*/
    #side_tab>.side_tab1:hover,
    #side_tab>.side_tab2:hover,
    #side_tab>.side_tab3:hover,
    #side_tab>.side_tab4:hover {
        width: 100%;
    }

    /*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: 100%;
        /*float:right;*/
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

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


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

    #side_tab>.side_tab1>a {
        background: none;
    }

    #side_tab>.side_tab2>a {
        background: none;
    }

    #side_tab>.side_tab3>a {
        display: none;
    }

    #side_tab>.side_tab4>a {
        display: none;
    }

    #side_tab>.side_tab1>a,
    #side_tab>.side_tab2>a,
    #side_tab>.side_tab3>a,
    #side_tab>.side_tab4>a {
        overflow: hidden;
        color: #ffffff;
        text-decoration: none;
        padding: 10px 15px 10px 15px;
        height: auto;
    }

    #side_tab>.side_tab1 a,
    #side_tab>.side_tab2 a {
        background: url(img/icon_16_blank_white.png) no-repeat 97% 50% !important;
    }

    #side_tab>.side_tab3 {
        background: none;
    }

    #side_tab>.side_tab4 {
        background: none;
    }

    #side_tab>.side_tab3 b {
        display: none;
    }

    #side_tab>.side_tab4 b {
        display: none;
    }


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

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

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

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


    /*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 {
        overflow: hidden;
        display: block !important;
        overflow: hidden !important;
        width: 100%;
        text-decoration: none;
        padding: 10px 15px 10px 15px;
        height: auto;
    }

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

    #side_tab_child {
        display: block !important;
    }

    #side_tab li.side_tab3 #side_tab_child:before {
        position: static;
        height: 2.4em !important;
        top: 5px;
        content: "[グループサイト]";
        line-height: 300%;
        padding: 10px 15px 10px 15px;
        color: #ffffff;
        font-size: 86%;
    }

    #side_tab li.side_tab4 #side_tab_child:before {
        position: static;
        height: 2.4em !important;
        top: 5px;
        content: "[学科サイト]";
        line-height: 300%;
        padding: 10px 15px 10px 15px;
        color: #ffffff;
        font-size: 86%;
    }


    #side_tab li.side_tab3 #side_tab_child a {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #777bba;
        color: #ffffff;
    }

    #side_tab li.side_tab4 #side_tab_child a {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #3a77bc;
        color: #ffffff;
    }


    #side_tab li.side_tab3:hover #side_tab_child,
    #side_tab li.side_tab4:hover #side_tab_child {
        display: block;
        overflow: hidden;
        position: static !important;
        top: 0px;
        left: 0px;
        margin: 0;
        list-style-type: none;
    }



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

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

    #side_tab_child li:last-child {
        margin-bottom: 10px;
    }

    #side_tab_child li a {}

    #side_tab li.side_tab3 #side_tab_child li a {}

    #side_tab li.side_tab4 #side_tab_child li a {}

    #side_tab_child li a:hover,
    #side_tab li.side_tab3 li a,
    #side_tab li.side_tab4 li a,
    #side_tab li.side_tab3 li a:hover,
    #side_tab li.side_tab4 li a:hover {}


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

    .sns_side_tab_box {
        display: block;
        overflow: hidden;
        position: static !important;
        z-index: auto !important;
        width: 100%;
        margin-top: 0px;
    }

    #sns_side_tab {
        /*ul*/
        display: block !important;
        overflow: hidden !important;
        position: static !important;
        width: 100%;
        height: auto !important;
    }

    #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;
        overflow: hidden !important;
        width: 100%;
        height: auto !important;
    }

    /*広報ニュース、youtubeのタブはスマホでは非表示*/
    #sns_side_tab>.sns_side_tab3 {
        display: none;
    }

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

    /*共通の設定　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: 100%;
    }

    /*共通の設定　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: 100%;
        /*float:right;*/
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    #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: static;
    }

    #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 {
        pointer-events: none;
    }


    /*ひとつずつの背景画像指定 aタグの背景*/
    #sns_side_tab>.sns_side_tab1 {
        background: url(img/sns_side_tab_fb_sp.png) top left no-repeat;
        padding: 40px 0px 10px 0px;
    }

    #sns_side_tab>.sns_side_tab2 {
        background: url(img/sns_side_tab_tw_sp.png) top left no-repeat;
        padding: 40px 0px 10px 0px;
    }

    #sns_side_tab>.sns_side_tab4 {
        background: url(img/sns_side_tab_yt_sp.png) top left no-repeat;
        padding: 40px 0px 10px 0px;
    }

    #sns_side_tab>.sns_side_tab5 {
        background: url(img/sns_side_tab_ig_sp.png) top left no-repeat;
        padding: 40px 0px 10px 0px;
    }

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

    #sns_side_tab>.sns_side_tab2 {
        background-color: #5ac3df;
    }

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

    #sns_side_tab>.sns_side_tab5 {
        background-color: #CC4CA3;
    }

    #sns_side_tab>.sns_side_tab1 b,
    #sns_side_tab>.sns_side_tab2 b,
    #sns_side_tab>.sns_side_tab4 b,
    #sns_side_tab>.sns_side_tab5 b {
        display: none;
    }

    /*共通の設定　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 {
        overflow: hidden;
        display: block !important;
        overflow: hidden !important;
        width: 100%;
        text-decoration: none;
        padding: 40px 0px 10px 0px;
        height: auto;
    }

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

    #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;
        overflow: hidden;
        position: static !important;
        top: 0px;
        left: 0px;
        margin: 0;
        list-style-type: none;
    }

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

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

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

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

    #sns_side_tab_child li a {
        display: block;
        padding: 4px 1em 4px 1em;
        background-image: none !important;
        background-color: #ffffff;
        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 {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #345691;
        color: #ffffff;
        border-bottom: solid 1px #345691;
    }

    #sns_side_tab li.sns_side_tab2 #sns_side_tab_child li a {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #5ac3df;
        color: #ffffff;
        border-bottom: solid 1px #5ac3df;
    }

    #sns_side_tab li.sns_side_tab4 #sns_side_tab_child li a {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #d72929;
        color: #ffffff;
        border-bottom: solid 1px #d72929;
    }

    #sns_side_tab li.sns_side_tab5 #sns_side_tab_child li a {
        padding: 1px 8px 2px 32px !important;
        background: url(img/icon_16_link_white.png) no-repeat 13px 4px !important;
        clear: both;
        background-color: #5ac3df;
        color: #ffffff;
        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;
    }

    /*タブ2の子リストのロールオーバーの背景色*/
    #sns_side_tab li.sns_side_tab2 #sns_side_tab_child li a:hover {
        background-color: #5ac3df;
    }

    /*タブ4の子リストのロールオーバーの背景色*/
    #sns_side_tab li.sns_side_tab4 #sns_side_tab_child li a:hover {
        background-color: #d72929;
    }

    /*タブ5の子リストのロールオーバーの背景色*/
    #sns_side_tab li.sns_side_tab5 #sns_side_tab_child li a:hover {
        background-color: #CC4CA3;
    }




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

各パーツ設定

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

    /* ----------- カテゴリタイトル欄 ----------- */
    /*共通設定　100%（左右にパディング30px）*/
    .category_title_outer_directoryname,
    .category_title_outer_etc,
    .category_title_outer_commons,
    /*一般向けリンク*/
    .category_title_outer_tos,
    /*利用規約*/
    .category_title_outer_sitemap,
    /*サイトマップ*/
    .category_title_outer_privacy,
    /*プライバシーポリシー*/
    .category_title_outer_policy,
    /*サイトポリシー*/
    .category_title_outer_contact,
    /*お問い合わせ*/
    .category_title_outer_access,
    /*アクセス*/
    .category_title_outer_request,
    /*資料請求*/
    .category_title_outer_language,
    /*language*/
    .category_title_outer_search,
    /*検索*/
    .category_title_outer_educational_system,
    /*学部共通の制度*/
    .category_title_outer_employment,
    /*教員採用情報*/
    .category_title_outer_alumni,
    /*卒業生の方*/
    .category_title_outer_parents,
    /*保護者の方*/
    .category_title_outer_parents_news,
    /*保護者の方へのお知らせ*/
    .category_title_outer_alumni_news,
    /*卒業生の方へのお知らせ*/
    .category_title_outer_scholarship,
    /*大学貸与奨学金を返還中の方へ*/
    .category_title_outer_scholarship_form,
    /*大学貸与奨学金を返還中の方へのフォーム*/
    .category_title_outer_site_group,
    /*学科・部門サイト*/
    .category_title_outer_hokusei_group,
    /*グループサイト　NG*/
    .category_title_outer_site_information,
    /*グループサイト*/
    .category_title_outer_news,
    .category_title_outer_covid-19,
    .category_title_outer_pickup,
    .category_title_outer_event,
    .category_title_outer_idea,
    .category_title_outer_about,
    .category_title_outer_commentator-form,
    .category_title_outer_commentator-single-form,
    .category_title_outer_commentator,
    .category_title_outer_campusmap,
    .category_title_outer_center,
    .category_title_outer_activity,
    .category_title_outer_ac_archive,
    /*.category_title_outer_archive,*/
    .category_title_outer_campuslife,
    .category_title_outer_publicinfo,
    .category_title_outer_publicity,
    .category_title_outer_alumni_association,
    .category_title_outer_supporter,
    .category_title_outer_supporter_news,
    .category_title_outer_supporter_letter,
    .category_title_outer_association_magazine,
    .category_title_outer_association_news,
    .category_title_outer_emoployment,
    /*.category_title_outer_academic_news,*/
    .category_title_outer_letters_faculty,
    /*文学部は「humanities」に変更*/
    .category_title_outer_humanities,
    .category_title_outer_economics,
    .category_title_outer_social_welfare,
    .category_title_outer_general_education,
    .category_title_outer_junior_college,
    .category_title_outer_education_system,
    .category_title_outer_graduate_college,
    .category_title_outer_graduate_news,
    .category_title_outer_research,
    .category_title_outer_international,
    .category_title_outer_international_news,
    .category_title_outer_abroad_report,
    .category_title_outer_america,
    .category_title_outer_algoma,
    .category_title_outer_england,
    .category_title_outer_indonesia,
    .category_title_outer_catholic,
    .category_title_outer_canada,
    .category_title_outer_studying_abroad,
    .category_title_outer_inter_exchange,
    .category_title_outer_foreign_student,
    .category_title_outer_affiliated_school,
    .category_title_outer_abroad_report,
    .category_title_outer_inter_center,
    .category_title_outer_carrer,
    .category_title_outer_carrer_program,
    .category_title_outer_carrer_center,
    .category_title_outer_carrer_result,
    .category_title_outer_comments,
    .category_title_outer_graduate,
    .category_title_outer_recruiting,
    .category_title_outer_qualification,
    .category_title_outer_teachers,
    /*教員の方へ*/
    .category_title_outer_general,
    /*一般の方へ*/
    .category_title_outer_company,
    /*企業の方へ*/
    .category_title_outer_donation,
    /*北星学園サポーターズ寄付金のご案内*/
    .category_title_outer_link-project,
    /*海外事情（LINK）*/
    .category_title_outer_web_ceremony {
        /*Web入学式*/
        width: 100%;
        height: 100px !important;
        padding: 0px 0px 0px 0px;
    }

    /*カテゴリタイトルの色の網掛け　基本*/
    .category_title_outer_bg {
        width: 100%;
        height: 100px !important;
        padding: 0px 0px 0px 0px;
        background-color: #274c89;
        opacity: 0.78;
    }


    .category_title_inner {
        /*1100px*/
        display: block;
        width: 100%;
        min-height: 100px;
        height: auto !important;
        margin: 0 auto;
    }

    .category_title_inner h2 {
        color: #ffffff;
        padding: 25px 0px 0px 0px !important;
        margin-left: 10px !important;
        font-size: 20px !important;
        font-weight: 300;
        letter-spacing: 0.15em;
        line-height: 130%;
        filter: alpha(opacity=100);
        /*IE*/
        -moz-opacity: 1.00;
        /*FF*/
        opacity: 1.00;
    }

    .category_title_inner p {
        color: #ffffff;
        margin-left: 10px !important;
        font-weight: 100;
        letter-spacing: 0.15em;
        font-size: 12px !important;
        filter: alpha(opacity=100);
        /*IE*/
        -moz-opacity: 1.00;
        /*FF*/
        opacity: 1.00;
    }



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

ページタイトルとパンくずリスト設定

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

    /*ページタイトルとパンくずをくくったdiv*/
    .contents_title_outer {
        /*100%（左右にパディング30px）*/
        padding: 0px 10px 0px 10px !important;
        background-color: #f5f5f1;
    }

    /* ---------- ページタイトル設定 ---------- */

    .contents_title_inner {
        width: 100% !important;
        margin: 0 auto;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    .contents_title_inner h1 {
        font-size: 20px !important;
        font-weight: 400;
        line-height: 1.3;
        letter-spacing: 0;
    }


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

    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 {
        display: flex;
        margin: 0;
        padding: 0px 0px 0px 0px;
        font-size: 84% !important;
        text-align: left;
        /* overflow: hidden; */
        line-height: 150%;
        overflow-x: scroll;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    div.topicpath ul::-webkit-scrollbar {
        display: none;
    }

    /* ----------リンクのないリスト（＝閲覧しているページ）---------- */
    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: 2px !important;
        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;
    }

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

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


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

    div#contents_main h2 {
        margin: 20px 0 10px 0 !important;
        padding: 0px 0px 0px 0px;
        clear: both;
        color: #272e6e;
        line-height: 1.3;
        font-weight: 500;
        font-size: 20px !important;
    }

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

    .contents_main h3 {
        margin: 15px 0 10px 0;
        font-weight: bold;
        font-size: 18px !important;
    }

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

    div#contents_main h4 {
        margin: 5px 0;
        font-size: 16px !important;
        font-weight: bold;
    }

    div#contents_main h5 {
        margin: 5px 0;
        font-size: 15px !important;
        font-weight: bold;
    }

    div#contents_main h6 {
        margin: 5px 0;
        font-size: 14px !important;
        font-weight: bold;
    }


    /* ---------- スマホで非表示（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;
    }

    /*スマホのみ左右中央揃えの指定　text-alignの略*/
    .sp_ta_center {
        text-align: center !important;
    }

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

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


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

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

    /*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#contents_main .aligncenter {
        float: none;
    }

    /*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/

    /*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/

    /*メディアライブラリから挿入した時の、imgのclass*/
    .aligncenter {
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    .alignright {
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    .alignleft {
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    .alignnone {
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    /* ----------写真を左に配置---------- */
    div#contents_main .alignleft img {
        float: none;
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        margin: 0 20px 10px 0;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    /* ----------写真を右側に配置---------- */
    div#contents_main .alignright img {
        float: none;
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        margin: 0 0 10px 20px;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

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

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

    div#contents_main #contents_section img,
    div#contents_main img {
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }


    /*スマホで画像の最大の横幅を規制して、center揃え　imgを囲んでいるdivやpタグにつけるclass*/
    div#contents_main #contents_section .sp_width_80,
    div#contents_main #contents_section .sp_width_100,
    div#contents_main #contents_section .sp_width_120,
    div#contents_main #contents_section .sp_width_160,
    div#contents_main #contents_section .sp_width_180,
    div#contents_main #contents_section .sp_width_210,
    div#contents_main #contents_section .sp_width_220,
    div#contents_main #contents_section .sp_width_240,
    div#contents_main #contents_section .sp_width_270,
    div#contents_main #contents_section .sp_width_300 {
        width: 100% !important;
        float: none !important;
        text-align: center;
        margin: 0 auto !important;
    }

    div#contents_main #contents_section .sp_width_80 img {
        max-width: 80px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_100 img {
        max-width: 100px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_120 img {
        max-width: 120px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_160 img {
        max-width: 160px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_180 img {
        max-width: 180px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_210 img {
        max-width: 210px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_220 img {
        max-width: 220px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_240 img {
        max-width: 240px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_270 img {
        max-width: 270px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_width_300 img {
        max-width: 300px !important;
        height: auto !important;
        text-align: center !important;
        float: none;
    }

    div#contents_main #contents_section .sp_aligncenter {
        padding-right: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
        max-width: 480px !important;
        width: 100% !important;
        height: auto;
    }

    div#contents_main #contents_section .sp_aligncenter img {
        display: block;
        margin: 0 auto !important;
        float: none !important;
        margin-bottom: 10px;
    }


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

    /*レスポンシブさせたくない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;*/
    }

    /*あえて幅をせまく調整したテーブルでも、スマホでは横幅100%にする*/
    div#contents_main #contents_section table.table_90per,
    div#contents_main #contents_section table.table_80per,
    div#contents_main #contents_section table.table_70per,
    div#contents_main #contents_section table.table_60per,
    div#contents_main #contents_section table.table_50per,
    div#contents_main #contents_section table.table_40per,
    div#contents_main #contents_section table.table_30per,
    div#contents_main #contents_section table.table_20per,
    div#contents_main #contents_section table.table_10per {
        width: 100% !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: 4px 0px 4px 0px;
        margin-bottom: 4px !important;
        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: 4px 4px 4px 4px !important;
        margin-bottom: 4px !important;
        background-color: #d8d8d8;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        border: none !important;
        width: 100% !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: 4px 0px 4px 0px !important;
        margin-bottom: 0px !important;
        border: none !important;
        width: 100% !important;
    }

    /*レスポンシブさせないテーブルのフォントはちょっと小さくする*/
    div#contents_main #contents_section table.no_responsive_table tr {
        padding: 2px 2px 2px 2px !important;
        font-size: 96% !important;
        line-height: 150% !important;
    }

    div#contents_main #contents_section table.no_responsive_table th {
        padding: 2px 2px 2px 2px !important;
        font-size: 96% !important;
        line-height: 150% !important;
        white-space: normal !important;
    }

    div#contents_main #contents_section table.no_responsive_table td {
        padding: 2px 2px 2px 2px !important;
        font-size: 96% !important;
        line-height: 150% !important;
    }



    div#contents_main #contents_section th img,
    div#contents_main #contents_section td img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 480px !important;
        width: auto !important;
        height: 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.table_2column {
        margin-bottom: 0.5em;
        border-top: #d8d8d8 solid 1px;
        border-left: #d8d8d8 solid 1px;
        width: 100% !important;
        float: none !important;
        margin-right: 0% !important;
    }

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


    /*スマホレスポンシブ対応のテーブル*/
    div#contents_main #contents_section table.sp_responsive_table th {
        display: none !important;
    }

    div#contents_main #contents_section table.sp_responsive_table td {
        text-align: left;
    }

    div#contents_main #contents_section table.sp_responsive_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;
    }

    /*tableタグにこのclassが指定されているtableの中に入れ子になっているtableから罫線を取る*/
    div#contents_main #contents_section .table_scroll_box table.td_in_table td table,
    div#contents_main #contents_section .table_scroll_box table.td_in_table td table th,
    div#contents_main #contents_section .table_scroll_box table.td_in_table td table tr,
    div#contents_main #contents_section .table_scroll_box table.td_in_table td table td {
        border: none !important;
        padding: 0px;
    }

    div#contents_main #contents_section .table_scroll_box table.td_in_table th {
        width: 30% !important;
        padding: 6px 6px 6px 6px !important;
    }

    div#contents_main #contents_section .table_scroll_box table.td_in_table td {
        padding: 6px 6px 6px 6px !important;
    }

    div#contents_main #contents_section .table_scroll_box table.td_in_table td table {
        width: 100% !important;
    }

    div#contents_main #contents_section .table_scroll_box table.td_in_table td table tr {
        border: none !important;
        padding: 0px 0px 0px 0px;
        width: 100% !important;
    }

    div#contents_main #contents_section .table_scroll_box table.td_in_table td table td {
        border-left: none !important;
        word-wrap: break-word;
        overflow: hidden;
        display: block;
        padding: 0px 0px 0px 0px !important;
        border: none !important;
        width: 100% !important;
    }

    /*border無しのtable*/
    div#contents_main #contents_section .no_border_table,
    div#contents_main #contents_section .no_border_table th,
    div#contents_main #contents_section .no_border_table tr,
    div#contents_main #contents_section .no_border_table td {
        border: none !important;
        padding: 0px;
        border-top: #d8d8d8 solid 0px !important;
        border-left: #d8d8d8 solid 0px !important;
        border-bottom: #d8d8d8 solid 0px !important;
        border-right: #d8d8d8 solid 0px !important;
    }



    /* -------------------- テキストを帯状のベタ囲みにする（hタグや、pタグのクラスとして利用） -------------------- */

    /*青背景帯（文字は白抜き）*/
    .text_bg_blue {
        display: block;
        padding: 4px 10px 4px 10px !important;
        color: #FFFFFF !important;
        background-color: #5477b6 !important;
        font-size: 100% !important;
        font-weight: 500;
    }

    /*水色背景帯*/
    .text_bg_lightblue {
        display: block;
        padding: 4px 10px 4px 10px !important;
        background-color: #d6e3f3 !important;
        font-size: 100% !important;
        font-weight: 500;
    }

    /*エメラルド背景帯*/
    .text_bg_emerald {
        display: block;
        padding: 4px 10px 4px 10px !important;
        background-color: #8DC6D1 !important;
        font-size: 100% !important;
        font-weight: 500;
    }

    /*パープル背景帯（文字は白抜き）*/
    .text_bg_purple {
        display: block;
        padding: 4px 10px 4px 10px !important;
        color: #FFFFFF !important;
        background-color: #B088B0 !important;
        font-size: 100% !important;
        font-weight: 500;
    }


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

    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#contents_main hr.hr_dot {
        clear: both;
        height: 1px;
        margin: 15px 0 15px 0;
        border: none;
        border-top: dotted 1px #cccccc;
        color: #ffffff;
        background: #ffffff;
    }

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

    div#contents_main #contents_section .box_gray,
    div#contents_main #contents_section .box_gray_compact,
    div#contents_main #contents_section .box_gray5,
    div#contents_main #contents_section .box_gray10,
    div#contents_main #contents_section .box_white,
    div#contents_main #contents_section .box_blue,
    div#contents_main #contents_section .box_blue_compact,
    div#contents_main #contents_section .box_blue5,
    div#contents_main #contents_section .box_blue10,
    div#contents_main #contents_section .box_purple,
    div#contents_main #contents_section .box_purple_compact,
    div#contents_main #contents_section .box_purple5,
    div#contents_main #contents_section .box_purple10,
    div#contents_main #contents_section .box_emerald,
    div#contents_main #contents_section .box_emerald_compact,
    div#contents_main #contents_section .box_emerald5,
    div#contents_main #contents_section .box_emerald10 {
        padding: 10px 10px 10px 10px !important;
        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 #contents_section .box_gray img,
    div#contents_main #contents_section .box_gray5 img,
    div#contents_main #contents_section .box_gray10 img,
    div#contents_main #contents_section .box_blue img,
    div#contents_main #contents_section .box_blue5 img,
    div#contents_main #contents_section .box_blue10 img,
    div#contents_main #contents_section .box_purple img,
    div#contents_main #contents_section .box_purple5 img,
    div#contents_main #contents_section .box_purple10 img,
    div#contents_main #contents_section .box_emerald img,
    div#contents_main #contents_section .box_emerald5 img,
    div#contents_main #contents_section .box_emerald10 img {
        width: 100%;
        height: auto !important;
    }


    /* 背景が薄いグレーのボックス */
    div#contents_main #contents_section .box_bg_gray {
        background-color: #f6f6f6;
        padding: 10px 10px 10px 10px !important;
    }


    /* 背景が薄い赤のボックス */
    div#contents_main #contents_section .box_bg_red {
        background-color: #ffeeee;
        padding: 10px 20px;
    }

    /*「box_gray_XX」と併記して利用*/

    /*inline-blockを追加する*/
    .display_ib {
        overflow: hidden;
        display: inline-block
    }



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

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


    div#contents_main #contents_section ul.float {
        float: none;
        clear: both;
    }

    div#contents_main #contents_section ul.float li {
        width: 100% !important;
        display: block !important;
        padding: 2px 10px 4px 0px;
        float: none !important;
        background: none;
    }


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

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



    /* ---------- div内で2列にならべるdiv ---------- */

    /*2列全体　div*/
    .text_box_2column {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .text_box_2column h2,
    .text_box_2column h3 {
        display: inline-block;
        margin: 0px 0 10px 0;
    }

    .text_box_2column p {
        margin-bottom: 0px;
    }

    /*左*/
    .text_box_2column_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*右*/
    .text_box_2column_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /* ---------- div内で3列にならべるdiv ---------- */

    /*3列全体　div*/
    .text_box_3column {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .text_box_3column h2,
    .text_box_3column h3 {
        display: inline-block;
        margin: 0px 0 10px 0;
    }

    .text_box_3column p {
        margin-bottom: 0px;
    }

    /*左*/
    .text_box_3column_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*中央*/
    .text_box_3column_center {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*右*/
    .text_box_3column_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /* ---------- div内で4列にならべるdiv ---------- */

    /*4列全体　div*/
    .text_box_4column {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .text_box_4column h2,
    .text_box_4column h3 {
        display: block;
        margin: 0px 0px 10px 0px !important;
        float: none;
        clear: both;
    }


    .text_box_4column p {
        margin-bottom: 0px;
    }

    /*左*/
    .text_box_4column_1 {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*中央*/
    .text_box_4column_2 {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*中央*/
    .text_box_4column_3 {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

    /*右*/
    .text_box_4column_4 {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none;
    }

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

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

    .icon_link {
        margin: 6px 0px 6px 0px;
        padding: 1px 8px 2px 18px;
        background: url(img/icon_16_link.png) no-repeat 0px 5px;
        text-decoration: underline;
    }

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

    a.icon_download {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_pdf.png) no-repeat right 4px;
        text-decoration: underline;
    }

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

    a.icon_pdf {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_pdf.png) no-repeat right 4px;
        text-decoration: underline;
    }

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

    a.icon_blank {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_blank.png) no-repeat right 4px;
        text-decoration: underline;
    }

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

    a.icon_excel {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_excel.png) no-repeat right 4px;
        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;
        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;
        }
    }

    a.icon_link:hover,
    a.icon_link_square:hover,
    a.icon_pdf:hover,
    a.icon_download:hover,
    a.icon_blank:hover,
    a.icon_excel:hover,
    a.icon_word:hover {
        color: #4e5390;
        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;
    }

    /*PCの「p」だけマージンボトム20、スマホは0*/
    div#contents_main .pc_only_mb20,
    .pc_only_mb20 {
        margin-bottom: 0px !important;
    }

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

    div#contents_main .button {
        display: block !important;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
        background-color: #30356c;
        text-decoration: none;
        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 {
        display: block !important;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background-color: #5A5E8A;
        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_green {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
        background-color: #005050;
        text-decoration: none;
        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_green:hover {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background-color: #337373;
        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 {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
        background-color: #30356c;
        text-decoration: none;
        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 {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background-color: #5A5E8A;
        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_purple {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
        background-color: #AB7EB4;
        text-decoration: none;
        border-radius: 4px;
        /* CSS3草案 */
        -webkit-border-radius: 4px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 4px;
        /* Firefox用 */
        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_purple:hover {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background-color: #BC98C3;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }




    /*ページ上部に設置するページ内アンカーボタン　ul*/
    .button_anchor_box {
        display: block;
        overflow: hidden;
        list-style: none;
        margin-bottom: 20px;
        vertical-align: top;
    }

    #contents_section .button_anchor_box p {
        display: block !important;
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        width: 100% !important;
    }

    .button_anchor_box a {
        display: block !important;
        width: 100% !important;
        padding: 4px 28px 4px 6px !important;
        margin: 0px 4px 4px 0px !important;
        background: none;
        background: url(img/icon_16_anchor.png) no-repeat 96% 50%;
        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;
    }

    .button_anchor_box a:hover {
        display: block !important;
        width: 100% !important;
        padding: 4px 28px 4px 6px !important;
        margin: 0px 4px 4px 0px !important;
        font-size: 90% !important;
        color: #ffffff;
        cursor: pointer;
        background: url(img/icon_16_anchor_white.png) no-repeat 96% 50%;
        background-color: #30356c;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }

    /*横並びにアンカーリンクを並べる場合（gray_box5で囲むと見栄えが良い）※もともと「お問い合わせ」用に作ったもの。現在は汎用している*/

    /*div*/
    .contact_anchor_link {
        display: block;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        /*border-left: solid 1px #d2d2d2;*/
    }

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

    .contact_anchor_link a {
        display: block;
        padding: 3px 6px 3px 24px;
        margin: 0px 10px 0px 0px;
        float: none !important;
        /*border-right: solid 1px #d2d2d2;*/
        color: #666666;
        background: url(img/icon_16_box_anchor.png) no-repeat 2px 6px;
    }

    .contact_anchor_link a:hover {
        background-color: #30356a;
        color: #ffffff;
        text-decoration: none;
    }




    /*ページ下部の「専門教育科目・大学共通科目」等のリンク欄（上部に設置しているページもあり）　div*/
    .bottom_page_linkbox {
        display: block;
        overflow: hidden;
        background-color: #e5e5e5;
        padding: 10px 10px 5px 10px !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .bottom_page_linkbox p {
        margin-bottom: 0px !important;
        /*background:url(img/icon_link_box_self.png) no-repeat 100% 8px;*/
        /*横縦*/
    }

    .bottom_page_linkbox a {
        font-size: 100%;
        padding: 10px 10px 10px 10px !important;
        margin: 0px 0px 5px 0px !important;
        border: solid 1px #d8d8d8;
        min-width: 280px;
        width: 100% !important;
        text-decoration: none;
        white-space: nowrap;
        float: left;
        /*background:url(img/icon_curriculum.png) no-repeat 30px 50%;*/
        /*横縦*/
        background: url(img/icon_link_box_self.png) no-repeat 98% 50%;
        /*横縦*/
        background-size: 23px 21px;
        background-color: #ffffff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .bottom_page_linkbox a:hover {
        background-color: #bcc1da;
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;

    }

    .bottom_page_linkbox a.active {
        background: url(img/icon_link_box_self_white.png) no-repeat 98% 50%;
        /*横縦*/
        background-size: 23px 21px;
        color: #ffffff;
        /*background-color: #dceef6;*/
        background-color: #30356a;
        /*background-color: #bcc1da;*/
        filter: alpha(opacity=50) !important;
        /*IE*/
        -moz-opacity: 0.50 !important;
        /*FF*/
        opacity: 0.50 !important;
    }



    /*固定ページの下部に配置する、関連ページへのリンク「関連リンク」*/

    /**/
    .other_link_box {}

    /*p*/
    .other_link_title {}

    /*div*/
    .other_link {
        display: block;
        overflow: hidden;
        padding: 10px 0px 10px 0px;
        margin: 0px 0px 0px 0px !important;
        border-left: solid 1px #d2d2d2;
        border-right: solid 1px #d2d2d2;
        border-bottom: solid 1px #d2d2d2;
    }

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

    .other_link a {
        padding: 0px 10px 0px 10px;
        line-height: 150%;
        float: none !important;
        border-right: solid 0px #d2d2d2 !important;
        color: #666666;
    }

    .other_link a:hover {
        color: #30356a;
        text-decoration: underline;
    }


    /*固定ページの下部に配置する、他ページへのリンク「リンクメニュー」*/


    /*メニューのタイトル　p*/
    .page_bottom_related_link_title {
        display: block;
        position: relative;
        margin: 20px 0px 0px 0px !important;
        margin-bottom: 0 !important;
        padding: 5px 15px 5px 35px;
        background: url(img/icon_24_pc_white.png) no-repeat 11px 7px;
        /*横縦*/
        /*background-color: #4c505c; footerと同じ色*/
        background-color: #878c9a;
        color: #ffffff;

    }



    /*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される（div）*/

    /*p*/
    .page_bottom_related_link {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 0px 10px 5px 10px !important;
        margin: 0px 0px 20px 0px !important;
        background-color: #878c9a;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }


    .page_bottom_related_link p {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 140%;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .page_bottom_related_link a {
        display: block;
        min-width: 120px;
        width: 100% !important;
        padding: 5px 10px 5px 25px !important;
        margin: 0px 5px 5px 0px !important;
        float: none !important;
        border: solid 1px #d2d2d2;
        background: url(img/icon_link.png) no-repeat 7px 10px;
        /*横縦*/
        background-color: #ffffff;
        color: #30356a;
        text-decoration: none;
        font-size: 96%;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .page_bottom_related_link a.active {
        border: solid 1px #d2d2d2;
        background: url(img/icon_link_hover.png) no-repeat 7px 10px;
        /*横縦*/
        background-color: #30356a;
        color: #ffffff !important;
    }

    .page_bottom_related_link a:hover,
    .page_bottom_related_link p a:hover {
        border: solid 1px #d2d2d2;
        background: url(img/icon_link_hover.png) no-repeat 7px 10px;
        /*横縦*/
        background-color: #4c505c;
        color: #ffffff !important;
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }





    /*固定ページの下部に配置する、他ページへのリンク（div）*/
    /*※このクラスをつけたdivで囲まれたaタグがボタンタイプで表示される*/
    .related_link {
        width: 100%;
        padding: 15px 0px 10px 0px !important;
        margin: 10px 0px 20px 0px !important;
        clear: both;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

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

    .related_link a {
        display: block !important;
        min-width: 140px;
        width: 100% !important;
        padding: 6px 15px 6px 35px !important;
        margin: 0px 10px 10px 0px !important;
        float: none !important;
        border: solid 1px #d2d2d2;
        background: url(img/icon_link.png) no-repeat 15px 50%;
        /*横縦*/
        background-color: #ffffff;
        color: #30356a;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

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

    /*---------- 固定ページで使用する汎用タブ切り替え ----------*/

    .general_tab {
        display: block;
        position: relative;
        width: 100%;
        height: 33px !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;
    }

    /*タブ1つ分 div*/
    .general_tab_menu {
        display: inline-block;
        position: relative;
        min-width: 60px !important;
        height: 31px !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;*/
        background-color: #dfdfdf;
        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_3column {
        width: 30% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }

    .tab_menu_4column {
        width: 24% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab_menu_5column {
        width: 19% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab_menu_100per {
        width: 100% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .general_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 #d2d2d0;
        border-bottom: solid 1px #884466;
        cursor: default;
        height: 31px;
    }

    .general_tab_nowselect:hover {
        color: #31312f;
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }

    /*タブで切り替えるコンテンツの中身*/
    .general_tab_contents div {
        overflow: hidden;
        width: 100% !important;
    }

    /*切り替えられる中身はdiv「box_gray」で囲む*/
    .general_tab_contents .box_gray {
        margin-top: 0px !important;
    }

    /*デフォルトで、非表示にさせておくコンテンツのclass名　div*/
    .general_tab_contents_hide {
        /*これはJSのほうでdisplay:none;にするのでここには記載しない*/
    }


    /* ---------- 動画コンテンツ（youtube）のiframe ---------- */

    /*ビデオ設置枠*/
    .video_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px;
    }

    .video_box p img,
    .video_box img {
        max-width: 1080px;
        width: 100%;
        height: auto;
    }

    .video_box iframe {

        max-width: 1080px;
        width: 100% !Important;
        min-height: 280px;
        height: auto !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、ブログページの基本パーツ設定

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

    /*Newsとblogの記事タイトル h1*/
    .news_page_design .entry_title,
    .news_list_design .entry_title,
    .blog_page_design .entry_title,
    .blog_list_design .entry_title {
        margin: 20px 0px 7px 0px !important;
        padding: 0px 0px 0px 0px;
    }

    .news_page_design .entry_title h1,
    .news_list_design .entry_title h1,
    .blog_page_design .entry_title h1,
    .blog_list_design .entry_title h1 {
        font-size: 22px !important;
        line-height: 130%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    /*NewsとBlogの記事タイトルの下の日付*/
    .news_page_design #contents_header .date,
    .news_list_design #contents_header .date,
    .blog_page_design #contents_header .date,
    .blog_list_design #contents_header .date {
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
        color: #666666;
    }

    /*画像の横幅と縦比率*/
    .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: #30356a;
        color: #ffffff !important;
    }

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

    .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 {
        display: block;
        overflow: hidden;
        position: relative;
        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: #262626;
        background-color: #FFFFFF;
    }

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

    /*サイドのh2の中のa*/
    div#contents_side .side_title_box h2 a {
        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: #3a77bc;
        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: #bababa;
        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 a,
    /*固定ページの子ページリスト*/
    .news_current_list a,
    /*Newsページの記事ページリスト*/
    .blog_current_list a

    /*ブログページの記事ページリスト*/
        {
        padding-left: 35px !important;
    }

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

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


    /*Newsページの記事ページリストのアイコン2種「news」*/
    .news_current_list .news,
    .news_current_list .association_news,
    .news_current_list .association_magazine,
    .news_current_list .publicity,
    .news_current_list .supporter_news,
    .news_current_list .supporter_letter,
    .news_current_list .international_news,
    .news_current_list .abroad_report,
    .news_current_list .america,
    .news_current_list .algoma,
    .news_current_list .england,
    .news_current_list .indonesia,
    .news_current_list .catholic,
    .news_current_list .canada,
    .news_current_list .graduate_news,
    .news_current_list .parents_news,
    .news_current_list .alumni_news,
    .news_current_list .covid-19_news {
        padding: 0px 0px 0px 20px;
        background: url(img/icon_news.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    .news_current_list a:hover.news,
    .news_current_list a:hover.graduate_news,
    .news_current_list a:hover.supporter_letter,
    .news_current_list a:hover.association_magazine,
    .news_current_list a:hover.association_news,
    .news_current_list a:hover.covid-19_news {
        background: url(img/icon_news_hover.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    /*pickupページの記事ページリストのアイコン　「news」と同じ*/
    .news_current_list .pickup {
        padding: 0px 0px 0px 20px;
        background: url(img/icon_news.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    .news_current_list a:hover.pickup {
        background: url(img/icon_news_hover.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    /*Newsページの記事ページリストのアイコン2種「event」*/
    .news_current_list .event {
        padding: 0px 0px 0px 20px;
        background: url(img/icon_event.png) no-repeat 12px 14px !important;
        /*横 縦*/
    }

    .news_current_list a:hover.event {
        background: url(img/icon_event_hover.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    /*Newsページの記事ページリストのアイコン「publicity」*/
    .news_current_list .publicity {
        padding: 0px 0px 0px 20px;
        background: url(img/icon_16_megaphone.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    .news_current_list a:hover.publicity {
        background: url(img/icon_16_megaphone_white.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }

    /*Blogページの記事ページリストのアイコン「blog」*/
    .blog_current_list .blog {
        padding: 0px 0px 0px 20px;
        background: url(img/icon_blog.png) no-repeat 12px 14px !important;
        /*横 縦*/
    }

    .blog_current_list a:hover.blog {
        background: url(img/icon_blog_hover.png) no-repeat 14px 12px !important;
        /*横 縦*/
    }


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


    /*サイドのカテゴリリンクのタイトル p*/
    div#contents_side .side_title_box .category_link_list_title {
        font-weight: 500;
    }

    /*サイドのカテゴリリンクのul*/
    div#contents_side .category_link_list {
        /*ul*/
        display: block;
        overflow: hidden;
        width: 100% !important;
        padding: 0px 0px 0px 0px;
        border: solid 1px #d2d2d2;
        border-top: none;
        background-color: #ffffff;
        color: #4b4b4b;
        line-height: 140%;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*サイドのカテゴリリンクのa*/
    div#contents_side .category_link_list a {
        /*a*/
        display: block;
        overflow: hidden;
        width: 100% !important;
        padding: 8px 14px 8px 14px;
        border-top: none;
        background-color: #ffffff;
        color: #4b4b4b;
        line-height: 140%;
        text-decoration: none;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

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

    /*サイドのカテゴリリンクのulの中のul、li（学部に対しての学科）*/
    div#contents_side .category_link_list li .children {
        border-bottom: dotted 1px #d2d2d2;
    }

    div#contents_side .category_link_list li:last-child .children {
        border-bottom: dotted 0px #d2d2d2 !important;
    }

    div#contents_side .category_link_list .children li a {
        /*ul*/
        padding-left: 2em;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

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

検索結果一覧（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分をハミ出させないためのスタイル*/
    }

    div#contents_main #contents_section .gsc-above-wrapper-area {
        border-bottom: 1px solid #ffffff;
    }

    /*プロデュースバイの文字が記載されたテーブル　table*/
    .gcsc-branding {}

    /*プロデュースバイの文字をくくったdiv*/
    .gcsc-branding-text {}

    /*googleロゴ*/
    div#contents_main #contents_section table td .gcsc-branding-img-noclear,
    div#contents_main #contents_section table td .gcsc-branding-img-noclear img {
        max-width: 51px;
        width: 51px !important;
        height: auto;
    }

    /*検索結果のページネーション1つ1つを囲んだdiv*/
    .gsc-cursor-page {
        font-size: 14px;
    }



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

フッター

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

    .footer_inner {
        display: block;
        width: 100%;
        padding: 15px 0px 10px 0px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin-bottom: 0px;
        overflow: hidden;
        text-align: left !important;
        position: relative;
    }


    /*左の学校ロゴと住所を包んだ枠*/
    .school_info_box {
        float: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    /*ロゴ画像代替*/
    .footer_logo {
        /*p*/
        display: block;
        position: relative;
        width: 122px;
        /*元サイズ170*/
        height: 36px;
        /*元サイズ50*/
        margin: 0 auto !important;
        margin-bottom: 15px !important;
        background: url("img/footer_logo.png") no-repeat 0px 0px;
        background-size: 122px 36px;
    }

    .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;
        text-decoration: none;
    }

    .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 {
        float: left;
        border-left: solid 0px #ffffff;
        padding: 0px 0px 0px 0px;
    }

    /*テキストリンク*/
    .footer_etc_link1 {
        /*ul 上段*/
        display: block;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 96%;
    }

    .footer_etc_link2 {
        /*ul 下段*/
        display: block;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 25px 0px;
        font-size: 96%;
    }

    .footer_etc_link1 li,
    .footer_etc_link2 li {
        /*li*/
        width: 100% !important;
    }

    .footer_etc_link1 li a,
    .footer_etc_link2 li a {
        /*a*/

        color: #FFFFFF !important;
        text-decoration: none;
        margin-bottom: 6px;
    }

    .footer_etc_link1 li a:hover,
    .footer_etc_link2 li a:hover {
        /*a*/

    }

    /*メールでのお問い合わせ*/
    .footer_mail_link a {
        display: block;
        width: 100%;
        padding: 4px 1em 4px 1em;
        margin: 0px 0px 15px 0px;
        color: #FFFFFF !important;
        border: solid 1px #FFFFFF;
        font-size: 96%;
        text-decoration: none;
        text-align: center;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .footer_mail_link a:hover {
        background-color: #82858d;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

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

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




    /* ----------ページTOPへボタン---------- */
    #pagetop_wrapper {
        position: fixed;
        bottom: 10px;
        right: 0px !important;
        display: block;
        width: 64px;
        height: 72px;
        z-index: 888;
    }

    .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;
        /*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=100);
        /*IE*/
        -moz-opacity: 1.00;
        /*FF*/
        opacity: 1.00;
    }

    .pagetop a b {
        display: none;
    }




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

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

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


    /* ---------- メインビジュアルと動画 ---------- */

    .mainvisual_inner {
        display: block;
        position: relative;
        overflow: hidden;
        clear: both;
        float: none;
        /*height: 280px !important;*/
    }

    /*メインビジュアル*/

    /*スマホ用ビデオエリア*/
    .sp_main_visual {
        display: block;
        width: 100%;
        position: relative;
        padding: 0;
        /*padding-bottom: 56.25%;　16:9用*/
        padding-bottom: 41.75%;
        /*1200×500用*/
        height: 0;
        overflow: hidden;
        /*background: url(img/movie_filter.png);*/
        /*ドット網かけ*/
        clear: both;
        z-index: 1;
    }

    .sp_main_visual iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2 !important;
    }

    .sp_catchcopy {
        position: relative;
        width: 100% !important;
        padding-bottom: 41.75%;
        /*1200×500用*/
        top: 0px;
        background: url(img/mainvisual_overlay_copy.png) no-repeat center 40%;
        background-size: 150%;
        z-index: 3 !important;
        pointer-events: none;
    }

    /*PC用ビデオエリア*/
    #main_visual {
        display: block;
        width: 100%;
        position: relative;
        padding-bottom: 0px;
        height: auto;
        /*合格発表ありの時*/
        /*height: 120px;*/
        /*合格発表無しの時*/
        overflow: hidden;
    }


    #main_visual iframe {
        display: none;
        /*
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	*/
    }



    /* 動画部分 */

    video#main_video {
        /*
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-size: cover;
  z-index: -888;
  */
    }


    .overlay {
        display: block;
        position: relative;
        width: 100% !important;
        height: auto;
        /*合格発表ありの時*/
        /*height: 120px;*/
        /*合格発表無しの時*/
        text-align: center !important;
        z-index: 1;
        background: none !important;
        pointer-events: none;
    }

    .overlay_inner {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        height: auto;
        /*合格発表ありの時*/
        /*height: 120px;*/
        /*合格発表無しの時*/
        margin: 0 auto;
        z-index: 1000 !important;
    }

    .overlay_right_box {
        display: block;
        position: relative;
        width: 100% !important;
        height: auto;
        /*合格発表ありの時*/
        /*height: 120px;*/
        /*合格発表無しの時*/
        float: none !important;
        z-index: 1001 !important;
        background: url(img/mainvisual_right_banner_bg.png) repeat-x;
        background-color: black;

    }


    .banner_box1 {
        display: block;
        overflow: hidden;
        position: relative !important;
        width: 100% !important;
        height: 60px;
        top: 0px !important;
        background-color: #272e6e;
        z-index: 1002 !important;
    }

    .banner_box2 {
        display: block;
        width: 100% !important;
        height: 60px;
        position: relative !important;
        background-color: #70b7c5;
        margin-top: 0px;
        z-index: 1002 !important;
    }

    /*合格発表*/
    .banner_box_announcement {
        display: block;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        background-color: #ffffff;
        top: 0px;
        z-index: 1002 !important;
    }




    .banner_box1 a,
    .banner_box2 a {
        display: block;
        overflow: hidden;
        position: relative !important;
        width: 100% !important;
        height: 60px;
        top: 0px !important;
        z-index: 1100 !important;
        pointer-events: visible !important;
    }

    /*合格発表*/
    .banner_box_announcement a {
        display: block;
        overflow: hidden;
        position: relative !important;
        width: 100% !important;
        top: 0px !important;
        z-index: 1100 !important;
        pointer-events: visible !important;
    }




    .banner_box1 a img,
    .banner_box2 a img {
        width: auto !important;
        height: 94px !important;
        margin-top: -16px;
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }

    /*合格発表*/
    .banner_box_announcement a img {
        width: 100% !important;
        height: auto;
        margin-top: 0px;
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }

    .banner_box1 a img {
        margin-top: -16px;
        pointer-events: none;
        cursor: default;
    }

    .banner_box2 a img {
        margin-top: -16px;
        pointer-events: none;
        cursor: default;
    }

    .banner_box1 a:hover img,
    .banner_box2 a:hover img,
    .banner_box_announcement a:hover img {
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }



    /*中央キャッチコピー　1200×500用*/
    .overlay_center_box {
        display: none;

    }

    .overlay_center_box img {
        display: none;
    }



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

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

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

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

    #contents_top_bigbanner,
    #contents_top_pickup,
    #contents_top_news,
    #contents_top_news2,
    #contents_top_guide,
    #contents_top_department,
    #contents_top_research,
    #contents_top_international,
    #contents_top_career,
    #contents_top_site,
    #contents_top_other {
        position: relative;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    /*PICKUP*/
    #contents_top_pickup {
        background: url(img/img_pickup_bg.png) center top repeat-x;
    }

    /*ビッグバナー欄*/
    #contents_top_bigbanner {
        background-color: #f7f7f4;
        padding: 0px 0px 10px 0px;
    }


    /*NEWS欄とミニバナー*/
    #contents_top_news {
        background-color: #ffffff;
        padding: 0px 0px 10px 0px !important;
    }

    /*イベント情報と広報ニュース*/
    #contents_top_news2 {
        background-color: #f7f7f4;
    }

    /*MOVIE*/
    #contents_top_movie {
        background: url(img/img_movie_bg.png) center top repeat-x;
    }

    /*大学案内*/
    #contents_top_guide {
        background-color: #f7f3f4;
        padding: 0px 0px 10px 0px !important;
    }

    /*学部・学科*/
    #contents_top_department {
        background-color: #ffffff;
        padding: 0px 0px 10px 0px !important;
    }

    /*大学院・研究*/
    #contents_top_research {
        background-color: #f7f7f5;
        padding: 0px 0px 10px 0px !important;
    }

    /*国際交流・留学*/
    #contents_top_international {
        background: url(img/bg_international.png) center 60px repeat-y;
        background-color: #207785;
        padding: 0px 0px 0px 0px !important;
    }

    /*就職・キャリア*/
    #contents_top_career {
        background-color: #ffffff;
        padding-bottom: 135px;
        background: url(img/bg_career.png) center bottom repeat-x;
        padding: 0px 0px 10px 0px !important;
    }

    /*コンテンツ＆サイト*/
    #contents_top_site {
        background-color: #f7f7f5;
    }

    /*コンテンツ＆サイトの下段（5つのリンク）*/
    #contents_top_other {
        background: none;
    }

    /*各コンテンツ欄のh2タイトル div（共通）*/
    .top_title_box {
        display: block;
        width: 100%;
        height: 60px;
        margin: 0 auto;
        float: none;
    }


    #top_event_news_box .top_title_box,
    #top_publicity_news_box .top_title_box {
        display: block;
        width: 100%;
        height: 60px !important;
        margin: 0 auto;
        float: none;
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }

    /*PICKUPのタイトル　h2*/
    .subtitle_pickup {
        height: 60px;
        background: url(img/top_category_h2_pickup.png) center no-repeat;
        background-size: 100%;
    }

    /*NEWSのタイトル　h2*/
    .subtitle_news {
        height: 60px;
        background: url(img/top_category_h2_news.png) center no-repeat;
        background-size: 100%;
    }

    /*イベント情報のタイトル　h2*/
    .subtitle_event_news {
        height: 60px;
        background: url(img/top_category_h2_event.png) center no-repeat;
        background-size: 112%;
    }

    /*広報ニュースのタイトル　h2*/
    .subtitle_publicity_news {
        height: 60px;
        background: url(img/top_category_h2_publicity.png) center no-repeat;
        background-size: 112%;
    }

    /*MOVIEのタイトル　h2*/
    .subtitle_movie {
        height: 60px;
        background: url(img/top_category_h2_movie.png) center no-repeat;
        background-size: 100%;
    }

    /*大学案内のタイトル　h2*/
    .subtitle_guide {
        height: 60px;
        background: url(img/top_category_h2_guide.png) center no-repeat;
        background-size: 100%;
    }

    /*学部・学科のタイトル　h2*/
    .subtitle_department {
        height: 60px;
        background: url(img/top_category_h2_department.png) center no-repeat;
        background-size: 100%;
    }

    /*大学院・研究のタイトル　h2*/
    .subtitle_research {
        height: 60px;
        background: url(img/top_category_h2_research.png) center no-repeat;
        background-size: 100%;
    }

    /*国際交流・留学のタイトル　h2*/
    .subtitle_international {
        display: block;
        height: 60px;
        background: url(img/top_category_h2_international.png) center no-repeat;
        background-size: 100%;
        border-bottom: solid 1px #8abdc6;
    }

    /*就職・キャリアのタイトル　h2*/
    .subtitle_career {
        height: 60px;
        background: url(img/top_category_h2_career.png) center no-repeat;
        background-size: 100%;
    }

    /*コンテンツ＆サイトのタイトル　h2*/
    .subtitle_contents {
        height: 60px;
        background: url(img/top_category_h2_contents.png) center no-repeat;
        background-size: 100%;
    }

    /*各h2タイトルのbタグを非表示*/
    .subtitle_news b,
    .subtitle_pickup b,
    .subtitle_guide b,
    .subtitle_department b,
    .subtitle_research b,
    .subtitle_international b,
    .subtitle_career b,
    .subtitle_contents b {
        visibility: hidden;
    }


    /*---------- トップコンテンツで、右サイドリンク枠があるもののリンク設定（各コンテンツ共通利用） ----------*/

    /*右側のリンク枠のul（タイプA：上段）*/
    .linkbox_ul_type_a {
        display: block;
        position: relative;
        width: 90%;
        float: none;
        padding: 15px 20px 5px 0px;
        margin: 0px 0px 15px 0px;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*右側のリンク枠のul（タイプB：中段）*/
    .linkbox_ul_type_b {
        display: block;
        position: relative;
        width: 90%;
        float: none;
        padding: 15px 20px 5px 0px;
        margin: 0px 0px 15px 0px;
        border-right: solid 1px #ffffff;
        border-top: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*右側のリンク枠のul（タイプC：下段）*/
    .linkbox_ul_type_c {
        display: block;
        position: relative;
        width: 90%;
        height: 100%;
        float: none;
        padding: 15px 20px 5px 0px;
        margin: 0px 0px 10px 0px;
        border-right: solid 1px #ffffff;
        border-top: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*右側のリンク枠のul（タイプD：ulが1つしかないもの）*/
    .linkbox_ul_type_d {
        display: block;
        position: relative;
        width: 90%;
        float: none;
        padding: 15px 20px 5px 0px;
        margin: 0px 0px 10px 0px;
        border-right: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*先頭が「○」のリンク　li*/
    .list_link_circle {
        padding: 0px 0px 10px 22px;
        background: url(img/icon_circle_white.png) no-repeat 0px 5px;
        /*横縦*/
    }

    .list_link_circle a {
        display: block;
        height: auto;
        line-height: 100%;
        padding: 5px 0px 5px 0px;
        font-weight: 600;
    }

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

    /*先頭が「＞」のリンク　li*/
    .list_link_normal {
        padding: 0px 0px 4px 22px;
        background: url(img/icon_link_white.png) no-repeat 0px 5px;
        /*横縦*/
    }

    .list_link_normal a {
        display: block;
        height: auto;
        line-height: 100%;
        font-size: 92%;
        padding: 5px 0px 5px 0px;
    }

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





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

トップのPICKUP欄

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

    #contents_top_pickup .contents_outer_frontpage {
        padding: 0px !important;
    }

    /*PICKUPのコンテンツ表示枠*/
    .pickup_box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 370px;
        padding: 0px 0px 0px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*カルーセル全体*/
    .slider {
        display: block;
        width: 100%;
        /*横幅1140pxの両側に45pxずつ次へ前へのボタン*/
        height: 320px;
        margin: 0 auto;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .pickup_1box {
        display: block;
        width: 250px;
        height: 300px !important;
        margin: 0px 14px 5px 0px;
        cursor: pointer;
        background-color: #ffffff;
        -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }

    /*1記事分のリンクエリア*/
    .pickup_1box a {
        display: block;
        width: 250px;
        height: 300px !important;
        text-decoration: none;
    }

    /*1記事分のimg*/
    .pickup_1box img {
        display: block;
        width: 250px;
        /*height:200px;*/
    }

    /*写真の下のテキスト欄（日付+タイトル）　span*/
    .pickup_text_box {
        display: block;
        width: 220px;
        height: 90px;
        padding: 3px 15px 7px 15px;
    }

    /*日付　p*/
    .pickup_date {
        display: block;
        padding: 5px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 120%;
        color: #70B7C5;
    }

    /*タイトル　p　※JSにて、40文字以降を省略する設定にしています。「text_overflow」をつけると適用される*/
    /*この2つのクラスをセットで使う<p class="pickup_text text_overflow">*/
    .pickup_text {
        display: block;
        overflow: hidden;
        padding: 5px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 140%;
        height: 60px;
        font-size: 94%;
        color: #3F3C3C;
    }

    /* Arrows */
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute !important;
        top: 325px;
        display: block;
        width: 34px;
        height: 35px;
        margin-top: -10px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

    .slick-prev {
        left: 37% !important;
        background: url(img/btn_pickup_before.png) no-repeat 0px 0px;
    }

    [dir='rtl'] .slick-prev {
        right: 37%;
        left: auto;
    }

    .slick-next {
        right: 37%;
        background: url(img/btn_pickup_next.png) no-repeat 0px 0px;
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: 37%;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        background-color: #6a878f;
    }


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

トップのビッグバナー欄

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

    /*ビッグバナー枠　div*/
    .top_bigbanner_box {
        display: block;
        overflow: hidden;
        width: 100%;
        text-decoration: none;
        height: auto;
        padding-bottom: 35px;
    }

    /*スライダー全体 ul*/
    ul.bxslider_bigbanner {
        display: block;
        margin: 10px 0px 10px 0px;
        width: 100%;
        text-decoration: none;
        height: 100%;
        overflow: hidden;
    }

    ul.bxslider_bigbanner li {
        padding-bottom: 10px;
    }



    ul.bxslider_bigbanner img {
        width: 100%;
        height: auto;
    }


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

トップのニュース欄、イベント情報欄、広報ニュース欄

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


    /* ----------PC：トップのニュースボックス----------*/
    .top_news_box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0px 0px 15px 0px;
    }

    /*イベント情報の一覧全体　左寄せ　div*/
    .top_event_news_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 15px 0px;
        height: auto;
        /*リスト欄、ボトム隙間、MOREボタン*/
        margin: 0px 0px 20px 0px;
        float: none;
    }

    /*広報ニュースの一覧全体　右寄せ　div*/
    .top_publicity_news_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 15px 0px;
        height: auto;
        /*リスト欄、ボトム隙間、MOREボタン*/
        margin: 0px 0px 30px 0px;
        float: none;
    }

    /*---------- ニュース全体 ----------*/
    .top_news_list_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        /*height: 280px;*/
        /*リスト欄、ボトム隙間、MOREボタン*/
        height: auto !important;
        margin: 0px 0px 10px 0px;
        float: none;
    }


    /*リストの表示枠　1ジャンル分 スクロールバーあり*/
    .news_list {
        /*dl*/
        display: block;
        position: relative;
        /*height:205px;*/
        height: auto !important;
        padding: 0px 10px 0px 10px;
        margin-bottom: 10px;
        overflow: auto;
        border-bottom: solid 0px #d7d7d7;
    }

    /*日付*/
    .news_list dt {
        display: block;
        position: relative;
        float: none;
        width: 4.0em;
        padding: 10px 0px 5px 0px;
        margin: 0px 0px 3px 0px;
        font-size: 12px;
        color: #666666;
    }

    /*タイトルリンクのリンク範囲（下にボーダー）*/
    .news_list dd {
        display: block;
        position: relative;
        text-align: left;
        overflow: hidden;
        float: none;
        padding: 4px 0px 7px 7.4em;
        margin: 0px 0px 3px 0px;
        margin-top: -29px;
        border-bottom: solid 1px #d2d2d0;
        line-height: 130%;
        font-size: 14px;
    }

    /*「NEWS」だけpadding調整　※学部・学科の新着情報は上記のまま*/
    .top_news_list_box .news_list dd {
        padding: 4px 0px 7px 8.6em;
    }

    .news_list a {
        color: #31312f;
        font-size: 96%;
        text-decoration: none;
    }

    .news_list a:hover {
        color: #0151a8;
        font-size: 96%;
        text-decoration: underline;
    }

    .genre_department_letters_faculty,
    .genre_department_economics,
    .genre_department_social_welfare,
    .genre_research,
    .genre_junior_college {
        position: absolute;
        margin-left: -2.2em;
        color: #000000;
        display: inline-block;
        width: 16px;
        line-height: 1;
        padding: 3px 0px 3px 3px;
        text-align: left;
        vertical-align: baseline;
        white-space: nowrap;
        margin-right: 5px;
        /*margin-left:75px;*/
    }




    /*記事ジャンル span　共通設定*/
    .genre_news,
    /*お知らせ*/
    .genre_important,
    /*重要*/
    .genre_career,
    /*採用*/
    .genre_event,
    /*イベント*/
    .genre_abroad,
    /*国際・留学*/
    .genre_job,
    /*就職情報*/
    .genre_examination,
    /*入試情報*/
    .genre_publicity

    /*広報*/
        {
        position: absolute;
        display: inline-block;
        margin: 2px 8px 0px -6.0em;
        padding: 4px 6px 3px 6px;
        line-height: 100% !important;
        background-color: #3d79b9;
        color: #ffffff;
        height: auto;
        min-width: 4.3em;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
        border-radius: 2px;
        /* CSS3草案 */
        -webkit-border-radius: 2px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 2px;
        /* Firefox用 */
    }


    /*お知らせ*/
    .genre_news {
        background-color: #3d79b9;
    }

    /*「重要」 span*/
    .genre_important {
        background-color: #cc0066;
        letter-spacing: 0.5em;
    }

    /*「採用」 span*/
    .genre_career {
        background-color: #669933;
        letter-spacing: 0.5em;
    }

    /*イベント*/
    .genre_event {
        background-color: #cc66cc;
    }

    /*国際・留学*/
    .genre_abroad {
        background-color: #FF673B;
        min-width: 4.3em;
        padding: 4px 3px 3px 3px;
    }

    /*就職情報*/
    .genre_job {
        background-color: #6666cc;
    }

    /*入試情報*/
    .genre_examination {
        background-color: #32b8c7;
    }

    /*広報*/
    .genre_publicity {
        background-color: #DD9A33;
        letter-spacing: 0.5em;
    }


    /*2文字の場合の調整*/
    .genre_important span,
    /*重要*/
    .genre_career span,
    /*採用*/
    .genre_publicity span

    /*広報*/
        {
        margin-left: 0.5em;
    }






    /*記事ジャンル span　「文学部」*/
    .genre_department_letters_faculty {
        /*background:url(img/icon_letters_faculty.png) no-repeat 0px 0px;*/
        background: url(img/icon_24_book_blue.png) no-repeat 0px 4px;
        background-size: 16px 16px;

    }

    /*記事ジャンル span　「経済学部」*/
    .genre_department_economics {
        /*background:url(img/icon_economics.png) no-repeat 0px 0px;*/
        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_social_welfare.png) no-repeat 0px 0px;*/
        background: url(img/icon_24_leaf_orange.png) no-repeat 0px 4px;
        background-size: 16px 16px;

    }

    /*記事ジャンル span　「大学院」*/
    .genre_research {
        /*background:url(img/icon_research.png) no-repeat 0px 0px;*/
        background: url(img/icon_24_hut_darkblue.png) no-repeat 0px 4px;
        background-size: 16px 16px;

    }

    /*記事ジャンル span　「短大」*/
    .genre_junior_college {
        /*background:url(img/icon_junior_college.png) no-repeat 0px 0px;*/
        background: url(img/icon_24_pen_purple.png) no-repeat 0px 4px;
        background-size: 16px 16px;

    }

    /*ジャンルアイコンのクラス名がついたspanの中のspanを非表示に*/
    /*
.genre_publicity span,
.genre_event span,
.genre_news span,
*/

    .genre_department_letters_faculty span,
    .genre_department_economics span,
    .genre_department_social_welfare span,
    .genre_research span,
    .genre_junior_college span {
        visibility: hidden;
    }

    /*「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;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}*/

    /*テキストのみ*/
    .genre_new {
        display: inline-block;
        margin: 0px 3px 0px 3px;
        padding: 0px 0px 0px 0px;
        line-height: 100% !important;
        color: #fd4f21;
        height: auto;
        font-size: 13px;
        text-align: left;
        font-weight: 600;
    }


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

    /*「MORE NEWS」pのクラス*/
    .top_news_box .top_news_list {
        width: 100%;
        padding: 0 !important;
        text-align: center;
    }

    /*aタグ*/
    .top_news_box .to_news_list {
        display: block;
        position: relative;
        float: center;
        width: 100% !important;
        margin: 0px 0px 0px 0px !important;
        padding: 3px 50px 3px 50px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #777777;
        border: solid 1px #d7d7d7;
        text-decoration: none;
    }

    .top_news_box .to_news_list:hover {
        background-color: #dedede;
        border: solid 1px #fafafa;
    }


    /*右側のバナー枠*/
    .top_minibanner_box {
        display: block;
        position: relative;
        width: 100%;
        max-width: 320px;
        letter-spacing: -.40em;
        float: none;
        margin: 0 auto
    }


    .bx-pager_minibanner a {
        display: inline-block;
        position: relative;
        width: 60px;
        height: 64px;
        margin: 10px 5px 10px 5px;
        letter-spacing: normal;
    }

    .bx-pager_minibanner a img {
        width: 60px;
        height: 64px;
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

    .bx-pager_minibanner a.active img {
        opacity: 1;
        filter: alpha(opacity=100);
    }





    /*「イベント情報」リストの表示枠　1ジャンル分 スクロールバーあり*/
    .top_event_list_box .news_list {
        /*dl*/
        display: block;
        position: relative;
        /*height:213px;*/
        height: auto !important;
        padding: 10px 10px 0px 10px;
        margin-bottom: 10px;
        overflow: auto;
        border: solid 1px #d7d7d7;
        background-color: #ffffff;
        border-bottom: solid 0px #d7d7d7;
    }

    /*「イベント情報」一覧へpのクラス*/
    .top_event_list {
        width: 100%;
        padding: 0 !important;
        text-align: center;
    }

    /*aタグ*/
    .top_event_list .to_event_list {
        display: block;
        position: relative;
        float: none;
        width: auto !important;
        margin: 0px 0px 0px 0px !important;
        padding: 3px 20px 3px 20px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #777777;
        background-color: #ffffff;
        border: solid 1px #d7d7d7;
        text-decoration: none;
    }

    .top_event_list .to_event_list:hover {
        background-color: #dedede;
        border: solid 1px #fafafa;
    }




    /*イベント情報のイベントタイトル*/
    .top_event_list_box .news_list dt {
        display: block;
        position: relative;
        float: none;
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
        font-size: 100%;
        line-height: 130%;
        font-weight: 500;
        color: #333333;
        text-align: left;
    }

    /*開催期間等の自由欄（下にボーダー）*/
    .top_event_list_box .news_list dd {
        display: block;
        position: relative;
        text-align: left;
        overflow: hidden;
        /*white-space: nowrap;*/
        /*text-overflow: ellipsis;*/
        float: none;
        padding: 0px 0px 9px 0px !important;
        margin: 0px 0px 9px 0px;
        margin-top: 0px;
        border-bottom: solid 1px #d2d2d0;
        line-height: 130%;
        text-align: left;
        font-size: 13px;
        color: #888888;
    }

    .top_event_list_box .news_list a {
        color: #31312f;
        text-decoration: none;
    }

    .top_event_list_box .news_list a:hover {
        color: #0151a8;
        text-decoration: underline;
    }

    /*「受付終了」 span*/
    .event_end1 {
        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: 30px;
        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用 */
    }


    /*広報ニュースの最新記事欄*/
    .top_publicity_new_entry_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        margin: 0px 0px 0px 0px;
        border: solid 1px #d7d7d7;
        background-color: #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*画像格納　div*/
    .top_publicity_new_entry_img_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 44%;
        height: auto;
        float: left;
    }

    .top_publicity_new_entry_img_box img {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    /*テキスト格納欄　div*/
    .top_publicity_new_entry_text_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 55%;
        height: auto;
        padding: 10px 10px 10px 10px;
        float: right;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*日付　p*/
    .top_publicity_new_entry_date {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 2px 0px;
        line-height: 120%;
        color: #70B7C5;
        font-size: 11px;
    }

    .top_publicity_new_entry_title {
        display: block;
        overflow: hidden;
        line-height: 125%;
        font-size: 14px;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: auto;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }



    .top_publicity_new_entry_box a:hover .top_publicity_new_entry_title {
        color: #0151a8;
        text-decoration: underline;
    }


    .top_publicity_new_entry_text {
        display: block;
        overflow: hidden;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        line-height: 140%;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 13px;
        color: #666666;
    }



    /*「広報ニュース」リストの表示枠　1ジャンル分 スクロールバーあり*/
    .top_publicity_list_box .news_list {
        /*dl*/
        display: block;
        position: relative;
        /*height:205px;*/
        height: auto !important;
        padding: 0px 10px 0px 10px !important;
        margin-bottom: 10px;
        overflow: auto;
        border: solid 1px #d7d7d7;
        border-top: solid 0px #d7d7d7 !important;
        border-bottom: solid 0px #d7d7d7 !important;
        background-color: #ffffff;
    }

    /*「広報ニュース」一覧へpのクラス*/
    .top_publicity_list {
        width: auto !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /*aタグ*/
    .top_publicity_list .to_publicity_list {
        display: block;
        position: relative;
        float: none !important;
        width: auto !important;
        margin: 0px 0px 0px 0px !important;
        padding: 3px 10px 3px 10px !important;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #777777;
        background-color: #ffffff;
        border: solid 1px #d7d7d7;
        text-decoration: none;
    }

    .top_publicity_list .to_publicity_list:hover {
        background-color: #dedede;
        border: solid 1px #fafafa;
    }

    .top_publicity_list_box .news_list dd {
        padding-left: 5.0em !important;
    }




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

トップのMOVIE欄

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

    /*PICKUPのコンテンツ表示枠*/
    .movie_box {
        display: block;
        width: 100%;
        min-height: 100px;
        height: auto !important;
        overflow: hidden;
        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;
    }

    .movie_left_box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0px 0px 0px 0px;
        float: none;
        margin-bottom: 0px;
        clear: both;
    }

    .movie_right_box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0px 0px 0px 0px;
        float: none;
        margin-bottom: 0px !important;
        clear: both;
    }

    .movie_left_box,
    .movie_right_box {
        position: relative;
        padding-bottom: 20px;
    }

    .movie_left_box .movie_wrapper,
    .movie_right_box .movie_wrapper {
        position: relative;
        /*padding-bottom: 56.25%;*/
        padding-top: 0px;
        /*height: 0;*/
    }

    .movie_left_box .movie_wrapper::before,
    .movie_right_box .movie_wrapper::before {
        content: "";
        display: block;
        padding-bottom: 56.25%;
    }

    .movie_left_box iframe,
    .movie_right_box iframe {
        display: block;
        /*position:relative;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



    .movie_left_box p,
    .movie_right_box p {
        position: relative;
        margin-top: -1px;
        top: 0px;
        display: block;
        overflow: hidden;
        width: 100% !important;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 10px 20px 10px 20px;

    }

    .movie_left_box a,
    .movie_right_box a {
        color: #ffffff;
        text-decoration: none;
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_blank_white.png) no-repeat right 4px;
    }

    .movie_left_box a:hover,
    .movie_right_box a:hover {
        color: #bbbbbb;
        text-decoration: none;
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_blank_white.png) no-repeat right 4px;
    }

    /*「掲載ページを見る」divのクラス*/
    .movie_box .top_movie_more_link_box {
        display: block;
        position: relative;
        padding: 15px 0px 10px 10px;
        text-align: center;
        margin: 0 auto;
    }

    /*aタグ　talget="_self"*/
    .top_movie_more_link_box .to_contents_link_self {
        display: inline-block;
        position: relative;
        width: auto !important;
        margin: 0px -1px 0px 0px !important;
        padding: 3px 30px 3px 20px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #ffffff;
        border: solid 1px #ffffff;
        text-decoration: none;
        background: url(img/icon_16_link_white.png) no-repeat 97% 6px;
    }

    .top_movie_more_link_box .to_contents_link_self:hover {
        display: inline-block;
        position: relative;
        width: auto !important;
        margin: 0px -1px 0px 0px !important;
        padding: 3px 30px 3px 20px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #ffffff;
        border: solid 1px #ffffff;
        text-decoration: none;
        background: url(img/icon_16_link_white.png) no-repeat 97% 6px;
        background-color: #87a1cc;
    }

    /*aタグ　talget="_blank"*/
    .top_movie_more_link_box .to_contents_link_blank {
        display: inline-block;
        position: relative;
        width: auto !important;
        margin: 0px -1px 0px 0px !important;
        padding: 3px 30px 3px 20px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #ffffff;
        border: solid 1px #ffffff;
        text-decoration: none;
        background: url(img/icon_16_blank_white.png) no-repeat 97% 6px;
    }

    .top_movie_more_link_box .to_contents_link_blank:hover {
        display: inline-block;
        position: relative;
        width: auto !important;
        margin: 0px -1px 0px 0px !important;
        padding: 3px 30px 3px 20px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #ffffff;
        border: solid 1px #ffffff;
        text-decoration: none;
        background: url(img/icon_16_blank_white.png) no-repeat 97% 6px;
        background-color: #87a1cc;
    }



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

トップの「大学案内」欄

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

    /* ----------PC：トップの「大学案内」欄----------*/
    .top_guide_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    /*左側：コンセプト表示枠*/
    .guide_left_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    /*右側のリンク枠*/
    .guide_right_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 20px 25px;
        text-align: left;
        background-color: #573e78;
        color: #FFFFFF;
        vertical-align: top;
    }

    /*左側コンセプトのメイン画像*/
    .top_guide_main_photo {
        width: 100%;
        height: auto;
        float: none;
    }

    /*左側コンセプトのメイン画像*/
    .top_guide_smith_photo {
        display: none !important;
        /*width:170px;
	float:left;*/
    }

    /*左側コンセプトのテキスト枠（キャッチ+コピー）*/
    .top_guide_text_box {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
    }

    /*左側コンセプトのキャッチコピー*/
    .top_guide_text_box h3 {
        display: block;
        width: auto;
        display: block;
        padding: 0px 0px 0px 0px !important;
    }

    .top_guide_text_box h3 img {
        width: 128%;
        height: auto;
        margin-left: 0px;
    }

    /*左側コンセプトのコピー*/
    .top_guide_text_box p {
        display: block;
        padding: 0px 0px 10px 0px;
        line-height: 160%;
        color: #5D5D5D;
    }

    .top_guide_text_box p:before {
        content: url(img/img_guide_smith.png);
        margin: 0 10px 10px 0;
        content: " ";
        display: inline-block;
        content: url(img/img_guide_smith.png);
        background-size: contain;
        vertical-align: middle;
        float: left;
    }

    /*右側のリンク枠の中のp*/
    .guide_right_box p {
        color: #FFFFFF;
    }

    /*右側のリンク枠の中のa*/
    .guide_right_box a {
        color: #FFFFFF;
        text-decoration: none;
    }

    /*右側のリンク枠のサブタイトル「MENU」 div*/
    .guide_right_box .subtitle_menu {
        display: block;
        position: relative;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    .guide_right_box .subtitle_menu p {
        padding: 0px 0px 0px 0px;
        line-height: 130%;
        border-bottom: solid 1px #8e7ea3;
    }

    /*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
    .guide_right_box .linkbox_ul_type_a,
    .guide_right_box .linkbox_ul_type_b,
    .guide_right_box .linkbox_ul_type_c {
        border-color: #8e7ea3;
    }


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

トップの「学部・学科」欄

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

    /* ----------PC：トップの「学部・学科」欄----------*/
    .top_department_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    /*左側：コンセプト表示枠*/
    .department_left_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    /*---------- 「学部・学科」の新着表示欄全体 ----------*/
    .department_news_content {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        /*タブ、リスト欄、ボトム隙間、MOREボタン*/
        margin: 0px 0px 15px 0px;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*リスト表示枠全体*/
    .department_news_content_list {
        display: block;
        width: 100%;
        height: auto;
        border: #d2d2d0 0px solid;
        border-top: #d2d2d0 1px solid;
        border-bottom: none !important;
        background: #FFF;
        padding: 10px 0px 0px 0px;
        position: relative;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*「新着情報」タイトル　h3*/
    .department_news_content_list h3 {
        display: block;
        height: auto;
        overflow: hidden;
        font-size: 125%;
        padding: 0px 0px 15px 10px;
    }

    /*リスト自体のスタイル「news_list」は「NEWS」のスタイルを適用*/

    /*「department_news_content_list」内のみのリストの表示枠微調整（主に高さ）　1ジャンル分 スクロールバーあり*/
    .department_news_content_list .news_list {
        /*dl*/
        height: 190px;
        display: block;
        position: relative;
        padding: 0px 10px 0px 10px;
        margin-bottom: 0px;
        overflow: auto;
        border: solid 1px #d7d7d7;
        border-bottom: solid 0px #d7d7d7;
    }



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

    /*aタグ*/
    .top_department_box .to_news_list {
        display: block;
        position: relative;
        float: right;
        width: auto !important;
        margin: 0px 0px 0px 0px !important;
        padding: 3px 50px 3px 50px;
        font-size: 90%;
        text-align: center;
        letter-spacing: 0.05em;
        color: #777777;
        border: solid 1px #d7d7d7;
        text-decoration: none;
    }

    .top_department_box .to_news_list:hover {
        background-color: #dedede;
        border: solid 1px #fafafa;
    }





    /*講義要項欄*/
    .department_syllabus {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        border: #d2d2d0 1px solid;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*シラバスを見る　aタグ*/
    .to_syllabus_box_link {
        width: 100% !important;
        margin: 0px !important;
        margin-left: auto;
        margin-right: auto;
        padding: 1px 30px 1px 10px;
        font-size: 90%;
        text-align: center !important;
        letter-spacing: 0.05em;
        color: #777777;
        border: solid 1px #d7d7d7;
        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/icon_16_blank.png) no-repeat 98% center;
    }

    .to_syllabus_box_link:hover {
        background-color: #dedede;
        border: solid 1px #fafafa;
    }

    .to_syllabus {
        display: inline-block;
        text-align: center;
    }

    /*講義要項欄の左側のテキスト全体*/
    .syllabus_text_all {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 10px 10px 15px 10px;
        float: left;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*講義要項タイトル　h3*/
    .department_syllabus h3 {
        font-size: 125%;
        color: #777BB6;
        margin: 0px 0px 6px 0px;
    }

    /*シラバスタイトル　p*/
    .sutitle_syllabus {
        width: 100%;
        padding: 0px 0px 0px 20px;
        background: url(img/icon_curriculum.png) no-repeat 0px 7px;
        font-weight: 600;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*コピー*/
    .syllabus_text {
        width: 100%;
        padding: 0px 0px 0px 0px;
        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;
    }

    .department_syllabus img {
        display: none !important;
    }



    /*画像*/
    .department_syllabus img {
        float: right;
    }

    /*学部共通の制度・取り組み*/
    .department_torikumi {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        border: #d2d2d0 1px solid;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .department_torikumi h3 {
        font-size: 125%;
        color: #777BB6;
        margin: 0px 0px 6px 0px;
    }

    .department_torikumi p {
        display: inline-block;
        margin-right: 20px;
    }

    .department_torikumi a {
        text-decoration: none;
    }


    /*右側のリンク枠*/
    .department_right_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 10px 25px;
        text-align: left;
        background-color: #8990c4;
        color: #FFFFFF;
        vertical-align: top;
    }

    /*右側のリンク枠の中のp*/
    .department_right_box p {
        color: #FFFFFF;
    }

    /*右側のリンク枠の中のa*/
    .department_right_box a {
        color: #FFFFFF;
        text-decoration: none;
    }

    /*右側のリンク枠のサブタイトル「MENU」 div*/
    .department_right_box .subtitle_menu {
        display: block;
        position: relative;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    .department_right_box .subtitle_menu p {
        padding: 0px 0px 0px 0px;
        line-height: 130%;
        border-bottom: solid 1px #aeb2d7;
    }

    /*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
    .department_right_box .linkbox_ul_type_a,
    .department_right_box .linkbox_ul_type_b,
    .department_right_box .linkbox_ul_type_c {
        border-color: #aeb2d7;
    }

    /*先頭が「文学部」のアイコン付きタイトル　p*/
    .department_right_box .subtitle_letters_faculty {
        display: block;
        padding: 0px 0px 10px 22px;
        background: url(img/icon_letters_faculty_hover.png) no-repeat 0px 0px;
        /*横縦*/
        line-height: 100%;
        font-weight: 600;
    }

    /*先頭が「経済部」のアイコン付きタイトル　p*/
    .department_right_box .subtitle_economics {
        display: block;
        padding: 0px 0px 10px 22px;
        background: url(img/icon_economics_hover.png) no-repeat 0px 0px;
        /*横縦*/
        line-height: 100%;
        font-weight: 600;
    }

    /*先頭が「社会福祉部」のアイコン付きタイトル　p*/
    .department_right_box .subtitle_social_welfare {
        display: block;
        padding: 0px 0px 10px 22px;
        background: url(img/icon_social_welfare_hover.png) no-repeat 0px 0px;
        /*横縦*/
        line-height: 100%;
        font-weight: 600;
    }

    /*先頭が「短大」のアイコン付きタイトル　p*/
    .department_right_box .subtitle_junior_college {
        display: block;
        padding: 0px 0px 10px 22px;
        background: url(img/icon_junior_college_hover.png) no-repeat 0px 0px;
        /*横縦*/
        line-height: 100%;
        font-weight: 600;
    }

    /*先頭が「＞」のリンク　li*/
    .department_right_box .list_link_normal {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 5px 22px;
        background: url(img/icon_link_white.png) no-repeat 0px 3px;
        /*横縦*/
    }

    .department_right_box .list_link_normal a {
        display: block;
        height: auto;
        line-height: 130%;
        font-size: 100%;
        padding: 2px 0px 3px 0px;
    }

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




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

トップの「大学院・研究」欄

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

    /* ----------PC：トップの「大学院・研究」欄----------*/
    .top_research_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    /*左側：コンセプト表示枠*/
    .research_left_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    /*右側のリンク枠*/
    .research_right_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 10px 25px;
        text-align: left;
        background-color: #272e6e;
        color: #FFFFFF;
        vertical-align: top;
    }

    /*左側コンセプトのメイン画像*/
    .top_research_main_photo {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        float: none;
        z-index: 9 !important;
    }

    .top_research_main_photo img {
        z-index: 10 !important;

    }

    /*左側コンセプトのテキスト枠　div*/
    .top_research_text_box {
        display: block;
        position: relative !important;
        width: 100%;
        height: auto !important;
        margin-top: 0px !important;
        z-index: 11 !important;
    }

    /*左側コンセプトのコピー*/
    .top_research_text_box p {
        display: block;
        position: relative;
        padding: 10px 0px 10px 0px;
        line-height: 160%;
        font-size: 100%;
        font-weight: 600;
        color: #3f3c3c;
        z-index: 12 !important;
    }

    .top_research_text_box p br {
        display: none !important;
    }

    /*右側のリンク枠の中のp*/
    .research_right_box p {
        color: #FFFFFF;
    }

    /*右側のリンク枠の中のa*/
    .research_right_box a {
        color: #FFFFFF;
        text-decoration: none;
    }

    /*右側のリンク枠のサブタイトル「MENU」 div*/
    .research_right_box .subtitle_menu {
        display: block;
        position: relative;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    .research_right_box .subtitle_menu p {
        padding: 0px 0px 0px 0px;
        line-height: 130%;
        border-bottom: solid 1px #777eaa;
    }

    /*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
    .research_right_box .linkbox_ul_type_d {
        border-color: #777eaa;
    }

    /*先頭が「＞」のリンク　li*/
    .research_right_box .list_link_normal {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 5px 22px;
        background: url(img/icon_link_white.png) no-repeat 0px 3px;
        /*横縦*/
    }

    .research_right_box .list_link_normal a {
        display: block;
        height: auto;
        line-height: 130%;
        font-size: 100%;
        padding: 2px 0px 3px 0px;
    }

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



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

トップの「国際交流・留学」欄

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

    /* ----------PC：トップの「国際交流・留学」欄----------*/
    .top_international_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 1px 0px 0px 0px;
    }

    /*左側：コンセプト表示枠*/
    .international_left_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    /*左側コンセプトのコピー*/
    .top_international_text_box p {
        display: block;
        padding: 15px 0px 15px 0px;
        line-height: 160%;
        font-size: 100%;
        font-weight: 600;
        color: #ffffff;
    }

    .top_international_text_box p br {
        display: none;
    }

    /*3つの更新記事全体の枠*/
    .international_news_box {
        display: block;
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
    }

    .international_news_1box {
        display: block;
        width: 100%;
        /*height:300px;*/
        margin: 0px 0px 10px 0px !important;
        cursor: pointer;
        float: none;
        text-align: center;
    }

    /*1記事分のリンクエリア*/
    .international_news_1box a {
        display: block;
        width: 230px;
        text-decoration: none;
        margin: 0 auto !important;
    }

    /*1記事分のimg*/
    .international_news_1box img {
        display: block;
        width: 230px;
        /*height:200px;*/
    }

    /*imgをくるんだ丸いdiv*/
    .img_circle {
        margin: 0 auto;
        width: 230px;
        border-radius: 230px;
        -webkit-border-radius: 230px;
        -moz-border-radius: 230px;
        /*background-color:#257884;*/
    }

    /*写真の下のテキスト欄（日付+タイトル）　span*/
    .international_news_text_box {
        display: block;
        width: 100%;
        padding: 3px 0px 7px 0px;
    }

    /*日付　p*/
    .international_news_date {
        display: block;
        padding: 5px 0px 1.3em 0px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 120%;
        color: #ffffff;
        text-align: center;
        background: url(img/icon_earth.png) no-repeat center bottom;
        /*横縦*/
    }

    /*タイトル　p*/
    .international_news_text {
        display: block;
        overflow: hidden;
        padding: 10px 0px 10px 0px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 140%;
        text-align: center;
        height: auto !important;
        min-height: 2em;
        font-size: 100%;
        color: #ffffff;
        font-weight: 600;
    }

    /*1記事分のリンクエリアにロールオーバーした時のテキスト*/
    .international_news_1box a:hover .international_news_date,
    .international_news_1box a:hover .international_news_text {
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }

    /*新たに追加した「国際教育センター」SNSボタン枠*/

    /*SNSボタン枠全体　div*/
    .top_international_sns_box {
        display: block;
        margin: 0px 0px 30px 0px;
        padding: 10px 30px 10px 30px;
        border: solid 1px #ffffff;
        width: 100%;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*左側のテキスト欄　div*/
    .top_international_sns_left_box {
        display: inline-block;
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
    }

    /*右側のボタン欄　div*/
    .top_international_sns_right_box {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-top: 5px;
        text-align: center;
    }

    /*説明分　p*/
    .top_international_sns_text {}

    /*fbボタンを囲んだp*/
    .top_international_sns_fb {
        display: inline-block;
        margin-right: 8px;
    }

    /*twボタンを囲んだp*/
    .top_international_sns_tw {
        display: inline-block;
        margin-right: 0px;
    }


    /*右側のリンク枠*/
    .international_right_box {
        display: table-cell;
        width: 270px !important;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 20px 25px;
        text-align: left;
        background-color: #5fa6b2;
        color: #FFFFFF;
        vertical-align: top;
    }




    /*右側のリンク枠*/
    .international_right_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 10px 0px;
        padding: 20px 25px 10px 25px;
        text-align: left;
        background-color: #5fa6b2;
        color: #FFFFFF;
        vertical-align: top;
    }

    /*右側のリンク枠の中のp*/
    .international_right_box p {
        color: #FFFFFF;
    }

    /*右側のリンク枠の中のa*/
    .international_right_box a {
        color: #FFFFFF;
        text-decoration: none;
    }

    /*右側のリンク枠のサブタイトル「MENU」 div*/
    .international_right_box .subtitle_menu {
        display: block;
        position: relative;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    .international_right_box .subtitle_menu p {
        padding: 0px 0px 0px 0px;
        line-height: 130%;
        border-bottom: solid 1px #8abdc6;
    }

    /*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
    .international_right_box .linkbox_ul_type_d {
        border-color: #8abdc6;
    }


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

トップの「就職・キャリア」欄

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

    /* ----------PC：トップの「就職・キャリア」欄----------*/
    .top_career_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    /*左側：コンセプト表示枠*/
    .career_left_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
    }

    /*右側のリンク枠*/
    .career_right_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 10px 25px;
        text-align: left;
        background-color: #5276b8;
        color: #FFFFFF;
        vertical-align: top;
    }

    /*右側のリンク枠の中のp*/
    .career_right_box p {
        color: #FFFFFF;
    }


    /*右側のリンク枠の中のa*/
    .career_right_box a {
        color: #FFFFFF;
        text-decoration: none;
    }

    /*左側コンセプトのメイン画像*/
    .top_career_main_photo {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        float: none;
        z-index: 9 !important;
    }

    .top_career_main_photo img {
        z-index: 10 !important;

    }

    /*左側コンセプトのテキスト枠　div*/
    .top_career_text_box {
        display: block;
        position: relative !important;
        width: 100%;
        height: auto !important;
        margin-top: 0px !important;
        z-index: 11 !important;
    }

    /*左側コンセプトのコピー*/
    .top_career_text_box p {
        display: block;
        padding: 10px 0px 10px 0px;
        line-height: 180%;
        font-size: 100%;
        font-weight: 600;
        text-align: left;
        color: #3f3c3c;
        z-index: 12 !important;
        text-shadow: 0px 0px 5px #ffffff,
            0px 0px 5px #ffffff,
            0px 0px 5px #ffffff,
            0px 0px 5px #ffffff,
            0px 0px 5px #ffffff,
            0px 0px 5px #ffffff;
    }

    .top_career_text_box p br {
        display: none !important;
    }

    /*右側のリンク枠の中のp*/
    .career_right_box p {
        color: #FFFFFF;
    }

    /*右側のリンク枠の中のa*/
    .career_right_box a {
        color: #FFFFFF;
    }

    /*右側のリンク枠のサブタイトル「MENU」 div*/
    .career_right_box .subtitle_menu {
        display: block;
        position: relative;
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    .career_right_box .subtitle_menu p {
        padding: 0px 0px 0px 0px;
        line-height: 130%;
        border-bottom: solid 1px #97b0d8;
    }

    /*右側リンク枠のulのボーダーの色をコンテンツごとに変更*/
    .career_right_box .linkbox_ul_type_d {
        border-color: #97b0d8;
    }

    /*先頭が「＞」のリンク　li*/
    .career_right_box .list_link_normal {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 5px 22px;
        background: url(img/icon_link_white.png) no-repeat 0px 3px;
        /*横縦*/
    }

    .career_right_box .list_link_normal a {
        display: block;
        height: auto;
        line-height: 130%;
        font-size: 100%;
        padding: 2px 0px 3px 0px;
    }

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


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

トップの「コンテンツ＆サイト」欄　上段（3つのリンク）

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


    /* ----------PC：トップの「コンテンツ＆サイト」欄　上段（3つのリンク）----------*/
    .top_contents_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    /*3つのリンク全体の枠*/
    .contents_link_box {
        display: block;
        overflow: hidden;
        width: 100%;
        padding-bottom: 30px;
    }

    /*3つのリンクの1つ分の枠*/
    .contents_link_1box {
        display: block;
        width: 100%;
        /*height:300px;*/
        margin: 0px 45px 30px 0px;
        cursor: pointer;
        float: left;
    }

    /*3つのリンクの1つ分の枠の一番右のもの*/
    .contents_linkbox_last {
        margin: 0px 0px 0px 0px;
    }

    /*1記事分のリンクエリア*/
    .contents_link_1box a {
        display: block;
        width: 100%;
        text-decoration: none;
    }

    /*1記事分のimg*/
    .contents_link_1box img {
        display: block;
        width: 100%;
        height: auto !important;
        /*height:200px;*/
    }

    /*画像の上の英語のジャンル表記*/
    .contents_link_genre {
        display: none;
        /*
	margin:0px 0px 6px 0px;
	padding:4px 0px 3px 0px;
	border-top:solid 0px #868687;
	border-bottom:solid 0px #868687;
	text-align:right;
	font-size:94%;
	font-weight:600;
	line-height:100%;
	*/
    }

    /*写真の下のテキスト欄（サブタイトル+タイトル）　span*/
    .contents_link_text_box {
        display: block;
        width: 100%;
        margin: 4px 0px 0px 0px;
        padding: 7px 0px 12px 0px;
        border-top: solid 0px #868687;
        border-bottom: solid 1px #868687;
        line-height: 100%;
    }




    /*コンテンツの小さい文字のタイトル　p*/
    .contents_link_subtext {
        display: block;
        padding: 3px 0px 1px 0px;
        margin: 0px 0px 0px 0px;
        line-height: 120%;
        color: #262626;
        text-align: left;
        font-size: 86%;
    }

    /*コンテンツのメインタイトル　p*/
    .contents_link_text {
        display: block;
        overflow: hidden;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        line-height: 140%;
        text-align: left;
        font-size: 130%;
        color: #262626;
        font-weight: 600;
    }

    .icon_junior_college_mark {
        padding: 0px 0px 0px 23px;
        background: url(img/icon_junior_college_mark_w18.png) no-repeat 0px 3px;
        /*横縦*/
    }

    .icon_web {
        padding: 0px 0px 0px 29px;
        background: url(img/icon_web_w24.png) no-repeat 0px 4px;
        /*横縦*/
    }

    .icon_pc {
        padding: 0px 0px 0px 29px;
        background: url(img/icon_pc_w24.png) no-repeat 0px 3px;
        /*横縦*/
    }


    /*1記事分のリンクエリアにロールオーバーした時のテキスト*/
    .contents_link_1box a:hover .contents_link_subtext,
    .contents_link_1box a:hover .contents_link_text {
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }





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

トップの「コンテンツ＆サイト」欄　下段（5つのリンク）

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

    #contents_top_other .contents_outer_frontpage {
        padding: 0px !important;
    }

    /*5色の背景色*/
    .contents_link_other_1 {
        background-color: #324184;
    }

    .contents_link_other_2 {
        background-color: #638bc6;
    }

    .contents_link_other_3 {
        background-color: #81c3d1;
    }

    .contents_link_other_4 {
        background-color: #8990c4;
    }

    .contents_link_other_5 {
        background-color: #643595;
    }


    /* ----------PC：トップの「コンテンツ＆サイト」欄　下段（5つのリンク）----------*/
    .contents_top_other_box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 0px 0px 0px 0px;
    }

    .contents_link_other_1box {
        display: block;
        width: 100%;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        float: left;
    }

    /*1記事分のリンクエリア*/
    .contents_link_other_1box a {
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 10px 0px 10px 0px;
        text-decoration: none;
        background: url(img/icon_16_blank_white.png) no-repeat 97% center;
    }

    .contents_link_other_1box a.link_self {
        background: url(img/icon_16_link_white.png) no-repeat 97% center;
    }

    /*imgをくるんだ丸いdiv*/
    .contents_link_other_img_circle {
        margin: 0px 8px 0px 10px !important;
        width: 60px;
        height: auto;
        border-radius: 60px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        /*background-color:#257884;*/
        float: left;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*写真の下のテキスト欄　span*/
    .contents_link_other_text_box {

        display: inline-block;
        width: auto;
        padding: 3px 0px 7px 0px;
        margin-top: 12px;
        float: left;
    }

    /*タイトル　p*/
    .contents_link_other_text,
    .contents_link_other_text_blank {
        display: block;
        overflow: hidden;
        padding: 4px 5px 0px 5px;
        margin: 0px 0px 0px 0px;
        width: 218px;
        line-height: 140%;
        text-align: left;
        font-size: 96%;
        color: #ffffff;
        font-weight: 500;
    }

    .contents_link_other_text:after,
    .contents_link_other_text_blank:after {
        content: none !important;
    }

    /*1記事分のリンクエリアにロールオーバーした時のテキスト*/
    .contents_link_other_1box a:hover .contents_link_other_date,
    .contents_link_other_1box a:hover .contents_link_other_text,
    .contents_link_other_1box a:hover .contents_link_other_text_blank {
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }

    /*↑トップのstyleはここまで*/





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

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

    .contents_inner_frontpage {
        width: 100%;
        margin: 0 auto;
    }

    /* ----------コンテンツ（下層ページ）---------- */
    .contents_area {
        /*section*/
        background-color: #ffffff;
        display: block;
        clear: both;
    }

    /*左と右をくくったdiv　100%（左右にパディング30px）*/
    .contents_outer {
        padding: 0px 10px 0px 10px;
    }

    /*左と右をくくったdiv　1100px*/
    .contents_inner {
        width: 100%;
        margin: 0 auto;
    }

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

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

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

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


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

    div#contents_main {
        width: 100%;
        margin: 0px 0px 25px 0px;
    }

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

    div#contents_main.blog_page_design,
    div#contents_main.news_page_design,
    div#contents_main.blog_list_design,
    div#contents_main.news_list_design {
        width: 100%;
        float: left;
        margin: 0px 0px 25px 0px;
    }




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

各パーツ設定

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

    /* ----------- カテゴリタイトル欄 ----------- */

    .category_title_outer_directoryname {
        /*100%（左右にパディング30px）*/
        width: 100%;
        height: 190px;
        padding: 0px 0px 0px 0px;
        background: url(img/category_title_bg_idea.png) no-repeat;
        background-size: cover;
    }

    .category_title_outer_bg {
        width: 100%;
        height: 190px;
        padding: 0px 0px 0px 0px;
        background-color: #02025b;
        opacity: 0.78;
    }

    .category_title_inner {
        /*1100px*/
        display: block;
        width: 100%;
        height: 190px;
        margin: 0 auto;
    }

    .category_title_inner h2 {
        color: #ffffff;
        padding: 60px 0px 10px 0px;
        margin-left: 30px;
        font-size: 34px;
        font-weight: 300;
        letter-spacing: 0.15em;
        line-height: 130%;
    }

    .category_title_inner p {
        color: #ffffff;
        margin-left: 30px;
        font-weight: 100;
        letter-spacing: 0.15em;
        font-size: 16px;
    }

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

ページタイトルとパンくずリスト設定

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

    /*ページタイトルとパンくずをくくったdiv*/
    .contents_title_outer {
        /*100%（左右にパディング30px）*/
        padding: 0px 30px 0px 30px;
        background-color: #f5f5f1;
    }

    /* ---------- ページタイトル設定 ---------- */

    .contents_title_inner {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .contents_title_inner h1 {
        font-size: 30px;
        font-weight: 400;
        line-height: 1.3;
        letter-spacing: 0;
    }

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

    div.topicpath {
        display: block;
        width: 100%;
        margin: 0px auto 10px auto;
        padding: 20px 0px 10px 0px;
        text-align: left;
        clear: both;
    }

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

    div.topicpath ul {
        display: flex;
        margin: 0;
        width: 100%;
        padding: 0px 0px 0px 0px;
        font-size: 100%;
        text-align: left;
        /* overflow: hidden; */
        overflow-x: scroll;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    div.topicpath ul::-webkit-scrollbar {
        display: none;
    }

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

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




    #side_tab {
        display: none;
    }


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

大学概要

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

    /*歴史・沿革のテーブル*/

    .history_table {}

    .history_table,
    .history_table td {
        border-left: none !important;
        border-right: none !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        vertical-align: top;
    }

    .history_table tr {
        border-right: none !important;
    }

    /*ページ下部の50周年ページへのリンク*/
    .history_button_blank {
        display: block;
        width: 100%;
        padding: 10px 30px 10px 10px;
        margin: 0 auto;
        font-size: 100%;
        text-align: center;
        color: #30356c;
        background: url(img/icon_16_blank.png) no-repeat 96% 50%;
        background-color: #ffffff;
        text-decoration: none;
        border: solid 2px #30356c;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .history_button_blank:hover {
        color: #ffffff;
        background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
        background-color: #5A5E8A;
        text-decoration: none;
    }

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

北星学園大学の理念　学長メッセージ　ディレクトリ名：ideal/greeting/

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

    /*学長、副学長の写真のdiv*/
    .greeting_img_div {
        width: 210px !important;
        margin: 0 auto !important;
        float: none !important;

    }


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

学部・学科

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

    /*学部の導入部　横幅100%　※外部ファイルをincludeする部分*/

    /*文学部　導入部全体　div*/
    .department_intro_box_humanities,
    .department_intro_box_economics,
    .department_intro_box_social_welfare,
    .department_intro_box_junior_college,
    .department_intro_box_graduate_college {
        margin-bottom: 20px !important;
    }

    /*学部画像エリア*/
    .department_intro_img_box {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        min-height: 30px !important;
        height: auto !important;
        vertical-align: middle;
        text-align: center;
    }

    /*画像の可変*/
    .department_intro_img_box img {
        min-width: 320px !important;
        width: 100% !important;
        height: auto !important;
    }

    /*h2表示欄　div*/
    .department_intro_h2_box {
        width: 100%;
        display: block;
        overflow: hidden;
        min-height: 30px !important;
        height: auto;
        padding: 0px 10px 0px 10px !important;
        background-color: #e9e9e9;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    /*h2*/
    .department_intro_h2_box h2 {
        margin: 0 auto;
        width: 100% !important;
        padding: 10px 0px 10px 0px !important;
        color: #595959;
        font-size: 16px;
        line-height: 140% !important;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight: normal !important;
    }

    .department_intro_h2_box h2 br {
        display: none !important;
    }



    /*学科ページへのリンク欄　div*/
    .department_main_link_box {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /*後援会、同窓会、国際交流ページへのイメージ画像と、お知らせ欄　div*/
    .general_main_link_box {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /*コロナ対応ページへのイメージ画像と、お知らせ欄　div*/
    .covid-19_main_link_box {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-bottom: 20px !important;
    }


    div#contents_main #contents_section .department_main_link_box ul,
    div#contents_main #contents_section .general_main_link_box ul,
    div#contents_main #contents_section .covid-19_main_link_box ul {
        width: 100% !important;
        background: none !important;
    }

    div#contents_main #contents_section .department_main_link_box li,
    div#contents_main #contents_section .general_main_link_box li,
    div#contents_main #contents_section .covid-19_main_link_box li {
        display: block;
        width: 100% !important;
        float: left;
        padding-left: 0em !important;
        text-indent: 0em !important;
        padding: 0px 0px 0px 0px !important;
        border-top: solid 0px #d8d8d8 !important;
        border-bottom: solid 1px #d8d8d8;
        margin-bottom: 20px !important;
        background: none !important;
    }



    /*
div#contents_main #contents_section .general_main_link_box li{
	display: block;
	width: 520px;
	height: 240px;
	float: left;
	padding-left: 0em !important;
	text-indent: 0em !important;
	padding: 0px 0px 0px 0px;
	margin-bottom: 25px;
	background:none !important;
}
*/


    div#contents_main #contents_section .department_main_link_box .news_list_li,
    div#contents_main #contents_section .general_main_link_box .news_list_li,
    div#contents_main #contents_section .covid-19_main_link_box .news_list_li {
        display: block;
        width: 100% !important;
        float: left;
        padding-left: 0em !important;
        text-indent: 0em !important;
        padding: 0px 0px 0px 0px !important;
        border-top: solid 0px #d8d8d8 !important;
        border-bottom: solid 0px #d8d8d8 !important;
        margin-bottom: 20px !important;
        background: none !important;
    }


    /*liの奇数だけ右にmargin*/
    div#contents_main #contents_section .department_main_link_box li:nth-child(odd),
    div#contents_main #contents_section .general_main_link_box li:nth-child(odd),
    div#contents_main #contents_section .covid-19_main_link_box li:nth-child(odd) {
        margin-right: 0px !important;
        float: none !important;
    }

    div#contents_main #contents_section .general_main_link_box li:nth-child(odd) {
        padding-left: 0em !important;
        text-indent: 0em !important;
        padding: 0px 0px 0px 0px;
    }


    div#contents_main #contents_section .department_main_link_box li a,
    div#contents_main #contents_section .general_main_link_box li a,
    div#contents_main #contents_section .covid-19_main_link_box li a {
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-decoration: none;
    }

    .department_main_link_box li img,
    .department_main_link_box li p img,
    .general_main_link_box li img,
    .general_main_link_box li p img,
    .covid-19_main_link_box li img,
    .covid-19_main_link_box li p img {
        width: 100% !important;
        margin: 0px;
        padding: 0px;
        float: none;
        clear: both;
    }


    .department_main_link_box li b,
    .general_main_link_box li b,
    .covid-19_main_link_box li b {
        display: block;
        width: 100% !important;
        min-height: 20px;
        margin: 0px !important;
        padding: 10px 0px 10px 0px;
        float: none;
        font-size: 100%;
        background: url(img/icon_link_box_self.png) no-repeat right 10px;
        /*横縦*/
        background-size: 23px 21px;
    }

    .department_main_link_box li a:hover b,
    .general_main_link_box li a:hover b,
    .covid-19_main_link_boxli a:hover b {
        background: url(img/icon_link_box_self_purple.png) no-repeat right 10px;
        /*横縦*/
        background-size: 23px 21px;
        filter: alpha(opacity=80) !important;
        /*IE*/
        -moz-opacity: 0.80 !important;
        /*FF*/
        opacity: 0.80 !important;
    }


    /*大学院のお知らせ欄*/
    .graduate_college_news_list_box

    /*大学院*/
        {
        display: block;
        overflow: hidden;
        height: auto !important;
        border-bottom: solid 0px #d8d8d8;
    }

    /*後援会、同窓会、国際交流、卒業生の方のお知らせ欄*/
    .supporter_news_list_box,
    /*後援会*/
    .alumni_association_news_list_box,
    /*同窓会*/
    .international_news_list_box,
    /*国際交流*/
    .covid-19_news_list_box,
    /*コロナ対応*/
    .alumni_news_list_box,
    /*卒業生の方*/
    .parents_news_list_box

    /*保護者の方*/
        {
        display: block;
        overflow: hidden;
        height: auto !important;
        border-bottom: solid 1px #d8d8d8;
    }

    .graduate_college_news_list_box p,
    /*大学院*/
    .supporter_news_list_box p,
    /*後援会*/
    .alumni_association_news_list_box p,
    /*同窓会*/
    .international_news_list_box p,
    /*国際交流*/
    .covid-19_news_list_box p,
    /*コロナ対応*/
    .alumni_news_list_box p,
    /*卒業生の方*/
    .parents_news_list_box p

    /*保護者の方*/
        {
        height: 18px;
        font-weight: bold;
        font-size: 100%;
        margin-bottom: 10px !important;
    }

    /*dl*/
    .graduate_college_news_list,
    /*大学院*/
    .supporter_news_list,
    /*後援会*/
    .alumni_association_news_list,
    /*同窓会*/
    .international_news_list,
    /*国際交流*/
    .covid-19_news_list,
    /*コロナ対応*/
    .alumn_news_list,
    /*卒業生の方*/
    .parents_news_list

    /*保護者の方*/
        {
        display: block;
        overflow: auto;
        height: auto !important;
        /*padding-right:20px; スクロールバーが出たときのpadding*/
    }

    /*日付*/
    .graduate_college_news_list_box dt,
    /*大学院*/
    .supporter_news_list_box dt,
    /*後援会*/
    .alumni_association_news_list_box dt,
    /*同窓会*/
    .international_news_list_box dt,
    /*国際交流*/
    .covid-19_news_list_box dt,
    /*コロナ対応*/
    .alumni_news_list_box dt,
    /*卒業生の方*/
    .parents_news_list_box dt

    /*保護者の方*/
        {
        display: block;
        position: relative;
        float: none;
        width: 3.5em;
        padding: 0px 0px 5px 0px;
        margin: 0px 0px 10px 0px;
        font-size: 13px;
        color: #31312f;
    }

    /*タイトルリンクのリンク範囲（下にボーダー）*/
    .graduate_college_news_list_box dd,
    /*大学院*/
    .supporter_news_list_box dd,
    /*後援会*/
    .alumni_association_news_list_box dd,
    /*同窓会*/
    .international_news_list_box dd,
    /*国際交流*/
    .covid-19_news_list_box dd,
    /*コロナ対応*/
    .alumni_news_list_box dd,
    /*卒業生の方*/
    .parents_news_list_box dd

    /*保護者の方*/
        {
        display: block;
        position: relative;
        text-align: left;
        float: none;
        padding: 0px 0px 9px 5.5em !important;
        margin: 0px 0px 9px 0px;
        margin-top: -34px;
        border-bottom: dotted 1px #d2d2d0;
        line-height: 130%;
    }

    .graduate_college_news_list_box dd:last-Child,
    /*大学院*/
    .supporter_news_list_box dd:last-Child,
    /*後援会*/
    .alumni_association_news_list_box dd:last-Child,
    /*同窓会*/
    .international_news_list_box dd:last-Child,
    /*国際交流*/
    .covid-19_news_list_box dd:last-Child,
    /*コロナ対応*/
    .alumni_news_list_box dd:last-Child,
    /*卒業生の方*/
    .parents_news_list_box dd:last-Child

    /*保護者の方*/
        {
        border-bottom: dotted 0px #d2d2d0;
    }

    .graduate_college_news_list_box a,
    /*大学院*/
    .supporter_news_list_box a,
    /*後援会*/
    .alumni_association_news_list_box a,
    /*同窓会*/
    .international_news_list_box a,
    /*国際交流*/
    .covid-19_news_list_box a,
    /*コロナ対応*/
    .alumni_news_list_box a,
    /*卒業生の方*/
    .parents_news_list_box a

    /*保護者の方*/
        {
        color: #31312f;
        font-size: 96%;
        text-decoration: underline !important;
    }

    .graduate_college_news_list_box a:hover,
    /*大学院*/
    .supporter_news_list_box a:hover,
    /*後援会*/
    .alumni_association_news_list_box a:hover,
    /*同窓会*/
    .international_news_list_box a:hover,
    /*国際交流*/
    .covid-19_news_list_box a:hover,
    /*コロナ対応*/
    .alumni_news_list_box a:hover,
    /*卒業生の方*/
    .parents_news_list_box a:hover

    /*保護者の方*/
        {
        color: #0151a8;
        font-size: 96%;
        text-decoration: underline;
    }


    /*一覧へのリンク*/

    /*p*/
    .department_main_link_box .to_news_list,
    .general_main_link_box .to_news_list,
    .covid-19_main_link_box .to_news_list {
        display: block;
        overflow: hidden;
        border: solid 0px #d7d7d7 !important;
        padding-top: 12px;
        text-align: right;
        padding-right: 0px !important;
    }


    /*b*/
    .department_main_link_box .to_news_list b,
    .general_main_link_box .to_news_list b,
    .covid-19_main_link_box .to_news_list b {
        display: inline-block !important;
        position: relative;
        float: center;
        max-width: 100% !important;
        width: auto !important;
        margin: 0px 0px 0px !important;
        padding: 4px 10px 3px 10px !important;
        font-size: 90% !important;
        text-align: center !important;
        letter-spacing: 0.05em !important;
        color: #777777 !important;
        border: solid 1px #d7d7d7 !important;
        text-decoration: none !important;
        background: none !important;
    }

    .department_main_link_box .to_news_list b:hover,
    .general_main_link_box .to_news_list b:hover,
    .covid-19_main_link_box .to_news_list b:hover {
        background-color: #dedede !important;
        border: solid 1px #fafafa;
    }




    /*学部長メッセージ　div*/
    .department_message_box {
        display: block;
        position: relative;
        overflow: hidden;
        float: none;
        margin-bottom: 20px !important;
    }

    .department_message_left {
        width: 100% !important;
        margin-right: 0px !important;

        display: block;
        float: none !important;
    }

    .department_message_right {
        width: 210px !important;
        float: none !important;
        margin: 0 auto !important;
    }

    div#contents_main #contents_section .department_message_right img {
        max-width: 210px !important;
        height: auto !important;
        text-align: center !important;
    }

    /*学部長プロフィール　div　※「box_gray」と併記*/
    .department_profile_box {
        display: block;
        overflow: hidden;
        position: relative;
        line-height: 150%;
        font-size: 96%;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .department_profile_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        float: none;

    }

    .department_profile_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        float: none;
    }





    /*各学科の導入部分　div*/

    /*全学科共通*/
    .subject_intro_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        min-width: 100% !important;
        margin-bottom: 10px !important;
    }

    /*▼文学部----------*/

    /*英文学科*/
    .subject_intro_box_english {}

    /*心理・応用コミュニケーション科*/
    .subject_intro_box_psychology {}

    /*▼経済学部----------*/

    /*経済学科*/
    .subject_intro_box_economics {}

    /*経営情報学科*/
    .subject_intro_box_management {}

    /*経済法学科*/
    .subject_intro_box_economiclaw {}

    /*▼社会福祉学部----------*/

    /*福祉計画学科*/
    .subject_intro_box_welfareplan {}

    /*福祉臨床学科*/
    .subject_intro_box_welfareclinic {}

    /*福祉心理学科*/
    .subject_intro_box_welfarepsy {}

    /*▼短期大学部----------*/

    /*英文学科*/
    .subject_intro_box_junior_english {}

    /*生活創造学科*/
    .subject_intro_box_life_creation {}

    /*▼大学院----------*/

    /*文学研究科*/
    .subject_intro_box_gc_english {}

    /*経済学研究科*/
    .subject_intro_box_gc_economics {}

    /*社会福祉学研究科*/
    .subject_intro_box_gc_social {}


    /*各学科タイトルの左側*/
    .subject_intro_left {
        display: block;
        overflow: hidden;
        float: none !important;
        width: 100%;
        max-height: 500px;
        height: auto !important;
        min-width: 100% !important;
        height: auto !important;
    }

    /*各学科タイトルの左側の色（学部ごとで色分け）*/
    /*文学部*/
    .subject_intro_box_english .subject_intro_left,
    .subject_intro_box_psychology .subject_intro_left {
        background-color: #6ea5cf;
    }

    /*経済学部*/
    .subject_intro_box_economics .subject_intro_left,
    .subject_intro_box_management_info .subject_intro_left,
    .subject_intro_box_law_economics .subject_intro_left {
        background-color: #669966;
    }

    /*社会福祉学部*/
    .subject_intro_box_social_policy .subject_intro_left,
    .subject_intro_box_social_work .subject_intro_left,
    .subject_intro_box_psychology_wellbeing .subject_intro_left {
        background-color: #d7b26c;
    }

    /*短期大学部*/
    .subject_intro_box_junior_english .subject_intro_left,
    .subject_intro_box_life_creation .subject_intro_left {
        background-color: #cc99cc;
    }

    /*大学院*/
    .subject_intro_box_gc_english .subject_intro_left,
    .subject_intro_box_gc_economics .subject_intro_left,
    .subject_intro_box_gc_social .subject_intro_left {
        background-color: #3399cc;
    }



    /*左側のテキストを格納するdiv*/
    .subject_intro_left_text {
        display: block;
        overflow: hidden;
        float: none !important;
        width: 100% !important;
        min-height: 100px !important;
        max-height: 500px !important;
        height: auto !important;
        padding: 20px 10px 20px 10px !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*メインコピー*/
    .subject_intro_left_text .subject_intro_main_copy {
        font-size: 16px !important;
        color: #ffffff;
    }

    .subject_intro_left_text .subject_intro_main_copy br {
        display: none;
    }



    /*「学科サイト」のリンク*/

    .department_site_link a {
        display: block !important;
        padding: 4px 40px 4px 20px !important;
        margin: 22px 6px 8px 0px !important;
        min-width: 45% !important;
        width: 100% !important;
        font-size: 100%;
        color: #ffffff;
        background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
        text-decoration: none;
        border: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: none !important;
    }

    .department_book_link a {
        display: block !important;
        padding: 4px 40px 4px 20px !important;
        margin: 6px 6px 6px 0px !important;
        min-width: 45% !important;
        width: 100% !important;
        font-size: 100%;
        color: #ffffff;
        background: url(img/icon_16_download_white.png) no-repeat 96% 50%;
        text-decoration: none;
        border: solid 1px #ffffff;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: none !important;
    }

    /*↑ロールオーバーの色はPCのスタイルに記述したもののまま*/


    .subject_intro_right {
        display: block;
        overflow: hidden;
        float: none !important;
        width: 100% !important;
        max-height: 300px;
    }

    .subject_intro_right img {
        width: 100% !important;
        min-width: 320px !important;
        height: auto;
    }


    /*特色2つをくるんだdiv*/
    .subject_curriculum_1box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-bottom: 0px !important;
    }

    /*特色の左　dv*/
    .subject_curriculum_left {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100% !important;
        float: none !important;

    }

    /*特色の左　dv*/
    .subject_curriculum_right {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100% !important;
        float: none !important;
    }

    .subject_curriculum_1column {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        float: none;
    }

    /*番号のフォントサイズと色　span*/
    /*文学部*/
    .span_num_letters_faculty,
    .span_num_humanities {
        font-size: 180%;
        font-weight: 500;
        color: #6ea5cf;
        padding-right: 6px;
    }

    /*経済学部*/
    .span_num_economics {
        font-size: 180%;
        font-weight: 500;
        color: #66cc66;
        padding-right: 6px;
    }

    /*社会福祉学部*/
    .span_num_social_welfare {
        font-size: 180%;
        font-weight: 500;
        color: #d7b26c;
        padding-right: 6px;
    }

    /*短期大学部*/
    .span_num_junior_college {
        font-size: 180%;
        font-weight: 500;
        color: #cc99cc;
        padding-right: 6px;
    }

    /*大学院*/
    .span_num_graduate_college {
        font-size: 180%;
        font-weight: 500;
        color: #3399cc;
        padding-right: 6px;
    }

    .subject_curriculum_1box strong {
        font-size: 100%;
        font-weight: 500;
        float: none;
        width: 100%;
    }

    /*カリキュラムの本文　p*/
    .subject_curriculum_copy {
        padding: 10px 10px 10px 10px !important;
        font-size: 96%;
        color: #555555;
        border: solid 1px #d8d8d8;
        min-height: 10px;
    }

    .subject_curriculum_1column .subject_curriculum_copy {
        padding: 10px 10px 10px 10px !important;
        font-size: 96%;
        color: #555555;
        border: solid 1px #d8d8d8;
        min-height: 10px;
    }



    /*----------カリキュラム表（2017.2追加分）----------*/

    /*学部共通　div*/
    .curriculum_box {
        margin-bottom: 60px;
    }

    /*文学部　div*/
    .curriculum_box.curriculum_box_humanities {}

    /*経済学部　div*/
    .curriculum_box.curriculum_box_economics {}

    /*社会福祉学部　div*/
    .curriculum_box.curriculum_box_social_welfare {}

    /*短期大学部　div*/
    .curriculum_box.curriculum_box_general_education {}

    /*大学院　div*/
    .curriculum_box.curriculum_box_graduate_college {}




    /*大学共通科目　h3*/
    .curriculum_box h3 {
        font-weight: 500;
        font-size: 16px;
        background-color: #b4a358;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }


    /*「○○学科専門教育科目」文学部　h3*/
    .curriculum_box.curriculum_box_humanities h3 {
        font-weight: 500;
        font-size: 16px !important;
        background-color: #6ea5cf;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }

    /*「○○学科専門教育科目」経済学部　h3*/
    .curriculum_box.curriculum_box_economics h3 {
        font-weight: 500;
        font-size: 16px !important;
        background-color: #669966;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }

    /*「○○学科専門教育科目」社会福祉学部　h3*/
    .curriculum_box.curriculum_box_social_welfare h3 {
        font-weight: 500;
        font-size: 16px !important;
        background-color: #d7b26c;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }

    /*「○○学科専門教育科目」短期大学部　h3*/
    .curriculum_box.curriculum_box_general_education h3 {
        font-weight: 500;
        font-size: 16px !important;
        background-color: #cc99cc;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }

    /*「○○学科専門教育科目」大学院　h3*/
    .curriculum_box.curriculum_box_graduate_college h3 {
        font-weight: 500;
        font-size: 16px !important;
        background-color: #83a2ba;
        color: #ffffff;
        padding: 4px 10px 4px 10px;
    }




    /*カリキュラムのテーブル　学部共通　table*/
    div#contents_main #contents_section .curriculum_box table {
        border-top: #ffffff solid 0px;
        border-left: #ffffff solid 0px;
    }


    div#contents_main #contents_section .curriculum_box table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) tr {
        display: block;
        border: none !important;
        margin-bottom: 6px !important;
    }

    div#contents_main #contents_section .curriculum_box table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td {
        padding: 5px 8px 5px 8px !important;
        border-bottom: #ffffff solid 2px !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        font-size: 15px;
    }

    /*スマホ用*/
    div#contents_main #contents_section .curriculum_box table tr {
        /*border-bottom: #ffffff solid 2px;*/
    }

    /*「授業科目名」のtdのグレー*/
    div#contents_main #contents_section .curriculum_box table td.label1 {
        background-color: #e4e4e1;
        text-align: center;
    }

    /*「○年次」の項目のtdのグレー*/
    div#contents_main #contents_section .curriculum_box table td.label2 {
        background-color: #efeeec;
        text-align: center;
    }





    /*カラー科目名td1（薄いほう）大学共通科目　td*/
    div#contents_main #contents_section .curriculum_box table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #f5f2e9;
    }

    /*カラー科目名td1（濃いほう）大学共通科目　td*/
    div#contents_main #contents_section .curriculum_box table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #E2D9BF;
        margin-bottom: 6px !important;
    }



    /*カラー科目名td1（薄いほう）文学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #e4ebf0;
    }

    /*カラー科目名td1（濃いほう）文学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #d5e1e9;
        margin-bottom: 6px !important;
    }



    /*カラー科目名td1（薄いほう）経済学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_economics table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #e8f0e4;
    }

    /*カラー科目名td1（濃いほう）経済学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_economics table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #d1dfc9;
        margin-bottom: 6px !important;
    }



    /*カラー科目名td1（薄いほう）社会福祉学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #f0eae4;
    }

    /*カラー科目名td1（濃いほう）社会福祉学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #e1d6ca;
        margin-bottom: 6px !important;
    }



    /*カラー科目名td1（薄いほう）短期大学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #f0e4ef;
    }

    /*カラー科目名td1（濃いほう）短期大学部　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #e1cae0;
        margin-bottom: 6px !important;
    }



    /*カラー科目名td1（薄いほう）大学院　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label1 {
        background-color: #e6eaed;
    }

    /*カラー科目名td1（濃いほう）大学院　td*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td.color_label2 {
        background-color: #d0d9dd;
        margin-bottom: 6px !important;
    }


    /*科目の項目名名td　学部共通　td*/
    div#contents_main #contents_section .curriculum_box td.color_label1,
    div#contents_main #contents_section .curriculum_box td.color_label2,
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label1,
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities td.color_label2,
    div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label1,
    div#contents_main #contents_section .curriculum_box.curriculum_box_economics td.color_label2,
    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label1,
    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare td.color_label2,
    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label1,
    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education td.color_label2,
    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label1,
    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college td.color_label2 {
        text-align: center;
    }



    /*装飾span*/
    /*デフォルトの●*/
    div#contents_main #contents_section .curriculum_box span:not(.sp_only) {
        display: inline-block;
        position: relative;
        padding-left: 1.1em;
        text-indent: -1.1em;
        line-height: 140%;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    div#contents_main #contents_section .curriculum_box span:not(.star_w):not(.star_b):not(.sp_only):before {
        position: relative;
        content: "● ";
        color: #555555;
    }

    /*☆*/
    div#contents_main #contents_section .curriculum_box span.star_w:before {
        position: relative;
        content: "☆ ";
        color: #555555;
    }

    /*★*/
    div#contents_main #contents_section .curriculum_box span.star_b:before {
        position: relative;
        content: "★ ";
        color: #555555;
    }

    /*文字色　※文学部しか使用しない*/
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.color {
        /*color:#6ea5cf;　本来の色　うすい*/
        /*color: #006699;　強調色　濃い*/
        color: #5b97bc;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.color {
        color: #669966;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.color {
        color: #d7b26c;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.color {
        color: #cc99cc;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.color {
        color: #83a2ba;
    }


    /*「◎年次」のアイコン風*/
    div#contents_main #contents_section .curriculum_box span.sp_grade,
    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.sp_grade,
    div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.sp_grade,
    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.sp_grade,
    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.sp_grade,
    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.sp_grade {
        display: inline-block;
        margin: 2px 8px 5px 0em;
        padding: 4px 6px 3px 6px;
        line-height: 100% !important;
        color: #ffffff;
        height: auto;
        min-width: 4.3em;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        border-radius: 2px;
        /* CSS3草案 */
        -webkit-border-radius: 2px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 2px;
        /* Firefox用 */
        clear: both;
    }


    div#contents_main #contents_section .curriculum_box span.sp_grade {
        background-color: #b4a358;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_humanities span.sp_grade {
        background-color: #5b97bc;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_economics span.sp_grade {
        background-color: #669966;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_social_welfare span.sp_grade {
        background-color: #d7b26c;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_general_education span.sp_grade {
        background-color: #cc99cc;
    }

    div#contents_main #contents_section .curriculum_box.curriculum_box_graduate_college span.sp_grade {
        background-color: #83a2ba;
    }


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

大学院の研究科に掲載する「履修と研究指導」の表　2018.3.28追加

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

    /*全体　div*/
    /*1列*/
    .curriculum_1year_box {
        display: block;
        position: relative;
        overflow: hidden;
        background-color: rgba(204, 204, 153, 0.3);
    }

    /*2列*/
    .curriculum_2year_box {
        display: block;
        position: relative;
        overflow: hidden;
        background: linear-gradient(90deg, rgba(153, 153, 204, 0.3) 0%, rgba(153, 153, 204, 0.3) 50%, rgba(153, 204, 204, 0.3) 50%, rgba(153, 204, 204, 0.3) 100%);
    }

    /*タイトル欄　div*/

    .curriculum_1year_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        background-color: #cccc99;
    }

    /*左　div*/
    .curriculum_1year_title {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        padding: 6px 10px 6px 10px;
        float: left;

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

    .curriculum_2year_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        background: linear-gradient(90deg, #9999cc 0%, #9999cc 49.9%, #ffffff 49.9%, #ffffff 50%, #99cccc 50%, #99cccc 100%);
    }

    /*左　div*/
    .curriculum_2year_title_left {
        display: block;
        position: relative;
        overflow: hidden;
        width: 50%;
        padding: 6px 10px 6px 10px;
        float: left;

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

    /*右　div*/
    .curriculum_2year_title_right {
        display: block;
        position: relative;
        overflow: hidden;
        width: 50%;
        padding: 6px 10px;
        float: left;

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

    div#contents_main #contents_section .curriculum_1year_title p,
    div#contents_main #contents_section .curriculum_2year_title_left p,
    div#contents_main #contents_section .curriculum_2year_title_right p {
        margin-bottom: 0px;
        color: #ffffff;
        font-weight: 600;
    }



    div#contents_main #contents_section .curriculum_1year_contents_box,
    div#contents_main #contents_section .curriculum_2year_contents_box {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px !important;

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

    div#contents_main #contents_section .curriculum_1year_contents_box p,
    div#contents_main #contents_section .curriculum_2year_contents_box p {}

    div#contents_main #contents_section .curriculum_1year_contents_box ul,
    div#contents_main #contents_section .curriculum_2year_contents_box ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    div#contents_main #contents_section .curriculum_1year_contents_box li,
    div#contents_main #contents_section .curriculum_2year_contents_box li {
        font-size: 14px;

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

    div#contents_main #contents_section .curriculum_1year_contents_box ul.float li,
    div#contents_main #contents_section .curriculum_2year_contents_box ul.float li {
        display: inline-block;
        padding-right: auto;
        padding-left: 22px;
        margin-right: 1em;
        background-image: url(img/icon_16_disc.png);
        background-repeat: no-repeat;
        background-position: 0 5px;
    }

    div#contents_main #contents_section .curriculum_1year_contents_box p.kamoku_a,
    div#contents_main #contents_section .curriculum_2year_contents_box p.kamoku_a {
        display: inline-block;
        padding: 5px 15px 5px 15px;
        margin-bottom: 6px;
        color: #ffffff;
        font-size: 12px;
        line-height: 100%;
        background-color: #53606c;
    }

    div#contents_main #contents_section .curriculum_1year_contents_box p.kamoku_b,
    div#contents_main #contents_section .curriculum_2year_contents_box p.kamoku_b {
        display: inline-block;
        padding: 5px 15px 5px 15px;
        margin-bottom: 6px;
        color: #ffffff;
        font-size: 12px;
        line-height: 100%;
        background-color: #88658c;
    }

    .curriculum_1year_contents {
        display: block;
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .curriculum_2year_contents_1 {
        display: block;
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .contents1_inner {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
    }

    .contents1_inner1 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
    }

    .contents1_inner2 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
    }

    .curriculum_2year_contents_2 {
        display: block;
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
    }

    .contents2_inner1 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
        width: 49%;
        float: left;

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

    .contents2_inner2 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
        width: 49%;
        float: right;

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

    .contents_inner_wide {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
        width: 100%;
        float: none;

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

    .curriculum_2year_contents_2 .contents_inner_wide:last-child {
        margin-bottom: 0px;
    }

    .curriculum_2year_contents_3 {
        display: block;
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
        padding: 10px 10px 10px 10px;
        margin-bottom: 0px;
    }

    .contents3_inner1 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
        width: 49%;
        float: left;

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

    .contents3_inner2 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        border: solid 1px #d2d2d2;
        margin-bottom: 10px;
        width: 49%;
        float: right;

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

    div#contents_main #contents_section p.curriculum_name {
        display: inline-block;
        padding: 5px 15px 5px 15px;
        font-size: 16px;
        line-height: 100%;
        margin-bottom: 6px;
        background: #bdc9d3;
    }

    .arrow {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 6px;
        margin-right: 6px;
        background: url(img/arrow_blue.png) no-repeat center center;
        background-size: 16px 16px;
        vertical-align: middle;
    }

    .arrow b {
        display: none;
    }





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

公認心理師について　ディレクトリ：/social_welfare/psychology_wellbeing/licensed_psychologists/　2017/12/19追加

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

    /*メインビジュアル　div*/
    .licensed_psychologists_main_box {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 0;
        margin-bottom: 50px;
    }

    .licensed_psychologists_main_inner_box1 {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .licensed_psychologists_main_inner_box1 h2 span {
        display: none;
    }

    .licensed_psychologists_main_inner_box2 {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        margin-top: -80px;
        max-width: 360px;
        z-index: 2;
    }


    /*「公認心理師とは」「公認心理師の活躍する場」「試験について」共通　div*/
    .licensed_psychologists_section_box2,
    .licensed_psychologists_section_box3,
    .licensed_psychologists_section_box4 {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 70px;
    }

    /*「公認心理師とは」「公認心理師の活躍する場」「試験について」共通のh3タイトル*/
    .licensed_psychologists_section_box2 h3,
    .licensed_psychologists_section_box3 h3,
    .licensed_psychologists_section_box4 h3 {
        display: block;
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 28px;
        min-height: 24px;
        background: url(img/icon_48_vine.png) no-repeat left top;
        background-size: 24px 24px;
        /*color: #65B3B6;*/
        color: #66CCCC;
        font-size: 16px;
        font-weight: 500;
    }


    /*公認心理師とは　div*/
    .licensed_psychologists_section_box2 {
        width: 100%;
        float: none;
        clear: both;
    }

    .licensed_psychologists_section_box2_left {
        width: 100%;
        float: none;
    }

    .licensed_psychologists_section_box2_right {
        width: 100%;
        float: none;
        padding-top: 0px;
    }



    /*公認心理師の活躍する場　div*/
    .licensed_psychologists_section_box3 {
        width: 100%;
    }

    .licensed_psychologists_section_box3_minibox_all {
        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;

    }

    .licensed_psychologists_section_box3_minibox {
        display: inline-block;
        position: relative;

        width: 49%;
        margin-right: 2%;
        margin-bottom: 8px;

        padding: 10px 10px 10px 10px;

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

    .licensed_psychologists_section_box3_minibox:nth-Child(2n) {
        margin-right: 0px;
    }


    .licensed_psychologists_section_box3_minibox.minibox1 {
        background-color: #FFCCCC;
    }

    .licensed_psychologists_section_box3_minibox.minibox2 {
        background-color: #FBEA80;
    }

    .licensed_psychologists_section_box3_minibox.minibox3 {
        background-color: #B4D2DA;
    }

    .licensed_psychologists_section_box3_minibox.minibox4 {
        background-color: #CBDEA3;
    }

    .licensed_psychologists_section_box3_minibox.minibox5 {
        background-color: #CCB2CD;
    }


    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox p {
        margin-bottom: 5px;
    }


    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox1 p img,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox2 p img,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox3 p img,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox4 p img,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox5 p img {
        max-width: 48px !important;
    }

    .licensed_psychologists_section_box3_minibox ul {
        list-style: none;
        background: none;
        padding: 0px 0px 0px 0px;
    }

    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox1 ul li,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox2 ul li,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox3 ul li,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox4 ul li,
    div#contents_main #contents_section .licensed_psychologists_section_box3_minibox.minibox5 ul li {
        padding: 0px 0px 4px 12px !important;
        background-image: url(img/icon_16_disc_black.png);
        background-repeat: no-repeat;
        background-position: 2px 5px !important;
        background-size: 8px 8px;
        margin-bottom: 0px;
        font-size: 13px;
        line-height: 140%;
    }

    .licensed_psychologists_section_box3_minibox.minibox1 ul li img,
    .licensed_psychologists_section_box3_minibox.minibox2 ul li img,
    .licensed_psychologists_section_box3_minibox.minibox3 ul li img,
    .licensed_psychologists_section_box3_minibox.minibox4 ul li img,
    .licensed_psychologists_section_box3_minibox.minibox5 ul li img {}


    /*試験について　div*/
    .licensed_psychologists_section_box4 {
        width: 100%;
        padding: 20px 10px 40px 10px;
        margin-bottom: 0px;
        background: url(img/licensed_psychologists_bg_note.png);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .licensed_psychologists_section_box4_route_box {
        display: block;
        position: relative;
    }

    .licensed_psychologists_section_box4_route1 {
        display: block;
        position: relative;
        width: 100%;
        padding: 10px 10px 10px 10px;

        background: url(img/licensed_psychologists_bg_dot_blue.png);
        float: none;

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

        margin-bottom: 20px;
    }

    .licensed_psychologists_section_box4_route2 {
        display: block;
        position: relative;
        width: 100%;
        padding: 10px 10px 10px 10px;

        background: url(img/licensed_psychologists_bg_dot_green.png);
        float: none;

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

    .licensed_psychologists_section_box4_route1_inner,
    .licensed_psychologists_section_box4_route2_inner {
        background-color: #ffffff;
        padding: 10px 10px 10px 10px;

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

    div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p,
    div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p {
        margin-bottom: 15px;
        line-height: 160%;
        font-size: 17px;
    }

    div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p b,
    div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p b {
        font-weight: 500;
    }


    div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p.route01 {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
        width: 65px;
        height: 25px;
        background: url(img/licensed_psychologists_route01_x2.png) no-repeat center center;
        background-size: 65px 25px;
    }

    div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p.route02 {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
        width: 65px;
        height: 25px;
        background: url(img/licensed_psychologists_route02_x2.png) no-repeat center center;
        background-size: 65px 25px;
    }

    div#contents_main #contents_section .licensed_psychologists_section_box4_route1_inner p.route01 b,
    div#contents_main #contents_section .licensed_psychologists_section_box4_route2_inner p.route02 b {
        display: none;
    }


    /*リンク欄　div*/
    .licensed_psychologists_link_box {
        width: 100%;
        padding: 20px 10px 20px 10px;
        margin-bottom: 50px;
        background: url(img/licensed_psychologists_bg_link.jpg) no-repeat center center;
        background-size: cover;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .licensed_psychologists_link_button {
        display: inline-block;
        padding: 10px 20px 10px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background-color: #96B73C;
        text-decoration: none;
    }

    .licensed_psychologists_link_button:hover {
        padding: 10px 20px 10px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background-color: #669900;
        text-decoration: none;
    }

    .licensed_psychologists_link_button span {
        padding: 0px 20px 0px 0px;
        font-size: 100%;
        color: #ffffff;

        /*background: url(img/icon_24_link_white.png) no-repeat left 50%;*/
        background: url(img/icon_16_blank_white.png) no-repeat right 50%;
    }





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

キャンパスマップ

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



    /*map画像エリア　div*/
    .map_area {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        height: auto;
        margin-bottom: 0px;
        z-index: 1;
    }

    .map_area p,
    .map_area img {
        display: block;
        overflow: hidden;
        position: relative !important;
        top: 0px;
        left: 0px;
        width: 100% !important;
        height: auto;
        z-index: 2;
    }

    /*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
    .map_link {
        display: none !important;
    }





    .campus_map_facility_list {
        width: 100% !important;
        list-style: none;
        background: none !important;
        padding: 0px 0px 0px 0px;

    }

    .campus_map_facility_list li {
        margin-right: 0px !important;
        display: block;
        width: 100% !important;
        float: none;
        padding-left: 0em !important;
        text-indent: 0em !important;
        padding: 10px 0px 0px 0px;
        border-top: solid 0px #d8d8d8 !important;
        border-bottom: solid 1px #d8d8d8;
        margin-bottom: 25px;
        background: none !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        font-size: 15px;
    }

    .campus_map_facility_list li:nth-child(3n) {
        margin-right: 0px !important;
    }

    .campus_map_facility_list li b {
        display: block;
        width: 100% !important;
        min-height: 20px;
        margin: 0px !important;
        padding: 10px 0px 6px 0px;
        float: none;
        font-size: 90%;
        background: url(img/icon_link_box_self.png) no-repeat right 10px;
        /*横縦*/
        background-size: 23px 21px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .campus_map_facility_list li a {
        text-decoration: none;
        background: none;
    }

    .campus_map_facility_list li a:hover b {
        background: url(img/icon_link_box_self_hover.png) no-repeat right 10px;
        /*横縦*/
        background-size: 23px 21px;
    }



    /* ---------- div内で2列にならべるdiv ---------- */

    .campusmap_textbox_inner {
        width: 100% !important;
        margin: 0 auto;
    }

    /*2列全体　div*/
    .campusmap_text_box_2column {
        display: block;
        overflow: hidden;
        position: relative;
    }

    .campusmap_text_box_2column h2,
    .campusmap_text_box_2column h3 {
        display: inline-block;
        margin: 0px 0 10px 0;
    }

    .campusmap_text_box_2column p {
        margin-bottom: 0px;
    }

    /*左*/
    .campusmap_text_box_2column_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0px !important;
        float: none !important;
    }

    /*右*/
    .campusmap_text_box_2column_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0%;
        float: none !important;
    }



    /*pの高さを指定*/

    .min_height3em {
        min-height: 1em;
    }


    .min_height4em {
        min-height: 1em;
    }


    .min_height5em {
        min-height: 1em;
    }

    .min_height6em {
        min-height: 1em;
    }

    .min_height7em {
        min-height: 1em;
    }

    .min_height8em {
        min-height: 1em;
    }

    .min_height9em {
        min-height: 1em;
    }

    .min_height10em {
        min-height: 1em;
    }

    .min_height11em {
        min-height: 1em;
    }

    .min_height12em {
        min-height: 1em;
    }

    div#contents_main .button_panorama_purple {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background: url(img/icon_16_camera_white.png) no-repeat 96% 50%;
        background-position: 96% 50%;
        background-color: #AB7EB4 !important;
        text-decoration: none;
        border-radius: 4px;
        /* CSS3草案 */
        -webkit-border-radius: 4px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 4px;
        /* Firefox用 */
        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_panorama_purple:hover {
        display: block;
        overflow: hidden;
        position: relative;
        float: none !important;
        width: 100% !important;
        padding: 6px 30px 6px 10px !important;
        margin: 6px 0px 6px 0px !important;
        font-size: 90% !important;
        line-height: 140%;
        color: #ffffff;
        background-color: #BC98C3 !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }






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

社会人入試

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

    /* 背景が薄いグレーのボックス */

    .box_bg_gray {
        background-color: #f6f6f6;
        padding: 10px 20px;
    }



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

国際交流・留学　ディレクトリ：international/

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

    /*新たに追加した「国際教育センター」SNSボタン枠*/

    /*SNSボタン枠全体　div*/
    .international_sns_box {
        display: block;
        margin: 0px 0px 30px 0px;
        padding: 15px 25px 0px 25px;
        margin: 10px 0px 25px 0px;
        border: solid 1px #d2d2d2;
        width: 100%;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*左側のテキスト欄　div*/
    .international_sns_left_box {
        display: inline-block;
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
        vertical-align: top;
    }

    /*右側のボタン欄　div*/
    .international_sns_right_box {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-top: 8px;
        text-align: center;
    }

    /*説明分　p*/
    div#contents_main #contents_section p.international_sns_text {
        margin-bottom: 0px;
    }

    /*fbボタンを囲んだp*/
    div#contents_main #contents_section p.international_sns_fb {
        display: inline-block;
        margin-right: 8px;
    }

    /*twボタンを囲んだp*/
    div#contents_main #contents_section p.international_sns_tw {
        display: inline-block;
        margin-right: 0px;
    }




    .international_top_left_box {
        display: block;
        width: 100% !important;
        float: none !important;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .international_top_right_box {
        display: block;
        width: 100% !important;
        float: none !important;
        padding-top: 20px;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }




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

派遣留学制度（大学）　ディレクトリ：international/studying_abroad02/

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

    /* ---------- div内で2列にならべるdiv ---------- */

    /*2列全体　div*/
    .studying_abroad_box_2column {
        display: block;
        overflow: hidden;
        position: relative;
        overflow: hidden;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 0px !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        font-size: 0;
    }

    .studying_abroad_box_2column h2,
    .studying_abroad_box_2column h3 {
        display: inline-block;
        margin: 0px 0 5px 0 !important;
        font-size: 18px;
    }

    .studying_abroad_box_2column p {
        margin-bottom: 5px !important;
        font-size: 14px;
        line-height: 150% !important;
    }

    /*左*/
    .studying_abroad_box_2column_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0% !important;
        float: none !important;
        margin-bottom: 10px !important;
    }

    /*右*/
    .studying_abroad_box_2column_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0%;
        float: none !important;
        margin-bottom: 10px !important;
    }


    .studying_abroad_box_2column_inner_box {
        padding: 5px 10px 5px 65px !important;
        border: solid 5px #d2d2d2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    div#contents_main .studying_abroad_box_2column_inner_box .button {
        display: inline-block;
        padding: 6px 40px 6px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
        background-color: #30356c;
        text-decoration: none;
        float: right !important;
    }

    div#contents_main .studying_abroad_box_2column_inner_box .button:hover {
        display: inline-block;
        padding: 6px 40px 6px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background-color: #30356c;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }



    /*h2タイトルに国旗アイコンをつける*/
    /*アメリカ*/
    div#contents_main h2.country_america {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_america.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }

    /*イギリス*/
    div#contents_main h2.country_england,
    div#contents_main h2.country_britain {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_england.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }

    /*カナダ*/
    div#contents_main h2.country_canada {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_canada.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }

    /*韓国*/
    div#contents_main h2.country_korea {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_korea.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }

    /*台湾*/
    div#contents_main h2.country_taiwan {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_taiwan.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }

    /*中国*/
    div#contents_main h2.country_china {
        padding: 0px 0px 0px 38px;
        background: url(img/icon_32_kokki_china.png) no-repeat left -2px;
        /*横縦*/
        background-size: 32px 32px;
    }


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

国際ラウンジ　ディレクトリ：international/international_lounge/

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

    /*写真とcaptionをくくった、イベント枠1セット*/
    .international_lounge_event_1box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-right: 0px;
        float: left;
    }

    .international_lounge_event_1box:nth-of-type(3n) {
        margin-right: 0px;
    }

    /*写真をくくったp*/
    div#contents_main #contents_section .international_lounge_event_photo_p {
        margin-bottom: 10px;
    }

    div#contents_main #contents_section .international_lounge_event_photo_p img {
        display: block;
        margin: 0 auto;
    }

    /*キャプション　p*/
    div#contents_main #contents_section .international_lounge_event_caption {
        display: block;
        margin: 0 auto;
        max-width: 480px !important;
        margin-bottom: 40px;
    }


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

学生の留学・海外活動報告　ディレクトリ：international/abroad_report/

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

    /*worldmap画像エリア　div*/
    .worldmap_area {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        z-index: 0;
    }

    .worldmap_area p,
    .worldmap_area img {
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        z-index: 1;
    }

    .worldmap_area p.worldmap_pc {
        display: none;
    }

    .worldmap_area p.worldmap_sp {
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    /*画像上でhoverさせるaタグを格納したdiv　PCのみ*/
    .worldmap_link {
        display: none;
    }

    /*a*/
    .worldmap_link01,
    .worldmap_link02,
    .worldmap_link03,
    .worldmap_link04,
    .worldmap_link05,
    .worldmap_link06,
    .worldmap_link07,
    .worldmap_link08,
    .worldmap_link09,
    .worldmap_link10,
    .worldmap_link11,
    .worldmap_link12,
    .worldmap_link13,
    .worldmap_link14,
    .worldmap_link15,
    .worldmap_link16,
    .worldmap_link17,
    .worldmap_link18,
    .worldmap_link19,
    .worldmap_link20 {
        display: none;
    }


    /*国ごとのタイトル　h3*/
    div#contents_main h3.abroad_country_title01,
    div#contents_main h3.abroad_country_title02,
    div#contents_main h3.abroad_country_title03,
    div#contents_main h3.abroad_country_title04,
    div#contents_main h3.abroad_country_title05,
    div#contents_main h3.abroad_country_title06,
    div#contents_main h3.abroad_country_title07,
    div#contents_main h3.abroad_country_title08,
    div#contents_main h3.abroad_country_title09,
    div#contents_main h3.abroad_country_title10,
    div#contents_main h3.abroad_country_title11,
    div#contents_main h3.abroad_country_title12,
    div#contents_main h3.abroad_country_title13,
    div#contents_main h3.abroad_country_title14,
    div#contents_main h3.abroad_country_title15,
    div#contents_main h3.abroad_country_title16,
    div#contents_main h3.abroad_country_title17,
    div#contents_main h3.abroad_country_title18,
    div#contents_main h3.abroad_country_title19,
    div#contents_main h3.abroad_country_title20 {
        padding: 0px 10px 6px 38px;
        margin-bottom: 20px;
        border-bottom: solid 5px #efefef;
        /*background-color:#0f8a9c;*/
        /*color:#FFFFFF !important;*/
    }

    /*アメリカ*/
    div#contents_main h3.abroad_country_title01 {
        background: url(img/icon_32_kokki_america.png) no-repeat 0px -3px;
    }

    /*イギリス*/
    div#contents_main h3.abroad_country_title02 {
        background: url(img/icon_32_kokki_england.png) no-repeat 0px -3px;
    }

    /*インドネシア*/
    div#contents_main h3.abroad_country_title03 {
        background: url(img/icon_32_kokki_indonesia.png) no-repeat 0px -3px;
    }

    /*オーストラリア*/
    div#contents_main h3.abroad_country_title04 {
        background: url(img/icon_32_kokki_australia.png) no-repeat 0px -3px;
    }

    /*カナダ*/
    div#contents_main h3.abroad_country_title05 {
        background: url(img/icon_32_kokki_canada.png) no-repeat 0px -3px;
    }

    /*韓　国*/
    div#contents_main h3.abroad_country_title06 {
        background: url(img/icon_32_kokki_korea.png) no-repeat 0px -3px;
    }

    /*カンボジア*/
    div#contents_main h3.abroad_country_title07 {
        background: url(img/icon_32_kokki_cambodia.png) no-repeat 0px -3px;
    }

    /*シンガポール*/
    div#contents_main h3.abroad_country_title08 {
        background: url(img/icon_32_kokki_singapore.png) no-repeat 0px -3px;
    }

    /*スイス*/
    div#contents_main h3.abroad_country_title09 {
        background: url(img/icon_32_kokki_switzerland.png) no-repeat 0px -3px;
    }

    /*スペイン*/
    div#contents_main h3.abroad_country_title10 {
        background: url(img/icon_32_kokki_spain.png) no-repeat 0px -3px;
    }

    /*台　湾*/
    div#contents_main h3.abroad_country_title11 {
        background: url(img/icon_32_kokki_taiwan.png) no-repeat 0px -3px;
    }

    /*中　国*/
    div#contents_main h3.abroad_country_title12 {
        background: url(img/icon_32_kokki_china.png) no-repeat 0px -3px;
    }

    /*デンマーク*/
    div#contents_main h3.abroad_country_title13 {
        background: url(img/icon_32_kokki_denmark.png) no-repeat 0px -3px;
    }

    /*ドイツ*/
    div#contents_main h3.abroad_country_title14 {
        background: url(img/icon_32_kokki_germany.png) no-repeat 0px -3px;
    }

    /*ニュージーランド*/
    div#contents_main h3.abroad_country_title15 {
        background: url(img/icon_32_kokki_newzealand.png) no-repeat 0px -3px;
    }

    /*フランス*/
    div#contents_main h3.abroad_country_title16 {
        background: url(img/icon_32_kokki_france.png) no-repeat 0px -3px;
    }

    /*ベトナム*/
    div#contents_main h3.abroad_country_title17 {
        background: url(img/icon_32_kokki_vietnam.png) no-repeat 0px -3px;
    }

    /*ベルギー*/
    div#contents_main h3.abroad_country_title18 {
        background: url(img/icon_32_kokki_belgium.png) no-repeat 0px -3px;
    }

    /*香　港*/
    div#contents_main h3.abroad_country_title19 {
        background: url(img/icon_32_kokki_hongkong.png) no-repeat 0px -3px;
    }

    /*マレーシア*/
    div#contents_main h3.abroad_country_title20 {
        background: url(img/icon_32_kokki_malaysia.png) no-repeat 0px -3px;
    }



    /*国別のリスト　ul*/
    .abroad_report_link_list {
        list-style: none;
    }

    /*リンク1つ分 li*/
    div#contents_main #contents_section ul.abroad_report_link_list li {
        display: inline-block !important;
        /* インラインブロック化 */
        vertical-align: top;
        letter-spacing: normal;
        /* 文字間を通常に戻す */
        position: relative;
        height: auto;
        width: 100%;
        min-height: 4em;
        padding: 0px 0px 0px 0px;
        padding-left: 0em !important;
        text-indent: 0em !important;
        padding-left: 0px;
        margin-right: 20px;
        margin-bottom: 20px;
        background-image: none;
    }

    /*リンク1つ分の奇数 li*/
    div#contents_main #contents_section ul.abroad_report_link_list li:nth-child(odd) {}

    /*リンク1つ分の偶数 li*/
    div#contents_main #contents_section ul.abroad_report_link_list li:nth-child(even) {
        margin-right: 0px;
    }

    /*リンク1つ分の左の画像配置　div*/
    .abroad_report_photo_box {
        display: block;
        position: relative;
        width: 25%;
        margin-right: 2%;
        float: left;
    }

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

    /*リンク1つ分の右のテキスト全体配置　div*/
    .abroad_report_text_box {
        display: block;
        position: relative;
        width: 71%;
        float: right;
    }

    /*リンク1つ分のタイトル　h4*/
    .abroad_report_text_box h4 {
        font-size: 16px !important;
        text-decoration: underline;
        line-height: 150%;
        margin-top: 0px !important;
        margin-bottom: 15px !important;
        padding-top: 0px !important;
    }

    /*リンク1つ分の「派遣留学」などの種類　p*/
    div#contents_main #contents_section .abroad_report_category_text {
        display: inline-block;
        margin-bottom: 0px;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        font-size: 10px;
        font-weight: 600;
        color: #ffffff;
        /*background-color: #272e6e;*/
        background-color: #3a77bc;
        border-radius: 2px;
        margin-left: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

    /*リンク1つ分の大学名と学部学科　p*/
    div#contents_main #contents_section .abroad_report_from_school_text {
        display: block;
        margin-bottom: 0px;
        text-decoration: none;
        font-size: 14px;
        color: #333333;
    }

    /*リンク1つ分の留学期間　p*/
    div#contents_main #contents_section .abroad_report_length_time_text {
        display: block;
        margin-bottom: 5px;
        text-decoration: none;
        font-size: 13px;
        color: #888888;
    }


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

海外活動報告　カスタム投稿一覧ページ　ディレクトリ：abroad_interview/ 

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

    /*タイトル　h1*/
    div#contents_main h1.abroad_interview_list_title {
        font-size: 18px !important;
        font-weight: 600;
    }

    /*大学名　p*/
    .abroad_interview_list_college {
        display: block;
        position: relative;
        margin-right: 0px;
        padding-top: 0px;
        color: #666666;
        vertical-align: bottom;
        font-size: 14px;
    }

    .abroad_interview_list_college:before {
        content: "留学先";
        padding: 1px 6px 1px 6px;
        background-color: #666666;
        font-size: 11px;
        margin-right: 5px;
        color: #ffffff;

    }

    /*学部/学科/学年/性別　p*/
    .abroad_interview_list_department {
        display: block;
        margin-right: 0px;
        padding-top: 0px;
        font-weight: 600;
        color: #00A8B7;
        font-size: 15px;
    }

    /*国/派遣日付　p*/
    .abroad_interview_list_country {
        display: block;
        margin-right: 0px;
        padding-top: 0px;
        color: #a9a9a9;
        font-size: 12px;
    }

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

海外活動報告　ディレクトリ：abroad_interview/XXXX/

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

    /*記事タイトルの下の導入部分　div*/
    .entry_block {
        display: block;
        position: relative;
        min-height: 50px;
        padding: 10px 10px 10px 10px;
        margin: 20px 0px 20px 0px;
        border: solid 1px #d2d2d2;
        overflow: hidden;
        clear: both;
    }

    /*大学名のテキスト情報　p*/
    .abroad_interview_text_college {
        display: inline-block;
        margin-bottom: 5px;
        margin-bottom: 0px !important;
    }

    /*大学のリンク　p*/
    .abroad_interview_text_link {
        display: inline-block;
        margin-bottom: 0px !important;
        font-size: 13px;
    }

    /*「大学サイト」のリンクにblankアイコンを追加　a*/
    .abroad_interview_text_link a {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 0px;
        background: url(img/icon_16_blank.png) no-repeat right 4px;
        text-decoration: underline;
    }

    /*IE10*/
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .abroad_interview_text_link a {
            margin: 6px 0px 6px 0px;
            padding: 1px 20px 2px 0px;
            background: url(img/icon_16_blank.png) no-repeat right 4px;
            text-decoration: underline;
        }
    }

    .abroad_interview_text_link a:hover {
        color: #4e5390;
        text-decoration: underline;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }

    /*学部・学科等のテキスト　p*/
    .abroad_interview_text_department {
        display: inline-block;
        width: 100%;
        padding-right: 0px;
        margin: 0px 0px 5px 0px;
        font-weight: bold;
        color: #00A8B7;
        font-size: 20px;
    }

    /*留学先の国　p*/
    .abroad_interview_text_country {
        display: block;
        overflow: hidden;
        text-align: left;
        margin-bottom: 3px;
        /*float: left;*/
        /*float: none;*/
        /*clear: both;*/
        font-size: 14px;
        color: #666666;
    }

    /*留学のカテゴリー　p*/
    .abroad_interview_text_category {
        display: inline-block;
        margin-bottom: 0px;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        /*background-color: #272e6e;*/
        background-color: #3a77bc;
        border-radius: 2px;
        margin-left: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }



    /*アイキャッチ画像を格納したdiv*/
    .entry_block div {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
        margin: 25px 0px 0px 0px;
    }

    div#contents_main .entry_block div img {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 300px !important;
        /*height: auto;*/
    }


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

LINK　ディレクトリ：international/link/

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

    /*メインタイトル　div*/
    .link_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    /*中のタイトルのみ　div*/
    .link_title_box_inner {
        width: 100%;
    }

    div#contents_main .link_title_box_inner h2 {
        width: 100%;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    div#contents_main #contents_section .link_title_box_inner h2 img,
    div#contents_main .link_title_box_inner h2 img {
        display: block;
        margin: 0 auto;
        width: 100% !important;
        max-width: 100% !important;
    }

    /*LINK（海外事情・英語）とは　div*/
    .link_about_box {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin-bottom: 20px;
    }

    .link_about_box h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }


    /*プロジェクト　div*/
    .link_project_box {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .link_project_box h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 100%;
    }

    .link_project_box h3 span {
        display: inline-block;
        color: rgba(27, 72, 152, 0.5);
        font-size: 12px;
    }



    /*プロジェクトの1記事分　div*/
    .link_project_report_1box {
        display: block;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;

        float: none;
        clear: both;

    }

    .link_project_report_text_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;

        float: none;
    }

    .link_project_report_photo_box {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        text-align: center;
        float: none;
    }

    .link_project_report_photo_box img {
        display: block;
        margin: 0 auto;
    }

    /*偶数番は、左右を入れ換え*/
    .link_project_report_1box.report02 .link_project_report_text_box,
    .link_project_report_1box.report04 .link_project_report_text_box,
    .link_project_report_1box.report06 .link_project_report_text_box,
    .link_project_report_1box.report08 .link_project_report_text_box {
        float: right;
    }

    .link_project_report_1box.report02 .link_project_report_photo_box,
    .link_project_report_1box.report04 .link_project_report_photo_box,
    .link_project_report_1box.report06 .link_project_report_photo_box,
    .link_project_report_1box.report08 .link_project_report_photo_box {
        float: left;
    }

    div#contents_main .link_project_report_text_box h4 {
        font-size: 18px !important;
        font-weight: 500 !important;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 0px;
        background: url(img/link_color_line_palegreen.png) repeat-x left bottom;
    }

    /*偶数のレポート欄のタイトルの下の帯を青にする*/
    div#contents_main .link_project_report_1box.report02 .link_project_report_text_box h4,
    div#contents_main .link_project_report_1box.report04 .link_project_report_text_box h4,
    div#contents_main .link_project_report_1box.report06 .link_project_report_text_box h4,
    div#contents_main .link_project_report_1box.report08 .link_project_report_text_box h4 {
        background: url(img/link_color_line_blue.png) repeat-x left bottom;
    }

    /*小さい写真と概要文　div*/
    .link_project_report_text_box_inner {
        display: block;
        position: relative;
        overflow: hidden;
        clear: both;
        float: none;
    }

    /*小さい写真　p*/
    div#contents_main #contents_section p.link_project_report_mini_photo {
        display: block;
        width: 28%;
        margin-right: 10px;
        float: left;
    }

    div#contents_main #contents_section p.link_project_report_mini_photo img {
        width: 100%;
        height: auto;
    }

    /*リンク欄　div*/
    .link_project_report_text_box_inner_link_box {}

    .link_project_report_text_box_inner_link_box a {
        display: inline-block;
        position: relative;
        overflow: hidden;
        padding-left: 22px;
        background: url(img/icon_32_link_circle_gray.png) no-repeat left 3px;
        background-size: 16px 16px;
        line-height: 140%;
        margin-bottom: 6px;
    }

    .link_project_report_text_box_inner_link_box a::before {
        content: none;
        /*
	content:"";
	display: inline-block;
	vertical-align:middle;
	margin-top:-3px;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	background: url(img/icon_32_link_circle_gray.png) no-repeat center center;
	background-size: 16px 16px;
	*/
    }

    .hokusei_inner_link_box a:hover {
        background-color: #efefef;
    }




    /*メンバー紹介全体　div*/
    .link_member_box {
        display: block;
        position: relative;
        overflow: hidden;
        margin-bottom: 40px;
    }

    div#contents_main .link_member_box h3 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 140%;
    }

    div#contents_main .link_member_box h3 span {
        display: inline-block;
        color: #c7a5cc;
        font-size: 12px;
    }

    /*ピンクの枠内 div*/
    .link_member_all {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 10px 10px 10px 10px;
        margin-bottom: 30px;
        border: solid 4px #c7a5cc;
    }

    div#contents_main .link_member_all h4 {
        font-size: 17px;
        font-weight: 500;
        padding: 0px 0px 0px 10px;
        margin: 0px;
        margin-bottom: 30px;
        border-left: solid 4px #c7a5cc;
    }

    /*メンバー1人分　div*/
    .link_member_1box {
        display: block;
        position: relative;
        overflow: hidden;
        margin-bottom: 0px;
    }


    /*メンバー顔写真欄　div*/
    .link_member_photo_box {
        display: block;
        float: none;
        margin-right: 0px;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 140px !important;
        text-align: center;

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

    .link_member_photo_box img {
        display: block;
        margin: 0 auto;
        width: 140px !important;
        max-width: 140px !important;
        height: auto;

    }


    /*メンバー紹介テキスト欄　div*/
    .link_member_text_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;
    }

    div#contents_main #contents_section p.link_member_leader {
        font-size: 13px;
        font-weight: 600;
        margin: 0px 0px 5px 0px;
        color: #c7a5cc;
    }








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

サークル活動　ディレクトリ：campuslife/circle/

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

    .circle_main {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        float: none !important;
    }

    #circle_side_navi {
        display: none !important;
    }


    /*写真付きサムネボタン　ul*/
    .circle_photo_list {
        margin: 0px;
        padding: 0px;
    }

    .circle_photo_list li {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100% !important;
        min-height: 30px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        list-style: none !important;
        text-indent: 0px;
        background: none !important;
        margin-bottom: 25px;
        border-bottom: solid 1px #d8d8d8;
        float: none;
        font-size: 14px;
    }

    .circle_photo_list li b {
        display: block;
        width: auto !important;
        min-height: 20px;
        margin: 0px !important;
        padding: 8px 0px 6px 20px;
        float: left;
        font-size: 96%;
        line-height: 140%;
        background: url(img/icon_16_profile.png) no-repeat left 10px;
        /*横縦*/
    }

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

    .circle_photo_list li a {
        text-decoration: none;
    }




    /*サークル活動ページのみ配置300px）*/

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

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

    /*サイドのh3*/
    div#circle_side_navi .side_title_box {
        display: block;
        overflow: hidden;
        width: 270px;
        padding: 6px 14px 6px 14px;
        border: solid 1px #d2d2d2;
        color: #262626;
        margin-bottom: 0px !important;

    }

    /*サイドのh3の中のb*/
    div#circle_side_navi .side_title_box h3 {
        margin: 0px;
        padding: 0px;
    }

    /*ul*/
    div#circle_side_navi .circle_list {
        display: block;
        overflow: hidden;
        position: relative;
        border: solid 1px #d2d2d2;
        border-top: 0px;
    }

    div#circle_side_navi .circle_list li {
        display: block;
        overflow: hidden;
        position: relative;
        background: none;
        padding: 0px !important;
        margin: 0px;
        list-style: none;
        background: none !important;

        border-bottom: dotted 1px #d2d2d2;
    }

    div#circle_side_navi .circle_list li:last-child {
        border-bottom: 0px;
    }

    div#circle_side_navi .circle_list li a {
        display: block;
        overflow: hidden;
        text-decoration: none;
        padding: 4px 15px 2px 15px;
    }

    div#circle_side_navi .circle_list li a:hover {
        background-color: #4e5390;
        color: #ffffff;
    }


    /*各部活詳細ページ（フロート表示用）*/

    /*コンテンツ表示幅940*/
    .circle_page_design {
        display: block;
        position: relative;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 10px 0px 10px !important;
    }

    .circle_page_design #contents_section {
        padding: 0px !important;
    }

    .circle_page_design #post-xxx {
        margin: 0px !important;
        padding: 0px !important;
    }



    /*コンテンツヘッダー、コンテンツフッターを非表示*/
    .circle_page_design #contents_header,
    .circle_page_design #contents_footer {
        display: none;
    }

    .circle_title_box {
        display: block;
        position: relative;
        overflow: hidden;
        clear: both;
        float: none;
    }

    .circle_title_box h2 {
        display: block;
        margin-top: 0px !important;
        margin-bottom: 10px !important;
        width: 100% !important;
        float: none !important;
    }

    .circle_link_btn_box {
        display: inline-block;
        width: 170px;
        margin-bottom: 10px;
        text-align: right;
        float: none !important;
    }

    .circle_page_design p {
        line-height: 160% !important;
        font-size: 96% !important;
    }

    .circle_link_btn_box a {
        float: left;
    }

    div#contents_main .circle_link_btn_box img,
    div#contents_main #contents_section .circle_link_btn_box img {
        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        border-radius: 2px;
        margin-left: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        filter: alpha(opacity=40) !important;
        /*IE*/
        -moz-opacity: 0.40 !important;
        /*FF*/
        opacity: 0.40 !important;
        float: left !important;
    }

    .circle_link_btn_box a img {
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }

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

    /*テキストと写真の枠　div*/
    .circle_text_box img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 10px;
    }


    /*写真*/
    .circle_text_box img {
        width: 100% !important;
        height: auto !important;
    }

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

    .circle_page_design tr {
        border-bottom: #d8d8d8 solid 1px;
        border-right: #d8d8d8 solid 1px;
    }

    .circle_page_design table td {
        padding: 3px 10px 3px 10px !important;
        font-size: 96%;
        background-color: #ffffff;
    }

    .circle_page_design table td.circle_td_bg {
        background-color: #efefef;
    }



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

キャンパスカレンダー　ディレクトリ名：campus

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

    /*春のボックス div*/
    .campuscalendar_spring_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 0px;
        height: auto !important;
    }

    /*春2のボックス div*/
    .campuscalendar_spring2_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 0px;
        height: auto !important;
    }

    /*夏のボックス div*/
    .campuscalendar_summer_box {
        display: block !important;
        overflow: hidden !important;
        position: relative !important;
        margin-bottom: 0px;
        height: auto !important;
        height: auto !important;
    }

    /*秋のボックス div*/
    .campuscalendar_autumn_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 0px;
        height: auto !important;
    }

    /*冬のボックス div*/
    .campuscalendar_winter_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 0px;
        height: auto !important;
    }


    /*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%;
        overflow: hidden;
        min-height: 220px;
        height: auto !important;
        padding: 0px 0px 0px 0px !important;
        background-color: #ffffff;
        text-align: center;
    }

    .campuscalendar_spring_bottom_contents2 p {
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        min-width: 300px !important;
        width: auto !important;
        height: auto !important;
        left: 0px !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;
        overflow: hidden;
        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;
        background-color: aqua;
    }

    /*三角を非表示に*/
    .campuscalendar_spring2_center_contents2:before {
        display: none;
    }

    .campuscalendar_spring2_center_contents2 p {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#contents_main #contents_section .campuscalendar_spring2_center_contents2 img,
    div#contents_main .campuscalendar_spring2_center_contents2 img {
        width: 100% !important;
        max-width: 100% !important;
        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;
        position: relative !important;
        overflow: hidden !important;
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 20px;
        clear: both !important;
    }

    /*夏の右のくくり div*/
    .campuscalendar_summer_right {
        display: block !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100%;
        height: auto !important;
        float: none;
        margin-bottom: 30px;
        clear: both !important;
    }

    /*夏の左の上　テキスト　 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;
        bottom: 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%;
        height: auto;
    }


    /*夏の右の上　コピー　 div*/
    .campuscalendar_summer_right_contents1 {
        display: block !important;
        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 !important;
        background-color: #9e7db1;
        top: 0 !important;
        clear: both !important;
    }

    .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 !important;
        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 !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: #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: 0px !important;
    }

    /*冬の左の上　コピー　 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/scholar/

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

    /*「○○対象」h2の背景色*/
    .h2_bg_green {
        /*
	display:block;
	padding:6px 10px 6px 10px !important;
	background-color:#7d9966;
	color:#FFFFFF !important;
	font-size:120% !important;
	*/
    }

    /*お問い合わせ先・申請先のグレーベタ囲み　div　右にfloat*/
    .box_bg_gray_scholar {
        display: inline-block;
        width: auto;
        background-color: #eeeded;
        padding: 6px 6px 6px 6px;
        float: none !important;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 0px !important;
    }

    .box_bg_gray_scholar p,
    div#contents_main #contents_section .box_bg_gray_scholar p.annotate {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .box_bg_gray_scholar a {}

    /*タイトル*/
    .scholar_title_float_left {
        display: inline-block;
        width: 100%;
        float: none !important;
    }

    /*floatを解除するためのp*/
    div#contents_main .scholar_title_float_clear {
        display: none !important;
    }

    /*受験生対象だけの緑枠　div（左にh2、右にp）*/
    .box_bg_green_scholar {
        display: block;
        overflow: hidden;
        padding: 6px 10px 6px 10px !important;
        background-color: #7d9966;
        margin-top: 10px !important;
    }

    div#contents_main .box_bg_green_scholar h2 {
        color: #FFFFFF !important;
        font-size: 120% !important;
        display: inline-block;
        width: auto;
        float: none !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    div#contents_main .box_bg_green_scholar p {
        display: inline-block;
        width: auto;
        color: #ffffff !important;
        padding: 6px 6px 6px 6px;
        float: none !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        line-height: 150% !important;
    }

    div#contents_main .box_bg_green_scholar a {
        color: #ffffff !important;
    }




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

資格・教職課程「教育職員免許状（教職課程）」qualification/certified_teacher/

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

    /*取得できる免許状の種類及び教科のテーブル*/
    .certified_teacher_table {}

    .certified_teacher_table td,
    .certified_teacher_table tr {}

    /*受講についてのテーブル*/
    .teacher_class_table {
        width: auto !important;
        width: 100% !important;
    }

    .teacher_class_table td,
    .teacher_class_table tr {}

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

就職・キャリア「キャリアデザインセンター長挨拶」　carrer/recruiting

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

    /*センター長写真をくくっているp*/
    div#contents_main #contents_section p.p_img_recruiting {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    /*センター長写真の調整　img*/
    div#contents_main #contents_section img.img_recruiting {
        margin-right: 0px !important;
        margin-bottom: 20px !important;
        max-width: 199px !important;
        width: 199px !important;
        height: auto !important;
        margin: 0 auto !important;
        text-align: center !important;
        float: none !important;
    }


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

就職・キャリア「卒業生の声」　carrer/comments02

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


    /* ---------- div内で2列にならべるdiv ---------- */

    /*2列全体　div*/
    .carrer_box_2column {
        display: block;
        overflow: hidden;
        position: relative;
        overflow: hidden;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 0px !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        font-size: 0;
    }

    .carrer_box_2column h2,
    .carrer_box_2column h3 {
        display: inline-block;
        margin: 0px 0 5px 0 !important;
        font-size: 18px;
    }

    .carrer_box_2column p {
        margin-bottom: 5px !important;
        font-size: 14px;
        line-height: 150% !important;
    }

    /*左右1つ分*/
    .carrer_box_2column_1box {
        display: inline-block;
        overflow: hidden;
        position: relative;
        width: 100%;
        border: solid 5px #d2d2d2;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin-bottom: 10px;
    }

    .carrer_box_2column_1box:nth-Child(2n) {
        margin-left: 0px;
    }


    .carrer_box_2column_inner_box {
        padding: 5px 10px 5px 90px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    div#contents_main .carrer_box_2column_inner_box .button {
        display: inline-block;
        padding: 6px 40px 6px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background: url(img/icon_24_link_white.png) no-repeat 97% 50%;
        background-color: #30356c;
        text-decoration: none;
        float: right !important;
    }

    div#contents_main .carrer_box_2column_inner_box .button:hover {
        display: inline-block;
        padding: 6px 40px 6px 20px;
        margin: 6px 6px 6px 0px;
        font-size: 100%;
        color: #ffffff;
        background-color: #30356c;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }

    /*「卒業生の声」、「留学体験記」で利用*/
    .bg_human_w {
        background: url(img/img_comments02_w.png) no-repeat 7px 7px;
        background-size: 68px 75px;
    }

    .bg_human_m {
        background: url(img/img_comments02_m.png) no-repeat 7px 7px;
        background-size: 68px 75px;
    }


    /*一覧のサムネ画像を囲んだp*/
    .career_list_ph {
        position: absolute;
        top: 10px;
        left: 10px;
        text-align: left;
        float: left;
        width: 70px;
    }

    .career_list_ph img {
        width: 70px;
        height: auto;
    }


    .min_height240 {
        min-height: 240px;
    }

    /* ---------- div内で3列にならべるdiv ---------- */

    /*3列全体　div*/
    .carrer_box_3column {
        display: block;
        overflow: hidden;
        position: relative;
        overflow: hidden;
        height: auto;
        padding-bottom: 0px;
        margin-bottom: 25px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .carrer_box_3column h2,
    .carrer_box_3column h3 {
        display: inline-block;
        margin: 0px 0 10px 0;
    }

    .carrer_box_3column p {
        margin-bottom: 0px;
    }

    /*左*/
    .carrer_box_3column_left {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0% !important;
        float: none !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }

    /*中央*/
    .carrer_box_3column_center {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0% !important;
        float: none !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }

    /*右*/
    .carrer_box_3column_right {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-right: 0% !important;
        float: none !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }


    .carrer_box_3column_inner_box {
        padding: 5px 10px 0px 10px;
        border: solid 5px #d2d2d2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .min_height240 {
        min-height: 100px;
    }

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

情報の公表　publicinfo

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

    #publicinfo_side_navi {
        overflow: hidden;
        position: relative;
        width: 100% !important;
        float: none !important;
    }

    .publicinfo_main {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        float: none !important;
    }


    .h2_bg_blue {
        display: block;
        padding: 6px 10px 6px 10px !important;
        background-color: #5477b6;
        color: #FFFFFF !important;
        font-size: 120% !important;
    }

    /*h3*/
    .public_subtitle {
        display: block;
        padding: 4px 10px 4px 10px !important;
        background-color: #d6e3f3 !important;
        font-size: 100% !important;
        font-weight: 500;
    }

    .publicinfo_main h4 {
        font-size: 98% !important;
        font-weight: 500;
    }


    /*「publicinfo_table」というclassがついているテーブルのtd内のaタグは、スマホではすべて改行する*/
    div#contents_main #contents_section table.publicinfo_table td a {
        display: inline !important;
        width: auto !important;
        float: none !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        line-height: 150% !important;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }


    /*情報の公表 > 認証評価　基礎データ　publicinfo/evaluation_result*/

    /*liの下にドットラインをつける　ul*/
    .li_dot_line {}

    .li_dot_line li {
        border-bottom: #d8d8d8 dotted 1px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 100%;
    }

    .li_dot_line li p {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    /*情報の公表ページのみ配置300px*/

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


    /*メインコンテンツ側のテーブルの中身はフォントサイズを小さく*/
    .publicinfo_main table {
        font-size: 94%;
    }

    /*メインコンテンツ側のテーブルのtr、th、tdのpaddingをちょっと狭く*/
    #contents_main .publicinfo_main table tr,
    #contents_main .publicinfo_main table th,
    #contents_main .publicinfo_main table td {
        padding: 4px 10px 4px 10px !important;
    }

    /*メインコンテンツのicon_link*/
    .publicinfo_main .icon_link {
        margin: 6px 0px 6px 0px;
        padding: 1px 8px 2px 18px;
        background: url(img/icon_16_disc.png) no-repeat 0px 5px;
        text-decoration: underline;
    }

    /*メインコンテンツのicon_blank*/
    .publicinfo_main .icon_blank {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 18px;
        background-image: url(img/icon_16_disc.png), url(img/icon_16_blank.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 0px 4px, right 4px !important;
        text-decoration: underline;
    }

    /*メインコンテンツのicon_download*/
    .publicinfo_main .icon_download,
    .publicinfo_main .icon_pdf {
        margin: 6px 0px 6px 0px !important;
        padding: 1px 20px 2px 18px !important;
        background-image: url(img/icon_16_disc.png), url(img/icon_16_pdf.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 0px 4px, right 4px !important;
        text-decoration: underline;
    }

    /*メインコンテンツのicon_excel*/
    .publicinfo_main .icon_excel {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 18px !important;
        background-image: url(img/icon_16_disc.png), url(img/icon_16_excel.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 0px 4px, right 4px !important;
        text-decoration: underline;
    }

    /*メインコンテンツのicon_excel*/
    .publicinfo_main .icon_word {
        margin: 6px 0px 6px 0px;
        padding: 1px 20px 2px 18px !important;
        background-image: url(img/icon_16_disc.png), url(img/icon_16_word.png);
        background-repeat: no-repeat, no-repeat;
        background-position: 0px 4px, right 4px !important;
        text-decoration: underline;
    }

    .publicinfo_main a.icon_link:hover,
    .publicinfo_main a.icon_pdf:hover,
    .publicinfo_main a.icon_download:hover,
    .publicinfo_main a.icon_blank:hover,
    .publicinfo_main a.icon_excel:hover,
    .publicinfo_main a.icon_word:hover {
        color: #4e5390;
        text-decoration: underline;
        filter: alpha(opacity=80);
        /*IE*/
        -moz-opacity: 0.80;
        /*FF*/
        opacity: 0.80;
    }




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

アクセス　ディレクトリ名：access

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

    /*白バック div*/
    .access_white_box {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 0px 0px 0px 0px !important;
        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 10px 0px !important;
        margin: 0px 0px 10px 0px !important;
        line-height: 130%;
        font-size: 100%;
        font-weight: 500;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
    }

    /*ルートのコピータイトル p*/
    .address_root_text {
        padding: 10px 0px 10px 52px !important;
        margin: 0px 0px 0px 0px !important;
        line-height: 130%;
        font-size: 110%;
        font-weight: 600;
        color: #565656;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
    }

    .address_root_text:before {
        position: absolute;
        vertical-align: middle;
        top: 5px;
        left: 0px;
        margin: 0px 0px 0px 0px !important;
        content: url(img/icon_48_apostrophe.png);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        float: left;
    }

    .access_root_photo_box,
    .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: #ffcc00;
        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;
    }


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

フォーム　ディレクトリ名：たくさんある

※フォーム系のクラスは<div class="box_white requestfoam"> ←「requestfoam」を併記

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

    .category_opencampus div#contents_main #contents_section .requestfoam table,
    .category_pre_request 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 .requestfoam th,
    .category_pre_request div#contents_main #contents_section .requestfoam th {
        width: 100%;
        padding: 10px 0px 5px 0px !important;
        background-color: #ffffff;
        white-space: nowrap;
        border-bottom: #d8d8d8 solid 1px;
        border-right: #d8d8d8 solid 1px;
        text-align: left;
        font-weight: 600 !important;
    }


    /*大学貸与奨学金を返還中の方へ > 登録情報変更フォームのth*/
    div#contents_main #contents_section .scholarship_form th {
        width: 30%;
    }

    div#contents_main #contents_section .scholarship_form .div_alert_honnin p {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        margin-top: 20px;
        text-align: left !important;
    }


    .category_opencampus div#contents_main #contents_section .requestfoam th br,
    .category_pre_request 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 {
        width: 100% !important;
        padding: 10px 0px 0px 0px !important;
        background-color: #ffffff;
    }

    .category_opencampus div#contents_main #contents_section .mw_wp_form td,
    .category_pre_request 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 {
        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 {}

    .message_box {
        display: block;
        width: 100% !important;
        margin: 0px 0px 20px 0px;
        float: none;
        clear: both;
    }

    .message_box_left_green {
        display: block;
        width: 100% !important;
        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_left_blue {
        display: block;
        width: 100% !important;
        background-color: #5477b6;
        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_blue:after {
        display: none;
    }

    .message_box_left_blue p {
        text-align: center;
    }

    .message_box_right {
        display: block;
        width: 100% !important;
        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;
    }

    div#contents_main #contents_section .requestfoam table:not(.no_responsive_table) tr {
        border: none !important;
        border-top: #d8d8d8 dotted 0px !important;
        border-bottom: #d8d8d8 dotted 0px !important;
        padding: 4px 4px 4px 4px !important;
        margin-bottom: 4px !important;
        width: 100% !important;
    }

    div#contents_main #contents_section .requestfoam table:not(.no_responsive_table) th {
        padding: 4px 4px 4px 4px !important;
        margin-bottom: 4px !important;
        background-color: #d8d8d8;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block !important;
        border: none !important;
        width: 100% !important;
    }

    div#contents_main #contents_section .requestfoam table:not(.no_responsive_table) td {
        border-left: none !important;
        word-wrap: break-word;
        overflow: hidden;
        padding: 4px 4px 4px 4px !important;
        margin-bottom: 0px !important;
        border: none !important;
        display: table;
        width: 100% !important;
    }



    div#contents_main .requestfoam table th,
    div#contents_main .requestfoam table td,
    div#contents_main .requestfoam table tr {
        margin: 0px 0px 8px 0px;
        padding-left: 0px !important;
        padding-right: 20px !important;

        font-size: 96% !important;
        color: #545454;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .requestfoam td label,
    .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;
    }


    .requestfoam td input[type=text],
    .requestfoam td input[type=text],
    .requestfoam td textarea,
    .requestfoam td select {
        border: 0;
        display: inline-block;
        width: auto;
        /*width:80% !important;*/
        /*autoがベストだが、性、名等の項目テキスト回り込み防止のため、あえて広げている*/
        padding: 4px 4px 4px 4px !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;
    }



    .requestfoam td .mwform-zip-field input[type=text] {
        width: 30% !important;
    }

    .requestfoam td .mwform-tel-field input[type=text] {
        width: 20% !important;
    }

    .requestfoam td select {
        width: 100% !important;
        margin-bottom: 6px;
    }

    .requestfoam td textarea {
        width: 98% !important;
    }


    /*.requestfoam td textarea,*/

    /*項目名 span*/
    .requestfoam td .description,
    .requestfoam td .example,
    .requestfoam td .header,
    .requestfoam td .postfix,
    .requestfoam td .note,
    .requestfoam td .required,
    .requestfoam td span.description,
    .requestfoam td span.example,
    .requestfoam td span.header,
    .requestfoam td span.prefix,
    .requestfoam td span.note,
    .requestfoam td span.required,
    .requestfoam td .description,
    .requestfoam td .example,
    .requestfoam td .header,
    .requestfoam td .postfix,
    .requestfoam td .note,
    .requestfoam td .required,
    .requestfoam td span.description,
    .requestfoam td span.example,
    .requestfoam td span.header,
    .requestfoam td span.prefix,
    .requestfoam td span.note,
    .requestfoam td span.required,
    .requestfoam td span.question,
    .requestfoam td span.unit,
    .requestfoam td span.year,
    .requestfoam td span.month,
    .requestfoam td span.mwform-tel-field,
    .requestfoam td span.mwform-zip-field {
        background-color: #ffffff !important;
        cursor: default !important;
        margin: 0px 0px 8px 0px;
        padding: 2px 0px 2px 0px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .requestfoam td span.question {
        display: block;
        clear: both !important;
        float: none !important;
    }


    /*[大学][短期大学部]の表示*/
    .requestfoam td span.university-label,
    .requestfoam td span.junior-college-label {
        background: none !important;
        cursor: default !important;
        margin: 0px 0px 8px 0px;
        padding: 2px 0px 2px 0px;
        font-weight: 600;
        margin-bottom: 0px !important;
        margin-top: 15px !important;
        color: #5477b6 !important;
    }

    .requestfoam td span.university-label {
        margin-top: 5px !important;
    }


    .requestfoam td span.header,
    .requestfoam td .header {
        font-weight: 600;
        margin-bottom: 0px !important;
        margin-top: 15px !important;
        color: #669999 !important;
    }


    .requestfoam td span.header_first,
    .requestfoam td .header_first {
        margin-top: 0px !important;
    }

    .requestfoam td span.header:before,
    .requestfoam td .header:before {
        content: "[";
        color: #669999;
    }

    .requestfoam td span.header:after,
    .requestfoam td .header:after {
        content: "]";
        color: #669999;
    }

    /*郵便番号入力欄　span*/
    .mwform-zip-field,
    .requestfoam td span.mwform-zip-field,
    .scholarship_form td span.mwform-zip-field,
    .requestfoam td .mwform-zip-field,
    .scholarship_form td .mwform-zip-field {
        /*display: inline-block !important;*/
    }

    .mwform-zip-field input,
    .requestfoam td span.mwform-zip-field input,
    .scholarship_form td span.mwform-zip-field input,
    .requestfoam td .mwform-zip-field input,
    .scholarship_form td .mwform-zip-field input {}


    /*未入力項目のメッセージ*/
    .requestfoam td .error,
    .requestfoam .error,
    .requestfoam .messages span.error {
        background-color: #FF4074;
        color: #FFFFFF;
        font-size: 90%;
        text-align: center;
        position: relative;
        display: inline-block;
        min-width: 100px;
        margin: 6px 100% 8px 5px !important;
        padding: 4px 4px 4px 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }


    /*フロートさせない項目　スマホでは横幅注意*/
    .requestfoam td span.vertical-item,
    .requestfoam td span.vertical-item {
        display: inline-block !important;
        width: 100% !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*確認とリセットボタンをくるんだp*/
    .requestfoam .mw_wp_form p,
    .requestfoam .mw_wp_form p {
        text-align: center !important;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .requestfoam input[type="reset"],
    .requestfoam input[type="reset"],
    .requestfoam input[type="submit"],
    .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; グリーン*/
        border: solid 3px #5477b6 !important;
    }

    .requestfoam input[type="submit"],
    .requestfoam input[type="submit"] {
        color: #fff;
        /*background-color: #339999; グリーン*/
        background-color: #5477b6;
    }

    .requestfoam input[type="reset"],
    .requestfoam input[type="reset"] {
        color: #339999;
        background-color: #ffffff;
    }

    .requestfoam input[type="reset"]:hover,
    .requestfoam input[type="reset"]:hover,
    .requestfoam input[type="submit"]:hover,
    .requestfoam input[type="submit"]:hover {
        color: #ffffff;
        /*background-color: #33cccc; 明るいグリーン*/
        background-color: #4eb3e6;
        -webkit-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }


    /*内容確認画面の各項目の記入例など、表示しなくてよいものを非表示にする*/
    .mw_wp_form_preview span.example,
    .mw_wp_form_preview span.description,
    .mw_wp_form_preview span.note,
    .mw_wp_form_preview span.example,
    .mw_wp_form_preview span.description,
    .mw_wp_form_preview span.note {
        display: none;
    }

    /*サンクス画面のメッセージのp*/
    .mw_wp_form_complete {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 50px 20px 50px 20px !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「※返送料はご負担願います。」のスタイル*/
    .mw_wp_form span.rental_attention,
    .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;
    }




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

海外協定校と留学実績　ディレクトリ名：international/affiliated_school/ ‎

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


    /*div*/
    .contact_anchor_link_world {
        display: block;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        /*border-left: solid 1px #d2d2d2;*/
    }

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

    .contact_anchor_link_world a {
        display: block;
        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_world a:hover {
        background-color: #30356a;
        color: #ffffff;
        text-decoration: none;
    }

    /*国旗のアイコン　b　共通設定*/
    .kokki_america,
    .kokki_china,
    .kokki_taiwan,
    .kokki_britain,
    .kokki_canada,
    .kokki_korea,
    .kokki_spain,
    .kokki_swiss,
    .kokki_indonesia,
    .kokki_ireland {
        display: block;
        width: 100% !important;
        padding: 3px 2px 3px 28px;
        margin: 3px 0px 0px 4px;
        float: none !important;
    }


    /*国旗のアイコン　b*/
    .kokki_america {
        background: url(img/icon_kokki_america.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_china {
        background: url(img/icon_kokki_china.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_taiwan {
        background: url(img/icon_kokki_taiwan.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_britain {
        background: url(img/icon_kokki_britain.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_canada {
        background: url(img/icon_kokki_canada.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_korea {
        background: url(img/icon_kokki_korea.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_spain {
        background: url(img/icon_kokki_spain.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_swiss {
        background: url(img/icon_kokki_swiss.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_indonesia {
        background: url(img/icon_kokki_indonesia.png) no-repeat 0px 6px;
        /*横縦*/
    }

    .kokki_ireland {
        background: url(img/icon_kokki_ireland.png) no-repeat 0px 6px;
        /*横縦*/
    }

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

本学の取り組み 社会福祉夏季セミナー　ディレクトリ名：activity/ac_archive01/ ‎

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

    .ac_archive01_right_box {
        width: 100% !important;
        float: none !important;
        padding: 20px 0px 0px 0px;
    }

    .ac_archive01_right_box p,
    .ac_archive01_right_box a {
        width: 100% !important;
    }

    .ac_archive01_right_box img {
        display: block;
        text-align: center !important;
        width: 210px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .ac_archive01_right_box p br {
        display: none !important;
    }

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

本学の取り組み 六大学包括連携協定　ディレクトリ名：activity/partnership/ ‎

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

    div#contents_main #contents_section table.partnership_table td,
    div#contents_main #contents_section table.partnership_table tr,
    div#contents_main #contents_section table.partnership_table th {
        border-bottom: 0px !important;
    }

    div#contents_main #contents_section table.partnership_table td img {
        max-width: 310px !important;
        height: auto !important;
    }

    div#contents_main #contents_section table.partnership_table hr {
        margin-top: 25px !important;
        margin-bottom: -5px !important;
    }


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

ラーニング・コモンズ　ディレクトリ名：activity/learning_commons/ ‎

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


    /*2Fフロアマップ　div*/
    .learningcommons_floormap_2f_img {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    div#contents_main #contents_section .learningcommons_floormap_2f_img p {
        display: block;
        width: 100%;
        text-align: center;
    }

    div#contents_main #contents_section .learningcommons_floormap_2f_img p img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 300px;
        text-align: center;
        margin: 0 auto !important;
        float: none;
    }



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

お問い合わせ　ディレクトリ名：contact

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


    /*h4*/
    .contact_subtitle {
        display: block;
        position: relative;
        margin: 0px 0px 0px 0px;
        margin-bottom: 0 !important;
        padding: 4px 6px 4px 30px;
        font-weight: 600 !important;
        background: url(img/icon_16_clip.png) no-repeat 11px 10px;
        /*横縦*/
        /*background-color: #878c9a;*/
        /*background-color: #f4f5f6;*/
        /*うすーいグレー*/
        background-color: #d6e3f3;
        /*うすーい水色*/
    }


    /*テーブル*/
    .contact_table {}

    /*テーブル*/
    .contact_table td,
    div#contents_main #contents_section table .contact_table td {
        padding: 4px 4px 4px 4px !important;
        font-size: 96% !important;
        text-align: left !important;
    }

    /*○○について、○○のこと、等のテキスト　tdに指定*/
    .contact_td_text,
    div#contents_main #contents_section table td.contact_td_text {
        font-weight: 600;
        /*color: #555555;*/
    }

    /**/


    div#contents_main #contents_section table .contact_td_section,
    .contact_td_section {
        color: #3366cc !important;
    }



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

サイトマップ　ディレクトリ名：sitemap

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

    .sitemap_column_4 {
        display: block;
        overflow: hidden;
        padding: 0px 0px 0px 0px !important;
        margin-bottom: 10px;
    }

    .sitemap_column_4>div {
        width: 100% !important;
        display: block !important;
        vertical-align: top;
        margin-right: 0px !important;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: none !important;
    }

    .sitemap_column_4 h3 {
        padding: 0px 0px 10px 14px;
        color: #30356c;
        border-bottom: solid 2px #d8d8d8;
        background: url(img/sitemap_h3_head_bg.png)no-repeat 0px 0px;
    }

    .sitemap_column_4>div ul li {
        font-size: 96%;
        line-height: 150%;
    }


    /*h3がなく、ulを複数columnでセットでくくったdiv*/

    /*2つのulを1くくり*/
    .sitemap_column_4>div.sitemap_ul_set2 {
        display: block !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;
    }

    .sitemap_ul_set2 ul {
        max-width: auto !important;
        width: 100% !important;
        display: block !important;
        vertical-align: top;
        padding-right: 0px !important;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*3つのulを1くくり*/
    .sitemap_column_4>div.sitemap_ul_set3 {
        display: block !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;

    }

    .sitemap_ul_set3 ul {
        max-width: auto !important;
        width: 100% !important;
        display: block !important;
        vertical-align: top;
        padding-right: 10px;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;

    }

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

クリスマス・イベントのご案内　ディレクトリ名：site_information/xmas_event

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

    /*緑背景の外枠　div*/
    .xmas_green_box {
        display: block;
        background-color: #2C4D39;
        padding: 15px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*内側の枠　div（背景画像あり）*/
    .xmas_contents_box {
        display: block;
        background: url(img/xmas_event_title_bg_1040.png), url(img/xmas_event_title_bg_1040_y_repeat.png);
        background-repeat: no-repeat, repeat-y;
        background-position: top left, top left;
        border: solid 3px #C8991D;
        padding: 0px 10px 10px 10px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*タイトル欄　div*/
    .xmas_title_box {
        display: block;
        position: relative;
        height: 240px;
    }

    /*タイトル　h2*/
    div#contents_main h2.xmas_title {
        display: block;
        width: 100%;
        height: 150px;
        margin: 0px 0px 0px 0px !important;
        background: url(img/xmas_event_title_620x190_2021.png) no-repeat center center;
        background-size: contain !important;
    }

    .xmas_title span {
        display: none;
    }

    /*赤いリボンの注釈*/
    .xmas_event_ribbon_text {
        display: block;
        position: relative;
        width: 100%;
        height: 38px;
        background: url(img/xmas_event_ribbon_text.png) no-repeat center top;
        background-size: contain !important;
        top: 0px;
        right: 0px;

    }

    .xmas_event_ribbon_text span {
        display: none;
    }





    /*イベント記事すべてを囲んだdiv*/
    .xmas_event_box {
        display: block;
        overflow: hidden;
    }

    /*イベント記事1つ分*/
    .xmas_event_1box_1,
    .xmas_event_1box_2,
    .xmas_event_1box_3,
    .xmas_event_1box_4,
    .xmas_event_1box_5,
    .xmas_event_1box_6 {
        display: block;
        width: 100%;
    }

    .xmas_event_1box_1,
    .xmas_event_1box_3,
    .xmas_event_1box_5 {
        float: left;
    }

    .xmas_event_1box_2,
    .xmas_event_1box_4,
    .xmas_event_1box_6 {
        float: right;
    }


    /*背景イラストを設置*/
    .xmas_event_1box_1 {
        /*background:url(img/xmas_event_img_1.png) no-repeat right bottom;*/
        background: none !important;
    }

    .xmas_event_1box_2 {
        /*background:url(img/xmas_event_img_2.png) no-repeat right bottom;*/
        background: none !important;
    }

    .xmas_event_1box_3 {
        /*background:url(img/xmas_event_img_3.png) no-repeat right bottom;*/
        background: none !important;
    }

    .xmas_event_1box_4 {
        /*background:url(img/xmas_event_img_4.png) no-repeat right bottom;*/
        background: none !important;
    }

    .xmas_event_1box_5 {
        /*background:url(img/xmas_event_img_5.png) no-repeat right bottom;*/
        background: none !important;
    }

    .xmas_event_1box_6 {
        /*background:url(img/xmas_event_img_6.png) no-repeat right bottom;*/
        background: none !important;
    }





    /*イベント記事のタイトル　h3*/
    .xmas_event_title {
        color: #2C4D39;
        border-top: solid 2px #2C4D39;
        padding: 14px 0px 5px 50px;
        background: url(img/icon_xmas_event_snow.png) no-repeat left 4px;
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    /*イベントの写真　img*/
    .xmas_event_photo {
        display: block;
        max-width: 480px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    /*写真の下からボタンまでのテキスト欄　div 左右で高さを揃える*/
    .xmas_event_1box_1 .xmas_event_text_box,
    .xmas_event_1box_2 .xmas_event_text_box {
        min-height: 1em;
    }

    .xmas_event_1box_3 .xmas_event_text_box,
    .xmas_event_1box_4 .xmas_event_text_box {
        min-height: 1em;
    }

    .xmas_event_1box_5 .xmas_event_text_box,
    .xmas_event_1box_6 .xmas_event_text_box {
        min-height: 1em;
    }

    div#contents_main #contents_section .xmas_event_1box_1 .xmas_event_text_box p,
    div#contents_main #contents_section .xmas_event_1box_2 .xmas_event_text_box p,
    div#contents_main #contents_section .xmas_event_1box_3 .xmas_event_text_box p,
    div#contents_main #contents_section .xmas_event_1box_4 .xmas_event_text_box p,
    div#contents_main #contents_section .xmas_event_1box_5 .xmas_event_text_box p,
    div#contents_main #contents_section .xmas_event_1box_6 .xmas_event_text_box p {
        font-size: 96%;
        line-height: 150% !important;
    }

    div#contents_main #contents_section .xmas_event_1box_1 .xmas_event_text_box p strong,
    div#contents_main #contents_section .xmas_event_1box_2 .xmas_event_text_box p strong,
    div#contents_main #contents_section .xmas_event_1box_3 .xmas_event_text_box p strong,
    div#contents_main #contents_section .xmas_event_1box_4 .xmas_event_text_box p strong,
    div#contents_main #contents_section .xmas_event_1box_5 .xmas_event_text_box p strong,
    div#contents_main #contents_section .xmas_event_1box_6 .xmas_event_text_box p strong {
        font-size: 105%;
    }



    /*ポスターを見るボタン　a*/

    .button_xmas_poster {
        display: block;
        text-align: center;
        padding: 4px 60px 4px 60px;
        margin: 6px 6px 6px 0px;
        width: 100% !important;
        font-size: 96%;
        color: #ffffff;
        background: url(img/icon_16_blank_white.png) no-repeat 96% 50%;
        background-color: #2C4D39;
        text-decoration: none;
        border-radius: 2px;
        /* CSS3草案 */
        -webkit-border-radius: 2px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 2px;
        /* Firefox用 */
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .button_xmas_poster:hover {
        display: block;
        text-align: center;
        padding: 4px 60px 4px 60px;
        margin: 6px 6px 6px 0px;
        font-size: 96%;
        color: #ffffff;
        text-decoration: none;
        background-color: #558367;
    }


    /*レポートを見るボタン　a*/

    .button_xmas_report {
        display: block;
        text-align: center;
        padding: 4px 60px 4px 60px;
        margin: 6px 6px 6px 0px;
        width: 100% !important;
        font-size: 96%;
        color: #ffffff;
        background-color: #C7AD59;
        text-decoration: none;
        border-radius: 2px;
        /* CSS3草案 */
        -webkit-border-radius: 2px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 2px;
        /* Firefox用 */
        box-sizing: border-box;
        /*width:100%で、padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .button_xmas_report:hover {
        display: block;
        text-align: center;
        padding: 4px 60px 4px 60px;
        margin: 6px 6px 6px 0px;
        font-size: 96%;
        color: #ffffff;
        text-decoration: none;
        background-color: #dfcb89;
    }





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

Web入学式　ディレクトリ名：web_ceremony　2020/4/2追加

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

    /*タイトル欄　div*/
    .web_ceremony_title_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 200px;
        background: url(img/web_ceremony_title_bg.png) no-repeat center center;
        background-size: 733px 200px;
    }

    /*動画配置欄　div*/
    .web_ceremony_video_box {
        display: block;
        position: relative;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 60px;
    }

    .web_ceremony_video_box_inner {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .web_ceremony_video_box_inner iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }




    #web_ceremony_side_navi {
        overflow: hidden;
        position: relative;
        width: 100%;
        float: none;
        margin-bottom: 60px;
    }

    .web_ceremony_main {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        float: none;
    }


    /* ----------サイドのINDEX---------- */

    /*サイドのh3*/
    div#web_ceremony_side_navi .side_title_box {
        display: block;
        overflow: hidden;
        width: 100% !important;
        padding: 6px 14px 6px 14px;
        border: solid 1px #d2d2d2;
        color: #262626;
        margin-bottom: 0px !important;
        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;

    }

    /*サイドのh3の中のb*/
    div#web_ceremony_side_navi .side_title_box h3 {
        margin: 0px;
        padding: 0px;
    }



    /*本文欄の各段落のアンカー飛び先*/
    #web_ceremony_text01,
    #web_ceremony_text02,
    #web_ceremony_text03,
    #web_ceremony_text04,
    #web_ceremony_text05,
    #web_ceremony_text06,
    #web_ceremony_text07,
    #web_ceremony_text08 {}

    #web_ceremony_text01 {
        padding-top: 60px;
        margin-top: -60px;
    }

    /*写真、氏名、本文等、各段落全体のくくり1個分　div*/
    .web_ceremony_text_1box {
        display: block;
        position: relative;
        margin-bottom: 60px;
        padding-top: 60px;
    }

    .web_ceremony_text_1box01 {
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .web_ceremony_text_1box02 {

        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .mb60 {
        margin-bottom: 60px !important;
    }


    .web_ceremony_profile_box {
        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;

        margin-bottom: 30px;
    }

    .web_ceremony_profile_box_left {
        display: inline-block;
        position: relative;
        text-align: center;
        letter-spacing: normal;

        width: 100%;
    }

    .web_ceremony_profile_box_left p,
    div#contents_main #contents_section .web_ceremony_profile_box_left p {
        text-align: center;
    }

    .web_ceremony_profile_box_left img,
    div#contents_main #contents_section .web_ceremony_profile_box_left img {
        max-width: 250px !important;
        height: auto;
    }

    .web_ceremony_profile_box_right {
        display: inline-block;
        position: relative;

        letter-spacing: normal;

        width: 100%;
    }

    .web_ceremony_profile_box_right p {
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

    p.web_ceremony_profile_text1 {
        font-size: 16px;
        margin-bottom: 10px !important;
        line-height: 120% !important;
    }

    p.web_ceremony_profile_text2 {
        font-size: 21px;
        margin-bottom: 10px !important;
        font-weight: 600;
    }

    p.web_ceremony_profile_text3 {
        font-size: 28px;
        margin-bottom: 10px !important;
        font-weight: 600;
    }


    /*式辞の全文　div*/
    .web_ceremony_text_box {
        display: block;
        position: relative;
        width: 100%;
        float: none;
        clear: both;
    }

    .readmore-button-box a {
        display: block;
        position: relative;
        width: 100%;
        padding: 15px 15px 15px 15px;
        background-color: #ffffff;
        border: solid 1px #C3C3C3;
        color: #30356c;
        text-decoration: none;
        font-weight: 600;

        box-sizing: border-box;
        /*width:100%で､padding分をハミ出させないためのスタイル*/
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    .readmore-button-box a:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px;
        background: url(img/icon_16_anchor.png) no-repeat center center;
    }

    .readmore-button-box a:hover {
        background-color: #e8e8e8;
    }

    .readmore-button-box {
        text-align: center;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white);
        padding-top: 4.5em;
        margin-top: -3.5em !important;
        margin-bottom: 40px !important;
        position: relative;
    }

    .readmore-area {
        display: none;
        padding-top: 120px;
        margin-top: -120px;
    }









    /*iOS 8.4.1で:hoverの「opacity」や「filter」が使用されている場合、タップを2回しないといけないバグへの対応*/
    /*適用例：opacity: 1;*/
    /*適用例：filter: none;*/

    a:hover,
    a:hover img,
    a.icon_link:hover,
    a.icon_link_square:hover,
    a.icon_pdf:hover,
    a.icon_download:hover,
    a.icon_blank:hover,
    a.icon_excel:hover,
    a.icon_word:hover,
    .header_submenu_language:hover #language_child li a:hover,
    .btn_search:hover,
    .button_anchor_box a:hover,
    .bottom_page_linkbox a:hover,
    .page_bottom_related_link a:hover,
    .page_bottom_related_link p a:hover,
    .related_link a:hover,
    .related_link p a:hover,
    .general_tab_menu:hover,
    .general_tab_nowselect:hover,
    div#contents_side .news_current_list a:hover,
    div#contents_side .blog_current_list a:hover,
    .footer_address a:hover,
    .footer_etc_link1 li a:hover,
    .footer_etc_link2 li a:hover,
    .banner_box1 a img,
    .banner_box2 a img,
    .banner_box_announcement a img,
    .banner_box1 a:hover img,
    .banner_box2 a:hover img,
    .banner_box_announcement a:hover img,
    .list_link_circle a:hover,
    .list_link_normal a:hover,
    .department_right_box .list_link_normal a:hover,
    .research_right_box .list_link_normal a:hover,
    .international_news_1box a:hover .international_news_date,
    .international_news_1box a:hover .international_news_text,
    .career_right_box .list_link_normal a:hover,
    .contents_link_1box a:hover .contents_link_subtext,
    .contents_link_1box a:hover .contents_link_text,
    .contents_link_other_1box a:hover .contents_link_other_date,
    .contents_link_other_1box a:hover .contents_link_other_text,
    .contents_link_other_1box a:hover .contents_link_other_text_blank,
    .department_main_link_box li a:hover b,
    .general_main_link_box li a:hover b,
    .circle_photo_list li a:hover b,
    .circle_link_btn_box img,
    .circle_link_btn_box a img,
    .circle_link_btn_box a:hover img,
    .pagetop a:hover,
    .subject_intro_box_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_psychology .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_psychology .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_management_info .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_law_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_management_info .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_law_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_social_policy .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_social_work .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_psychology_wellbeing .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_social_policy .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_social_work .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_psychology_wellbeing .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_junior_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_life_creation .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_junior_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_life_creation .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_english .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_economics .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_social .subject_intro_left .department_site_link a:hover,
    .subject_intro_box_gc_english .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_economics .subject_intro_left .department_book_link a:hover,
    .subject_intro_box_gc_social .subject_intro_left .department_book_link a:hover {
        filter: alpha(opacity=100) !important;
        /*IE*/
        -moz-opacity: 1.00 !important;
        /*FF*/
        opacity: 1.00 !important;
    }





}

/*@media screen and ( max-width: 767px )ここまで*/















/*プリント用調整（PC画面をA4に最適化）*/
@page {
    margin: 10mm 10mm !important;
}

/*@pageここまで*/

@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.97;
    }

    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;
    }

    .megamenu_box,
    .MegaMenu {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 12px;
        white-space: nowrap;
    }

    .MegaMenu a.MegaMenuLink:link,
    .MegaMenu a.MegaMenuLink:visited {
        font-size: 12px;
        white-space: nowrap;
    }

    .MegaMenu a.MegaMenuLink b {
        display: block;
        height: 16px;
        /*
   border-left: 1px solid #ccced2;
   padding: 1px 6px 5px 6px;
   margin: 10px 0px 10px 0px;
   font-weight:400 !important;
	*/
        font-size: 12px;
        white-space: nowrap;
    }


    .side_tab_box {
        display: none;
    }

    body,
    .contents_area_frontpage,
    .contents_area,
    .footer_area,
    .grandmenu_box,
    .header_area {
        background-color: #ffffff !important;
        min-width: 1200px !important;
        width: 100% !important;
    }

    .header_outer,
    .contents_outer_frontpage,
    .contents_outer {

        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;
    }

    .contents_top_international {
        background-color: #207785 !important;
    }

    .contents_area {
        overflow: hidden;
    }

    .box_white {
        overflow: hidden;
    }

    /*ページトップのリンクタブを非表示*/
    #pagetop_wrapper,
    .pagetop,
    .pagetop a {
        display: none;
    }

    /*footerの背景色*/
    .footer_area {
        /*section*/
        background-color: #4c505c !important;
    }

    div#contents_main .print_only,
    .print_only {
        display: block !important;
    }



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

キャンパスカレンダー　ディレクトリ名：campus

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

    /*春のボックス div*/
    .campuscalendar_spring_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-top: 30px;
        margin-bottom: 30px;
        border: #d8d8d8 solid 1px;
        height: 600px;
    }

    /*春2のボックス div*/
    .campuscalendar_spring2_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
        border: #d8d8d8 solid 1px;
        height: 600px;
        page-break-before: always;
    }

    /*夏のボックス div*/
    .campuscalendar_summer_box {
        display: block;
        overflow: hidden;
        position: relative;
        height: 600px;
        margin-bottom: 30px;
        border: #d8d8d8 solid 1px;
        height: 600px;
    }

    /*秋のボックス div*/
    .campuscalendar_autumn_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
        border: #d8d8d8 solid 1px;
        height: 600px;
        page-break-before: always;
    }

    /*冬のボックス div*/
    .campuscalendar_winter_box {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
        border: #d8d8d8 solid 1px;
        height: 600px;
    }


    /*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: 1100px;
        height: 300px;
        float: none;
    }

    /*春の下段のくくり div*/
    .campuscalendar_spring_bottom {
        display: block;
        position: relative;
        width: 1100px;
        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: 732px;
        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: 366px;
        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;
        z-index: 555;
    }

    /*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: 732px;
        height: 300px;
        background-color: #e4d9ad;
        float: left;
    }

    /*春の下段の右 div*/
    .campuscalendar_spring_right_contents2 {
        display: block;
        overflow: hidden;
        width: 366px;
        height: 300px;
    }

    .campuscalendar_spring_bottom_contents2 p {
        position: absolute;
        width: 366px;
        height: 300px;
        left: 732px;
    }

    .campuscalendar_spring_bottom_contents2 p img {
        clip: rect(0px 366px 300px 0px);
    }


    .campuscalendar_spring_right_contents2 p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*---------春2のセット（3段組）---------*/

    /*春2の左のくくり div*/
    .campuscalendar_spring2_left {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: left;
    }

    /*春2の真ん中のくくり div*/
    .campuscalendar_spring2_center {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: left;
    }

    /*春2の右のくくり div*/
    .campuscalendar_spring2_right {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: right;
    }

    /*春2の左の上　コピー　 div*/
    .campuscalendar_spring2_left_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: 366px;
        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;
        position: relative;
        width: 366px;
        height: 300px;
    }

    .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: 366px;
        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;
        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: 366px;
        height: 300px;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
    }

    div#contents_main #contents_section .campuscalendar_spring2_center_contents2 p {
        display: block;
        width: 366px;
        height: 300px;
        background-color: #ffffff;
        margin-bottom: 0px;
    }


    /*6月の三角*/
    .campuscalendar_spring2_center_contents2:before {
        content: "";
        border: 20px solid transparent;
        border-bottom: 20px solid #99cc66;
        position: absolute;
        margin-left: 164px;
        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: 366px;
        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: 366px;
        height: 300px;
    }

    .campuscalendar_spring2_right_contents2 p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*---------夏のセット---------*/

    /*夏の左のくくり div*/
    .campuscalendar_summer_left {
        display: block;
        width: 746px;
        height: 600px;
        float: left;
    }

    /*夏の右のくくり div*/
    .campuscalendar_summer_right {
        display: block;
        width: 366px;
        height: 600px;
        float: right;
    }

    /*夏の左の上　写真　【PCで表示。SPで非表示】（PCでは上下入れ替え） div*/
    .campuscalendar_summer_left_contents1 {
        display: block;
        width: 746px;
        height: 300px;
        background-color: #ffffff;
        /*いれかえのスタイル*/
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /*8月の三角*/
    .campuscalendar_summer_left_contents1:before {
        content: "";
        border: 20px solid transparent;
        border-top: 20px solid #99cccc;
        position: absolute;
        margin-left: 346px;
        margin-bottom: 200px;
    }

    /*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　（PCでは上下入れ替え）*/
    .campuscalendar_summer_left_contents2 {
        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: 746px;
        height: 300px;
        background-color: #99cccc;
        /*入れ替えのスタイル*/
        position: absolute;
        top: 0;
        left: 0;
    }

    /*夏の左の下 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: 366px;
        height: 300px;
        background-color: #ffffff;
        /*いれかえのスタイル*/
        position: absolute;
        bottom: 0;
        right: 0;
    }

    /*9月の三角*/
    .campuscalendar_summer_right_contents1:before {
        content: "";
        border: 20px solid transparent;
        border-bottom: 20px solid #ffffff;
        position: absolute;
        margin-left: 140px;
        margin-top: -50px;
        z-index: 500 !important;
    }

    /*9月の表示　p*/
    .campuscalendar_month_9 {
        display: block;
        position: relative;
        width: auto;
        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;
    }

    .campuscalendar_month_9 b {
        display: none;
    }

    /*9月のコピー　p*/
    .campuscalendar_month_9_copy {
        position: relative;
        text-align: center;
        font-size: 100%;
        font-weight: 600;
        line-height: 130%;
        color: #9E7DB1;
        margin-bottom: 6px !important;
    }


    /*夏の右の下　写真 div（PCでは上下入れ替え）*/
    .campuscalendar_summer_right_contents2 {
        display: block;
        width: 366px;
        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: 365px;
        height: 600px;
        float: left;
    }

    /*秋の真ん中のくくり div*/
    .campuscalendar_autumn_center {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: left;
    }

    /*秋の右のくくり div*/
    .campuscalendar_autumn_right {
        display: block;
        position: relative;
        width: 365px;
        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: 366px;
        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: 366px;
        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: 366px;
        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: 366px;
        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: 164px;
        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: 366px;
        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: 366px;
        height: 300px;
    }

    .campuscalendar_autumn_right_contents2 p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*---------冬のセット（3段組）---------*/

    /*冬の左のくくり div*/
    .campuscalendar_winter_left {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: left;
    }

    /*冬の真ん中のくくり div*/
    .campuscalendar_winter_center {
        display: block;
        position: relative;
        width: 365px;
        height: 600px;
        float: left;
    }

    /*冬の右のくくり div*/
    .campuscalendar_winter_right {
        display: block;
        position: relative;
        width: 365px;
        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: 366px;
        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: 366px;
        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: 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: 366px;
        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: 20px;
        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: 90px;
        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: 366px;
        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: 164px;
        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: 366px;
        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: 366px;
        height: 300px;
    }

    .campuscalendar_winter_right_contents2 p {
        margin: 0 !important;
        padding: 0 !important;
    }

    /*各個別ページの改ページ*/
    .page-break {
        page-break-before: always !important;
    }



}

/*@media printここまで*/