@charset "utf-8";
/*
Theme Name: こどもセミナー2026テーマ
Theme URI: http://madecom.co.jp
Description: madecomtheme
Version: 1.0
Author: madecom
Author URI: http://madecom.co.jp
*/


/* 以下ブログテーマのスタイル */


a {
	outline:none;
}

img {
	max-width:100%;
	height: auto;
	border:none;
}

* {
	margin: 0;
	padding: 0;

}
body {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 170%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	position: relative;
	background: url(images/bg2026.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #333333;
}



h1 {
}

h1 img{
	max-width: 100%;}

h2 {
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 30px 0;
    padding: 0 0 0 0;}

h3 {
	font-size: 22px;
	font-weight: bold;
	margin: 15px 0 10px 0;
}

h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
a,
a:visited {
	color: #515cae;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #0066cf;
	text-decoration: none;
}

ul {
	padding:0;
	margin:0;}
ol {}
li {
	list-style-type: none;
	padding:0;
	margin:0;}
p {
	padding: 10px 0;
}
hr {
	border:none;
	margin:10px 0;
	clear:both;
}
input {
	margin: 3px;
	padding: 2px;
}

.aligncenter input{
	padding: 5px 20px;}

table {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 5px 0;
	padding: 0;
	border-collapse: collapse;
}

th,td {
	padding: 8px 10px;
	text-align: left;
}

.alignright{
	float:right;
	margin:0 0 15px 20px;}

.alignleft{
	float:left;
	margin:0 20px 15px 0;}

.aligncenter{
	text-align:center;
	display: block;
	margin: 15px auto;}

.mb10{
	margin-bottom:10px !important;}

.mb40{
	margin-bottom:40px !important;}

.mb60{
	margin-bottom:60px !important;}

.mb30{
	margin-bottom:30px !important;}

.mb20{
	margin-bottom:20px !important;}


.clear{
	clear:both;}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.flexwrap{
	display: flex;
	flex-wrap: wrap;}

.flex{
	display: flex;}

.flex-b,.flex-3,.flex-2{
	display: flex;
	justify-content: space-between;}

.flex-2-c,.flex-2 li{
 	width: 48%;}

.flex-3 li{
	width: 30%;}

.flex30{
	width: 28%;
}
.flex40{
	width: 38%;
}

.flex50{
	width: 50%;
}

.flex60{
	width: 58%;
}
.flex70{
	width: 68%;
}
.alc{
	align-items: center;
}
.reverse{
	flex-direction: row-reverse;
}


.bold {
    font-weight: bold;
}

.small{
	font-size: 85%;}

.big{
	font-size: 140%;
	font-weight: bold;}

.red{
	color:#FF0000;}

.blue{
	color:#007AC3;}

.txr{
	text-align: right;}

.txc{
	text-align: center;}

.txl{
	font-size: 120%;}

.lsl{
	letter-spacing: 0.2em;}

.gfont{
	font-family: 'Noto Sans JP', sans-serif;
}

.min{
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

a[href $='.pdf'] { 
    padding: 4px 0 5px 25px;
    margin:5px 5px 5px 0;
    line-height: 190%;
    background: transparent url(images/icon-pdf.gif) no-repeat left center;
}

.contents{
	position: relative;
}

.wrap980{
	max-width: 980px;
	box-sizing: border-box;
	padding:  0;
	margin: 0 auto;}


.wrap1200{
	max-width: 1200px;
	box-sizing: border-box;
	padding:  0 10px;
	margin: 0 auto;}

.box01{
	background-color: #ffffff;
	padding: 0 0 20px 0;
	border-radius: 10px;
	margin: 10px 0;
}

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

.wrap980,.wrap1200{
	padding: 10px 16px;}

.flex-b,.catlist{
  flex-direction: column;}

 .flex-2-c, .flex-3 li,.flex-2 li,.flex60,.flex40,.flex70,.flex30{
 	width: 100%;}

.catlist{
	margin: 0 10%;}

.catlist li{
	margin: 0 auto;
	max-width: 300px;
	}

}




/*ページネーション*/

.post-navigation {
    overflow: hidden;
    padding: 12px 0;

}

.prev a {
    position: relative;
    float: left;
    width: 50%;
}

.next a {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}


/*パンくず*/


.pankuzu{
	padding: 2px 0;
	border-bottom:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;}


.pankuzu a{
  background: #f2f2f3;
  color: #878787;
  text-decoration: none;
  margin:0 10px;
  position: relative;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;}

.pankuzu a,span.breadcrumb_last{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  line-height: 26px;
  height: 26px;
  padding: 0 16px;
  border-radius: 3px;
	}

span.breadcrumb_last{
	background-color: #007AC3;
	color:#FFF;
	margin-left: 10px;}

.pankuzu a:hover {
  background: #dbdbdb;
}


#header{
	padding-top: 10px;
	width: 100%;
}

.headmenu{
	padding: 10px 0;
}

.headinfo a.contactbtn{
		border-radius: 6px;
		color:#FFF;
		text-decoration: none;
		padding: 2px 0;
		display: block;
		text-align: center;
		box-shadow: 2px 2px 2px #d2d2d2;
		background-color: #7bb641;
}
.headinfo a.contactbtn:hover{
	background-color: #599e16;}
.headinfo p{
	padding: 0;
	color: #FFF;
}
.toplogowrap{
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
.topheadinfo{
	position: absolute;
	right:0;
	top:0;
}

.logo{
	width: 400px;
}

.headmenu nav.mainmenu{
	margin-top: 10px;}

.jp{
	font-size: 80%;}

#main-navi{
	border-radius: 10px;
	background: linear-gradient(#fefeff,#eeeef0);
}

#main-navi li{
	border-right:1px solid #e5e5e8;
	border-left: 1px solid #ffffff;
	letter-spacing: 0.1em;
	text-align: left;
	flex: 1 0 auto;
	background: url(images/arrow-right.png) left 20px center no-repeat;

}

#main-navi li:first-child{
	border-left: none;}

	#main-navi li:last-child{
		border-right: none;}

#main-navi li a{
	display:block;
	font-size: 120%;
	color:#0852ab;
	font-weight: bold;
	padding:10px 0 10px 40px;
	box-sizing:border-box;
	text-decoration: none;
}



