@charset "utf-8";

/* ----------------------------------------------------------------
Reset
----------------------------------------------------------------- */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,a { margin: 0; padding: 0; }
img { border: 0; }
li,dt,dd { list-style: none; }

/* ----------------------------------------------------------------
Common
----------------------------------------------------------------- */

html {
font-size: 62.5%;
overflow-x:hidden;
}

body {
-webkit-print-color-adjust: exact;
text-align: center;
color: #282828;
background: #fff;
font-family: "Noto Sans Japanese","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 1.4rem;
line-height: 2.8rem;
margin: 0 auto;
}

.clear { width:100%; }
.clear:after {
content: ""; 
display: block; 
clear: both;
}

a:link, a:visited {
color: #282828;
text-decoration: none;
}

a:active, a:hover {
color: #777;
text-decoration: none;
}

img {
vertical-align: top;
}

.ml-slider {
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

.tac { text-align: center!important; }
.tal { text-align: left!important; }
.tar { text-align: right!important; }
.vat { vertical-align: top!important; }

.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb70 { margin-bottom: 70px!important; }
.mgb80 { margin-bottom: 80px!important; }
.mgb90 { margin-bottom: 90px!important; }
.mgb100 { margin-bottom: 100px!important; }
.mgl20 { margin-left: 20px!important; }

#gnavi {
display: none;
}

.sp { display: none; }

/* ----------------------------------------------------------------
Header
----------------------------------------------------------------- */

#header {
width: 100%;
height: 94px;
margin: 0 auto;
border-top: 6px solid #f00;
}

#header .inner {
width: 1000px;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}

#header p a:hover {
opacity: 0.7;
}

#header .left {
width: 280px;
}

#header .left img {
width: 100%;
}

#header .center {
height: 66px;
margin: 0 0 0 auto;
}

#header .right {
margin: -5px 0 0 auto;
margin: 0 0 0 auto;
}

#header .center,
#header .right {
height: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: -5px;
}

#header .center ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}

#header li {
font-size: 1.3rem;
line-height: 1.3rem;
font-weight: bold;
margin-left: 20px;
}

#header li#navi_nu {
padding-left: 20px;
background: url('/wp-content/uploads/common/icon_link.png') no-repeat 0 0;
}

#header li#navi_dld {
padding-left: 20px;
background: url('/wp-content/uploads/common/icon_link.png') no-repeat 0 0;
}

#header li#navi_access {
padding-left: 17px;
background: url('/wp-content/uploads/common/icon_link.png') no-repeat 0 0;
}

#header .right ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 0;
}

#header li#navi_request,
#header li#navi_consult,
#header li#navi_contact {
margin-left: 10px;
}

#header li#navi_request a:link,
#header li#navi_consult a:link,
#header li#navi_contact a:link,
#header li#navi_request a:visited,
#header li#navi_consult a:visited,
#header li#navi_contact a:visited {
color: #f00;
display: block;
border: 2px solid #f00;
padding: 8px 10px;
}

#header li#navi_request a:hover,
#header li#navi_consult a:hover,
#header li#navi_contact a:hover {
color: #f66;
display: block;
border: 2px solid #f66;
padding: 8px 10px;
}

#header .right li {
margin: 0 0 0 15px;
}

#header .right li#navi_line a:link,
#header .right li#navi_twitter a:link,
#header .right li#navi_twitterx a:link,
#header .right li#navi_youtube a:link {
position: relative;
display: block;
padding: 0 0 0 25px;
}

#header li#navi_line a:link::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 20px;
height: 20px;
background: url('/icon_line.svg') top left no-repeat;
background-size: contain;
}

#header li#navi_twitter a:link::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 20px;
height: 20px;
background: url('/icon_twitter.svg') top left no-repeat;
background-size: contain;
}

#header li#navi_twitterx a:link::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 20px;
height: 20px;
background: url('/icon_twitterx.svg') top left no-repeat;
background-size: contain;
}

#header li#navi_youtube a:link::before {
content: "";
position: absolute;
top: -4px;
left: 0;
width: 20px;
height: 20px;
background: url('/icon_youtube.svg') top left no-repeat;
background-size: contain;
}

.search-area {
display: none;
}

/* ----------------------------------------------------------------
Navi
----------------------------------------------------------------- */
#navi_sp {
display: none;
}

#search-btn {
display: none;
}

#navi {
z-index: 2;
width: 100%;
height: 48px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}

#navi ul {
height: 48px;
width: 1000px;
margin: 0 auto;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#navi li {
height: 38px;
text-align: center;
font-weight: bold;
font-size: 1.6rem;
letter-spacing: 0.1rem;
margin: 10px 0 0 0;
padding: 0;
}

#navi li span {
height: 28px;
line-height: 28px;
padding: 0 42px 0 40px;
border-right: 1px solid #dedede;
}

#navi li:first-child span {
border-left: 1px solid #dedede;
}

#navi a {
display: block;
height: 100%;
pointer: cursor;
}

#navi ul ul {
position: absolute;
display: none;
z-index: 3;
}

#navi_about:hover ul#subnavi_about {
display: block;
width: 370px;
margin-left: -25px;
}
#navi_course:hover ul#subnavi_course {
display: block;
width: 350px;
margin-left: -25px;
}
#navi_prof:hover ul#subnavi_prof {
display: block;
width: 350px;
margin-left: -25px;
}
#navi_guide:hover ul#subnavi_guide {
display: block;
width: 250px;
margin-left: -25px;
}
#navi_news:hover ul#subnavi_news {
display: block;
width: 260px;
margin-left: -5px;
}

#navi ul ul li {
text-align: left;
display: block;
height: 50px;
line-height: 50px;
font-size: 1.4rem;
border-bottom: 1px solid #999;
margin: 0;
padding: 0;
}

#navi ul ul li a {
display: block;
height: 100%;
background: #444 url(/wp-content/uploads/common/arrow_right.png) no-repeat 20px 50%;
padding: 0 0 0 45px;
pointer: cursor;
}

#navi ul ul li a:link, #navi ul ul li a:visited {
color: #fff;
text-decoration: none;
}

#navi ul ul li a:active, #navi ul ul li a:hover {
color: #ccc;
text-decoration: none;
}

/* ----------------------------------------------------------------
Main Visual
----------------------------------------------------------------- */

#mainvisual {
z-index: 2;
width: 100%;
height: 200px;
background: url(/wp-content/uploads/common/bg_mainvisual.png) no-repeat 0 0;
background-size: cover;
border-bottom: 1px solid #dcdcdc;
margin: 0 auto 60px auto;
}

#mainvisual h1 {
font-size: 2.6rem;
letter-spacing: 0.2rem;
font-weight: bold;
padding: 80px 0 10px 0;
}

#mainvisual p {
color: #f00;
font-size: 1.1rem;
letter-spacing: 0.3rem;
font-weight: bold;
}

#hero {
z-index: 2;
width: 100%;
height: 600px;
overflow: hidden;
margin: 0 auto 30px auto;
}

