@charset "UTF-8";
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}

@import url("https://fonts.googleapis.com/css?family=Cabin:500");
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}
html {
color: #000;
background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: "";
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
}
legend {
color: #000;
}
#yui3-css-stamp.cssreset {
display: none;
}
main {
display: block;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
} body {
position: relative;
left: 0;
overflow-x: hidden;
}
#slide_menu {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
} #slide_menu ul li {
border: 1px solid #EB613B;
}
#slide_menu ul li a {
padding: 10px 6% 10px 2%;
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#slide_menu ul li a::after {
clear: both;
content: "";
display: table;
}
#slide_menu ul li a .title {
display: block;
float: left;
}
#slide_menu ul li a .subtitle {
display: block;
float: right;
}
#slide_menu ul li .type01 {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_03.png) no-repeat 98% center;
background-size: auto 40%;
color: #EB613B;
font-size: 0.85rem;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
text-decoration: none;
}
#slide_menu ul li .type02 {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_04.png) no-repeat 98% center;
background-size: auto 40%;
color: #FFF;
background-color: #EB613B;
font-size: 0.85rem;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
text-decoration: none;
}
div#button img {
width: 10%;
}
div#button img#on {
display: none;
}
div#button.on img#on {
display: none;
}
div#button.on img#off {
display: block;
}
div#button.off img#on {
display: block;
}
div#button.off img#off {
display: none;
}
@media print, screen and (max-width: 1000px) {
.pc_only {
display: block;
}
}
@media screen and (min-width: 1001px) {
.pc_only {
display: block;
}
}
@media screen and (max-width: 640px) {
.pc_only {
display: none;
}
}
@media screen and (min-width: 1001px) {
.sp_only {
display: none;
}
}
@media print, screen and (max-width: 1000px) {
.sp_only {
display: none;
}
}
@media screen and (max-width: 640px) {
.sp_only {
display: block;
}
}
header {
margin: 1% auto;
padding: 0% 0;
}
@media screen and (min-width: 1001px) {
header {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
header {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
header {
width: 98%;
margin: 0 auto;
}
}
header .mainhetader {
width: 100%;
}
header .mainhetader .top_header {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
header .mainhetader .top_header::after {
clear: both;
content: "";
display: table;
}
header .mainhetader .top_header .menubotton_wapper {
width: 71.0405%;
float: left;
margin: 2% 0 0 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
header .mainhetader .top_header .menubotton_wapper::after {
clear: both;
content: "";
display: table;
}
header .mainhetader .top_header .menubotton_wapper h1 {
width: 63.1952%;
float: left;
color: #404040;
font-size: 0.85rem;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
header .mainhetader .top_header .menubotton_wapper ul {
width: 30.2011%;
text-align: left;
float: right;
}
header .mainhetader .top_header .menubotton_wapper ul li {
display: inline-table;
margin: 0 7% 0 0;
}
header .mainhetader .top_header .menubotton_wapper ul li:last-child {
margin: 0;
}
header .mainhetader .top_header .menubotton_wapper ul li a {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_03.png) no-repeat left center;
background-size: auto 100%;
color: #404040;
text-decoration: none;
padding: 0 0 0 25px;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
header .mainhetader .top_header .menubotton_wapper ul li a:hover {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_04.png) no-repeat left center;
background-size: auto 100%;
}
header .mainhetader .top_header .botton {
width: 25.9511%;
float: right;
}
header .mainhetader .top_header .botton img {
width: 100%;
height: auto;
}
header .mainhetader .bottome_header {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0% 0 2% 0;
}
header .mainhetader .bottome_header::after {
clear: both;
content: "";
display: table;
}
header .mainhetader .bottome_header .top {
width: 57.7761%;
float: left;
}
header .mainhetader .bottome_header .top img {
width: 100%;
height: auto;
}
header .mainhetader .bottome_header .tel_header {
width: 25.8381%;
float: right;
margin: 2% 0 0 0;
padding: 0 1% 0 0;
}
header .mainhetader .bottome_header .tel_header img {
width: 100%;
height: auto;
}
.head_botton_sp {
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 98%;
margin: 0 auto;
}
.head_botton_sp::after {
clear: both;
content: "";
display: table;
}
.head_botton_sp ul {
float: left;
margin: 2% 0 0 0;
width: 50.1504%;
}
.head_botton_sp ul li {
display: inline-table;
margin: 0 2% 0 0;
}
.head_botton_sp ul li:last-child {
margin: 0;
}
.head_botton_sp ul li a {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_03.png) no-repeat left 60%;
background-size: auto 100%;
color: #404040;
text-decoration: none;
padding: 0 0 0 20px;
font-size: 0.75rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.head_botton_sp .botton {
float: right;
width: 48.8019%;
}
.head_botton_sp .botton img {
width: 100%;
height: auto;
}
.telbox_sp {
text-align: right;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 2% auto 2% auto;
}
.telbox_sp::after {
clear: both;
content: "";
display: table;
}
.telbox_sp #button {
width: 10%;
float: left;
}
.telbox_sp #button img {
width: 100%;
height: auto;
}
.telbox_sp .telbox_l {
width: 49.8019%;
float: right;
margin: 2% 1% 2% 0%;
}
.telbox_sp .telbox_l img {
width: 100%;
height: auto;
}
.h1_sp {
color: #404040;
font-size: 0.85rem;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.top_sp {
margin: 2% auto;
width: 98%;
}
.top_sp img {
width: 100%;
height: auto;
}
.menu_wapper ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
@media print, screen and (max-width: 1000px) {
.menu_wapper ul {
display: block;
}
}
@media screen and (min-width: 1001px) {
.menu_wapper ul {
display: block;
}
}
@media screen and (max-width: 640px) {
.menu_wapper ul {
display: none;
}
}
@media screen and (min-width: 1001px) {
.menu_wapper ul {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.menu_wapper ul {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.menu_wapper ul {
width: 98%;
margin: 0 auto;
}
}
.menu_wapper ul::after {
clear: both;
content: "";
display: table;
}
.menu_wapper ul li {
width: 20%;
float: left;
}
.menu_wapper ul li a {
display: block;
color: #000;
text-align: center;
text-decoration: none;
}
.menu_wapper ul li a img {
width: 100%;
height: auto;
display: block;
}
.boon {
text-align: center;
width: 100%;
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/img_innner_back.png) repeat-x top center;
background-size: auto 100%;
padding: 3% 0 5.5% 0;
margin: 0 0 2% 0;
}
.boon h2 {
text-align: center;
}
.boon h2 img {
width: auto;
height: 70px;
}
@media screen and (max-width: 640px) {
.boon h2 img {
height: 40px;
}
}
.pankuzu {
padding-top: 3%;
padding-bottom: 3%;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (min-width: 1001px) {
.pankuzu {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.pankuzu {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.pankuzu {
width: 98%;
margin: 0 auto;
}
}
.pankuzu a {
color: #009FE8;
}
html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}
@media screen and (min-width: 1001px) {
.bottons {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.bottons {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.bottons {
width: 98%;
margin: 0 auto;
}
}
.bottons .bunner_list {
width: 65.266%;
position: relative;
margin: 2% auto;
}
@media screen and (max-width: 640px) {
.bottons .bunner_list {
width: 98%;
margin: 5% auto 0 auto;
}
}
.bottons .bunner_list img {
width: 100%;
height: auto;
}
.bottons .bunner_list .faq_botton_wa {
width: 21.4826%;
position: absolute;
top: 29%;
left: 30%;
}
.bottons .bunner_list .faq_botton_contact {
width: 39.9395%;
right: 7%;
position: absolute;
top: 29%;
}
.bottons .bunner_list .tel_box {
width: 62.4811%;
position: absolute;
right: 7%;
bottom: 24%;
}
#pagetop {
position: fixed;
bottom: 50px;
right: 20px;
z-index: 100;
margin-top: 50px;
}
@media screen and (max-width: 640px) {
#pagetop {
bottom: 10%;
right: 2%;
position: relative;
margin-top: 5%;
}
}
p#pagetop a {
text-decoration: none;
width: 112px;
margin-top: 50px;
text-align: center;
display: block;
border-radius: 5px;
}
@media screen and (max-width: 640px) {
p#pagetop a {
text-align: center;
margin: 0 auto;
}
}
p#pagetop a img {
width: 50%;
}
@media screen and (max-width: 640px) {
p#pagetop a img {
width: 30%;
}
}
footer {
margin: 1% 0 0 0;
}
@media screen and (max-width: 640px) {
footer {
margin: 0% 0 0 0;
}
}
footer .mainfotter {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/imt_footer_back.png) repeat-x bottom center;
background-size: auto 100%;
}
@media screen and (max-width: 640px) {
footer .mainfotter {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/imt_footer_back_sp.png) repeat-x bottom center;
background-size: auto 100%;
}
}
.mainfotter_wapper_pc {
padding: 6% 0 1% 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1001px) {
.mainfotter_wapper_pc {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.mainfotter_wapper_pc {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.mainfotter_wapper_pc {
width: 98%;
margin: 0 auto;
}
}
.mainfotter_wapper_pc::after {
clear: both;
content: "";
display: table;
}
.mainfotter_wapper_pc .nav_menu {
width: 30%;
float: left;
margin: 0 5% 0 0;
}
.mainfotter_wapper_pc .footer_address_area {
width: 40%;
float: left;
margin: 0 0% 0 0;
}
.mainfotter_wapper_pc .footer_carender {
width: 18%;
float: right;
margin: 0 0% 0 0;
}
.nav_menu ul {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.nav_menu ul::after {
clear: both;
content: "";
display: table;
}
.nav_menu ul li {
width: 46%;
float: left;
margin: 1% 0;
display: block;
}
@media screen and (max-width: 640px) {
.nav_menu ul li {
margin: 0% 0 2% 0;
}
}
.nav_menu ul li:nth-child(2n) {
float: right;
}
.nav_menu ul li a {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_02.png) no-repeat 2% center;
background-size: auto 65%;
padding: 0 0 0 15px;
color: #000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.nav_menu ul li a {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 2px 0 2px 15px;
background-color: #FFF;
border: 1px solid #1d4088;
}
}
.nav_menu ul li a:hover {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_02.png) no-repeat 2% center;
background-size: auto 65%;
padding: 0 0 0 15px;
color: #000;
background-color: #fff000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.nav_menu ul li a:hover {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 2px 0 2px 15px;
background-color: #FFF;
border: 1px solid #1d4088;
}
}
.nav_menu ul li span {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_02.png) no-repeat 2% center;
background-size: auto 71%;
padding: 0 0 0 15px;
color: #000;
background-color: #fff000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.nav_menu ul li span {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 2px 0 2px 15px;
border: 1px solid #1d4088;
}
}
.nav_menu ul li b {
padding: 0 0 0 15px;
background-color: none;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.nav_menu ul li b {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 2px 0 2px 15px;
background-color: #DDE9E9;
border: 1px solid #DDE9E9;
}
}
.footer_address_area a {
display: block;
width: 69.265%;
margin: 0 0 3% 0;
}
.footer_address_area a img {
width: 100%;
height: auto;
}
.footer_address_area p {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: block;
line-height: 150%;
margin: 2% 0 0 0;
}
.calendar img {
width: 100%;
height: auto;
}
.calendar li {
margin: 2% 0;
display: block;
width: 100%;
}
.calendar li:nth-child(2n) {
float: right;
}
@media screen and (max-width: 640px) {
.calendar li {
margin: 0% 0;
}
}
.calendar li a {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_01.png) no-repeat 2% center;
background-size: auto 55%;
padding: 0 0 0 15px;
color: #000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.calendar li a {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 0 0 0 15px;
}
}
.calendar li a:hover {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_04.png) no-repeat 2% center;
background-size: auto 55%;
padding: 0 0 0 15px;
color: #000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
}
@media screen and (max-width: 640px) {
.calendar li a:hover {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 0 0 0 15px;
}
}
.calendar li span {
background: url(//kfscz.jp/wp-content/themes/kyotosuiminguschool/img/icon/icon_arrow_type_04.png) no-repeat 2% center;
background-size: auto 55%;
padding: 0 0 0 15px;
color: #000;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-decoration: none;
display: flex;
}
@media screen and (max-width: 640px) {
.calendar li span {
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 0 0 0 15px;
}
}
.calendar li b {
padding: 0 0 0 10px;
font-size: 0.85rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 640px) {
.calendar li b {
font-size: 0.65rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
}
address {
background: #FFF;
padding: 2% 0;
text-align: center;
font-size: 0.65rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.mainfotter_wapper_sp {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15% 0 1% 0;
}
@media screen and (min-width: 1001px) {
.mainfotter_wapper_sp {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.mainfotter_wapper_sp {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.mainfotter_wapper_sp {
width: 98%;
margin: 0 auto;
}
}
.mainfotter_wapper_sp::after {
clear: both;
content: "";
display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers {
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 98%;
margin: 0 auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers::after {
clear: both;
content: "";
display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .nav_menu {
width: 100%;
margin: 0 0% 5% 0;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender::after {
clear: both;
content: "";
display: table;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender .calendar_botton {
width: 48%;
display: block;
float: left;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender .calendar_botton img {
width: 80%;
height: auto;
}
.mainfotter_wapper_sp .mainfotter_wapper_wappers .footer_carender ul {
width: 48%;
float: right;
}
.mainfotter_wapper_sp .footer_address_area {
width: 85%;
margin: 5% auto;
} @media screen and (min-width: 1001px) {
.info_archives_wapper {
width: 1000px;
margin: 0 auto;
}
}
@media print, screen and (max-width: 1000px) {
.info_archives_wapper {
width: 98%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.info_archives_wapper {
width: 98%;
margin: 0 auto;
}
}
.info_archives_wapper h2 img {
width: 100%;
height: auto;
}
.info_archives_wapper .info_archives_wapper_outer_content {
margin: 4% auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 96%;
}
.info_archives_wapper .info_archives_wapper_outer_content::after {
clear: both;
content: "";
display: table;
}
.info_archives_wapper .info_archives_loop_box {
width: 70.6%;
float: right;
}
@media screen and (max-width: 640px) {
.info_archives_wapper .info_archives_loop_box {
width: 100%;
margin: 0 0 10% 0;
}
}
.info_archives_wapper .sidebar {
width: 20%;
float: left;
}
@media screen and (max-width: 640px) {
.info_archives_wapper .sidebar {
width: 100%;
}
}
.info_archives_wapper .subtitle {
font-size: 1.04206rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 0% 0 20px 0;
font-weight: bold;
}
.sidebar ul li {
margin: 10% 0;
font-size: 0.79056rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media screen and (max-width: 640px) {
.sidebar ul li {
margin: 3% 0;
}
}
.sidebar ul li a {
color: #000;
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}
.sidebar ul .etc {
color: #B0D25E;
}
.sidebar ul .etc span {
color: #B0D25E;
}
.sidebar ul .kyoushi-communication {
color: #F7B249;
}
.sidebar ul .kyoushi-communication span {
color: #F7B249;
}
.sidebar ul .child-swimming-competition {
color: #F19EC2;
}
.sidebar ul .child-swimming-competition span {
color: #F19EC2;
}
.sidebar ul .adult-program {
color: #00B4ED;
}
.sidebar ul .adult-program span {
color: #00B4ED;
}
.sidebar ul .adult-swimming-competition {
color: #3786C7;
}
.sidebar ul .adult-swimming-competition span {
color: #3786C7;
} .info_list ul {
margin: 0% auto;
}
.info_list ul li {
font-size: 0.81594em;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
padding: 2% 0%;
font-weight: bold;
border-bottom: 1px solid #CCCCCC;
}
.info_list ul li a {
color: #000;
text-decoration: none;
display: table;
width: 100%;
}
@media screen and (max-width: 640px) {
.info_list ul li a {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.info_list ul li a::after {
clear: both;
content: "";
display: table;
}
}
.info_list ul li .category {
display: table-cell;
width: 17%;
font-size: 0.81594em;
text-align: center;
padding: 0%;
vertical-align: middle;
font-weight: bold;
}
@media screen and (max-width: 640px) {
.info_list ul li .category {
width: 25%;
display: block;
float: left;
}
}
.info_list ul li .date {
display: table-cell;
width: 16%;
text-align: left;
padding: 0 0% 0 3%;
}
@media screen and (max-width: 640px) {
.info_list ul li .date {
display: block;
float: left;
width: 60%;
}
}
.info_list ul li .title {
display: table-cell;
width: 100%;
text-align: left;
padding: 0 3%;
}
@media screen and (max-width: 640px) {
.info_list ul li .title {
display: block;
float: left;
margin: 1% 0 0 0;
padding: 0 0%;
}
}
.info_list ul li .etc {
color: #B0D25E;
border: 1px solid #B0D25E;
}
.info_list ul li .kyoushi-communication {
color: #F7B249;
border: 1px solid #F7B249;
}
.info_list ul li .child-swimming-competition {
color: #F19EC2;
border: 1px solid #F19EC2;
}
.info_list ul li .adult-program {
color: #00B4ED;
border: 1px solid #00B4ED;
}
.info_list ul li .adult-swimming-competition {
color: #3786C7;
border: 1px solid #3786C7;
}
.info_list ul li a:hover .etc {
color: #FFF;
background: #B0D25E;
border: 1px solid #B0D25E;
}
.info_list ul li a:hover .kyoushi-communication {
color: #FFF;
background: #F7B249;
border: 1px solid #F7B249;
}
.info_list ul li a:hover .child-swimming-competition {
color: #FFF;
background: #F19EC2;
border: 1px solid #F19EC2;
}
.info_list ul li a:hover .adult-program {
color: #FFF;
background: #00B4ED;
border: 1px solid #00B4ED;
}
.info_list ul li a:hover .adult-swimming-competition {
color: #FFF;
background: #3786C7;
border: 1px solid #3786C7;
}
.info_list ul li a:hover .date {
text-decoration: underline;
}
.info_list ul li a:hover .title {
text-decoration: underline;
}
.pagination {
margin: 10% auto;
text-align: center;
font-size: 0.81594em;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.pagination span {
background: #717071;
border: 1px solid #717071;
color: #FFF;
}
.pagination .wp-pagenavi a:hover, .pagination .wp-pagenavi span.current {
border: 1px solid #717071;
border-color: #717071;
}
.pagination a {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
background-color: #FFF;
border: 1px solid #717071;
color: #717071;
}
.pagination a::before {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.pagination a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.pagination a:hover {
background-color: #717071;
border-color: #717071;
color: #FFF;
} .info_archives_loop_box_contents {
padding: 2%;
font-size: 0.85038rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
margin: 2% 0;
background: #EDF7FC;
}
.single_nav {
margin: 5% auto;
position: relative;
font-size: 0.85038rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: bold;
}
.single_nav .back {
font-size: 0.85038rem;
font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" ,  Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
width: 40%;
}
.single_nav .back a {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
background-color: #0068B7;
border: 1px solid #FFF;
color: #FFF;
padding: 2% 3%;
}
.single_nav .back a::before {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .back a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .back a:hover {
background-color: #FFF;
border-color: #0068B7;
color: #0068B7;
}
.single_nav .page_navi {
text-align: center;
}
.single_nav .page_navi ul {
margin: 0 auto;
width: 40%;
}
.single_nav .page_navi ul li {
width: 48%;
}
.single_nav .page_navi ul .back_post {
float: left;
}
.single_nav .page_navi ul .back_post a {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
background-color: #FFF;
border: 1px solid #717071;
color: #717071;
padding: 4% 10%;
text-align: center;
}
.single_nav .page_navi ul .back_post a::before {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .page_navi ul .back_post a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .page_navi ul .back_post a:hover {
background-color: #717071;
border-color: #717071;
color: #FFF;
}
.single_nav .page_navi ul .next_post {
float: right;
}
.single_nav .page_navi ul .next_post a {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
background-color: #717071;
border: 1px solid #FFF;
color: #FFF;
padding: 4% 10%;
text-align: center;
}
.single_nav .page_navi ul .next_post a::before {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .page_navi ul .next_post a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.single_nav .page_navi ul .next_post a:hover {
background-color: #FFF;
border-color: #717071;
color: #717071;
}