#main-navi li a:hover{
	color:#1a69c9
}

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

body{
	background: #0f70b9 url(images/kirakira.png) 0 0 repeat;
	background-size: 235px 300px;
}
.pc_only{
	display: none !important;}

.logo{
	width: 220px;
	margin: 0 0 14px 10px;}

.toplogowrap{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.topheadinfo{
	position:static;

}
.sp_txc{
	text-align: center;
}

/*スマホナビ*/
.scroll-prevent {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
  }
  #nav-tgl {
	display: none;
  }
  .nav-tgl-btn {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	margin: 0;
  }
  .open {
	z-index: 50;
	width: 48px;
	height: 48px;
	background:#fc9948;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .open::before,
  .open::after {
	content: "";
  }
  .open span,
  .open::before,
  .open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .open::before {
	transform: translateY(-8px);
  }
  .open::after {
	transform: translateY(8px);
  }
  .close {
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
  }
  #nav-tgl:checked + .open {
	background: #ffa723;
	transform: translateX(-250px);
  }
  #nav-tgl:checked + .open span {
	transform: scaleX(0);
  }
  #nav-tgl:checked + .open::before {
	transform: rotate(45deg);
  }
  #nav-tgl:checked + .open::after {
	transform: rotate(-45deg);
  }
  #nav-tgl:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
  }
  
  .content-wrapper {
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #nav-tgl:checked ~ .content-wrapper {
	transform: translateX(-250px);
  }
  
  
  
  /* メニューデザイン */
  .drower-menu {
	z-index: 999;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0 0 10px;
	box-sizing: border-box;
	background: #333;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .drower-menu a {
	display: block;
	color: white;
	padding: 10px;
	text-decoration: inherit;
	transition: background .6s;
	font-size: 1.1rem;
  }
  .drower-menu a:hover {
	background: black;
  }
  #nav-tgl:checked ~ .drower-menu {
	transform: none;
  }


}

@media screen and (min-width: 768px){

.sp_only,
.sp_br{
	display: none;}

.pc_txc{
		text-align: center;
	}
.pc_alc{
	align-items: center;
}
}

/*----------新着情報------------------------*/
#topnews{
	border-radius: 10px;
	padding: 0;
	box-sizing: border-box;
	background: linear-gradient(#fefeff,#eeeef0);
}
#topnews ul{
	padding: 20px;
}

#topnews ul li{
	width: 100%;
	border-bottom: 1px dashed #333;
}
#topnews ul li a{
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
}

#topnews ul li span{
	font-size: 90%;
}