#hero .slider {
height: 570px;
margin: 0 auto;
}

#hero .slider .flex-viewport li {
width: 998px !important;
margin: 0 1px !important;
}

.flexslider .slide img {
padding: 0 1px !important;
}

.metaslider .flex-viewport {
overflow: visible !important;
}

/* ----------------------------------------------------------------
Content
----------------------------------------------------------------- */

#content {
width: 1000px;
margin: 0 auto;
text-align: left;
}

#content a:link, #content a:visited {
color: #3451A4;
text-decoration: underline;
}

#content a:active, #content a:hover {
color: #399ECC;
text-decoration: underline;
}

/* ----------------------------------------------------------------
Top
----------------------------------------------------------------- */

#top #content h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#top #content .block_news {
margin: 0 0 30px 0;
}

#top #content .block_news h2 {
margin: 0;
}

#top #content h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#top #content .block_news h2 {
height: 20px;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0;
padding: 0 0 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}

#content .block_news h2 .archive {
font-size: 1.3rem;
letter-spacing: 0;
background: #efefef url(/wp-content/uploads/common/icon_news-archive_red.png) no-repeat 10px 50%;
margin: -10px 0 0 auto;
padding: 8px 10px 8px 35px;
}

#content .block_news ul li {
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 10px 50%;
padding: 14px 20px 14px 30px;
}

#content .block_news ul li .date {
margin: 0 20px 0 0;
}

#content .block_news a:link, #content .block_news a:visited {
color: #282828;
text-decoration: none;
}

#content .block_news a:active, #content .block_news a:hover {
color: #777;
text-decoration: none;
}

.more {
padding-top: 25px;
}

.more a {
position: relative;
display: block;
width: 190px;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.05rem;
color: #222;
text-decoration: none;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 30px;
box-sizing: border-box;
padding: 10px 5px 10px 15px;
background: #fff;
margin: 0 auto;
}

.more a::before {
position: absolute;
display: inline-block;
content: "";
left: 20px;
top: 14px;
width: 19px;
height: 19px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #333;
}

.more a::after {
position: absolute;
display: inline-block;
content: "";
left: 25px;
top: 20px;
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.more a:hover {
color: #222;
background: #f5f5f5;
}

#top #content .block_prof {
margin: 0 0 40px 0;
}

#content .block_prof p {
margin: 0 0 20px 0;
}

#content .block_prof ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#content .block_prof li {
width: 320px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 15px 0;
}

#content .block_prof li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#content .block_prof li a:link, #content .block_prof li a:visited {
color: #282828;
text-decoration: none;
}

#content .block_prof li a:hover {
color: #777;
text-decoration: none;
}

#top #content .block_link {
margin: 0 0 30px 0;
}

#content .block_link ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#content .block_link li {
width: 235px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 0 0;
}

#content .block_link li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#content .block_link li a:link, #content .block_link li a:visited {
color: #282828;
text-decoration: none;
}

#content .block_link li a:hover {
color: #777;
text-decoration: none;
}

#top #content .block_banner {
margin: 0;
}

#content .block_banner ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#content .block_banner li {
width: 490px;
margin: 0 20px 0 0;
}

#content .block_banner li a:hover {
opacity: 0.7;
}

/* ----------------------------------------------------------------
Syllabus
----------------------------------------------------------------- */

#syllabus #content h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.4rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#syllabus #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

#syllabus #content ul li {
width: 425px;
font-weight: bold;
font-size: 1.5rem;
background: #efefef url(/wp-content/uploads/common/icon_pdf.png) no-repeat 15px 50%;
padding: 15px 20px 15px 45px;
margin: 0 20px 15px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}

#syllabus #content ul li span {
width: 100px;
text-align: right;
font-weight: normal;
border-left: 1px solid #cdcdcd;
letter-spacing: 0rem;
padding: 0 15px 0 0;
}

#syllabus #content ul li span.wide {
width: 170px;
}

#syllabus #content ul li span.wide2 {
width: 180px;
}

#syllabus #content ul li a:link, #syllabus #content ul li a:visited {
color: #282828;
text-decoration: none;
margin-right: -20px;
padding: 0 20px 0 0;
}

#syllabus #content ul li a:hover {
color: #777;
}

#syllabus #content ul li span a:link, #syllabus #content ul li span a:visited {
color: #282828;
background: #efefef url(/wp-content/uploads/common/arrow_right.png) no-repeat 100% 50%;
margin-right: -20px;
padding: 0 20px 0 0;
}

#syllabus #content ul li span a:hover {
color: #777;
}

/* ----------------------------------------------------------------
Course
----------------------------------------------------------------- */

#course .headline {
margin: 0 0 70px 0;
padding: 0 0 50px 0;
border-bottom: 1px solid #dedede;
}

#course .headline h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.4rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#course .headline h3 {
font-size: 1.6rem;
line-height: 3.4rem;
font-weight: bold;
padding: 0 0 10px 30px;
}

#course .headline p {
line-height: 3.4rem;
padding: 0 20px 20px 30px;
}

#course #content .unit {
margin: 0 0 70px 0;
padding: 0 0 70px 0;
border-bottom: 1px solid #dedede;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#course #content .photo img {
width: 240px;
}

#course #content .title {
width: 100%;
}

#course #content .title h2 {
font-size: 1.6rem;
letter-spacing: 0.2rem;
font-weight: bold;
padding: 0;
vertical-align: top;
margin: 0 0 40px 0;
padding: 0;
}

#course #content .title h2 span {
color: #fff;
font-size: 1.6rem;
letter-spacing: 0.4rem;
margin: 0 2.4rem 0 0;
padding: 1rem 1.6rem;
}

#course #content .title h2.int {
color: #e88121;
}
#course #content .title h2.int span {
background: #e88121;
}

#course #content .title h2.cul {
color: #c14d97;
}
#course #content .title h2.cul span {
background: #c14d97;
}

#course #content .title h2.hum {
color: #00aa7b;
}
#course #content .title h2.hum span {
background: #00aa7b;
}

#course #content .text {
width: 700px;
}

#course #content .text p {
font-size: 1.4rem;
line-height: 3.2rem;
margin: 0 0 25px 0;
}

#course #content .text p:last-of-type {
margin: 0 0 40px 0;
}

#course #content ul {
width: 720px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
}

#course #content ul li {
width: 340px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 0 0;
}

#course #content ul li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 20px 50%;
padding: 12px 20px 12px 45px;
}

#course #content ul li a:link, #course #content ul li a:visited {
color: #282828;
text-decoration: none;
}

#course #content ul li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Content Prof Con
----------------------------------------------------------------- */

#prof_con #content h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.4rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#prof_con #content ul {
width: 1016px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

#prof_con #content ul li {
width: 198px;
font-weight: bold;
font-size: 1.4rem;
padding: 15px 20px;
margin: 0 16px 16px 0;
background: #efefef;
}

#prof_con #content ul li span {
font-weight: normal;
margin-left: 10px;
}

