body{
-webkit-text-size-adjust: 100%;
line-height:150%;
margin:0;
padding:0;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdfdfd), color-stop(1.00, #fdfdfd), color-stop(0.99, #e7e8e8), color-stop(0.00, #d8dada), color-stop(0.00, #d8dada));
background: -webkit-linear-gradient(top, #d8dada 0%, #d8dada 0%, #e7e8e8 99%, #fdfdfd 100%, #fdfdfd 100%);
background: -moz-linear-gradient(top, #d8dada 0%, #d8dada 0%, #e7e8e8 99%, #fdfdfd 100%, #fdfdfd 100%);
background: -o-linear-gradient(top, #d8dada 0%, #d8dada 0%, #e7e8e8 99%, #fdfdfd 100%, #fdfdfd 100%);
background: -ms-linear-gradient(top, #d8dada 0%, #d8dada 0%, #e7e8e8 99%, #fdfdfd 100%, #fdfdfd 100%);
background: linear-gradient(top, #d8dada 0%, #d8dada 0%, #e7e8e8 99%, #fdfdfd 100%, #fdfdfd 100%);

}


img{
  touch-callout:none;
  user-select:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  }


p{
font-size: 1.08em;
padding-left:10px;
padding-right:0px;
max-height: 999999px;
}

h1 {
  margin: 0 0 30px 0; /* 上マージン0、右マージン0、下マージン30px、左マージン0 */
  font-size: 130%; /* 文字サイズを130% */
  padding: 5px 10px; /* 上下パディング5ピクセル、左右パディング10px */
}

h2 {
  margin: 0 0 30px 0; /* 上マージン0、右マージン0、下マージン30px、左マージン0 */
  font-size: 110%; /* 文字サイズを130% */
  padding: 5px 10px; /* 上下パディング5ピクセル、左右パディング10px */
}

.f20 {font-size:120%;}

.f22 {
font-size:x-large;
line-height:150%;
}


/* 矢印つきリスト */
.list1 ul{
 margin:0px;
 padding:0px;
 list-style: none;
 border-bottom: 1px solid #ccc;
 }
 .list1 ul li{
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 height: 60px;
 margin: 0;
 }
 .list1 ul li a{
 color: #333;
 display: block;
 height: 60px;
 margin: 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 font-size:18px;
 text-overflow: ellipsis;
 text-decoration: none;
 text-align:center;
 font-weight: bold;
 white-space: nowrap;
 line-height: 60px;
 }
 .list1 ul li a::after{
 float: right;
 }




/* サムネイルつき矢印リスト２ */


.list4 ul{
 border-bottom: 1px solid #ccc;
	margin:0px;
	padding:0px;
 list-style: none;

 }
 .list4 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 40px;
 margin: 0px;

 }
 .list4 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 font-size:11px;
 height: 40px;
 line-height: 16px;
 margin: 0px;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list4 ul li img{
 float: left;
 height: 40px;
 width: 40px;
 margin-right: 10px;
 }

 .list4 ul li a span{
 color: #000;
 display: block;
 font-size:16px;
 font-weight: bold;
 padding-top: 6px;
 margin: 0px;
 }
 .list4 h2{
		margin:0pt;
		padding-left:10px;
		height:30px;
		color:#ffffff;
		line-height:30px;
		text-shadow: 1px 1px 0px #000;

background: rgb(255,183,107);
background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(242,127,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(242,127,4,1)));
background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(242,127,4,1) 100%);
background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(242,127,4,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(242,127,4,1) 100%);
background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(242,127,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#f27f04',GradientType=0 );
}

/* サムネイルつき矢印リスト２ */


.list6 ul{
 border-bottom: 1px solid #ccc;
	margin:0px;
	padding:0px;
 list-style: none;

 }
 .list6 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 120px;
 margin: 0px;

 }
 .list6 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 font-size:14px;
 line-height:140%;
 text-decoration: none;

 }
 .list6 ul li img{
 float: right;
 height: 90px;
 width: 90px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 0px;
 padding-right: 0px;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 }

 .list6 ul li img.kodomo{
 float: left;
 height: 20px;
 width: 20px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 0px;
 padding-right: 0px;

 }


 .list6 ul li a span{
 color: #000;
 display: block;
 font-size:18px;
 font-weight: bold;
 padding-top: 10px;
 padding-left: 10px;
 margin: 0px;
 padding-right: 10px;
 line-height:140%;

 }

 .list6 ul li a span.brown{
 color: #7f7f7f;
 display: block;
 font-size:14px;
 line-height: 15px;
 height: 35px;
 margin: 0px;
 padding-top: 13px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }


 .list6 ul li a span.navy{
 color: #000080;
 display: block;
 font-size:15px;
 line-height: 15px;
 height: 35px;
 margin: 0px;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }



 .list6 h2{
		margin:0pt;
		padding-left:10px;
		height:30px;
		color:#ffffff;
		line-height:30px;
		text-shadow: 1px 1px 0px #000;

background: rgb(167,207,223);
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%);
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
}


/* サムネイルつき矢印リスト２ */


.list7 ul{
 border-bottom: 1px solid #ccc;
	margin:0px;
	padding:0px;
 list-style: none;

 }
 .list7 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 120px;
 margin: 0px;

 }
 .list7 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 font-size:14px;
 line-height:140%;
 text-decoration: none;

 }
 .list7 ul li img{
 float: left;
 height: 90px;
 width: 90px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 20px;
 padding-right: 0px;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
 }

 .list7 ul li img.kodomo{
 float: left;
 height: 35px;
 width: 35px;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 padding-right: 0px;

 }


 .list7 ul li a span{
 color: #000;
 display: block;
 font-size:22px;
 font-weight: bold;
 padding-top: 20px;
 padding-left: 10px;
 margin: 0px;
 padding-right: 10px;
 line-height:140%;

 }

 .list7 ul li a span.brown{
 color: #7f7f7f;
 display: block;
 font-size:18px;
 line-height: 15px;
 height: 35px;
 margin: 0px;
 padding-top: 20px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }


 .list7 ul li a span.navy{
 color: #000080;
 display: block;
 font-size:15px;
 line-height: 15px;
 height: 35px;
 margin: 0px;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }



 .list7 h2{
		margin:0pt;
		padding-left:10px;
		height:30px;
		color:#ffffff;
		line-height:30px;
		text-shadow: 1px 1px 0px #000;

background: rgb(167,207,223);
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%);
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
}


.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 2em;
    background: #e8e8e8;
    color: #666666;
    font-weight: bold;
width:80%;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e8e8e8;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}


/* 作者紹介CSS */

.box26 {
    position: relative;
    margin: 2em 0.5em;
    padding: 0.5em 1em;
    border: solid 3px #0000a0;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #f5ebed;
    color: #0000a0;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.box26 img {
  border-radius: 20px;
  height: 40px;
  width: 40px;
}

.box26 img.namae {
  height: 40px;
  width: 200px;
}



#globalFooter p#copyright {
  background: #2f2f2f;
  color: #fff;
  font-family: helvetica, arial;
  font-size:16px;
  padding: 10px 0;
  text-align: center;
  margin:5px 0 0px 0;
}

#globalFooter p#copyright a {
  background: #2f2f2f;
  color: #fff;
  font-family: helvetica, arial;
  padding: 10px 0;
  text-align: center;
}



nav#breadcrumbs ol {
  padding: 0;
  margin: 0;
}

nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  background-color: #f5ebed;



}


/* 768px以上 */
@media (max-width: 240px) {
  .container {
    width: 240px;
  }
}


/* 768px以上 */
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}