.newswrap{
	padding: 0 0 30px 0;
	margin-bottom: 30px;
	border-bottom: 1px dashed #b7b7b7;
}
@media screen and (min-width: 768px){
.topnc{
	padding-left: 130px;}

.newswrap{
	padding: 0 10px 30px 10px;}}

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

.newswrap h3{
	font-size: 110%;
}
}

/*--------------------お問い合わせフォーム-----------------------------*/


.form{
	margin: 0 auto 30px;
}

.form table{
    border: 1px solid #999;}

.form table th{
	text-align: left;
	padding: 10px;
	background-color: #007AC3;
	color:#FFF;
    border-bottom: 1px solid #FFF;
}

.form table td{
	padding: 8px 20px;
    border-bottom: 1px solid #dcdcdc;}

.form p{
	text-align: center;}
	
.form .input-l input,
.form .input-l textarea{
	width: 100%;
}

input#zip{
	width: 150px;}

.form input.wpcf7-submit,.form input.wpcf7-confirm{
	padding: 12px 40px;
    background-color: #7bb641;
    color:#FFF;
   	transition: .4s;}


.form input.wpcf7-submit:hover,.form input.wpcf7-confirm:hover,.form input.wpcf7-back:hover{
	opacity: 0.8;
	cursor: pointer;}

.formReq{
	background-color: #7bb641;
	color:#FFF;
	font-size: 70%;
	font-weight: bold;
	padding: 1px 5px;
	line-height: 120%;
	display: inline-block;
	border-radius:5px;
	margin-left: 5px;}

.wpcf7c-conf{
	border: none !important;
	background-color: #fefefe !important;}

.form input.wpcf7-back{
	background-color: #dcdcdc;
	color:#000;
	padding: 12px 46px;
	display: inline-block;
	margin-left: 5px;
}
span.wpcf7-list-item{
	margin: 0 !important;
}
form input,
form textarea {
	box-sizing: border-box;
	padding: 8px 10px;

}

.form input.wpcf7-confirm:disabled{
    background-color:#dcdcdc;
    color:#999;
    padding: 12px 40px;
}

@media screen and (min-width: 768px){

.form{
	padding: 0 20px;
}

	}

.wpcf7-checkbox label{
	margin-right: 10px;}

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


.form table,
.form table tbody,
.form table tr,
.form table th,
.form table td,
.form textarea {

	display: block;
	box-sizing: border-box;
	width: 100%;
}

.form textarea,form input, form textarea {
	max-width: 100% !important;
}
.sp-l input{ 
		width: 100%;}

.wpcf7-submit,.form input.wpcf7-confirm {
	font-size: 17px;
	padding: 3px 25px;
	background: #e9e9e9;
	color: #363B3F;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 4px #dcdcdc;
}

.wpcf7-submit:hover,.form input.wpcf7-confirm:hover {
	background-color: #dcdcdc;
	color: #dc143c;
}


}

/*---------フッター--------------------------*/
.footer{
	margin:40px auto 0;
	background: linear-gradient(#fefefe,#ededef);
	padding: 30px 0 30px;
	border-top:5px solid #2180b8;
}

.copy{
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	text-align: center;
	margin-top: 10px;
	clear: both;
}

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

.footer{
	font-size: 80%;
	padding: 10px;
	box-sizing: border-box;
}


.footer h2{
	font-size: 120%;
}
.centertext,.copy{
	line-height: 1.4;
}

.footer .flex{
	flex-direction:column;}

.foot-logo,.foot-contact{
	padding: 0;
	border-right: none;}

}


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

.wp-pagenavi{
	text-align: center;}

.wp-pagenavi a,.wp-pagenavi span {
	padding: 3px 10px !important;
	margin: 2px 5px !important;}

.wp-pagenavi{
	margin-bottom: 30px;}


#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
}
#page-top a {
	width: 50px;
	display: block;}

.g_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------下層ページ---------------------*/
.contents-page{
	position: relative;
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
}

.contents-l{
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}