/* ----------------------------------------------------------------
Content Prof
----------------------------------------------------------------- */

#prof #content .headline h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.4rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 50px 0;
padding: 0 0 15px 30px;
}

#prof #content .unit {
margin: 0 0 50px 0;
padding: 0 0 50px 0;
border-bottom: 1px solid #dedede;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#prof #content .unit.last {
margin: 0 0 100px 0;
padding: 0 0 50px 0;
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#prof #content .unit .photo img {
width: 150px;
}

#prof #content .unit .photo #researchmap {
width: 100px;
margin: 15px auto 0 auto; 
}

#prof #content .unit .photo #researchmap img {
width: 100px;
}

#prof #content .unit .photo #researchmap img:hover {
opacity: 0.8;
}

#prof #content .unit .text {
width: 750px;
}

#prof #content .unit .text h2 {
font-size: 2.2rem;
letter-spacing: 0.4rem;
font-weight: bold;
margin: 0 0 30px 0;
padding: 0;
}

#prof #content .unit .text h2 span.position {
font-size: 1.4rem;
letter-spacing: 0.2rem;
margin-left: 10px;
}

#prof #content .unit .text h2 span.major {
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.2rem;
padding: 0.5rem 1rem;
vertical-align: top;
margin-left: 20px; 
}
#prof #content .unit .text h2 span.course {
font-size: 1.4rem;
letter-spacing: 0.2rem;
vertical-align: top;
margin-left: 4px; 
}

#prof #content .unit .text h2.int span.major {
background: #e88121;
}
#prof #content .unit .text h2.int span.course {
color: #e88121;
}
#prof #content .unit .text h2.cul span.major {
background: #c14d97;
}
#prof #content .unit .text h2.cul span.course {
color: #c14d97;
}
#prof #content .unit .text h2.hum span.major {
background: #00aa7b;
}
#prof #content .unit .text h2.hum span.course {
color: #00aa7b;
}

#prof #content .unit .text h2 br {
display: none;
}

#prof #content .unit .text h2 span.accept {
color: #fff;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0.2rem;
padding: 0.5rem 1rem;
vertical-align: top;
margin-left: 15px; 
background: #f00;
}

#prof #content dl:after {
content: ""; 
display: block; 
clear: both;
}

#prof #content dl.class {
height: auto;
overflow: hidden;
line-height: 2.8rem;
margin-bottom: 10px;
}

#prof #content dl.class dt {
float: left;
width: 80px;
font-weight: bold;
}

#prof #content dl.class dd {
float: left;
margin-right: 15px;
}

#prof #content dl.research {
height: auto;
overflow: hidden;
line-height: 2.8rem;
margin-bottom: 40px;
}

#prof #content dl.research dt {
float: left;
width: 80px;
font-weight: bold;
}

#prof #content dl.research dd {
float: left;
margin-right: 20px;
}

#prof #content dl.field {
clear: both;
line-height: 2.8rem;
margin-bottom: 40px;
}

#prof #content dl.field dt {
float: left;
width: 80px;
font-weight: bold;
}

#prof #content dl.field dd {
float: left;
width: 670px;
}

#prof #content dd a:link {
font-weight: bold;
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 22px;
}

#prof #content ul.paging {
width: 770px;
overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0 0 0;
}

#prof #content ul.paging li {
width: calc((100% - 30px)/3);
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin-right: 15px;
}

#prof #content ul.paging li:last-child {
margin-right: 0;
}

#prof #content ul.paging li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 20px 50%;
padding: 12px 20px 12px 45px;
}

#prof #content ul.paging li a:link, #prof #content ul.paging li a:visited {
color: #282828;
text-decoration: none;
}

#prof #content ul.paging li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Content Voice
----------------------------------------------------------------- */

#voice #content .unit {
margin: 0 0 75px 0;
padding: 0 0 65px 0;
border-bottom: 1px solid #dedede;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#voice #content .unit .text {
width: 750px;
}

#voice #content .unit .text h2 {
font-size: 2.2rem;
letter-spacing: 0.4rem;
margin-bottom: 40px;
}

#voice #content .unit .text h2 span {
color: #fff;
font-size: 1.3rem;
letter-spacing: 0.2rem;
font-weight: bold;
margin-left: 20px;
padding: 0.6rem 1.2rem;
vertical-align: top;
}

#voice #content .unit .text h2 span.course_int {
background: #e88121;
}
#voice #content .unit .text h2 span.course_cul {
background: #c14d97;
}
#voice #content .unit .text h2 span.course_hum {
background: #00aa7b;
}
#voice #content .unit .text h2 span.course_soc {
background: #00479d;
}

#voice #content .unit .text h3 {
font-size: 2.3rem;
line-height: 3.6rem;
letter-spacing: 0.1rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin-bottom: 30px;
}

#voice #content .unit .text p {
font-size: 1.4rem;
line-height: 3.4rem;
font-weight: normal;
margin: 0 0 40px 0;
}

#voice #content ul {
width: 770px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
}

#voice #content ul li {
width: 365px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 0 0;
}

#voice #content ul li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 20px 50%;
padding: 12px 20px 12px 45px;
}

#voice #content ul li a:link, #voice #content ul li a:visited {
color: #282828;
text-decoration: none;
}

#voice #content ul li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Purpose
----------------------------------------------------------------- */

#purpose .unit {
margin: 0;
padding: 0 0 80px 0;
}

#purpose .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.4rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#purpose .unit h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#purpose .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

/* ----------------------------------------------------------------
Greeting
----------------------------------------------------------------- */

#greeting .unit {
margin: 0;
padding: 0 0 80px 0;
}

#greeting .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#greeting .unit h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#greeting .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

/* ----------------------------------------------------------------
Privacy
----------------------------------------------------------------- */

#privacy .unit {
margin: 0;
padding: 0 0 50px 0;
}

#privacy .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#privacy h3 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#privacy p {
margin: 0 0 40px 0;
padding: 0;
}

#privacy .unit p {
margin: 0 0 10px 0;
padding: 0;
}

#privacy .unit p.date {
text-align: right;
font-size: 1.2rem;
margin: 0;
padding: 0;
}

#privacy ul {
margin: 0 0 40px 0;
padding: 0;
}

#privacy ul ul {
margin: 10px 0 20px 30px;
padding: 0;
}

#privacy ul ul li {
font-size: 1.3rem;
line-height: 2.4rem;
margin: 0 0 10px 0;
padding: 0;
}

/* ----------------------------------------------------------------
Policy
----------------------------------------------------------------- */

#policy .unit {
margin: 0;
padding: 0 0 80px 0;
}

#policy .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#policy .unit h3 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#policy .unit h3:after {
content: ""; 
display: block; 
clear: both;
}

#policy .unit h3.black {
color: #fff;
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
background: #454545;
border-bottom: none;
margin: 0 0 30px 0;
padding: 8px 12px;
}

#policy .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

#policy li {
margin: 0 0 10px 0;
}

