@charset "UTF-8";
/*
Theme Name:		  kyoshiyoh_parent
Version:		1.0
License:
License URI:
*/

/* global box-sizing */
*,*:after,*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* html element 62.5% font-size for REM use */

html {font-size:62.5%;}
body {font:500 1.3em/1.4 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#000;text-align:center;}
img {vertical-align:bottom;border:0;max-width:100%}
a {text-decoration:none;color:#000}
/* input:focus {outline:0;border:1px solid #04A4CC;}*/
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;}
div	{ zoom:1; }
table {border-collapse:collapse;border-spacing:0;width:100%}
address,caption,cite,code,dfn,em,strong,th,var {  font-style:normal;  font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal;margin-bottom:1em}
sup {  vertical-align:text-top;}
sub {  vertical-align:text-bottom;}
input,textarea,select {  font-family:inherit;  font-size:inherit;  font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {  max-width:100%;  *font-size:100%;}
a img:hover,button:hover ,.btn a:hover{ opacity: 0.7;}
main p,main div,main ul,main ol,main table {margin-bottom:1em;}
main ul{margin-left:1em;}
.maru{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.more{overflow:hidden}
.more a{background-color:#eee;padding:10px;border-radius:10px;display:inline-block}

/*ダウンロードボタンなど*/
.btn a{border-radius:10px;display:inline-block;color:#000;padding:10px;text-align:center;border:1px solid #aaa;background-color:#f6f6f6;font-weight:bold;position: relative;line-height: 100%;}

.btn a:hover{}






/*#########################################################
レイアウト
#########################################################*/
#container{margin:0px auto;text-align:left}
header{position:relative;margin:0 auto 20px;}


.cont{background-color:#fff;max-width:1200px;margin:auto;margin-bottom:60px}



/* メインカラム */


main .navigation {padding: 20px;}
blockquote{background-color:#eee;padding:1em;margin-bottom:1em;border-radius:12px;font-weight:bold;font-size:1.4rem}
blockquote p{margin:0}

main .box{margin-bottom:20px}
main td,main th{border:1px solid #aaa;padding:5px}

main ul,main ol{margin-left: 2rem;}

/* サイトフッタ */
footer#site-footer {clear:both;padding:40px 0px;text-align:center;background-color:#fff;color:#5A4F4A}
footer #copyright{padding:10px;}
footer .sm{max-width:1000px;margin:0 auto 20px;text-align:left;font-size:1.1rem}
footer .sm_int{display:flex;margin-bottom:20px}
footer .sm .sm_int dl{width:25%;}
footer .sm dt{display:inline-block;margin-bottom:5px;font-size:1.2rem;font-weight:bold}
footer .sm dd{margin-bottom:.4rem}
footer .sm .sm_int dl div dt{font-size:1.1rem;font-weight:normal}
footer .sm .sm_int dd+div{margin-top:.8rem}
footer .sm .sm_int dl div dd{margin-left:1em}

footer .sm .sm_guardian>dt:first-child{margin-bottom: 10px;}
footer .sm .sm_guardian>dt:first-child{background:linear-gradient(transparent 60%, #ffdedd 0%) ;}
footer .sm .sm_search>dt:first-child{background:linear-gradient(transparent 60%, #d1fcb7 0%) ;}
footer .sm .sm_teacher>dt:first-child{background:linear-gradient(transparent 60%, #bee9ef 0%) ;}
footer .sm .sm_member>dt:first-child{background:linear-gradient(transparent 60%, #ffe8b1 0%) ;}

footer a{color:#5A4F4A}


footer .sm dd::before{content:"＞";margin-right:0.3em}
footer  .sm_ext dl{margin-bottom:6px}
footer .sm_ext dt,footer .sm_ext dd{display:inline}




/* form */
textarea,input[type="number"],input[type="password"],input[type="text"],input[type="email"],input[type="tel"] {
  display:block;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.submit input{appearance: button;width:40%;padding:10px; border-radius: 10px;border: 1px solid #aaa;cursor: pointer;background-color:#eee;}
.submit input:hover,.submit input:active{background-color:#aaa;color:#fff}
.submit {text-align:center}




/*### WordPress native ###*/
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right;margin-left:10px }
.alignleft { float: left;margin-right:10px }
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;max-width: 100%;}

/* clearfix */
.clearfix {overflow: hidden;zoom: 1;}
.clearfix:after {content: ""display: block;clear: both;}


@media screen and (max-width:1199px) { 
.cont{margin:0px 5px}
.hd_main,header nav,footer .sm{margin:0 10px}


}

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

footer .sm_int{flex-wrap:wrap}
footer .sm .sm_int dl {  width: 50%;margin-bottom:10px}
footer .sm_ext dt{display:block}
}

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

footer .sm .sm_int dl {  width: 100%;}
footer .sm .sm_int dd{display:inline-block}
footer .sm dt{width: 100%;}

}