/*
Theme Name: shizuringi
Theme URI:
Author: SPAREBUTTON
Author URI:
Description:
Version: 1.0
*/

body { -webkit-text-size-adjust:100%; font-family:Arial, sans-serif; }
a { outline:0; text-decoration:none; color:#5B86DC; }
form { font-size:100%; }
img { vertical-align:bottom; }
input[type=button], input[type=reset], input[type=submit] { border:solid 1px #c4c4c4; background-color:#fff; font-size:90%; border-radius:5px; padding:2px 6px; }
input[type=button]:active, input[type=reset]:active, input[type=submit]:active { background-color:#ccc; }

/******************************************************************************************************* Lang */
html[lang=ja] body { font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

/******************************************************************************************************* Classes */
.sans-serif { font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
.serif { font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif; }
.hover-transition { transition:opacity 0.2s; }
.hover-transition:hover { opacity:0.6; }
.table { display:table; }
.table-row { display:table-row; }
.table-cell { display:table-cell; }
.flex { display:flex; }
.flex-shrink-0 { flex-shrink:0; }
.flex-shrink-1 { flex-shrink:1; }
.font-small { font-size:smaller; }

/******************************************************************************************************* #page */
#page { margin:0 auto; min-width:320px; width:960px; box-sizing:border-box; }

/******************************************************************************************************* #header */
#header { margin-bottom:30px; }
#header h1 { padding:20px 0; }
#header h1 a { display:block; background-image:url(images/logo.png); width:300px; height:43px; background-repeat:no-repeat; text-indent:-2000px; }

/******************************************************************************************************* nav */
#nav { }
#menu-container-main { }
#menu-ul-main { width:100%; overflow:hidden; background-color:#333; }
#menu-container-main .menu-item { float:left; }
#menu-container-main .menu-item a { display:block; box-sizing:border-box; float:left; padding:0 50px 0 8px; border-left:solid 4px #5F90FF; color:#fff; font-size:14px; line-height:28px; transition:background-color 0.2s; }
#menu-container-main .menu-item a:hover { background-color:#ddd; color:#000; }
#menu-container-main .menu-item.current-menu-item a,
#menu-container-main .menu-item.current-menu-parent a { }
nav.bread { font-size:75%; margin-top:60px; color:#bbb;}
nav.bread a:hover { text-decoration:underline; }

/******************************************************************************************************* #container */
#container { width:100%; overflow:hidden; }

/******************************************************************************************************* #content */
#content { width:100%; min-height:500px; padding-bottom:30px; }
body.home #content { width:720px; float:right; }

#content .archives { margin-top:30px; min-height:300px; }
#content .archives article { background-color:#eee; padding:10px; }
#content .archives article h1 { background-color:#fff; padding:10px; margin-bottom:10px; border-right:solid 3px #eee; border-left: solid 5px #5B86DC; }
#content .archives article + article { margin-top:30px; }
#content .archives article .table-cell { background-color:#fff; border:solid 3px #eee; padding:5px 10px; }
.table.archive { width:100%; }
.table.archive .table-cell.header { width:70px; }
.archive-link { text-align:right; margin-top:5px; padding-right:3px; }
.archive-link a { display:inline-block; background-color:#5B86DC; color:white; padding:5px 15px; font-size:80%; border-radius:3px; }
#content .archives article .caption { font-size:75%; padding-left:12px; }
#content .archives article .caption:first-child { margin-top:5px; margin-bottom:10px; }
#content .archives article .caption:last-child { margin-top:10px; margin-bottom:5px; }

/******************************************************************************************************* article */
article { }
article .item { margin-bottom:15px; }
article .item img { width:100%; height:auto; }
article .item.border { border:solid 1px #ccc; }
article .entry-title { margin-bottom:40px; line-height:1.5; }
article .entry-content { }
article .entry-meta { }
article .edit-link { font-size:80%; font-weight:normal; }

/******************************************************************************************************* category, single-post */
body.category #content article { margin:20px 0; padding:0 15px 20px 15px; border-bottom:solid 1px #ccc; }
body.single-post #content article { margin:20px 0; padding:0 15px 60px 15px; border-bottom:solid 1px #ccc; }
.cat-title { font-size:20px; padding:0 0 10px;; border-bottom:solid 1px #5F90FF; margin-bottom:60px; }
body.category #content article .entry-date, body.single-post #content article .entry-date { font-size:85%; color:#999; margin-bottom:10px;}
body.category #content article .entry-title, body.single-post #content article .entry-title { margin-bottom:15px; }

/******************************************************************************************************* .entry-content */
.entry-content { line-height:1.8; font-size:100%;}
.entry-content ul, .entry-content ol { margin:1em 0 1em 2em; }
.entry-content p { margin:1em 0; }
.entry-content ul:first-child, .entry-content ol:first-child, .entry-content p:first-child { margin-top:0; }
.entry-content ul:last-child, .entry-content ol:last-child, .entry-content p:last-child { margin-bottom:0; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin:1em 0; line-height:1; }
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top:0; }
.entry-content h1, .entry-content xx-large { font-size:160%; }
.entry-content h2, .entry-content x-large { font-size:140%; }
.entry-content h3, .entry-content large { font-size:120%; }
.entry-content h4, .entry-content medium { font-size:100%; }
.entry-content h5, .entry-content small { font-size:90%; }
.entry-content h6, .entry-content x-small { font-size:80%; }
.entry-content xx-small { font-size:70%; }
.entry-content img { max-width:100%; height:auto; }
.entry-content td { vertical-align:top; }
.entry-content blockquote { padding:30px; margin:30px 0; background-color:#f9f9f9; border:solid 1px #ddd; border-radius:5px; }

.entry-content .box { border:solid 1px #EAE7CE; padding:20px; background-color:#FDFBF0; }
.entry-content ul.tab { list-style:none; margin:30px 0 50px; width:100%; overflow:hidden; }
.entry-content ul.tab li { float:left; border:solid 1px #ccc; margin-right:5px; margin-bottom:5px; }
.entry-content ul.tab li a { display:inline-block; padding:5px 20px; font-size:110%; font-weight:bold; background-color:#f0f0f0; transition:background-color 0.2s; }
.entry-content ul.tab li a:hover { background-color:#E7EFFF; }
.entry-content ul.tab li.current a { background-color:white; }

.entry-content h1.page-title { padding:0 0 10px;; border-bottom:solid 1px #5F90FF; margin-bottom:30px; font-size:20px; }

.entry-content h2 { margin:50px 0 30px; border-left:solid 5px #5F90FF; padding:7px 10px; background-color:#666; color:#fff; font-weight:normal; border-radius:5px;  }
.columns { margin:0 30px; overflow:hidden;  }
.columns + .columns { margin-top:20px;  }
.columns .c25 { float:left; width:30%;  }
.columns .c75 { line-height:140%; box-sizing:border-box; padding:0 0 0 20px; float:left; width:70%;  }
.c75 h1 { margin:30px 0 3px;  }
.c25 img { width:100%; height:auto; }
.grid-box { overflow:hidden; margin:0 20px; }
.grid-box .item { box-sizing:border-box; width:33.33%; float:left; padding:0 10px; font-size:85%; line-height:150%; }

/******************************************************************************************************* messege */
.messege-list { width:100%; overflow: hidden; }
.messege-list > * { float:left; width:33.33%; box-sizing: border-box; padding: 10px; }
.messege-list a { display: block;  color:#000; padding-left: 7px; border-left:solid 4px #5F90FF; min-height:60px; transition: background-color 0.2s; }
.messege-list a:hover { background-color: #e7efff; }
.messege-list .org { font-size:85%; }
.messege-list .name { font-size:130%; margin-top: 10px; font-weight: bold; }
@media screen and (max-width: 767px) {
	.messege-list > * { width:50%; }
}
@media screen and (max-width: 567px) {
    .messege-list > * { width:100%; float:none; }
}

.message-item { max-width: 700px; margin: 0 auto; }
.message-header { padding-left: 7px; border-left:solid 5px #5F90FF; }
.message-header .org { font-size:85%; margin-bottom: 10px; }
.message-header .the-title { font-size:130%; margin-bottom: 30px; }
.message-header .grad-college { font-size:110%; margin-bottom: 10px; }
.message-header .grad-year { font-size:90%; }
.message-content {  margin-top: 30px; line-height: 1.8; }

/******************************************************************************************************* .members */
.members { margin:20px 15px; display:table; }
.members .member { display:table-row; }
.members .member > * { display:table-cell; padding:10px 30px 10px 5px; border-bottom:solid 1px #ccc; }
.members .member .job { font-size:75%; font-weight:bold; }
.members .member:first-child > * { border-top:solid 1px #ccc; }

/******************************************************************************************************* .files */
.files { margin:20px 15px; }
.files .file { margin:5px 0; }
.files .file a { display:inline-block; height:36px; line-height:36px; padding-left:36px; background-image:url(images/file.png); background-repeat:no-repeat; background-position:center left; color:black; font-size:85%; }
.files .file.PDF a { background-image:url(images/pdf.png); }
.files .file.Word a { background-image:url(images/word.png); }
.files .file.Excel a { background-image:url(images/excel.png); }
.files .file a:hover { text-decoration:underline; }

/******************************************************************************************************* .pagination */
.pagination { margin:60px 0 30px; padding:0 15px; }
.pagination .screen-reader-text { display:none; }
.pagination .nav-links { }
.nav-links .page-numbers { display:inline-block; border:solid 1px #ccc; padding:2px 5px; }
.nav-links .page-numbers.current { color:white; background-color:#ccc; }
.next-previous { width:100%; overflow:hidden; margin:30px 0; font-size:80%; }
.next-previous .next { display:block; float:left }
.next-previous .previous { display:block; float:right }

/******************************************************************************************************* #sidebar */
#sidebar { width:220px; float:left; margin-bottom:20px; }
.sidebar-info { box-sizing: border-box; border: solid 1px #ccc; border-radius: 5px; margin-bottom:20px; }
.sidebar-info h1 { font-size:85%; padding: 10px 10px 5px; border-bottom:solid 1px #5F90FF; }
.sidebar-info .item { border-bottom:dotted 1px #999; }
.sidebar-info .item a { display:block; color:#333; padding:10px; transition:background-color 0.2s; }
.sidebar-info .item a:hover { background-color:#eee; }
.sidebar-info .item.new a { text-align:center; background-color:#F0F9FF; color:#3FAFEC; font-size:75%; }
.sidebar-info .item .date { font-size:75%; margin-bottom:4px; color:#999; }
.sidebar-info .item .title { font-size:75%; line-height:120%; }
.sidebar-info .go-news { padding:10px; font-size:75%; }
#sidebar-banners { margin:10px 0; }
#sidebar-banners a { display:block; box-sizing:border-box; border:solid 1px #ccc; margin-bottom:10px; }
#sidebar-banners a img { width:100%; height:auto; }
#sidebar-banners .edit-link a { text-align:center; background-color:#F0F9FF; color:#3FAFEC; font-size:75%; padding: 5px 0; }
#sidebar-mobile { display:none; }

/******************************************************************************************************* front-page */
#home-slide-show { list-style:none; }
#home-slide-show li img { width:100%; height:auto; }
.slick-dots li button:before { font-size:10px; }
.slick-next { right:10px; z-index:1; }
.slick-prev { left: 10px; z-index:1; }
.home-content-header { padding:5px 15px 4px; background-color:#E7E7E7; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight:bold; border-bottom:solid 1px #5F90FF; margin-top:20px; }
.home-content { padding:10px; background-color:#F9FAFA; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom:20px; }
.home-content .combo-box { display:table; }
.home-content .combo-box + .combo-box { margin-top:10px; }
.home-content .combo-box > * { display:table-cell; }
.home-content .combo-box .left { padding-right:4px; }
.home-content .combo-box .right { padding-left:4px; }
.home-content img { border:solid 1px #b3b3b3; width:100%; height:auto; }
.home-content .note { background-color:#FFFAE2; border:solid 1px #b3b3b3; padding:9px 12px 12px 12px; margin:10px 0; }
.home-content .note-title { font-size:120%; margin-bottom:5px; }

/******************************************************************************************************* #shizuringi_news_grid */
#shizuringi_news_grid { overflow:hidden; }
#shizuringi_news_grid .item { overflow:hidden; position:relative; display:block; float:left; width:125px; height:125px; border:solid 1px #ccc; margin:0 10px 10px 0; box-sizing:border-box; padding:10px; transition:background-color 0.2s; background-image:url(images/icon_PDF.png); background-repeat:no-repeat; background-position:right bottom; background-color:#f8f8f8; }
#shizuringi_news_grid .item:hover { background-color:#E7EFFF; }
#shizuringi_news_grid .item .number { margin:5px 0 20px; font-size:130%; }
#shizuringi_news_grid .item .year { margin:0 0 3px; font-size:70%; color:#666; }
#shizuringi_news_grid .item .month { font-size:105%; color:#666; }
#shizuringi_news_grid .item.new { text-align:center; background-color:#F0F9FF; color:#3FAFEC; line-height:105px; font-size:80%; background-image:none; }
#shizuringi_news_grid .update:before { position:absolute; right:-32%; top:8%; color:#fff; background-color:#EA2525; content:'NEW'; text-align:center; font-size:12px; line-height:20px; height:20px; width:100%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }

/******************************************************************************************************* announce-content */
#announce-seminar {  margin-bottom:15px; }
.announce-combo-box { display:table; width:100%; margin-top:15px; }
.announce-combo-box > * { display:table-cell; vertical-align:top; }
.announce-combo-box > .left { width:252px; }
.announce-combo-box > .right { width:728px; padding:0 0 0 15px; }
.announce-content { border:solid 1px #ccc; padding:15px; }
.announce-content > h1 { border-left:solid 5px #5F90FF; padding:3px 0 3px 5px; font-size:140%; font-weight:normal; margin-bottom:25px; }
#announce-seminar .photo-text { display:table; width:100%; }
#announce-seminar .photo-text > * { display:table-cell; vertical-align:top; }
#announce-seminar .photo-text .photo { width:30%; line-height:1.4; }
#announce-seminar .photo-text .photo img { width:100%; height:auto; }
#announce-seminar .photo-text .text { width:70%; padding-left:25px; }
#announce-seminar .entry-title { margin-bottom:10px; color:#2865EE; font-size:110%; }
#announce-seminar article + article { border-top:dotted 1px #ccc; margin-top:15px; padding-top:15px; }
.announce .combo-box { display:table; width:100%; }
.announce .combo-box + .combo-box { margin-top:10px; }
.announce .combo-box > * { display:table-cell; width:50%; }
.announce .combo-box > .left { padding-right:4px; }
.announce .combo-box > .right { padding-left:4px; }
.announce .combo-box img { border:solid 1px #ccc; width:100%; height:auto; box-sizing:border-box; }
.announce .note { background-color:#FFFAE2; border:solid 1px #b3b3b3; padding:9px 12px 12px 12px; margin:10px 0; }
.announce .note-title { margin-bottom:5px; }
@media screen and (max-width: 767px) {
    .announce-combo-box, .announce-combo-box > * { display:block; }
    .announce-combo-box > .left { width:100%; }
    .announce-combo-box > .right { width:100%; padding:15px 1px 0 0; box-sizing:border-box; }
}
@media screen and (max-width: 567px) {
    #announce-seminar .photo-text, #announce-seminar .photo-text > * { display:block; }
    #announce-seminar .photo-text .photo { width:100%; }
    #announce-seminar .photo-text .text { width:100%; padding-left:0; padding-top:15px; }
    .announce .combo-box, .announce .combo-box > * { display:block; width:100%; }
    .announce .combo-box .left { padding-right:0; }
    .announce .combo-box .right { margin-top:10px; padding-left:0; }
}
 
/******************************************************************************************************* gakujutsu */
.gakujutsu { margin-left:15px; font-size:110%; }
.gakujutsu a:hover { text-decoration:underline; }
.announce-content h3 { font-size:85%; color:#666; margin-bottom:10px; }
.announce-content .gakujutsu { font-size:90%; margin:10px 0 10px 15px; }
.announce-content .gakujutsu + h3 { margin-top:20px; }

/******************************************************************************************************* relations */
.urls .url { padding-left:1em; }
.urls .url + .url { margin-top:10px; }

/******************************************************************************************************* supporters */
.supporters { margin-bottom:40px; }
.supporters .supporter { padding:15px; border-bottom:solid 1px #ccc; line-height:1.5; }
.supporters .supporter h1 { margin-bottom:5px; }
.supporters .supporter h1 span { font-weight:normal; font-size:90% ;display:inline-block; }
.supporters .supporter .address { padding-left:15px; font-size:85%; color:#666; }
.supporters .supporter .address span { display:inline-block; margin-right:15px; }

/******************************************************************************************************* recruit-form */
.form-table { display:table; }
.form-row { display:table-row; }
.form-row  > * { display:table-cell; vertical-align:middle; }
.form-row .form-label { font-size:90%; font-weight:bold; line-height: 1.5; }
.require { color:red; }
.form-row .form-item { padding:5px 10px; }
.form-row .form-item input[type=text], .form-row .form-item textarea { width:100%; max-width:380px; }
.form-row .form-item.zip input[type=text] { width:80px; }
.form-row .form-item.tel input[type=text] { width:160px; }
@media screen and (max-width: 567px) {
    .form-table { display:block; }
    .form-row { display:block; }
    .form-row  > * { display:block; }
    .form-row .form-item { padding:0; margin-bottom:20px; }
}

/******************************************************************************************************* #footer */
#footer { background-color: #4D4D4D; color: white; padding: 15px; margin-top: 10px; border-bottom: solid 3px #5F90FF; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#footer .combo-box { display:table; }
#footer .combo-box > * { display:table-cell; vertical-align:top; }
#footer .combo-box .label { display:inline-block; background-color:#FFFFFF; color:#4d4d4d; width:200px; text-align:center; padding:12px 0; font-size:18px; }
#footer .combo-box .left { padding-right:15px; }
#footer .combo-box .right { line-height:1.5; font-size:80%; } 

/******************************************************************************************************* Media Queries */

img.for-pc { display:inline-block; }
img.for-mb { display:none; }
@media screen and (max-width: 959px) {
#page { width:748px; }
body.home #content { width:508px; }
}
@media screen and (max-width: 767px) {
#page { width:548px; }
body.home #content { float:none; width:100%; }
#sidebar { float:none; width:100%; }
#sidebar-mobile { display:block; }
#sidebar .sidebar-info { display:none; }
}
@media screen and (max-width: 567px) {
#page { width:100%; padding:0 10px; }
#menu-container-main .menu-item { float:none; border-bottom:solid 1px #fff; }
#menu-container-main .menu-item a { float:none; padding-right:0; }
.members { display:block; }
.members .member { display:block; border-bottom:solid 1px #ccc; }
.members .member:first-child { border-top:solid 1px #ccc; }
.members .member > * { border:none; }
.members .member .job { display:block; padding-bottom:0;  }
.members .member .name, .members .member .org { displayinline-:block;}
.members .member:first-child > * { border:none; }
.home-content .combo-box { display:block; }
.home-content .combo-box > * { display:block; }
.home-content .combo-box .left { padding-right:0; }
.home-content .combo-box .right { margin-top:10px; padding-left:0; }
#footer .combo-box { display:block; }
#footer .combo-box > * { display:block; text-align:center; }
#footer .combo-box .left { padding-right:0; margin-bottom:10px; }
img.for-pc { display:none; }
img.for-mb { display:inline-block; }

}