#policy .subunit {
margin: 0;
padding: 20px 60px 30px 60px;
}

#policy .subunit h4 {
color: #454545;
margin: 0 0 10px 0;
}

#policy .subunit p {
color: #454545;
font-size: 1.2rem;
line-height: 2.4rem;
margin: 0 0 10px 0;
}

#policy .subunit p.sub {
color: #454545;
font-size: 1.2rem;
line-height: 2.4rem;
margin: 0 0 10px 25px;
}

#policy .subunit ul {
margin: 0 0 30px 0;
}

#policy .subunit li {
color: #454545;
font-size: 1.2rem;
line-height: 2.2rem;
list-style-type: disc;
margin: 0 0 8px 20px;
padding: 0 0 0 5px;
}

#policy a {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
}

#policy a.out {
background: url(/wp-content/uploads/common/icon_link.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
}

/* ----------------------------------------------------------------
Education
----------------------------------------------------------------- */

#education .unit {
margin: 0;
padding: 0 0 80px 0;
}

#education .unit_indent {
padding: 10px 0 0 30px;
}

#education .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#education .unit h3 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#education .unit h3:after {
content: ""; 
display: block; 
clear: both;
}

#education .unit h3.black {
color: #fff;
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
background: #454545;
border-bottom: none;
margin: 0 0 30px 0;
padding: 8px 12px;
}

#education .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

#education li {
margin: 0 0 10px 20px;
padding: 0 0 0 5px;
}

#education li a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
}

#education li a.out {
background: url(/wp-content/uploads/common/icon_link.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
}

#education ul.num li {
list-style-type: decimal;
margin: 0 0 10px 20px;
padding: 0 0 0 5px;
}

#education ul ul {
margin: 10px 0 15px 10px;
}

#education ul.num ul li {
list-style-type: none;
line-height: 2rem;
margin: 0 0 8px 0;
}

#education .subunit {
margin: 0;
padding: 20px 60px 30px 60px;
}

#education .subunit h4 {
color: #454545;
margin: 0 0 10px 0;
}

#education .subunit p {
color: #454545;
font-size: 1.2rem;
line-height: 2.4rem;
margin: 0 0 10px 0;
}

#education .subunit p.sub {
color: #454545;
font-size: 1.2rem;
line-height: 2.4rem;
margin: 0 0 10px 25px;
}

#education .subunit ul {
margin: 0 0 30px 0;
}

#education .subunit li {
color: #454545;
font-size: 1.2rem;
line-height: 2.2rem;
list-style-type: disc;
margin: 0 0 8px 20px;
padding: 0 0 0 5px;
}

#education table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 20px 0 70px 0;
padding: 0;
}

#education th {
text-align: center;
color: #444;
font-size: 1.4rem;
background: #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 6px 12px;
white-space: nowrap;
}

#education td {
color: #444;
font-size: 1.4rem;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 8px 15px 8px 15px;
}

#education table.edu3 th {
background: #dedede;
}

#education table.edu3 td {
text-align: center;
}

#education table.edu3 tr:nth-child(odd) td {
background: #eee;
}

#education table.edu4 th {
background: #dedede;
}

#education table.edu4 td {
text-align: center;
}

#education table.edu4 tr:nth-child(odd) td {
background: #efefef;
}

#education .w10 {
width: 10%;
}

#pager {
margin-bottom: 40px;
}

#pager ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#pager ul li  {
height: 36px;
width: 36px;
text-align: center;
line-height: 36px;
border: 1px solid #999;
margin: 0 5px;
padding: 0;
}

#pager ul li a {
display: block;
height: 36px;
width: 36px;
}

#pager ul li a:link, #pager ul li a:visited {
color: #888;
text-decoration: none;
}

#pager ul li.current a:link, #pager ul li.current a:visited {
color: #fff;
background: #777;
}

#pager ul li a:hover {
color: #fff;
background: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Guideline
----------------------------------------------------------------- */

#guideline .unit {
margin: 0;
padding: 0 0 100px 0;
}

#guideline .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#guideline .unit h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#guideline .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

#guideline #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 0;
}

#guideline #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
}

#guideline #content ul li {
width: 490px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 0 0;
}

#guideline #content ul li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#guideline #content ul li a.out {
background: url(/wp-content/uploads/common/icon_link_red.png) no-repeat 15px 50%;
}

#guideline #content ul li a:link, #guideline #content ul li a:visited {
color: #282828;
text-decoration: none;
}

#guideline #content ul li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Research Plan
----------------------------------------------------------------- */

#research-plan .unit {
margin: 0;
padding: 0 0 100px 0;
}

#research-plan .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#research-plan .unit h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#research-plan .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

#research-plan #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 0;
}

#research-plan #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
}

#research-plan #content ul li {
width: 490px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 0 0;
}

#research-plan #content ul li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#guideline #content ul li a:link, #guideline #content ul li a:visited {
color: #282828;
text-decoration: none;
}

#guideline #content ul li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Application Docs
----------------------------------------------------------------- */

#application-docs .unit {
margin: 0;
padding: 0 0 100px 0;
}

#application-docs .unit h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#application-docs .unit h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 10px 0 10px 0;
}

#application-docs .unit p {
line-height: 3.4rem;
margin: 0 0 20px 0;
}

#application-docs #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 0;
}

#application-docs #content ul {
width: 1020px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
}

#application-docs #content ul li {
width: 490px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 20px 10px 0;
}

#application-docs #content ul li a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#application-docs #content ul li a:link, #application-docs #content ul li a:visited {
color: #282828;
text-decoration: none;
}

#application-docs #content ul li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Brochure
----------------------------------------------------------------- */

#brochure h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#brochure #content .unit {
margin: 0 0 50px 0;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#brochure #content .unit .photo img {
width: 300px;
}

#brochure #content .unit .text {
width: 600px;
}

#brochure h3 {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #ddd;
margin: 0 0 20px 0;
padding: 10px 0 10px 0;
}

#brochure iframe {
clear: both;
display: block;
margin: 0 0 60px 0;
}

#brochure .unit p {
margin: 0 0 20px 0;
}

#brochure .unit p.line {
margin: 0 0 40px 0;
}

#brochure .unit p.line img {
width: 150px;
}

#brochure .unit p.line img:hover {
opacity: 0.8;
}

#brochure #content p.button,
#brochure #content p.pdf {
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 50px 0;
}

#brochure #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#brochure #content p.pdf a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#brochure #content p.button a:link, #brochure #content p.button a:visited,
#brochure #content p.pdf a:link, #brochure #content p.pdf a:visited {
color: #282828;
text-decoration: none;
}

#brochure #content p.button a:hover,
#brochure #content p.pdf a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Learning
----------------------------------------------------------------- */

#learning .unit {
margin: 0;
padding: 0 0 80px 0;
}

#learning h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#learning .unit p {
margin: 0 0 20px 0;
}

#learning #content p.button {
width: 490px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 20px 0;
}

