@charset "utf-8";


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

パンくず

----------------------------------------------------------- */
#pan {
padding: 0.5em 0;
}

.contact {background-color: #f99569;}
.information {background-color: #ff4e69;}
.privacy {background-color: #4c6569;}
.access {background-color: #378669;}
.sitemap {background-color: #f8c758;}
.kenkyusho {background-color: #9966cc;}
.search {background-color: #9966cc;}
.book {background-color: #3270d6;}
.school {background-color: #378669;}
.schoolform2021 {background-color: #378669;}
.careerup-form {background-color: #378669;}
.kamishibai {background-color: #ff7ba1;}

.panbox {
margin: 0 auto;
padding: 1em 0 0 0;
border-top: 2px dashed #FFF;
border-bottom: 2px dashed #FFF;
}

.pantitle {
width : 1180px;
margin: 0 auto;
padding: 3em ;
background-image: url(../images/icon_kenkyusho.svg);
background-repeat: no-repeat;
background-position: right 0;
background-size: 160px;
font-family: "リュウミン B-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.contact div.pantitle {background-image: url(../images/icon_contact02.svg);}
.privacy div.pantitle {background-image: url(../images/icon_privacy02.svg);}
.access div.pantitle {background-image: url(../images/icon_sitemap02.svg);}
.sitemap div.pantitle {background-image: url(../images/icon_sitemap02.svg);}
.information div.pantitle {background-image: url(../images/icon_information.svg);}
.kenkyusho div.pantitle {background-image: url(../images/icon_kenkyusho02.svg);}
.search div.pantitle {background-image: url(../images/icon_kenkyusho02.svg);}
.book div.pantitle {background-image: url(../images/icon_book02.svg);}
.school div.pantitle {background-image: url(../images/icon_school02.svg);}
.schoolform2021 div.pantitle {background-image: url(../images/icon_school02.svg);}
.kamishibai div.pantitle {background-image: url(../images/icon_kamishibai02.svg);}


.pantitle h2 {
font-size: 40px;
color: #FFF;
letter-spacing: 0.1em;
}

.panp {
width : 1180px;
margin: 0 auto;
padding: 0.5em 0;
text-align: left;
font-size: 14px;
}

.panp a {
color: #333;
}


@media screen and (max-width: 768px) {
	.panbox {
	padding: 0;
	}
	.pantitle {
	width: 96%;
	margin: 0 auto;
	background-position: right center;
	background-size: 40px;
	padding: 1em 0;
	}
	.pantitle h2 {
	font-size: 24px;
	line-height: 1.4;
	padding: 0 40px 0 1em;
letter-spacing: 0;
	}
	.panp {
	width: 90%;
	margin: 0 auto;
	}
}

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

コンテンツ

----------------------------------------------------------- */
.main {
width: 1180px;
margin: 0 auto;
padding: 3em 0 1em 0;
}

.mainbox {
text-align: left;
}

.mainbox h3 {
font-size:30px;
font-weight: 700;
line-height: 1.5;
color: #f8c758;
padding: 0 0 0 1em;
margin: 2em 0 1em 0;
border-left: 5px solid #f8c758;
}

.bookbox h3 {
color: #3270d6;
border-left: 5px solid #3270d6;
}

.schoolbox h3,
.schoolform2021 h3 {
color: #378669;
border-left: 5px solid #378669;
}

.kamishibaibox h3 {
color: #ff7ba1;
border-left: 5px solid #ff7ba1;
}

.mainbox h3:first-child {
margin: 0 0 1em 0;
}

.accessbox h3 {
color: #378669;
border-left: 5px solid #378669;
}

.mainbox h4 {
font-size: 18px;
padding: 0.3em 1.5em;
margin: 2em 0 1em 0;
background-image: url(../images/img_bg.jpg);
border:1px solid #CCC;
letter-spacing: 0.1em;
}

.mainbox h4.title {
font-size :42px;
text-align: center;
border:none;
padding: 0;
margin: 1em 0;
background-image: none;
text-shadow: 2px 2px 2px #CCC;
}

.mainbox h5 {
font-size: 18px;
font-weight: 700;
margin: 2em 0 1em 0;
}

.mainbox h5.bt_yellow {
display: inline-block;
line-height: 1.2;
text-align: center;
margin: 2em 0;
border-radius: 23px;
border: 4px solid #F2E321;
    background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
}

.mainbox h5 span {
    display: block;
color: #000;
    padding: 0.6em 3em 0.5em 3em;
    border-radius: 23px;
    border: 2px dashed #FFF;
}

.catch { font-size: 18px; font-weight: 700;}
.red { color: #E21C24; }
.school-color { color: #378669; }

blockquote {
padding: 2em 3em;
margin: 2em 0 1em 0;
border: 1px solid #CCC;
background-color: #F2F2F2;
}

blockquote.blockcenter {
width: 100%;
text-align:center;
background-color: #FFF;
}

p.textcenter { text-align: center; }

img.alignright {
float:right;
margin:0 0 1em 2em;
}

img.alingleft {
float:left;
margin:0 2em 1em 0;
}

img.aligncenter {
display:block;
margin: 0 auto 1em auto;
}

.imgcenter {
text-align: center;
}

.imgright {
max-width: 50%;
float:right;
margin:0 0 1em 2em;
}

.imgright img {
}

.txtbox50 {
width: 100%;
overflow:hidden;
}

.txtbox50_l {
width: 50%;
float:left;
text-align:left;
}

.txtbox50_r {
width: 50%;
float:right;
text-align:left;
}

.mainbox a.map {
font-size: 14px;
font-weight: 700;
color: #333;
padding: 0.2em 1em;
margin: 0 0 0 1em;
background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
text-decoration: none;
}

.mainbox a.map:hover {
background-color: #A8A8A8;
}

.link a {
color:#ff7ba1;
font-weight:700;
display:block;
border:1px solid #ff7ba1;
padding: 0.4em 1em 0.4em 34px;
margin: 0 0 0.8em 0;
background-image: url(../images/icon_arrow_pink.svg);
background-position: 6px 0.8em;
background-repeat: no-repeat;
background-size: 20px;
background-color :#FFF;
}

.linkbt_a {
display:block;
font-size: 15px;
width: 300px;
font-weight: 700;
}

.linkbt_a a {
font-size: 15px;
line-height: 1.4;
display:block;
height: 46px;
color: #FFF;
padding: 0.6em 0 0.5em 0;
text-align:center;
text-decoration:none;
background-color: #4f2e21;
border: 4px solid #FFF;
border-radius: 23px;
box-shadow: 2px 2px 2px #CCC;
transition: 0.8s;
}

.linkbt_a a:hover {
background-color: #EEA901;
}

.linkbt_search {
display:block;
font-size: 15px;
width: 260px;
font-weight: 700;
}

.linkbt_search a {
font-size: 16px;
line-height: 1.4;
display:block;
height: 46px;
color: #4f2e21;
padding: 0.6em 0 0.5em 0;
text-align:center;
text-decoration:none;
border: 2px solid #4f2e21;
border-radius: 23px;
box-shadow: 2px 2px 2px #CCC;
transition: 0.8s;
background-image: url(../images/img_search.svg);
background-position: 0.5em 0.2em;
background-repeat: no-repeat;
background-size: 30px 30px;
background-color :#FFF;
}

.linkbt_search a:hover {
color: #FFF;
background-color: #4f2e21;
}

@media screen and (max-width: 768px) {
	.main {
	width: 90%;
	padding: 3em 0 1em 0;
	}
	.mainbox h3 {
	font-size: 22px;
	padding: 0 0 0 0.5em;
	}
	.mainbox h4 {
	padding: 0.3em 1em;
	line-height:1.5;
	letter-spacing: 0;
	overflow:hidden;
	}
	.mainbox h4.title {
	font-size : 22px;
	}
	blockquote {
	padding: 1em 1.5em;
	}
	blockquote.formtxt h3 {
	font-size:18px;
	}
	img.alignright {
	float:none;
	display:block;
	margin:0 auto 1em auto;
	}
	img.alingleft {
	float:none;
	display:block;
	margin:0 auto 1em auto;
	}
	img.img500 {
	width: 100%;
	}
	.photobox-center {
	margin: 2em 0 2em 0;
	}
	.photobox-center div {
	width: 100%!important;
	}
	.txtbox50_l {
	width: 100%;
	float:none;
	display:block;
	}
	.txtbox50_r {
	width: 100%;
	float:none;
	display:block;
	}
	.linkbt_a {
	width: 90%;
	margin:0 auto 0.6em auto;
	}
	.linkbt_search {
	margin: 2em auto;
	}
	.linkbt_s {
	width: 90%;
	margin:0 auto 0.6em auto;
	}
	.mainbox a.map {
	display:inline-block;
	margin:0 1em 0 0;
	}
}


.linkbt_s {
display:block;
font-size: 15px;
width: 300px;
font-weight: 700;
}

.linkbt_s a {
font-size: 15px;
line-height: 1.4;
display:block;
height: 46px;
color: #FFF;
padding: 0.6em 0 0.5em 0;
text-align:center;
text-decoration:none;
background-color: #4f2e21;
border: 4px solid #FFF;
border-radius: 23px;
box-shadow: 2px 2px 2px #CCC;
transition: 0.8s;
}

.linkbt_s a:hover {
background-color: #EEA901;
}

.linkbt_school {
display:block;
font-size: 15px;
width: 100%;
font-weight: 700;
}

.linkbt_school a {
font-size: 15px;
line-height: 1.4;
display:block;
height: 46px;
color: #FFF;
padding: 0.6em 0 0.5em 0;
text-align:center;
text-decoration:none;
background-color: #4f2e21;
border: 4px solid #FFF;
border-radius: 23px;
box-shadow: 2px 2px 2px #CCC;
transition: 0.8s;
}

.linkbt_school a:hover {
background-color: #EEA901;
}



/*　リスト系
-------------------------------------------------*/

.mainbox ul {
padding:0 0 0 26px;
margin:0 0 2em 0;
overflow:hidden;
}

.mainbox ul li {
list-style-type:disc;
}

.privacybox ul li,
.disclaimerbox ul li {
padding: 0 0 0.8em 0;
margin: 0 0 0.8em 0;
border-bottom: 1px dotted #666;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}

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

子どもの文化研究所とは

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

.kenkyushobox div.catetitle {
font-size: 26px;
line-height: 1.5;
color: #9966cc;
padding: 0.5em 1em;
margin:0 0 2em 0;
border: 1px solid #9966cc;
background-color: #FFF;
text-align:center;
}

@media screen and (max-width: 768px) {
	.kenkyushobox div.catetitle {
	margin: 0 0 1em 0;
	}
}

.kenkyushobox h3 {
font-size: 26px;
color: #9966cc;
border-left: 5px solid #9966cc;
}

.kenkyushobox h4 span {
float:right;
color :#FFF;
background-color: #9966cc;
}

.kenkyushobox h4 span a {
font-size: 14px;
font-weight: normal;
display: block;
color: #FFF;
padding: 0.2em 1em;
text-align:center;
text-decoration:none;
}

.kenkyushobox h4 span a:hover {
background-color: #666;
}

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

子どもの文化・出版

------------------------------------------------------------*/
.bookbox div.txtbox50_r {
text-align: right;
}

ul.bt_blue {
width: 440px;
display: inline-block;
padding: 0 0 10px 0;
margin: 0;
}

ul.bt_blue li {
list-style-type:none;
float: left;
}
ul.bt_blue a {
width:200px;
display: inline-block;
font-size: 16px;
line-height: 1.2;
text-align: center;
border: 4px solid #3270d6;
background-color: #3270d6;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 0 0 6px;
border-radius : 8px;
}

ul.bt_blue a span {
    display: block;
    color: #FFF;
    padding: 1em 0 0.9em 0;
    border: 1px dashed #FFF;
border-radius : 8px;
}

ul.bt_blue a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

.btright {
text-align:right;
}


@media screen and (max-width: 768px) {
	.btright {
	text-align:center;
	}
}


/*　4列並び -----------------------------*/

.book4 {
padding: 3em 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.book4 section {
width: 23%;
margin: 0 2% 1em 0;
border: 1px solid #3270d6;
background-color: #FFF;
border-radius: 8px;
cursor:pointer;
}

.book4 section.color {
border: 1px solid #eea901;
}

.book4 section h4 {
font-size: 15px;
display: inline-block;
color: #FFF;
border: none;
background-image: none;
background-color: #3270d6;
margin: 0;
border-top-left-radius: 8px;
}

.book4 section.color h4 {
background-color: #eea901;
}

.book4 section dl {
width: 90%;
margin: 0 auto;
padding: 1em 0;
}

.book4 section dt {
text-align: center;
margin: 0 0 0.5em 0;
height: 150px;
overflow:hidden;
}

.book4 section dt img {
vertical-align: bottom;
width: auto;
height: 100%;
}

.book4 section dd {
font-size: 13px;
}

.book4 section dd h5 {
font-size: 15px;
line-height: 1.4;
margin: 0 0 0.8em 0;
}

.book4 section dd h5 a {
}

.book4 section.color dd h5 a {
}



/* 4列並び その他の出版 ------------------------------- */


.book4_others {
padding: 3em 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.book4_others section {
width: 23%;
margin: 0 2% 1em 0;
border: 1px solid #3270d6;
background-color: #FFF;
border-radius: 8px;
cursor:pointer;
}

.book4_others section h4 {
font-size: 15px;
line-height: 1.5;
color: #FFF;
border: none;
background-image: none;
margin: 0 0 0.5em 0;
padding: 0;
}


.book4_others section dl {
width: 90%;
margin: 0 auto;
padding: 1em 0;
}

.book4_others section dt {
text-align: center;
margin: 0 0 0.5em 0;
height: 150px;
overflow:hidden;
}

.book4_others section dt img {
vertical-align: bottom;
width: auto;
height: 100%;
}

.book4_others section dd {
font-size: 13px;
}


/* 6列並び ------------------------------- */

.book5 {
width: 100%;
padding: 2em 0 0 0;
margin: 0 0 3em 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.book5 dl {
width : 12%;
margin: 0 2%;
list-style: none;
line-height: 1.4;
}

.book5 dt {
text-align: center;
margin: 0 0 1em 0;
}

.book5 dt img {
vertical-align:bottom;
border:1px solid #CCC;
}

.book5 dd {
padding: 0 ;
font-size: 15px;
}

p.bt_yellow  {
margin: 0 0 2em 0;
text-align: center;
}

p.bt_yellow a {
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-align: center;
border-radius: 23px;
border: 4px solid #F2E321;
    background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
}

p.bt_yellow a span {
    display: block;
color: #000;
    padding: 0.6em 3em 0.5em 3em;
    border-radius: 23px;
    border: 2px dashed #FFF;
}

p.bt_yellow a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}


/* 詳細：子どもの文化・研究子どもの文化 */

.book-detail {
width: 100%;
overflow:hidden;
}

.book-detail_l {
width: 25%;
float:left;
text-align:center;
}

.book-detail_lbox {
}

.book-detail_lbox img {
max-width: 300px;
}

.book-detail_r {
width: 70%;
float:right;
}

.book-detail_r h3 {
font-size: 26px;
padding: 0.3em 1em;
border: 1px solid #3270d6;
background-color: #FFF;
border-radius: 6px;
}

.book-detail_r h3 span {
font-size: 18px;
display:block;
float:right;
color: #FFF;
padding: 0.2em 1em;
margin-left: 2em;
background-color :#3270d6;
}

.book-detail_r h4 {
font-size: 26px;
line-height: 1.5;
letter-spacing: 0;
margin:1.5em 0;
padding:0;
border:none;
background-image:none;
}


.book-detail_r h4 span {
font-size: 20px;
color: #FFF;
padding: 0.2em 1em;
margin: 0 0.5em 0 0;
background-color :#5d3826;
border-radius: 6px;
}


.book-detail_r dl {
width: 100%;
margin: 0 0 1em 0;
overflow:hidden;
}

.book-detail_r dl dt {
width: 30%;
float:left;
}

.book-detail_r dl dd {
width: 65%;
float:right;
padding: 0.5em 0 0 0;
}


.book-detail_r dt {
    display: block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: 2px solid #f8c758;
    border-radius: 23px;
    padding: 0.2em;
    margin: 0;
    background-color: #f8c758;
    text-decoration: none;
}

.book-detail_r dt span {
    display: block;
    color: #5d3826;
    padding: 0.6em 1em 0.5em 1em;
    border: 1px dashed #5d3826;
    border-radius: 23px;
}


.booktextarea {
padding: 2em 0;
}

.booktextarea h3 {
width: 260px;
    display: block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: 2px solid #f8c758;
    border-radius: 23px;
    padding: 0.2em;
    margin: 0;
    background-color: #f8c758;
    text-decoration: none;
}

.booktextarea h3 span {
float:none;
font-size: 16px;
display: block;
color: #5d3826;
padding: 0.6em 1em 0.5em 1em;
margin:0;
background-color:#f8c758;
border: 1px dashed #5d3826;
border-radius: 23px;
}

.booktextarea h4 {
font-size: 20px;
padding: 0 0 0.5em 0;
margin: 0 0 1em 0;
border-bottom: 2px dashed #5d3826;
}



/* 研究子どもの文化　*/

.book3textarea {
padding: 0;
}

.book3textarea h3 {
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: 2px solid #f8c758;
    border-radius: 23px;
    padding: 0.2em ;
    margin: 0 0 1em 0;
    background-color: #f8c758;
    text-decoration: none;
}

.book3textarea h3 strong {
float:none;
font-size: 16px;
display: block;
    color: #5d3826;
    padding: 0.6em 3em 0.5em 3em;
margin:0;
background-color:#f8c758;
    border: 1px dashed #5d3826;
    border-radius: 23px;
}

.book3textarea ul {
padding: 0 0 0 0.5em;
}

.book3textarea ul li {
list-style-type:none;
border-bottom: 1px dotted #5d3826;
padding: 0 0 0.5em 0;
margin: 0 0 0.5em 0;
}

.book3textarea strong {
margin: 0 1em 0 0;
}


/* 詳細：その他の出版 */

.book2-detail {
width: 100%;
overflow:hidden;
}

.book2-detail_l {
width: 30%;
float:left;
}

.book2-detail_lbox {
text-align:left;
}

.book2-detail_lbox img {
max-width: 300px;
}

.book2-detail_r {
width: 70%;
float:right;
}

.book2-detail_r h3 {
font-size: 26px;
padding: 0;
margin: 0 0 1em 0;
border:none;
}

.book2-detail_r h3 span {
font-size: 18px;
display:inline-block;
color: #FFF;
padding: 0.2em 1em;
margin: 0 0 0.5em 0;
background-color :#3270d6;
border-radius: 6px;
}

.book2-detail_r dl {
width: 100%;
margin: 0 0 1em 0;
overflow:hidden;
}

.book2-detail_r dl dt {
width: 30%;
float:left;
}

.book2-detail_r dl dd {
width: 65%;
float:right;
}


.book2-detail_r dt {
    display: block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: 2px solid #f8c758;
    border-radius: 23px;
    padding: 0.2em;
    margin: 0;
    background-color: #f8c758;
    text-decoration: none;
}

.book2-detail_r dt span {
    display: block;
    color: #5d3826;
    padding: 0.6em 1em 0.5em 1em;
    border: 1px dashed #5d3826;
    border-radius: 23px;
}


.book2textarea {
padding: 2em 0;
}

.book2textarea h3 {
width: 260px;
    display: block;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: 2px solid #3270d6;
    border-radius: 23px;
    padding: 0.2em;
    margin: 0;
    background-color: #3270d6;
    text-decoration: none;
}

.book2textarea h3 span {
float:none;
font-size: 16px;
display: block;
    color: #FFF;
    padding: 0.6em 1em 0.5em 1em;
margin:0;
background-color:#3270d6;
    border: 1px dashed #FFF;
    border-radius: 23px;
}

.book2textarea h4 {
font-size: 20px;
padding: 0 0 0.5em 0;
margin: 0 0 1em 0;
border-bottom: 2px dashed #5d3826;
}

.book2textarea li {
border-bottom: 1px dotted #808080;
padding: 0 0 0.5em 0;
margin: 0 0 0.5em 0;
}


@media screen and (max-width: 768px) {
	.bookbox div.txtbox50_r {
	text-align: center;
	}
	ul.bt_blue {
	width: auto;
	}
	ul.bt_blue a {
	width: 150px;
	}
	.book-detail_l {
	width: 100%;
	float:none;
	display:block;
	margin: 0 0 2em 0;
	}

.book-detail_lbox {
}

.book-detail_lbox img {
max-width: 300px;
}

	.book-detail_r {
	width: 100%;
	float:none;
	display:block;
	}
	.book-detail_r h3 {
	font-size: 18px;
padding: 0.3em 0.3em 0.3em 0.5em;
	}
	.book-detail_r h3 span {
	font-size: 15px;
    padding: 0.2em 0.5em;
    margin-left: 1em;
	}
	.book-detail_r h4 {
	font-size: 22px;
	}
	.book-detail_r h4 span {
	font-size: 20px;
	display:block;
	text-align:center;
	margin: 0 0 0.5em 0;
	}
	.booktextarea h3 {
	width: 100%;
    padding: 0.2em;
    margin: 0;
	}
	.booktextarea h3 span {
    float: none;
    font-size: 16px;
    display: block;
    color: #5d3826;
    padding: 0.6em 1em 0.5em 1em;
    margin: 0;
    background-color: #f8c758;
    border: 1px dashed #5d3826;
    border-radius: 23px;
}
.booktextarea h4 {
font-size: 18px;
}
	.booktextarea li {
line-height: 1.5;
margin: 0 0 1em 0;
}

.book-detail_r dl dt {
font-size: 14px;
}

.book-detail_r dl dd {
font-size: 14px;
}

.book3textarea strong {
display:block;
}
	.book2-detail_l {
	width: 100%;
	float:none;
	display:block;
	margin: 0 0 2.5em 0;
	}
.book2-detail_lbox {
text-align:center;
margin: 0 0 1em 0;
}
	.book2-detail_r {
	width: 100%;
	float:none;
	display:block;
	}
	.book2-detail_r h3 {
	font-size: 20px;
	}
.book2textarea h3 {
width: 100%;
}
.book2-detail_r dl dt {
font-size: 14px;
}

.book2-detail_r dl dd {
font-size: 14px;
}

	.book4 section {
	width: 100%;
	margin: 0 0 1em 0;
	}
	.book4_others section {
	width: 100%;
	margin: 0 0 1em 0;
	}
	.book5 dl {
	width: 100%;
	margin: 0 0 1em 0;
	overflow: hidden;
	}
	.book5 dt {
	width: 40%;
	float: left;
	}
	.book5 dd {
	width: 50%;
	float: right;
	text-align: left;
	}
}

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

子どもの文化学校

------------------------------------------------------------*/
#school_header {
text-align:left;
}

#school_header h3 {
font-size: 30px;
font-weight: 700;
line-height: 1.5;
padding: 0 0 0 1em;
margin: 0 0 1em 0;
color: #378669;
border-left: 5px solid #378669;
}

#school-tab {
text-align: left;
margin-bottom: 0.5em;
}

#school-tab li {
width: 150px;
display: inline-block;
text-align: center;
}

#school-tab li a {
color: #FFF;
display: block;
padding: 0.5em 1em;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
text-decoration: none;
background-color: #5d3826;
}

#school-tab li.on a {
background-color: #378669;
}

#school-tab li a:hover {
background-color: #378669;
}

#school-tab li.on a:hover {
background-color: #f8c758;
}

.schoolbox a {
}

.schoolbox h4.h4school {
padding: 0.3em 0.5em 0.3em 1.5em;
    margin: 2em 0 1em 0;
    background-image: url(../images/img_bg.jpg);
    border: 1px solid #CCC;
    letter-spacing: 0.1em;
}

.schoolbox h4.h4school span {
display:block;
font-size: 14px;
float:right;
color: #FFF;
padding: 0.3em 1em;
background-color:#378669;
}


ul.bt_orange {
display: inline-block;
padding: 0 0 10px 0;
margin: 1.5em 0 0 0;
}

ul.bt_orange li {
list-style-type:none;
float: left;
}
ul.bt_orange a {
width: 300px;
display: inline-block;
font-size: 16px;
    font-weight: 700;
line-height: 1.2;
text-align: center;
border: 4px solid #f8c758;
background-color: #f8c758;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 1em 0 0;
border-radius: 28px;
}

ul.bt_orange a span {
    display: block;
    color: #5d3826;
    padding: 1em 1em 0.9em 1em;
    border: 2px dashed #5d3826;
border-radius: 28px;
}

ul.bt_orange a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

.schoollist {
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.schoollist section {
width: 32%;
margin: 0 2% 1em 0 ;
}

.schoollist section:nth-of-type(3n) {
margin: 0 0 1em 0;
}

.schoollist section h4 {
font-size: 18px;
margin: 0 0 1.3em 0;
padding: 0.5em 10px 0.5em 1em;
}

.schoollist section h4 span a {
display: block;
font-size: 14px;
font-weight: normal;
color: #FFF;
float: right;
padding: 0.4em 1em 0.2em 1em;
background-color: #378669;
text-decoration: none;
}

.schoollist section h4 span a:hover {
background-color: #A8A8A8;
}

.schoollist section ul {
padding:  0 ;
}
.schoollist section ul li {
list-style-type: none;
font-size: 15px;
line-height: 1.6;
padding: 0 0 0 34px;
margin: 0 0 0.8em 0;
background-image: url(../images/icon_arrow_green.svg);
background-position: 0 0.2em;
background-repeat: no-repeat;
background-size: 20px;
}

dl.dlform {
background-color: #378669;
border-radius: 10px;
padding: 0.5em 1em 1em 1em;
letter-spacing: 0.1em;
}

dl.dlform dt {
font-size: 30px;
font-weight: 700;
color: #FFF;
margin: 0 0 0.1em 0;
text-align: center;
background-image: url(../images/icon_mouse.svg);
background-position: 96% center;
background-repeat: no-repeat;
background-size: 20px;
}

dl.dlform dd {
font-size: 15px;
padding:  1.5em 1em 1em 1em;
line-height: 1.8;
background-color: #FFF;
}

dl.dlform dd a {
font-size: 16px;
font-weight: 700;
padding: 0 0 4px 28px;
margin: 0 0 0.8em 0;
background-image: url(../images/icon_arrow_green.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: 20px;
}

dl.dlform2 {
background-color: #EEA901;
border-radius: 10px;
padding: 0.5em 1em 1em 1em;
letter-spacing: 0.1em;
}

dl.dlform2 dt {
font-size: 30px;
font-weight: 700;
color: #FFF;
margin: 0 0 0.1em 0;
text-align: center;
}

dl.dlform2 dd {
font-size: 15px;
padding:  1.5em 1em 1em 1em;
line-height: 1.8;
background-color: #FFF;
min-height: 190px;
}

dl.dlform2 dd a {
font-size: 16px;
font-weight: 700;
padding: 0 0 4px 28px;
margin: 0 0 0.8em 0;
background-image: url(../images/icon_arrow_green.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: 20px;
}

#school-point {
font-size: 18px;
padding: 2em 3em;
margin: 0 0 2em 0;
color:#ff4e69;
border:3px solid #ff4e69;
}


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

カテゴリ一覧

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

.classlist {
text-align:center;
margin: 1.5em 0;
}

ul.bt_cate {
display: inline-block;
padding: 0 0 10px 0;
margin: 1.5em 0 0 0;
}

ul.bt_cate li {
list-style-type:none;
float: left;
margin-bottom: 0.5em;
}
ul.bt_cate a {
width: 260px;
display: inline-block;
font-size: 16px;
    font-weight: 700;
line-height: 1.2;
text-align: center;
border: 4px solid #378669;
background-color: #378669;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 1em 0 0;
border-radius:8px;
}

ul.bt_cate a span {
    display: block;
    color: #FFF;
    padding: 1em 0 0.9em 0;
    border: 1px dashed #FFF;
border-radius:8px;
}

ul.bt_cate a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

.catebox {
padding: 1em 0 2em 0;
overflow: hidden;
}

.catebox h4 {
padding: 0.5em 0.5em 0.5em 1em;
margin: 0 0 1.5em 0;
}

.catebox h4 span {
font-size: 15px;
font-weight: normal;
display: inline-block;
color: #FFF;
background-color: #378669;
float:right;
padding: 0.3em 1em 0.3em 1em;
}

.catebox_l {
width: 46%;
float:left;
}

.catebox_r {
width: 50%;
float:right;
}

.catebox_rbox {
overflow: hidden;
}

.catebox_rbox_l {
width: 80%;
float:left;
}

p.linered {
color: #B6272D;
padding:  0.5em 0;
margin: 1em 0 ;
text-align:center;
border: 1px solid #B6272D;
background-color: #FFF;
}

.catebox_rbox_l dl {
overflow: hidden;
margin: 0 0 3px 0;
}

.catebox_rbox_l dt {
width: 100px;
font-size: 15px;
text-align: center;
float:left;
background-color: #F2E321;
}

.catebox_rbox_l dd {
width: 76%;
font-size: 15px;
float:right;
text-align: left;
}

.catebox_rbox_r {
width: 20%;
min-height: 100px;
float: right;
text-align: center;
}

.bt_detail {
text-align:right;
}

.bt_detail a {
width: 100px;
display: inline-block;
font-size: 16px;
    font-weight: 700;
line-height: 1.2;
text-align: center;
border: 4px solid #F2E321;
background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 6px 0 0;
border-radius: 60px;
}

.bt_detail a span {
    display: block;
    color: #333;
    padding: 1.6em 0 1.5em 0;
    border: 1px dashed #FFF;
border-radius: 60px;
}

.bt_detail a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}


.bt_detail2 {
text-align:right;
}

.bt_detail2 a {
width: 100px;
display: inline-block;
font-size: 16px;
    font-weight: 700;
line-height: 1.2;
text-align: center;
border: 4px solid #666;
background-color: #666;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 6px 0 0;
border-radius: 60px;
}

.bt_detail2 a span {
    display: block;
    color: #FFF;
    padding: 2.2em 0 2.2em 0;
    border: 1px dashed #FFF;
border-radius: 60px;
}

.bt_detail2 a:hover {
border: 4px solid #CCC;
background-color: #CCC;
}

div.formtext {
    font-size: 24px;
    color: #B6272D;
    padding: 0.5em 0;
    margin: 2em 0;
    text-align: center;
    border: 3px solid #B6272D;
    background-color: #FFF;
}

.school-flagbox {
overflow: hidden;
margin:0 0 1em 0;
}

.school-flagbox span {
display: inline-block;
padding: 0 1em;
margin: 0 0.2em 3px 0.2em;
box-shadow: 1px 1px 3px #666;
border-radius: 6px;
}

span.school-flag-01 {
color: #FFF;
background-color: #378669;
}

span.school-flag-02 {
color: #FFF;
background-color: #ff4e69;
}

span.school-flag-03 {
color: #000;
background-color: #F2E321;
}

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

詳細

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

.school-schedule {
padding: 2em ;
border: 4px solid #CCC;
border-radius: 14px;
}

.schedulebox {
width: 100%;
overflow: hidden;
padding: 0 0 1.5em 0;
margin: 0 0 1.5em 0;
border-bottom: 1px solid #CCC;
}

.schedulebox_l {
width: 70%;
float:left;
}

.schedulebox_l dl {
overflow: hidden;
}

.schedulebox_l dt {
width: 25%;
float: left;
}

.schedulebox_l dd {
width: 75%;
float: right;
text-align: left;
}

.schedulebox_l dd h4 {
font-size: 20px;
line-height: 1.5;
color: #378669;
padding: 0;
margin: 2em 0 0 0 ;
border:none;
background-image: none;
}

.schedulebox_l dd h4:first-child {
margin: 0 ;
}

.schedulebox_l dd h5 {
font-size: 18px;
font-weight: normal;
line-height: 1.5;
margin: 0 ;
padding: 0;
border: none;
box-shadow: 0 0 0 #FFF;
}

.schedulebox_l dd p {
margin: 1em 0 0 0;
}

.schedulebox_r {
width: 26%;
float: right;
text-align:left;
}

div.bt_yellow_form {
margin: 2em 0;
text-align: center;
}

div.bt_yellow_form ul {
text-align:center;
padding:0;
}

div.bt_yellow_form li {
display:inline-block;
list-style-type:none;
margin: 2em 0.5em 1em 0.5em;
}

div.bt_yellow_form a {
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-align: center;
border-radius: 23px;
border: 4px solid #F2E321;
    background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
}

div.bt_yellow_form a span {
    display: block;
color: #000;
    padding: 0.6em 3em 0.5em 3em;
    border-radius: 23px;
    border: 2px dashed #FFF;
}

div.bt_yellow_form a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

.centerbox {
text-align: center;
}

.bt_yellow_input {
position: relative;
display:inline-block;
width: 260px;
height: 60px;
margin: 0 auto;
text-align: center;
}


.bt_yellow_input::before {
display: block;
content: "";
width: 260px;
height: 42px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-align: center;
border-radius: 23px;
border: 4px solid #F2E321;
background-color: #F2E321;
box-shadow: 2px 2px 4px #CCC;
text-decoration: none;
}

.bt_yellow_input input[type="submit"] {
display: block;
position: absolute;
width: 256px;
height: 42px;
top: 4px;
left:5px;
border-radius: 23px;
border: 2px dashed #FFF;
background-color: #F2E321;
transition: 0.8s;
}


.bt_yellow_input input[type="submit"]:hover {
background-color: #FFF;
}


p.fax {
text-align: center;
margin: 2em 0;
}

p.fax a {
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
text-align: center;
padding: 0.5em 2em;
border-radius: 23px;
border: 1px solid #378669;
text-decoration: none;
}

p.fax a:hover {
color: #FFF;
background-color: #378669;
}

@media screen and (max-width: 768px) {
	.schoolbox h4.h4school {
	padding: 0.3em 0.5em 0.3em 0.5em;
	letter-spacing: 0;
	}
	#school-point {
	font-size: 16px;
	padding: 0.8em 1em;
	}
	ul.bt_orange {
	text-align: center;
	}
	ul.bt_orange li {
	float:none;
	}
	ul.bt_orange a {
	width: 98%;
	margin: 0 1em 12px 0;
	}
	.schoollist section {
	width: 100%;
	margin: 0 0 1em 0 ;
	}
ul.bt_cate li {
    float: left;
    display: block;
    width: 48%;
margin: 0 1%;
}

ul.bt_cate li a {
	width: 100%;
font-size: 14px;
	margin: 0 1em 6px 0;
	}
	.catebox_l {
	width: 100%;
	float: none;
margin: 0 0 1em 0;
	}
	.catebox_r {
	width: 100%;
	float: none;
	}
	.catebox_rbox_l {
	width: 100%;
	float: none;
	}
.catebox_rbox_l dt {
width: 24%;
font-size: 14px;
}

.catebox_rbox_l dd {
width: 70%;
}
	.catebox_rbox_r {
	width: 100%;
	float: none;
	}
	.bt_detail a {
	width: 98%;
	border-radius: 8px;
margin: 1em 1em 1em 0;
	}
	.bt_detail a span {
    padding: 0.8em 0 0.7em 0;
	border-radius: 8px;
	}
	.bt_detail2 a {
	width: 98%;
	border-radius: 8px;
margin: 1em 1em 1em 0;
	}
	.bt_detail2 a span {
    padding: 0.8em 0 0.7em 0;
	border-radius: 8px;
	}
	.schedulebox_l {
	width: 100%;
	float:none;
	margin: 0 0 1em 0;
	}
	.schedulebox_l dt {
	width: 100%;
	float:none;
	}
	.schedulebox_l dd {
	width: 100%;
	float:none;
	}
	.schedulebox_l dd h4 {
	font-size: 18px;
	}
	.schedulebox_l dd h5 {
	font-size: 16px;
	}
	.schedulebox_r {
	width: 100%;
	float:none;
	}
	div.bt_yellow_form ul {
	text-align:center;
	}
	div.bt_yellow_form li {
	display:block;
	width: 100%;
	margin: 0 0 1em 0;
	}
	div.bt_yellow_form a {
	font-size: 16px;
	}
	div.bt_yellow_form a span {
	padding: 0.6em 1.5em 0.5em 1.5em;
	}
	div.formtext {
	font-size: 20px;
	padding: 0.5em 1em;
	margin: 2em 0 1em 0;
	}
	dl.dlform {
	padding: 0.5em 1em 1em 1em;
	}
	dl.dlform2 dd {
	min-height: auto;
	}
}

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

セミナー

------------------------------------------------------------*/
.seminarbox h3 {
color: #378669;
border-left: 5px solid #378669;
}

.seminarbox h3.title {
font-size :36px;
text-align: center;
line-height: 1.4;
color: #5d3826;
border:none;
padding: 0;
margin: 0 0 1.5em 0;
background-image: none;
text-shadow: 2px 2px 2px #CCC;
}

.seminar_top {
margin: 0 0 2em 0;
}

.seminarbox dl {
width: 100%;
display:table;
margin: 0 2% 2em 0;
overflow:hidden;
}

.seminarbox dt {
font-size:20px;
line-height: 1.4;
width: 20%;
display:table-cell;
padding: 0;
color:#FFF;
background-color:#EE646F;
border-radius: 6px;
text-align: center;
vertical-align:middle;
}

.seminarbox dl:nth-of-type(2) dt {
background-color:#39B17F;
}
.seminarbox dl:nth-of-type(3) dt {
background-color:#016FBA;
}
.seminarbox dl:nth-of-type(4) dt {
background-color:#F08649;
}

.seminarbox dd {
display:table-cell;
font-size:15px;
width: 80%;
text-align: left;
padding: 1em 2em;
}

.seminarbox dd h4 {
padding: 0;
margin: 0 0 1em 0;
background-image:none;
border:none;
}

.seminarbox dd ul,
.seminarbox dd ol {
margin: 0 0 1em 0;
}

.seminarbox dd ol li {
font-size:1.2em;
font-weight: 700;
}

.seminarbox dd strong {
color: #0499CC;
}


@media screen and (max-width: 768px) {
.seminarbox h3.title {
font-size :24px;
}
	.seminarbox dt {
	width: 100%;
	display:block;
	padding: 1em 0;
	}
	.seminarbox dd {
	width: 100%;
	display:block;
	padding: 1em 0;
	}
	.seminarbox dd ol li {
	font-size:1.1em;
	}
}

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

セミナー：詳細ページ

------------------------------------------------------------*/
.seminar_pagebox h3 {
color: #378669;
border-left: 5px solid #378669;
}

.seminar_pagebox h4 {
color: #FFF;
background-image:none;
background-color: #378669;
}



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

紙芝居資料室

----------------------------------------------------------- */
#award {
padding: 2em 0 0 0;
}

.kamishibaibox ul {
padding:  0 ;
}
.kamishibaibox ul li {
list-style-type: none;
font-size: 15px;
line-height: 1.6;
padding: 0 0 0 34px;
margin: 0 0 0.8em 0;
background-image: url(../images/icon_arrow_pink.svg);
background-position: 0 0.2em;
background-repeat: no-repeat;
background-size: 20px;
}

.kamishibai3 {
width: 100%;
padding: 2em 0 0 0;
margin: 0 0 2em 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.kamishibai3 section {
width: 32%;
margin: 0 2% 2em 0;
padding: 1em 1.5em;
border: 3px solid #ff7ba1;
background-color: #FFF;
border-radius: 12px;
}

.kamishibai3 section:nth-of-type(3n){
margin: 0 0 2em 0;
}

.kamishibai3 section dt {
text-align: center;
margin: 0 0 1em 0;
}

.kamishibai3 section dt img {
vertical-align: bottom;
}

.kamishibai3 section dd {
font-size: 14px;
}

.kamishibai3 section dd h4 {
font-size: 18px;
line-height: 1.5;
color: #ff7ba1;
padding: 0;
margin: 0 0 1em 0;
border: none;
background-image: none;
}

.kamishibai3 section dd p:last-child {
margin: 0;
}

.kamishibai-shobox-photobox {
width:100%;
overflow: hidden;
}

.kamishibai-shobox-photobox div.imgcenter {
width: 38%;
float:left;
margin-right:2%;
}

.kamishibai-sho {
width: 100%;
padding: 1em 0 0 0;
margin: 0 0 2em 0;
}

.kamishibai-sho section {
width: 100%;
margin: 0 0 4em 0;
border-radius: 12px;
}

.kamishibai-sho section:last-child{
margin: 0;
}

.kamishibai-shobox h4 {
display: block;
width: 260px;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
letter-spacing:0;
text-align: center;
border: 2px solid #ff7ba1;
padding: 0.2em;
margin: 0 0 1em 0;
background-color: #ff7ba1;
text-decoration: none;
background-image: url(../images/img_sho.png);
background-position: 6px 6px;
background-repeat: no-repeat;
border-radius : 8px;
}

.kamishibai-shobox h4 span {
display: block;
color: #FFF;
padding: 0.6em 1em 0.5em 1em;
border: 2px dashed #FFF;
border-radius : 8px;
}

.kamishibai-shobox h5 {
margin:0 ;
display: inline-block;
}

.kamishibai-shobox h5 span {
font-size: 20px;
font-weight: bold;
color: #5d3826;
margin: 0;
padding:0;
border:none;
text-align: left;
}

.kamishibai-shobox h6 {
font-size: 20px;
color: #5d3826;
margin: 0 0 0.8em 0;
}

.kamishibai-shobox p {
margin-bottom: 0;
}

.kamishibai-shobox p+ul {
margin-top: 1em;
}

.kamishibai-shobox-txt {
width: 60%;
display: inline-block;
}

.kamishibai-shobox-txt p {
font-weight: normal;
}

.kamishibai-shobox p.kamishibai-shobox-catch {
font-weight: 700;
}

.kamishibaibox ul.btlink {
width: 100%;
}

.kamishibaibox ul.btlink li {
display: inline-block;
background-image:none;
padding:0;
margin:0;
margin-right: 1em;
}

.kamishibaibox ul.btlink li a {
    font-size: 16px;
    line-height: 1.4;
    display: block;
    height: 46px;
    color: #FFF;
    padding: 0.6em 1em 0.5em 1em;
    text-align: center;
    text-decoration: none;
    border: 2px solid #4f2e21;
    border-radius: 23px;
    box-shadow: 2px 2px 2px #CCC;
    transition: 0.8s;
    background-color: #4f2e21;
}

.kamishibaibox ul.btlink li a:hover {
color:#4f2e21;
    background-color: #FFF;
}

.kamishibaibox-list ul {
width:100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.kamishibaibox-list ul li {
width: 100%;
margin:0 0 0.5em 0;
font-size: 16px;
font-weight: 700;
}

.kamishibaibox_discription {
margin-bottom: 2em;
}

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

紙芝居資料室一覧（検索ページ）

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

.kamishibai-list {
margin: 2em 0;
text-align: center;
}

.kamishibai-list ul {
display: inline-block;
padding: 0 0 10px 0;
margin: 0 ;
font-size: 0;
}

.kamishibai-list ul li {
list-style-type:none;
float: left;
background-image: none;
padding: 0 0.5em 0 0;
}

.kamishibai-list ul a {
width:200px;
display: inline-block;
font-size: 16px;
line-height: 1.2;
text-align: center;
border: 4px solid #ff7ba1;
border-radius: 23px;
background-color: #ff7ba1;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 0 0 6px;
}

.kamishibai-list ul a span {
    display: block;
    color: #FFF;
    padding: 0.8em 0 0.6em 0;
    border: 1px dashed #FFF;
border-radius: 23px;
}

.kamishibai-list ul a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

.kamishibai-list2 ul {
text-align: center;
}

.kamishibai-list2 ul li {
    width: 50px;
    display: inline-block;
    margin: 0 0 6px 0;
	padding: 0;
background-image: none;
}

.kamishibai-list2 ul li a {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #333;
    line-height: 1.2;
    border-radius: 25px;
    padding: 0.8em 0;
    text-decoration: none;
    border: 3px solid #ff7ba1;
}

.kamishibai-list2 ul li a:hover {
color: #FFF;
background-color: #ff7ba1;
}

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

紙芝居資料室一覧（詳細ページ）

------------------------------ */
.kamishibai-detail {
overflow: hidden;
padding: 2em 0 1em 0;
}

.kamishibai-detail_l {
width: 60%;
float: left;
}

.kamishibai-detail_l dl {
overflow: hidden;
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 2px dotted #a8a8a8;
}

.kamishibai-detail_l dt {
width: 20%;
float: left;
}

.kamishibai-detail_l dt {
display: block;
font-weight: 700;
line-height: 1.2;
text-align: center;
border: 2px solid #ff7ba1;
border-radius: 23px;
padding: 0.2em;
margin: 0;
    background-color: #ff7ba1;
    text-decoration: none;
}

.kamishibai-detail_l dt span {
    display: block;
color: #FFF;
    padding: 0.6em 1em 0.5em 1em;
    border: 1px dashed #FFF;
border-radius: 23px;
}


.kamishibai-detail_l dd {
width : 70%;
float: right;
text-align: left;
padding-top: 0.6em;
}

.kamishibai-detail_r {
width: 36%;
float: right;
text-align: center;
}

.kamishibaibt ul {
margin: 2em 0 0 0;
}

.kamishibaibt ul li {
width: 49%;
padding: 0;
display: inline-block;
background-image: none;
text-align: center;
}

.kamishibaibt ul li a {
    display: block;
    height: 46px;
	color: #FFF;
    padding: 0.6em 1em 0.5em 1em;
    background-color: #ff7ba1;
    border: 4px solid #FFF;
    border-radius: 23px;
    box-shadow: 2px 2px 2px #CCC;
    transition: 0.8s;
	text-decoration: none;
	}
	
.kamishibaibt ul li:last-child a {
background-color: #A8A8A8;
}
	
.kamishibaibt ul li a:hover {
background-color: #A8A8A8;
}

.kamishibaibt ul li:last-child a:hover {
background-color: #ff7ba1;
}


@media screen and (max-width: 768px) {
	.kamishibai3 section {
	width: 100%;
	margin: 0 0 1em 0;
	}
	.kamishibai3 section:last-child{
	margin: 0;
	}
	.kamishibai-sho section {
	width: 100%;
	margin: 0 0 1em 0;
	}
	.kamishibai-sho section:last-child{
	margin: 0;
	}
	.kamishibai-list ul a {
	width:150px;
	}
	.kamishibai-detail_l {
	width: 100%;
	float: none;
	}
	.kamishibai-detail_l dt {
	width: 30%;
	}
	.kamishibai-detail_l dd {
	width: 66%;
	}
	.kamishibai-detail_r {
	width: 100%;
	float: none;
	}

}

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

Information

----------------------------------------------------------- */
.information-list {
width: 94%;
margin: 0 auto;
}
.information-list dl {
overflow:hidden;
margin: 0 0 1em 0;
}

.information-list dt {
width: 20%;
float:left;
}

.information-list dt span.eventicon a {
font-size:12px;
color :#FFF;
background-color: #ff4e69;
text-decoration:none;
}

.information-list dt span {
margin: 0 0 0 2em;
}

.information-list dt img {
width: 40px;
vertical-align: middle;
}

.information-list dd {
width: 80%;
float: right;
}

.information-list dd a.pdf {
padding-right: 30px;
background-image: url(../images/icon_pdf.svg);
background-position: right center;
background-repeat:no-repeat;
background-size: 20px;
}


span.newmark {
font-size: 13px;
font-weight: bold;
color: #ED1C24;
margin: 0 0 0 12px;
}


/* 重要なお知らせ */

#topinfo {
width: 1180px;
margin: 3em auto;
}

.topinfobox {
display:table;
width: 100%;
}

.topinfobox_l {
display:table-cell;
width: 30%;
color :#FFF;
font-size: 18px;
font-weight: bold;
vertical-align:middle;
text-align:center;
background-color: #ff4e69;
border-bottom: 2px solid #ff4e69;
}

.topinfobox_r {
display:table-cell;
width: 70%;
background-color :#FFF;
}

.topinfobox_r ul {
text-align:left;
padding: 0;
margin: 0;
}

.topinfobox_r ul li {
list-style-type:none;
}

.topinfobox_r ul li a {
display:block;
font-size: 18px;
font-weight: 700;
padding: 0.5em 2em 0.3em 2em;
border: 2px solid #ff4e69;
border-top:none;
text-decoration:none;
}

.topinfobox_r ul li.lilink a {
display:block;
font-size: 18px;
font-weight: 700;
padding: 0.5em 2em 0.3em 2em;
border: 2px solid #ff4e69;
border-top:none;
text-decoration:none;
background-image:url(../images/img_next.png);
background-position:98% center;
background-repeat:no-repeat;
background-size: 36px;
}

.topinfobox_r ul li.lilink a span {
margin-left: 1em;
font-size: 16px;
font-weight:normal;
padding: 0 1em;
color :#FFF;
background-color:#4f2e21;
border-radius : 20px;
}

.topinfobox_r ul li:first-child a {
border-top: 2px solid #ff4e69;
}

.topinfobox_r ul li a:hover {
color: #FFF;
background-color: #ff4e69;
}


/* カテゴリリスト */

.infolist {
text-align:center;
margin: 1.5em 0;
}

.infolist ul {
display: inline-block;
padding: 0 0 10px 0;
margin: 1.5em 0 0 0;
}

.infolist ul li {
list-style-type:none;
float: left;
}

.infolist ul a {
width: 260px;
display: inline-block;
font-size: 16px;
    font-weight: 700;
line-height: 1.2;
text-align: center;
border: 4px solid #ff4e69;
background-color: #ff4e69;
box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
margin: 0 1em 0 0;
border-radius:8px;
}

.infolist ul a span {
    display: block;
    color: #FFF;
    padding: 1em 0 0.9em 0;
    border: 1px dashed #FFF;
border-radius:8px;
}

.infolist ul a:hover {
border: 4px solid #A8A8A8;
background-color: #A8A8A8;
}

/* 詳細 */


.informationbox h3 {
font-size: 26px;
color: #ff4e69;
border-left: 5px solid #ff4e69;
}


@media screen and (max-width: 768px) {
	.information-list dt {
	width: 100%;
	float:none;
	display:block;
	}
	.information-list dd {
	width: 100%;
	float:none;
	display:block;
	}

	#topinfo {
	width: 96%;
	margin: 2em auto;
	}
	.topinfobox {
	width: 100%;
	display:block;
	}
	.topinfobox_l {
	width: 100%;
	display:inline-block;
	}
	.topinfobox_r {
	width: 100%;
	display:block;
	}
.topinfobox_r ul li a {
font-size: 15px;
padding: 0.5em 1em 0.3em 1em;
}
.topinfobox_r ul li.lilink a {
background-size: 20px;
padding: 0.5em 1em 0.3em 1em;
font-size: 15px;
}
	.topinfobox_r ul li.lilink a span {
	display:inline-block;
	font-size: 13px;
	}
}

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

検索結果

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

#page_search {
width: 50%;
margin: 1em 0;
}

.searcharea_b{
width: 100%;
padding: 0;
}

.searcharea_r{
width: 100%;
text-align:left;
}

.gsc-control-cse {
padding: 2em 3em!important;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
padding: 0.5em 1em!important;
}

.gsib_a {
padding: 0 1em!important;
}

.gsst_b {
font-size: 12px!important;
}


.mainbox td.gsc-orderby-container {
text-align:right;
}

.gsc-webResult.gsc-result {
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{height: 32px!important;
}

input#gsc-i-id1 {
height: 32px!important;
}


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

プライバシーポリシー

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

.privacybox h3 {
font-size: 26px;
color: #4c6569;
border-left: 5px solid #4c6569;
}


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

お問い合わせ

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

.contactbox h3 {
font-size: 26px;
color: #ffa171;
border-left: 5px solid #ffa171;
}


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

サイトマップ

------------------------------------------------------------*/
.sitemaparea {
width:100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}


.sitemapbox1 {
width: 32%;
margin: 0 2% 2em 0;
}

.sitemapbox1:nth-of-type(3n){
margin:0 0 2em 0;
}

@media screen and (max-width: 768px) {
	#page_search {
	width: 100%;
	}
	.gsc-control-cse {
	padding: 2em 1em!important;
	}
	.sitemapbox1 {
	width: 100%;
	margin:0 0 2em 0;
	}
}


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

テーブル・フォーム

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

.mainbox table {
width: 100%;
margin: 0 0 2em 0;
border-top: 2px solid #4f2e21;
border-left: 2px solid #4f2e21;
}

.mainbox th {
width:30%;
padding: 0.6em 2em;
border-right: 2px solid #4f2e21;
border-bottom: 2px solid #4f2e21;
background-color: #EEE;
background-image: url(../images/img_bg.jpg);
}

.mainbox td {
width:70%;
padding: 0.6em 2em;
border-right: 2px solid #4f2e21;
border-bottom: 2px solid #4f2e21;
background-color: #FFF;
}


.mainbox table.t_form {
border-top: 1px solid #4f2e21;
border-left: 1px solid #4f2e21;
}

.mainbox table.t_form th {
border-right: 1px solid #4f2e21;
border-bottom: 1px solid #4f2e21;
}

.mainbox table.t_form td {
border-right: 1px solid #4f2e21;
border-bottom: 1px solid #4f2e21;
background-color: #FFF;
}

.mainbox table.t_form td dl {
overflow:hidden;
}

.mainbox table.t_form td dt {
width:22%;
float:left;
}

.mainbox table.t_form td dd {
width:74%;
float:right;
text-align:left;
}

.mainbox table.t_form2 {
border-top: 1px solid #4f2e21;
border-left: 1px solid #4f2e21;
}

.mainbox table.t_form2 th {
width: 20%;
border-right: 1px solid #4f2e21;
border-bottom: 1px solid #4f2e21;
}

.mainbox table.t_form2 td {
width: 80%;
border-right: 1px solid #4f2e21;
border-bottom: 1px solid #4f2e21;
background-color: #FFF;
}

.mainbox table.t_form2 td dl {
overflow:hidden;
}

.mainbox table.t_form2 td dt {
width:22%;
float:left;
}

.mainbox table.t_form2 td dd {
width:74%;
float:right;
text-align:left;
}

.hissu {
display:block;
float:right;
padding: 0 1em;
color : #FFF;
background-color :#4f2e21;
}

input.input10 { width: 80px; }
input.input20 { width: 20%; }
input.input60 { width: 60%; }
input.input80 { width: 80%; }
input.input100 { width: 100%; }
textarea { width: 100%; height: 200px;}

.schoolform2021txt input.wpcf7-text {width: 100%;}
input.wpcf7-form-control.readonly {width: 100%;}
span.wpcf7-list-item {
display: block;
}

.formbt {
text-align: center;
}

.formbt input {
width: 200px;
padding: 0.8em 0;
}


@media screen and (max-width: 768px) {
	.mainbox th{
	width: 100%;
	display:block;
	padding: 0.5em 1em;
	}
	.mainbox td{
	width: 100%;
	display:block;
	padding: 0.5em 1em;
	}
	.mainbox table.t_form td dt {
	width:100%;
	float:none;
	display:block;
	}
	.mainbox table.t_form td dd {
	width:100%;
	float:none;
	display:block;
	}
	.mainbox table.t_form2 th{
	width: 100%;
	display:block;
	padding: 0.5em 1em;
	}
	.mainbox table.t_form2 td{
	width: 100%;
	display:block;
	padding: 0.5em 1em;
	}
	.mainbox table.t_form2 td dt {
	width:100%;
	float:none;
	display:block;
	}
	.mainbox table.t_form2 td dd {
	width:100%;
	float:none;
	display:block;
	}
	.mainbox table.t_form td select { width:100%;}
	.mainbox table.t_form2 td select { width:100%;}
	input.input20 { width: 100%; }
	input.input60 { width: 100%; }
	input.input80 { width: 100%; }
	input.input100 { width: 100%; }
	textarea { width: 100%; height: 200px;}
	.formbt {
	text-align: center;
	}
	.formbt input {
	width: 100%;
	padding: 0.8em 0;
	}
}


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

キャリアップ研修

------------------------------------------------------------*/
.careerbox h3 {
color: #378669;
border-left: 5px solid #378669;
}

.careerbox h3.title {
font-size :36px;
text-align: center;
line-height: 1.4;
color: #5d3826;
border:none;
padding: 0;
margin: 0 0 1.5em 0;
background-image: none;
text-shadow: 2px 2px 2px #CCC;
}

.career_top {
margin: 0 0 2em 0;
}

.btarea {
width: 100%;
padding: 2em 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.btarea dl {
width: 48%;
margin: 0 2% 2em 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.btarea dt {
display: block;
width:30%;
font-size:24px;
line-height: 1.4;
padding: 30px 0 0 0;
color:#FFF;
background-color:#EE646F;
border-radius: 6px;
text-align: center;
}

.btarea dt span {
display: block;
}

.btarea dl.btarea2 dt {
background-color:#39B17F;
}
.btarea dl.btarea3 dt {
background-color:#016FBA;
}
.btarea dl.btarea4 dt {
background-color:#F08649;
}

.btarea dd {
width: 70%;
display: block;
font-size:15px;
padding-left: 1.5em;
text-align: left;
}

.careerbox table {
width:100%;
margin:0 auto 2em auto;
}


.careerbox th {
width:24%;
}

.careerbox td {
width: 56%;
}

.careerbox td:last-child {
width: 20%;
}

.careerbox td a {
display: block;
color:#FFF;
padding: 0.3em 0 0.3em 0;
background-color: #666;
border-radius: 6px;
text-decoration: none;
text-align: center;
}

.careerbox td a:hover {
background-color: #EE646F;
}

.notesbox {
background-color:#F2F2F2;
border:1px solid #CCC;
padding:0.6em 1em;
font-size:13px;
margin-top:0.6em;
}

.notesbox p {
margin:0;
}


.careerlist {
overflow: hidden;
}

p.photobox {
    float: right;
    width: 310px;
}

p.photobox img {
    max-width: 300px;
    box-shadow: 5px 5px 3px #999;
    border-radius: 6px;
}


.careerlist dl {
overflow: hidden;
padding: 0.5em 0;
}

.careerlist dt {
width:20%;
float:left;
display: block;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    border-radius: 23px;
    border: 4px solid #F2E321;
    background-color: #F2E321;
    box-shadow: 2px 2px 4px #CCC;
    text-decoration: none;
    transition: 0.8s;
}

.careerlist dt span {
    display: block;
    color: #000;
font-weight: 700;
    padding: 0.6em 3em 0.5em 3em;
    border-radius: 23px;
    border: 2px dashed #FFF;
}

.careerlist dd {
width: 75%;
float:right;
text-align: left;
}


@media screen and (max-width: 768px) {
.careerbox h3.title {
font-size :24px;
}
	.btarea dl {
	width: 100%;
	margin: 0 0 2em 0;
	}
	.btarea dt {
	width: 100%;
	float:none;
	height: auto;
	padding: 1em 0 0.8em 0;
	margin: 0 0 1em 0;
	}
	.btarea dd {
	width: 100%;
	float:none;
	padding-left: 0;
	}
	.careerbox table {
	width: 100%;
	border:none;
	}
	.careerbox th {
	width: 100%;
	border:none;
	border: 2px solid #4f2e21;
	}
	.careerbox td {
	width: 100%;
	border:none;
	}
	.careerbox td:last-child {
	width: 100%;
	border:none;
	padding-bottom: 2em;
	}
	p.photobox {
	max-width: 100%;
	float:none;
	display:block;
	margin: 0 auto 1em auto;
	}
	.careerlist dt {
	width: 24%;
	}
	.careerlist dt span {
	padding: 0.5em 1em;
	}
	.careerlist dd {
	width: 70%;
	}
}

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

ページング

------------------------------------------------------------*/
.pagenav {
text-align:center;
margin-top:3em;
}

.pagenav a {
color:#000;
display:inline-block;
padding: 0.8em 2em;
margin: 0 1px 10px 1px;
line-height:1.4;
border: 1px solid #CCC;
background-image: url(../images/img_bg_glay.png);
text-decoration:none;
}

.pagenav a:hover {
color: #FFF;
background-image:none;
background-color: #3972B7;
}


#pagefooter,
.wp-pagenavi {
clear:both;
padding: 2em 0 0 0;
margin: 0 auto;
line-height:2.5em;
text-align:center;
}

@media screen and (max-width: 768px) {
	.pagenav a {
	width: 100%;
	border:1px solid #FFF;
	margin: 0 0 4px 0;
	}
	#pagefooter,
	.wp-pagenavi {
	padding: 1em 0 0 0;
	}
}

.wp-pagenavi a, .wp-pagenavi span {
border:1px solid #BDBDBD;
text-decoration:none;
padding:8px 14px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
padding:8px 14px;
}

#pagefooter a {
color:#FFF;
display: inline-block;
background-color:#BDBDBD;
border:1px solid #BDBDBD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
}

#pagefooter a:hover,
.wp-pagenavi a:hover {
color:#FFF;
background-color:#666;
}

.wp-pagenavi span.current {
padding: 0 14px;
display: inline-block;
color: #FFF;
background-color:#666;
}

.current {
color:#333;
border:1px solid #BDBDBD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
}

#pagefooter a.prev,#pagefooter a.next  {
color:#FFF;
}

#pagefooter a.prev:hover,#pagefooter a.next:hover  {
background-color:#EEE;
}

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

フッター

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

#footer {
border-top: 2px dashed #5d3826;
margin-top: 2em;
}

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

メンテナンス画面

------------------------------------------------------------*/
.wrap {
width: 600px!important;
}

.wrap h1 {
font-size:40px!important;
font-family:"リュウミン B-KL","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.wrap h2 {
font-size: 24px!important;
}

/*----------------------------------------------------------
追加
------------------------------------------------------------*/
/*2021/06/09*/
.entry_form_alert {
font-size: 18px;
font-weight: 700;
color: #ff4e69;
}

/*2023/02/14*/
.gCalendar iframe {
width: 100%;
height: 400px;
}
@media all and (min-width: 768px) {
  .gCalendar iframe {
	height: 600px;
  }
}

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

紙芝居三賞：詳細ページ

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

.kamishibai_sansho_ditailbox_r {
width: 40%;
float:right;
}

.kamishibai_sansho_photo {
text-align: center;
}

.kamishibai_sansho_ditailbox_r ul {
padding: 1em 0;
}

.kamishibai_sansho_ditailbox_r ul li {
width:48%;
display: inline-block;
background-image: none;
padding: 0 1%;
margin:0 0 0.5em 0;
text-align: center;
}

.kamishibai_sansho_ditailbox_r ul li a {
display: block;
font-size: 16px;
font-weight: 700;
height:46px;
line-height: 44px;
color: #ff7ba1;
background-color: #FFF;
border: 2px solid #ff7ba1;
padding: 0 ;
background-image: url(../images/icon_arrow_pink.svg);
background-position: 1em center;
    background-repeat: no-repeat;
    background-size: 20px;
text-decoration: none;
border-radius: 23px;
}

.kamishibai_sansho_ditailbox_r ul li a:hover {
color: #FFF;
background-color: #ff7ba1;
}

.kamishibai_sansho_ditailbox_l {
width: 56%;
float:left;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd {
width: 100%;
padding: 0.5em;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px dotted #4f2e21;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd dt {
width: 45%;
padding: 1em;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd dt span {
display: block;
width:230px;
height: 40px;
font-size: 18px;
color: #FFF;
padding-left: 0.5em;
letter-spacing: 0.1em;
background-color: #ff7ba1;
box-shadow: 0px 0px 0px 5px #ff7ba1;
border: 1px dashed #FFF;
border-radius: 20px;
text-align: center;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd dd {
width : 55%;
font-size: 18px;
font-weight: 700;
padding-top: 1em;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd2 {
width: 100%;
margin-top: 2em;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd2 dt {
padding: 1em;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd2 dt span {
display: block;
width:180px;
height: 40px;
font-size: 18px;
font-weight: 700;
color: #4f2e21;
padding-left: 0.5em;
letter-spacing: 0.1em;
background-color: #F2E321;
box-shadow: 0px 0px 0px 5px #F2E321;
border: 1px dashed #4f2e21;
border-radius: 20px;
text-align: center;
}

.kamishibai_sansho_ditailbox_l dl dd span.ptitle {
    padding-left: 2em;
    background-image: url(../images/icon_sansho.svg);
    background-position: left 0;
    background-repeat: no-repeat;
    background-size: 24px 20px;
}

.kamishibai_sansho_ditailbox_l dl.dl_ksd2 dd {
font-size: 18px;
font-weight: 700;
padding: 1em;
}

@media screen and (max-width: 768px) {
    .kamishibai_sansho_ditailbox_r {
    width: 100%;
    float: none;
    }
    .kamishibai_sansho_ditailbox_r ul li {
    width: 100%;
    }
    .kamishibai_sansho_ditailbox_l {
    width: 100%;
    float: none;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd {
    border-bottom: none;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd dt {
    width: 100%;
    padding:0 0.5em;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd dt span {
    width: 100%;
    }
   .kamishibai_sansho_ditailbox_l dl.dl_ksd dd {
    width: 100%;
   font-size: 16px;
    font-weight: normal;
   padding: 1em 1em 2em 1em;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd2 {
    margin-top:1em;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd2 dt {
    width: 100%;
    padding:0 0.5em;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd2 dt span {
    width: 100%;
    }
    .kamishibai_sansho_ditailbox_l dl.dl_ksd2 dd {
   font-size: 16px;
    font-weight: normal;
   padding: 1em 1em 2em 1em;
    }
}