.ttl-b{
	background-color: #2663af;
	color: #FFF;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	margin-bottom: 0;
	box-sizing: border-box;
	text-align: center;
}
.topban{
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.topban li{
	padding: 5px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	border-radius: 10px;
}


.corseselect li label{
	width: 100%;
}

.topban01,#part1box{
	border: 5px solid #0068B7;}

.topban02,#part2box{
	border: 5px solid #9C308D;}

.topban03,#part3box{
	border: 5px solid #66B94C;}

.topban04,#part4box{
	border: 5px solid #E94653;}

.topban05,#part5box{
	border: 5px solid #E94653;}

.kadomaru {
	border-radius: 10px;
}
.partbox{
	margin-bottom:20px;
	padding: 10px 20px;
	box-sizing: border-box;
	background-color: #FFF;
}

#part4box .taiken{
	width: 100%;
}

#part4box .taiken th.txc{
	text-align: center;}

#part2box .table01 th{
	background-color: #fde8ff;
}

#part2box .table01 th.ort{
	background-color: #fcf7fe;
	text-align: center;}

#part3box .table01 th{
	background-color: #e9f6d4;}

#part3box,#part4box{
	page-break-inside: avoid;}

#part4box .table01 th{
	background-color: #f6b3b3;}

#part5box .table01 th{
	background-color: #f6b3b3;}

.okada h4{
	padding-bottom: 10px;
	margin-bottom: 10px;
	color:#9C308D;
	border-bottom: 3px dotted #9C308D;
}

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

	.topban{
		padding: 10px;
	}
	.ttl-b{
		font-size: 100%;
	}

	.topban li{
		border-width: 2px;
	}

	.corseselect li{
		width: 100%;
	}

	.contents-page{
	padding: 10px;
}

}
.corseselect li.ct{
	width: 100%;
	padding: 2px 5px !important;
}

.part1_c{
	color:#0068B7;
	background-color: #e0f1fd;
}

.part2_c{
	color:#9C308D;
	background-color: #f1dfef;
}

.part3_c{
	color:#66B94C;
	background-color: #edfde8;
}
.part4_c{
	color:#E94653;
	background-color: #fce9e9;
}

.pagettl{
	color:#FFF;
	text-shadow: #326eb0 1px 1px 10px, #326eb0 -1px 1px 10px,#326eb0 1px -1px 10px, #326eb0 -1px -1px 10px;
	text-align: center;
	font-size: 200%;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
	padding: 50px 0 0px 0;
}

.pagettl span{
	display: block;
	font-size: 70%;
	letter-spacing: 0;
	color:#81c0e5;
	margin-top: 20px;
	margin-bottom: 20px;}

.sttl{
	line-height: 100%;
	color:#FFF;
	border-left:12px solid #007AC3;
	background-color: #81c0e5;
	font-size: 170%;
	padding: 12px 10px 12px 18px;
	margin-bottom: 40px;}


.sttl2{
	border-bottom: 1px solid #333;
	padding: 20px 0 10px;}

	.table01{
		margin: 0 0 20px 0;
		border: 1px solid #c8d4d8;
	}
	
	.table01 th{
		border-bottom: 1px solid #c8d4d8;
		background-color: #dee9fe;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #c8d4d8;
		padding: 7px 13px;
		white-space: nowrap;
	}
	
	.table01 td{
		background-color: #FFF;
		border-bottom: 1px solid #c8d4d8;
		padding: 7px 20px;
	}


.simplebox{
	border: 1px solid #333;
	border-radius:10px;
	padding: 15px 20px;}

.simplebox h4{
	margin-bottom: 0;}


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

.pagettl{
	margin-bottom: 0;
	font-size: 130%;
	letter-spacing: normal;
	padding: 10px 0 10px 0;}

.pagettl span{
	margin: 0 0 5px 0;}

.sttl{

	font-size: 140%;
	margin-bottom: 10px;}

.table01,
.table01 tbody,
.table01 tr,
.table01 th,
.table01 td{
	display: block;
	box-sizing: border-box;
	width: 100%;
}

.table01 th{
	border-bottom: none;
	padding:3px 10px;
}
.table01 td{
	padding: 7px 10px;
}
.sanka{
	padding: 0 10px;
	box-sizing: border-box;
}

.img60{
	max-width: 60%;
	margin: 0 auto 10px;
	height: auto;
	display: block;
}
	}


.linklist li{
	background: url(images/arrow-right-b.png) 0 10px no-repeat;
	padding-left: 10px;
	margin-bottom: 0.6em;
}

.centertext {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.centertext .centertext-c {
	text-align: left;
	display: inline-block;
}

#topmessage li{
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 90%;
	box-sizing: border-box;
	margin-bottom: 10px;
	line-height: 1.5;
	box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

#topmessage li .txr{
	color: #0068B7;
}