#learning #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#learning #content p.button a:link, #learning #content p.button a:visited {
color: #282828;
text-decoration: none;
}

#learning #content p.button a:hover {
color: #777;
text-decoration: none;
}

#learning .flowwrap {
width: 1000px;
min-height: 200px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0 0 40px 0;
padding: 0;
}

#learning .flow {
width: 200px;
min-height: 200px;
box-sizing: border-box; 
border: 3px solid #ddd;
margin: 0;
padding: 30px 10px;
}

#learning .flow h3 {
width: 50px;
text-align: center;
border-bottom: 5px solid #eee;
padding: 0 0 20px 0;
margin: 0 auto 20px auto;
}

#learning .flow h3 .step {
display: block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.2rem;
font-size: 1.2rem;
margin: 0 0 5px 0;
}

#learning .flow h3 .num {
display: block;
font-size: 3rem;
letter-spacing: 0.2rem;
font-weight: 300;
font-family: 'Oswald', sans-serif;
}

#learning .flow h4 {
text-align: center;
font-size: 1.4rem;
font-weight: bold;
margin: 0 auto;
}

#learning .flowarrow {
width: 14px;
height: 24px;
margin: 0;
padding: 0;
}

#learning .flow5 {
width: 100%;
box-sizing: border-box; 
border: 3px solid #ddd;
margin: 0 0 40px 0;
padding: 30px 45px;
}

#learning .flow5 h4 {
text-align: center;
font-size: 1.4rem;
font-weight: bold;
margin: 0 auto 20px auto;
}

#learning .innerwrap {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
padding: 0;
}

#learning .inner {
width: 270px;
box-sizing: border-box; 
margin: 0;
padding: 0;
}

#learning .inner img {
width: 270px;
}

/* ----------------------------------------------------------------
Annual Schedule
----------------------------------------------------------------- */

#schedule h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#schedule table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
margin: 20px 0 40px 0;
padding: 0;
}

#schedule th {
text-align: center;
color: #282828;
font-size: 1.4rem;
background: #eee;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 6px 12px;
white-space: nowrap;
}

#schedule td {
vertical-align: top;
color: #282828;
font-size: 1.4rem;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 20px 25px;
}

#schedule .excerpt,
#schedule .detail {
width: 46%;
box-sizing: box;
}

#schedule .month {
font-weight: bold;
text-align: center;
background: #efefef;
padding: 20px 10px;
}

#schedule p {
margin: 0 0 50px 0;
padding: 0;
}

#schedule td p {
margin: 0 0 90px 0;
padding: 0;
}

/* ----------------------------------------------------------------
Prof Single
----------------------------------------------------------------- */

#prof.single #content .unit {
margin: 0 0 50px 0;
padding: 0;
border-bottom: none;
}

#prof.single #content dl.class dt.wide {
width: 130px;
}

#prof.single .excerpt {
margin: 0 0 60px 0;
}

#prof.single .block {
margin: 0 0 60px 0;
}

#prof.single .block h3 {
font-size: 1.5rem;
line-height: 3rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 40%;
margin: 0 0 20px 0;
padding: 0 0 10px 30px;
}

#prof.single .block p {
line-height: 3.2rem;
}

#prof.single .block p .paper {
display: inline-block;
line-height: 2.4rem;
margin-bottom: 15px;
}

#prof.single #content p.button {
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 50px 0;
}

#prof.single #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#prof.single #content p.button a:link, #prof.single #content p.button a:visited {
color: #282828;
text-decoration: none;
}

#prof.single #content p.button a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Interview
----------------------------------------------------------------- */

#prof.interview #content .excerpt {
margin: 0 0 50px 0;
padding: 0;
}

#prof.interview #content .unit {
margin: 0 0 50px 0;
padding: 0;
border-bottom: none;
}

#prof.interview .block {
margin: 0 0 60px 0;
}

#prof.interview #content h3 {
font-size: 1.5rem;
line-height: 3rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 40%;
margin: 0 0 20px 0;
padding: 0 0 10px 30px;
}

#prof.interview #content p {
line-height: 3.2rem;
margin: 0 0 20px 0;
}

#prof.interview #content li {
margin: 0 0 10px 0;
}

#prof.interview #content p.button {
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 50px 0;
}

#prof.interview #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#prof.interview #content p.button a:link, #prof.interview #content p.button a:visited {
color: #282828;
text-decoration: none;
}

#prof.interview #content p.button a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Journal
----------------------------------------------------------------- */

#journal #content ul.language {
width: 250px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #ccc;
margin: 0 auto 50px auto;
}

#journal #content ul.language li {
display: block;
width: 95px;
font-size: 1.3rem;
line-height: 2.2rem;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 0;
margin: 0;
}

#journal #content ul.language li:first-child {
margin: 0 10px 0 20px;
}

#journal #content ul.language li:last-child {
margin: 0 30px 0 0;
}

#journal #content ul.language li a {
display: block;
width: 45px;
font-size: 1.5rem;
padding: 15px 15px 15px 35px;
margin: 0;
}

#journal #content ul.language li a:link, #journal #content ul.language li a:visited {
color: #282828;
text-decoration: none;
}

#journal #content ul.language li a:hover {
color: #777;
text-decoration: none;
}

#journal #content h2 {
font-size: 1.7rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#journal #content ul {
width: 1000px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

#journal #content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 940px;
font-size: 1.3rem;
line-height: 2.2rem;
background: #efefef url(/wp-content/uploads/common/icon_pdf.png) no-repeat 15px 50%;
padding: 14px 12px 14px 45px;
margin: 0 0 15px 0;
}

#journal #content ul li span.title {
display: inline-block;
max-width: 720px;
padding: 0 10px 0 0;
}

#journal #content ul li span.page {
display: inline-block;
color: #999;
text-align: center;
font-weight: normal;
letter-spacing: 0rem;
margin: 0 0  0 auto;
padding: 0 20px;
}

#journal #content ul li span.name {
display: inline-block;
width: 85px;
line-height: 2rem;
text-align: right;
font-weight: normal;
letter-spacing: 0rem;
border-left: 1px solid #cdcdcd;
padding: 0 10px 0 15px;
}

#journal #content ul li span.name.wide {
width: 150px;
}

#journal.en #content ul li span.name {
width: 150px;
}

#journal #content ul li span.name.multi {
width: 250px;
text-align: left;
}

#journal.en #content ul li span.name.multi {
width: 270px;
text-align: left;
}

#journal #content ul li .title a:link, #journal #content ul li .title a:visited {
color: #282828;
text-decoration: none;
}

#journal #content ul li .title a:hover {
color: #777;
text-decoration: none;
}

#journal #content ul li .name a:link, #journal #content ul li .name a:visited {
color: #282828;
text-decoration: none;
}

#journal #content ul li .name a:hover {
color: #777;
text-decoration: none;
}

.backissues {
margin: 0 auto 30px auto;
}

.backissues select {
-webkit-appearance: none;
appearance: none;
width: 200px;
box-sizing: border-box;
font-size: 1.5rem;
border: 2px solid #ccc;
border-radius: 0;
background: #fff;
padding: 15px 20px;
}

.backissues .selectbox::after {
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
right:5%;
top:35%;
border-bottom:#333 2px solid;
border-right:#333 2px solid;
transform:rotate(45deg)translateY(-30%);
}

/* ----------------------------------------------------------------
Journal How to
----------------------------------------------------------------- */

#journalhowto p img {
max-width: 100%;
}

#journalhowto h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#journalhowto h3 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
margin: 0 0 10px 0;
padding: 20px 0 0 0;
}

#journalhowto p {
margin: 0 0 20px 0;
padding: 0;
}

/* ----------------------------------------------------------------
Access
----------------------------------------------------------------- */

#access #route {
width: 100%;
margin-bottom: 15px;
}

#access #route .left {
height: 30px;
line-height: 30px;
border-left: 10px solid #ff5100;
padding-left: 15px;
margin-bottom: 10px;
}

#access #route .right {
height: 30px;
line-height: 30px;
border-left: 10px solid #000;
padding-left: 15px;
}

#access #routemap {
width: 100%;
margin-bottom: 60px;
}

#access iframe {
width: 100%;
}

#access .gmap a {
font-size: 1.2rem;
color: #fff;
text-decoration: none;
background: #ff0000;
padding: 5px;
margin-left: 10px;
}

#access .gmap a:hover {
background: #d50a0a;
}

#access .gmap a:link,
#access .gmap a:visited,
#access .gmap a:hover,
#access .gmap a:active; {
color: #fff;
text-decoration: none;
}

#access .unit {
margin: 0;
padding: 0 0 80px 0;
}

#access h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#access .unit h3 {
font-size: 1.5rem;
margin: 0 0 5px 0;
padding: 0;
}

#access .unit p {
margin: 0 0 20px 0;
}

#access .unit p#map {
text-align: center;
}

#access .unit p#map img {
width: 75%;
}

#access .unit p#map2 {
text-align: center;
}

#access .unit p#map2 img {
}

#access .wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

#access .wrap2 .unit {
width: 45%;
margin: 0;
padding: 0 0 40px 0;
}

/* ----------------------------------------------------------------
Q & A
----------------------------------------------------------------- */

#faq .unit {
margin: 0;
padding: 0 0 60px 0;
}

#faq #content h2 {
font-size: 1.6rem;
line-height: 2rem;
background: #eee;
margin: 0 0 20px 0;
padding: 15px 20px 15px 20px;
}

#faq #content h2 span {
color: #f00;
font-size: 2rem;
line-height: 2rem;
margin: 0 15px 0 0;
padding: 15px 0;
}

#faq #content p {
margin: 0 0 20px 0;
}

#faq table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 30px 0;
}

#faq table.narrow {
width: 45%;
}

#faq table th {
font-size: 1.3rem;
font-weight: normal;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#faq table td {
font-size: 1.3rem;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#faq table.schedule {
width: 750px;
}

#faq table.schedule th {
width: 60px;
background: #eee;
padding: 10px 20px;
}

#faq table.schedule td {
padding: 10px 20px;
}

#faq table.ratio {
margin: 0 0 40px 0;
}

#faq table.ratio th {
font-weight: bold;
background: #ddd;
padding: 5px 10px;
}

#faq table.ratio td {
padding: 5px 10px;
}

#faq table.ratio tr:nth-child(even) td {
background: #fff;
}

#faq table.ratio tr:nth-child(odd) td {
background: #eee;
}

#faq #content p.button {
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 50px 0;
}

#faq #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#faq #content p.button a:link, #faq #content p.button a:visited {
color: #282828;
text-decoration: none;
}

#faq #content p.button a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Long term study
----------------------------------------------------------------- */

#lts h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#lts h3 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
border-bottom: 1px solid #dedede;
margin: 0 0 10px 0;
padding: 30px 0 10px 0;
}

#lts h4 {
font-size: 1.4rem;
font-weight: normal;
margin: 0 0 10px 0;
}

#lts #content p {
margin: 0 0 30px 0;
}

#lts table.fee {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 30px 0;
}

#lts table.fee th {
font-weight: bold;
text-align: center;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #ddd;
padding: 5px 10px;
}

#lts table.fee td {
text-align: right;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#lts table.fee tr:nth-child(even) td {
background: #fff;
}

#lts table.fee tr:nth-child(odd) td {
background: #eee;
}

#lts table.apply {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 30px 0;
}

#lts table.apply th {
width: 17%;
font-weight: normal;
vertical-align: top;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #eee;
padding: 10px 20px;
}

#lts table.apply td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 20px;
}

/* ----------------------------------------------------------------
Entry
----------------------------------------------------------------- */

#content .entry {
margin: 0;
}

#content .entrycontent {
padding: 0 0 100px 0;
}

#content .entry h2 {
font-size: 1.6rem;
margin: 0 0 20px 0;
}

#content .entry .entrytitle h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: -20px 0 20px 0;
padding: 20px 0 15px 30px;


margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#content .entry h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
margin: 60px 0 20px 0;
padding: 5px 0 5px 15px;
border-left: 2px solid #222;
}

#content .entry h4 {
font-size: 1.5rem;
border-bottom: 1px solid #ddd;
margin: 30px 0 20px 0;
padding: 0 0 10px 0;
}

#content .entry p {
margin: 0 0 20px 0;
}

#content .entry iframe {
margin: 0 0 20px 0;
}

.default #content h4 {
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0.1rem;
margin: 0 0 10px 0;
padding: 20px 0 10px 0;
}

.default #content p {
margin: 0 0 20px 0;
}

.default #content video {
margin: 0 0 40px 0;
}

#content .entry .button {
display: block;
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#content .entry .button:link, #content .entry .button:visited {
color: #282828;
text-decoration: none;
}

#content .entry .button:hover {
color: #777;
text-decoration: none;
}

#content .entry a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 5px 0 5px 25px;
}

/* ----------------------------------------------------------------
Member
----------------------------------------------------------------- */

#member #content ul.shortcut {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 100px 0;
}

#member #content ul.shortcut li {
width: 160px;
height: 160px;
margin: 0 20px 10px 20px;
}

#member #content ul.shortcut li:hover {
background: #efefef;
}

#member #content {
margin-bottom: 60px;
}

#member #content dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

#member #content dt {
font-weight: bold;
width: 190px;
background: #f1f1f1;
padding: 15px 30px;
}

#member #content dd {
width: 688px;
border-right: 1px solid #ccc;
padding: 15px 30px;
}

#member #content dl:last-of-type {
border-bottom: 1px solid #ccc;
}

#member #content p {
margin-bottom: 20px;
}

#member #content dd.small p {
font-size: 1.3rem;
line-height: 2.4rem;
margin-bottom: 15px;
}

#member #content dd a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 5px 0 5px 25px;
margin-bottom: 10px;
}

#member #content dd a.word {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 5px 0 5px 25px;
margin-bottom: 10px;
}

/* ----------------------------------------------------------------
Professors' Contact
----------------------------------------------------------------- */

#profcontact table {
margin: 0 0 60px 0;
}

#profcontact table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 30px 0;
}

#profcontact table th {
font-size: 1.3rem;
font-weight: normal;
background: #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#profcontact table td {
font-size: 1.3rem;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#profcontact table tr.alt td.column-1 {
background: #ddd;
}

#profcontact table tr:nth-child(odd) td {
background: #eee;
}

/* ----------------------------------------------------------------
Documents
----------------------------------------------------------------- */

#documents .unit {
margin: 0 0 80px 0;
}

#documents h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#documents #content p {
line-height: 3.4rem;
margin: 0 0 30px 0;
}

#documents #content a.word,
#documents #content a.exel {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 5px 0 5px 25px;
margin-bottom: 10px;
}

/* ----------------------------------------------------------------
Certificate
----------------------------------------------------------------- */

#certificate .unit {
margin: 0 0 80px 0;
}

#certificate h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#certificate #content p {
margin: 0 0 30px 0;
}

#certificate #content a.exel {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 5px 0 5px 25px;
margin-bottom: 10px;
}

/* ----------------------------------------------------------------
Feature
----------------------------------------------------------------- */

#feature .headline {
margin: 0 0 100px 0;
padding: 0;
}

#feature .headline h3 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#feature .headline p {
margin: 0 0 20px 0;
padding: 0;
}

#feature .unit {
border-bottom: 1px solid #ddd;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 60px 0;
padding: 0 0 60px 0;
}

#feature #content .col1 {
width: 150px;
}

#feature #content .col2 {
width: 550px;
padding-right: 20px;
}

#feature #content .col3 {
margin-left: auto;
}

#feature #content .col3 img {
width: 250px;
}

#feature #content h2 {
clear: both;
font-size: 2.3rem;
line-height: 3.6rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin-bottom: 20px;
}

/* ----------------------------------------------------------------
Contact
----------------------------------------------------------------- */

#contact .unit {
margin: 0 0 80px 0;
padding: 0;
}

#contact h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0 0 20px 0;
padding: 0 0 15px 30px;
}

#contact .unit p {
margin: 0 0 20px 0;
padding: 0;
}

#contact #content p.button {
width: 220px;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef;
margin: 0 0 50px 0;
}

#contact #content p.button a {
display: block;
height: 30px;
line-height: 30px;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 15px 50%;
padding: 12px 20px 12px 45px;
}

#contact #content p.button a:link, #contact #content p.button a:visited {
color: #282828;
text-decoration: none;
}

#contact #content p.button a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Library
----------------------------------------------------------------- */

#library h3 {
padding: 10px 0 0 0; 
margin: 0 0 10px 0;
}

#library p {
margin: 0 0 40px 0;
}

#library table {
margin: 0 0 60px 0;
}

#library table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 0 0 30px 0;
}

#library table th {
font-size: 1.3rem;
font-weight: normal;
background: #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#library table td {
font-size: 1.3rem;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}

#library table td.column-1 {
width: 30%;
}

#library table tr:nth-child(even) td {
background: #eee;
}

#library textarea {
border: 1px solid #ccc;
min-width: 600px;
min-height: 200px;
}

#library input[type="submit"] {
color:#333;
font-size: 1.8rem;
letter-spacing: 0.2rem;
font-weight: bold;
border: 1px solid #cdcdcd;
padding: 10px 20px;
background:#ccc;
}

#library input[type="submit"]:hover {
background:#aaa;
}

/* ----------------------------------------------------------------
Enquette
----------------------------------------------------------------- */

#enquette p {
margin: 0 0 40px 0;
}

#enquette textarea {
border: 1px solid #ccc;
min-width: 600px;
min-height: 200px;
}

#enquette input[type="submit"] {
color:#333;
font-size: 1.8rem;
letter-spacing: 0.2rem;
font-weight: bold;
border: 1px solid #cdcdcd;
padding: 10px 20px;
background:#ccc;
}

#enquette input[type="submit"]:hover {
background:#aaa;
}

/* ----------------------------------------------------------------
News archive
----------------------------------------------------------------- */

.news.archive #content h2 {
font-size: 1.8rem;
line-height: 2rem;
letter-spacing: 0.2rem;
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/icon_headline.png) no-repeat 0 30%;
margin: 0;
padding: 0 0 15px 30px;
}

.news.archive #content ul {
margin-bottom: 50px;
}

.news.archive #content li {
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/arrow_right.png) no-repeat 10px 50%;
padding: 14px 0 14px 30px;
}

.news.archive #content li .date {
margin: 0 50px 0 0;
}

/* ----------------------------------------------------------------
Footerlink
----------------------------------------------------------------- */

#footerlink {
width: 1000px;
text-align: left;
margin: 0 auto;
padding: 50px 0 20px 0;
}

#footerlink ul {
width: 1020px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

#footerlink li {
width: 231px;
font-weight: bold;
font-size: 1.4rem;
border: 2px solid #f00;
margin: 0 20px 0 0;
padding: 0;
}

#footerlink li:nth-child(3) {
display: none;
}

#footerlink li a {
display: block;
height: 30px;
line-height: 30px;
padding: 8px 20px;
}

#footerlink li a.login {
background: url(/wp-content/uploads/common/icon_key_red.png) no-repeat 95% 50%;
}

#footerlink li a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 95% 50%;
background-size: 12px;
}

#footerlink li a.out {
background: url(/wp-content/uploads/common/icon_link_red.png) no-repeat 95% 50%;
}

#footerlink li a:link, #footerlink li a:visited {
color: #f00;
text-decoration: none;
}

#footerlink li a:hover {
color: #f66;
text-decoration: none;
}

/* ----------------------------------------------------------------
Footer
----------------------------------------------------------------- */

#footer {
width: 100%;
text-align: left;
background: #f5f5f5;
padding: 50px 0 30px 0;
}

#footer .inner {
width: 1000px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}

#footer .col1 {
width: 260px;
}

#footer #nu {
margin: 0 0 20px 0;
}

#footer #gssc {
margin: 0 0 30px 0;
}

#footer li a.out {
background: url(/wp-content/uploads/common/icon_link.png) no-repeat 100% 50%;
padding: 2px 25px 2px 0;
}

#footer li a img:hover {
opacity: 0.8;
}

#footer h3 {
font-size: 1.4rem;
}

#footer ul {
margin: 0 0 20px 0;
}

#footer li {
font-size: 1.4rem;
}

/* ----------------------------------------------------------------
Copyright
----------------------------------------------------------------- */

#copyright {
width: 100%;
height: 76px;
box-sizing: border-box;
color: #eee;
background: #222;
font-size: 1.1rem;
font-weight: 400;
font-family: Montserrat,"Helvetica Neue",sans-serif;
letter-spacing: 0.1rem;
border-top: 1px solid #eee;
padding: 25px 0;
}

/* ----------------------------------------------------------------
Search
----------------------------------------------------------------- */

.gs-title {
text-align: left;
}

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

#___gcse_0 {
width: 230px;
margin-left: 20px;
}

input.gsc-input {
font-size: 14px!important;
height: 16px!important;
padding: 0!important;
}

.gsc-input-box {
height: auto;
border-right: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input,
.gsc-search-box-tools .gsc-search-box .gsc-search-button {
padding: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-search-button {
margin-left: 5px;
}

.gsc-control-cse table .gsib_a input {
font-size: 12px;
}

.gsc-control-cse table .gsc-search-button {
width: 30px;
height: 30px;
text-align: center;
}

.gsc-control-cse table .gsc-search-button input {
width: 15px!important;
height: 15px!important;
margin: 0!important;
cursor: pointer;
}

.gsc-control-cse table .gsib_a {
padding: 0 5px 0 46px;
background-position: left 8px center!important;
}

form.post-password-form {
padding: 200px 0;
}

.gsc-control-cse table .gsib_b {
height: 30px;
width: 30px;
padding: 0;
}

form.gsc-search-box {
margin: 0!important;
}


#mainvisual.journal-top {
z-index: 2;
width: 100%;
height: auto;
background: url(/wp-content/uploads/common/bg_mainvisual.png) no-repeat 0 0;
background-size: cover;
border-bottom: 1px solid #dcdcdc;
margin: 0 auto 60px auto;
}

#mainvisual.journal-top h1 {
font-size: 2.6rem;
letter-spacing: 0.2rem;
font-weight: bold;
padding: 80px 0 10px 0;
}

#mainvisual.journal-top h2 {
text-align: center;
font-size: 2.2rem;
line-height: 3.2rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
background: none;
margin: 20px 0;
}

#mainvisual.journal-top p {
color: #000;
font-size: 1.2rem;
letter-spacing: 0.1rem;
font-weight: normal;
}

#mainvisual.journal-top p span {
display: inline-block;
margin-top: 20px;
}

.btn a {
font-size: 1.3rem;
background: #fff;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
box-sizing: border-box;
width: 200px;
padding: 10px 16px;
color: #313131;
border: 1px solid #ccc;
font-weight: 500;
}

.btn a:hover {
background: #313131;
color: #FFF;
}

.btn a::before {
content: '';
width: 5px;
height: 5px;
border-top: 2px solid #313131;
border-right: 2px solid #313131;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
left: 20px;
border-radius: 1px;
}

.btn a:hover::before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}

#mainvisual.journal-top .backissues {
margin: 30px auto 80px auto;
}

#mainvisual.journal-top .backissues select {
-webkit-appearance: none;
appearance: none;
width: 200px;
box-sizing: border-box;
font-size: 1.5rem;
border: 2px solid #ccc;
border-radius: 0;
background: #fff;
padding: 12px 20px;
}

#mainvisual.journal-top .backissues .selectbox::after {
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
right:5%;
top:35%;
border-bottom:#333 2px solid;
border-right:#333 2px solid;
transform:rotate(45deg)translateY(-30%);
}

#cover {
width: 100%;
text-align: center;
border: solid 1px #999;
outline: solid 2px #999;
outline-offset: 2px;
box-sizing: border-box;
margin-bottom: 60px;
padding: 35px 30px 20px 30px;
}

#cover .backissues select {
-webkit-appearance: none;
appearance: none;
width: 200px;
box-sizing: border-box;
font-size: 1.5rem;
border: 2px solid #ccc;
border-radius: 0;
background: #fff;
padding: 12px 20px;
}

#cover .backissues .selectbox::after {
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
right:5%;
top:35%;
border-bottom:#333 2px solid;
border-right:#333 2px solid;
transform:rotate(45deg)translateY(-30%);
}

#journal #content #cover h2 {
text-align: center;
font-size: 2.4rem;
line-height: 3.6rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
background: none;
margin-bottom: 20px;
}

#cover h3 {
text-align: center;
font-size: 1.9rem;
line-height: 3rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin-bottom: 20px;
}

#cover p {
text-align: center;
margin-bottom: 15px;
}

#content #cover a:link, #content #cover a:visited {
text-decoration: none;
}

#content #cover a:active, #content #cover a:hover {
text-decoration: none;
}

#content #cover .btn a {
font-size: 1.3rem;
background: #fff;
border-radius: 3px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
box-sizing: border-box;
width: 150px;
padding: 10px 16px;
color: #313131;
border: 1px solid #ccc;
font-weight: 500;
}

#content #cover .btn a:hover {
background: #313131;
color: #FFF;
}

#content #cover .btn a::before {
content: '';
width: 5px;
height: 5px;
border-top: 2px solid #999;
border-right: 2px solid #999;
transform: rotate(45deg) translateY(-50%);
position: absolute;
top: 50%;
left: 20px;
border-radius: 1px;
}

#content #cover .btn a:hover::before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}

#colophon {
width: 100%;
border: solid 1px #999;
outline: solid 2px #999;
outline-offset: 2px;
box-sizing: border-box;
margin-bottom: 60px;
padding: 35px 30px 20px 30px;
}

#colophon h3 {
text-align: center;
font-size: 1.8rem;
line-height: 3rem;
margin-bottom: 20px;
}

#colophon p {
text-align: center;
margin-bottom: 15px;
}

.fix p {
margin-bottom: 20px;
}

.fix table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-collapse: collapse;
margin-bottom: 60px;
}

.fix table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #eee;
padding: 15px 25px;
}

.fix table td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
vertical-align: top;
padding: 15px 25px;
}

#journal.journal-first #content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 940px;
font-size: 1.3rem;
line-height: 2.2rem;
background: #efefef;
padding: 14px 12px 14px 25px;
margin: 0 0 15px 0;
}

#journal.journal-first #content ul li .max {
width: 320px;
}

#journal.journal-first #content ul li .wide {
width: 150px;
}

#content span.btn a:link, #content span.btn a:visited {
color: #313131;
text-decoration: none;
}

#content span.btn a:active, #content span.btn a:hover {
color: #fff;
text-decoration: none;
}

#pagetotop {
position: fixed;
display: block;
right: 0;
bottom: 0;
letter-spacing: 0;
width: 79px;
height: 75px;
background: #222;
}

#pagetotop a {
text-align: center;
width: 80px;
height: 80px;
font-size: 0.9rem;
font-weight: bold;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-end;
align-items: flex-end;
}

#pagetotop a span {
padding-bottom: 5px;
}

#pagetotop a:link,
#pagetotop a:visited {
color: #fff;
}

#pagetotop a:hover {
cursor: pointer;
color: #ccc;
}

#pagetotop span::before {
position: absolute;
display: inline-block;
content: "";
right: calc(50% - 7px);
top: calc(50% - 13px);
width: 12px;
height: 12px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#pagetotop a:hover span::before {
border-top: 3px solid #ccc;
border-right: 3px solid #ccc;
}