/* -------------------------------- 
special style
-------------------------------- */
html{
	margin-top: 0!important;
}

* {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.ovh{
  overflow: hidden;
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.tl { text-align: left;}
.tr { text-align: right;}
.tc { text-align: center;}
.tc2 { text-align: center;}

/*  margin, padding
-------------------------*/

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }

.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb15 { margin-top: 15px; margin-bottom: 15px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mtb25 { margin-top: 25px; margin-bottom: 25px; }
.mtb30 { margin-top: 30px; margin-bottom: 30px; }
.mtb35 { margin-top: 35px; margin-bottom: 35px; }
.mtb40 { margin-top: 40px; margin-bottom: 40px; }
.mtb50 { margin-top: 50px; margin-bottom: 50px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }

.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb25 { padding-top: 25px; padding-bottom: 25px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.ptb35 { padding-top: 35px; padding-bottom: 35px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }

body.special #contents .main_visual {
	background-image: url(/wp-content/themes/il-cms-okayama/img/odekake_img01.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 37.42495%;
	background-size: contain;
}

/****article.special div.catch{
	background-image: url(/wp-content/themes/il-cms-okayama/img/odekake_img02.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 21.5714285%;
	background-size: contain;	
}****/

section.school ul{
	border: 1px solid #ccc;
	margin: 0 3% 5%;
}

section.school ul li{
	border-bottom: 1px solid #ccc;	
	font-size: 16px;
}

section.school ul li:last-child{
	border-bottom: none;
}

section.school ul li{
	display: table;
	width: 100%;
	vertical-align: middle;
}

section.school ul li.menu01 div.midashi{
	padding: 0 10px;
}

section.school ul li.menu01 div.midashi p{
	float: left;
	padding: 5px 0;
    width: 100%;
/*	line-height: 2em;
*/
}
section.school ul li.menu01 div.midashi p img {
	vertical-align:bottom;
	
	}


section.school ul li.menu01 div.midashi b{
	margin-right: 10px;
	padding:5px 10px 5px 0;
	border-right: 1px solid #ccc;
}

section.school ul li.menu01 div.midashi span.area{
	background-color: #18AEAA;
	color: #fff;
	font-size: 0.7em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
	padding:5px 10px; 
}

section.school ul li.menu02 div.comment{
	float: left;
	margin-left: 15px;
	width:95%;
}

section.school ul li.menu02 div.photo{
	float: left;
	width: 200px;
	border-right: 1px solid #ccc;
}

section.school ul li.menu02 div.photo img{
	vertical-align: top;
}

section.school ul li.menu02 div.comment table{
	width: 100%;
    font-size: 1.2vw;
}
section.school ul li.menu02 div.comment table td{
	font-size: 0.8em;
	padding: 0 10px 10px 10px;
}
section.school ul li.menu02 div.comment-2 table td{
	font-size: 0.8em;
	padding: 10px 10px 0 10px;
}
section.school ul li.menu02 div.left {
	vertical-align: top;
}

section.school ul li div.left,
section.school ul li div.right{
	display: table-cell;
	padding: 5px 10px;
	font-size: 0.857em;
}

section.school ul li div.left{
		width: 25%;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #ccc;
}
section.school ul li.menu03 div.left {
	background-color: #FFF8C8;
}
section.school ul li.menu04 div.left{
	background-color: #FBE0E0;
}

section.school ul li.menu05 div.left{
	background-color: #C9E6E0;
    vertical-align: middle;
}
#pan2018 .menu05 div.left {
	background-color: #F5A21B;
}
section.park div.list{
	background: url(../img/naraigoto_4.png)no-repeat center top;
	width: 100%;
	height: 186px;
	position: relative;
}

section.park div.list div.inner{
	display: table;
	border-collapse: separate;
  	border-spacing: 30px 0;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top:30px;
	left: 21%;	
}

section.park ul{
	display: table-cell;
}

section.park ul li{
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 5px;
	text-align: left;
}

section.campaign{
	margin: 2% auto;
	text-align: center;
	width: 920px;
}

section.campaign div.inner{
}

section.campaign header.midashi h2,
section.campaign header.midashi h3,
section.campaign ul li{
	width: 450px;
	float: left;
}

section.campaign ul li h2 img,
section.campaign ul li h3 img{
	vertical-align: bottom;
}

section.campaign ul li:first-child{
	margin-right: 20px;
}

section.campaign ul li div.comment{
	background: url(../img/stripe.png)repeat left top;
	width: 100%;
	height: auto;
	padding: 2% 5%;
	position: relative;	
	min-height: 490px;
	height: 550px;
}

section.campaign ul li div.comment h3{
	min-height: 170px;
}

section.campaign ul li div.comment p,
section.form p{
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}

section.campaign ul li div.comment b{
	color: #ff0000;
	font-size: 0.750em;
	line-height: 160%;
	display: block;
}

section.campaign ul li div.comment b a{
	color: #ff0000;
	font-size: 1em;
	}

section.form h2{
	background-color: #036EB8;
	padding: 20px;
	color: #fff;
	font-weight: normal;
}

section.form table{
/*	width: 80%;
*/	margin:5% auto 0 auto; 
	/*padding: 30px;*/
	border:2px solid #00A0E9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.outercontents p{
	width: 85%;
	margin:0 auto; 
	padding: 0 30px; 	
}

/*section.form div.inner{
	width: 80%;
	margin:5% auto 0 auto; 
	padding: 30px;
	border:2px solid #00A0E9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}*/

section.form table.mailform{
	display: block;
	border-collapse: separate;
  	border-spacing: 0 30px;	
  	/*width: 100%;*/
  	margin: 5%;
  	padding: 20px;
}



section.form table.mailform td,
section.form table.mailform td span,
section.form table.mailform td ul li label{
	font-size: 0.857em;
}

form#mailformpro label.mfp_not_checked,
form#mailformpro label.mfp_checked{
	border: none;
	background-color: #fff;
}

section.form table.mailform td ul li{
	float: left;
	width: 30%;
	border: none;
	font-size: 0.857rem;
}

section.form table.mailform td ul li label{
	float: left;
}

section.form table.mailform li.address span{
	display: block;
}

section.form table.mailform tr,
section.form table.mailform td input{
	width: 100%;
}

section.form table.mailform td{
	padding: 20px;
}

section.form table.mailform td ul li input{
width: auto;
}

section.form table.mailform td.right{
	width: 85%;
}

.atten{
	background-color: none;
	border: none;
	color: #C00;
	  float: left;
}

textarea{
	width: 100%!important;
	height: 200px!important;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea {
  border: solid 1px #CCC;
  /*box-shadow: none;*/
  padding: 10px 15px;
  margin: 2px;
  vertical-align: middle;
 }


 div.mfp_buttons{
 	margin:30px auto; 
 }

 .mfp_buttons button{
background: #499bea;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );

	width: 200px;
	margin:0 auto; 
	height: 41px;
	border: none;
	cursor: pointer;	
 }

/*  .mfp_buttons button#mfp_button_cancel{
	background-color: #0D6FB8!important;
	width: 360px;
	margin:0 auto; 
	height: 41px;
	padding: 0;
	border: none;
	cursor: pointer;	
 }
*/
 .mfp_buttons button:hover{
 	border: none;
 	height: 100%!important;
 	color: #fff;
 	padding: 0;
 	margin: 0;
 }

 div.smplist,
 i.fa{
 	display: none;
 }

section.campaign ul li div.comment b span{
	background-image: url(../img/naraigoto_12.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 166.666666667%;
	background-size: contain;	

}

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

article.special div.catch{display: none;
	/*background-image: url(/common/img/S_okeiko_img02.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 54.6875%;
	background-size: contain;*/	
}

section.school h5{
	margin:5% 0; 
}

section.school ul li.menu01 div.midashi{
display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	padding: 0;
}

section.school ul li.menu01 div.midashi p,
section.school ul li.menu01 div.midashi span.area,
section.school ul li.menu02,
section.school ul li div.left, section.school ul li div.right,
section.park div.list div.inner ul,
section.park div.list div.inner ul li,
section.form table.mailform td,
section.form table.mailform tr
{
	display: block;
	float: none;
}

section.school ul li.menu01 div.midashi span.area{
	width: 100%;
	text-align: left;
	margin:0; 
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	order:1;
	font-size: 1.2em;
}

section.school ul li.menu01 div.midashi p{
	order:2;
	padding: 10px;
}

section.school ul li.menu02 div.comment table td{
	padding: 5px;
}

section.school ul li.menu01 ,
section.school ul li.menu02 div.comment table td,
section.school ul li div.left, section.school ul li div.right{
	font-size: 1em;
}

section.school ul li.menu02 div.comment{
	margin: 0;
}

section.school ul li.menu02 div.left figure{
	text-align: left;
    width: 100%;
}

section.school ul li.menu03 div.left,
section.school ul li.menu04 div.left,
section.school ul li.menu05 div.left,
section.school ul li.menu06 div.left{
	background-color: #C7E8FA;
}

section.school ul li div.left,
section.campaign{
	width: 100%;
}

section.school ul li.menu02 div.comment{
	float: none;
}

section.park div.list{
	background-image: url(/common/img/S_okeiko_img03.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 23.125%;
	background-size: contain;
	position: relative;
	top:0;
	left: 0;
	/*margin-bottom: 300px;*/
}

/*section.park div.list{
	display: block;
	position: relative;
	height: auto;
	background-image:none;
	top:0;
	left: 0;
}*/

div.smplist,
div.smplist ul,
div.smplist ul li{
	display: block;
}

div.smplist{
	width: 90%;
	margin: 3% auto 6% auto;
}


section.park div.list div.inner ul li{
	font-size: 1.2em;
}

section.campaign header.midashi h2, section.campaign header.midashi h3, section.campaign ul li{
	width: 100%;
	float: none;
}

section.campaign ul li{
	margin-bottom: 10%;
}

section.campaign ul li div.comment,
section.campaign ul li div.comment h3{
	min-height: 100%;
	height: 100%;
}

section.form div.inner table.mailform td, section.form div.inner table.mailform td span, section.form div.inner table.mailform td ul li label,
section.campaign ul li div.comment b{
	font-size: 1.2em;
}

section.form table.mailform tr{
	padding: 10px;
}

section.form table.mailform td{
	font-size: 1.2em;
	width: 100%;
}

section.form table.mailform td.right{
	width: 90%;
}

section.school ul li div.right td{
	display: inline-block;
}

section.form table.mailform td input,
section.form table.mailform td select{
	width: 100%;
	max-width: 100%;
}

/*section.school ul li.menu02 div.comment table td.left{
	width: 30%;
}*/

section.school ul li div.left{
	border-right:none;
    width: 94%;
}

textarea{
	width: 100%;
	height: 200px;
}

div.outercontents p{
	width: auto;
}

section.form table.mailform tr{
	padding-bottom: 30px;
}

section.form table.mailform td{
	padding: 0;
}

i.fa{
	display: inline-block;
	color: #0086d1;
	margin-right: 2%;
	vertical-align: middle;
}

.mfp_buttons button{
/* 	background-image: url(../img/naraigoto_11.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff!important;*/
	width: 100%;
	}	
	section.park div.list div.inner ul,
	div.map{
		display: none;
	}

}


/************************************************
相談特集
***********************************************/

body.special #contents .main_visual2 {
	background-image: url(/wp-content/themes/il-cms-okayama/img/learn2_head.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 37.42495%;
	background-size: contain;
}

section.school h2 {
background-color: #ff78d9;
    padding: 20px;
    color: #fff;
    font-weight: normal;
}

section.school h2.tc {

	font-size:24px;
}



section.school h2.tc2 {
background-color: #97b5ff;
    padding: 20px;
    color: #fff;
    font-weight: normal;
	font-size:24px;
}

.formBtnArea{
	margin: 50px 0 70px;
    text-align: center;
}
.formBtn{
	color: #ff78d9 !important;
    background-color: #fff;
    padding: 10px 20px;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
	margin-bottom:30px;
}
@media screen and (max-width: 640px){
 .formBtn{
    font-size: 1.1em;
}	


.formBtnArea{
	margin: 5% 3% 5%;
    text-align: center;
}

.formBtn{
	color: #ff78d9 !important;
    background-color: #fff;
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
	margin-bottom:30px;
}


.formBtnArea img{ width:80%;}


}


/************************************************
入学特集
***********************************************/

#newgaku01 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	max-width: 900px;
}

#newgaku_fuda { width:96%;
margin:0 3% 3%;}

#newgaku_fuda_box { float:left;
width:25%;
margin-right:12%;
}

#newgaku_fuda_box_last { float:left;
width:25%;
margin:0;
}

#newgaku05 {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	max-width: 900px;
}

/* 2016-11-08 頑張るママ応援 */
#contents .ouen {
	margin: 0 auto;
	padding: 5% 0;
	width: 90%;
}
#contents .ouen-txt {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0 3%;
	max-width: 900px;
}
#contents .hensyubu {
	width: 90%;
	margin: 0 auto;
	max-width: 900px;
	padding: 0 0 5%;
	text-align: right;
}
#contents .leisure.school.ovh .spot-type-wrap {
	margin: 0 auto;
	width: 94%;
	text-align: left;
}
#contents .leisure.school.ovh .spot-type {
	width: 80%;
	max-width: 200px;
}
@media screen and (max-width: 640px){
	
#newgaku01 { text-align:center;}

#newgaku01 img { width:96%;
margin:0 auto;}

#newgaku_fuda { width:96%;
margin:0 3% 3%;}

.newgaku_fuda_box { float:none;
width:80%;
margin:0 auto;
}

.newgaku_fuda_box_last { 
float:none;
width:80%;
margin:0 auto;
}

#newgaku05 { text-align:center;}	
	
}
/************************************************
習い事特集
***********************************************/

#learn_midasi { text-align:center;
		margin:0 auto 2%;}
		
#learn_midasi img { width:70%;}		
		
#learn_komi { width:94%;
		margin:0 3%;
		text-align:center;}
		
#komi_box { float:left;
		width:32%;
		margin-right:2%;}
		
#komi_box_last { float:left;
		width:32%;
		margin-right:0;}
		
@media screen and (max-width: 640px){
	
	#learn_midasi img { width:90%;}	
	
	#komi_box { float:none;
		width:100%;
		margin-right:0;}
		
#komi_box_last { float:none;
		width:100%;
		margin-right:0;}
}


/************************************************
レシピページ　2016-11-7追加
***********************************************/

.k_visual h4 {
    font-size: 150%;
    color: #033C5F;
    margin-left: 5px;
}

.k_visual .recipe_in_l { width:40% ;
text-align:left;
float:left;}

.k_visual .recipe_in_l img { width:100%;}

.k_visual .recipe_in_r { width:55%;
		text-align:left;
		float:right;}


@media screen and (max-width: 640px){
	
.k_visual .recipe_in_l { width:100%;
text-align:left;
float:none;
}

.k_visual .recipe_in_r { width:100%;
		padding-left:0;
		text-align:left;
		float:none;}
}
/********************************

2016-11-09 フジカラー 

*********************************/
.freezone #fuji-2016 .houhou {
	padding:3% 0;
}
#fuji-2016 .btn-area .btn {
	width: 45%;
	display: table-cell;
}
.freezone #fuji-2016 .btn-area {
	width: 100%;
	margin: 0 0 7%;
	display: table;
}

.freezone #fuji-2016 .pc-area {
	width: 100%;
}
.freezone #fuji-2016 .title {
	margin: 0 0 5%;
}
#fuji-2016 .pc-area .pc-l {
	width: 65%;
	float: left;
}
.freezone #fuji-2016 .pc-r {
	width: 30%;
	float: left;
	padding-left: 5%;
}
.freezone #fuji-2016 .pc-area {
	margin: 0 0 3%;
	padding: 0 0 3%;
}
.freezone .k_text {
}
#fuji-2016 .pc-area .u-txt {
	font-size: 65%;
	margin: 0 auto 3%;
	width: 98%;
}
#fuji-2016 .pc-area .title {
}
.pc-area .pc-l .btn {
	margin: 0 auto;
	width: 80%;
}
#fuji-2016 .arrow  {
	text-align: center;
}
.arrow img  {
	width: 30%;
	max-width: 142px;
}
#fuji-2016 .pc-area .cat-title {
	width: 100%;
}
#fuji-2016 .sm-area .u-txt {
	font-size: 65%;
	margin: 0 auto 3%;
	width: 98%;
}
.sm-area .sm-l .text {
	float: left;
	margin-left: 3%;
	font-size: 16px;
}
.setsumei .one img {
	width: 90%;
}
#fuji-2016 .sm-area .sm-r {
	width: 15%;
	float: left;
	margin-left: 10%;
	padding-bottom: 5%;
}
#fuji-2016 .pc-area .pc-r {
	float: right;
}
.pc-area .pc-l .txt {
	margin: 0 0 3%;
}
.sm-area .sm-l .one {
	width: 8%;
	float: left;
}
.sm-area .sm-l .btn {
	font-size: 16px;
	margin-bottom: 3%;
}
#fuji-2016 .sm-area .sm-l {
	width: 60%;
	float: left;
	padding-top: 3%;
}
.sm-l .btn img {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 70%;
}
#fuji-2016 .sm-area .one img {
}
.pc-l .setsumei .one {
	float: left;
	width: 8%;
	margin-right: 3%;
}
.pc-l .setsumei .text {
	float: left;
	width: 87%;
	font-size: 16px;
	margin-bottom: 3%;
}
.mt40no {
	margin-top: -40px;
}
.u-txt a {
	font-size: 13px;
	text-decoration: underline;
}
@media screen and (max-width: 640px) {
	#fuji-2016 .sm-area .sm-l {
	width: 75%;
}
}
/* 2017-1-10 2017年版習いごとマップ */
.red {
	color: #FF0000;
	font-size: 1em
}
.map-area {
	width: 95%;
	margin: 50px auto;
}
.map-area img {
	width: 100%;
}
#contents .ouen-txt {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0 3%;
	max-width: 900px;
}
#contents .hensyubu {
	width: 90%;
	margin: 0 auto;
	max-width: 900px;
	padding: 0 0 5%;
	text-align: right;
}
#contents .leisure.school.ovh .spot-type-wrap {
	margin: 0 auto;
	width: 94%;
	text-align: left;
}
#contents .leisure.school.ovh .spot-type {
	width: 80%;
	max-width: 200px;
}
#map2017-01 {
	width: 80%;
	text-align: center;
	padding: 50px 0 20px;
	margin: 0 auto;
}
#map2017-01 img {
	width: 100%;
	margin: 0 auto;
}
#map2017_fuda { 
width:96%;
margin:0 3% 3%;}
.map2017_fuda_box { 
float:left;
width:28%;
margin-right:8%;
}
.map2017_fuda_box_last { 
float:left;
width:28%;
margin:0;
}
.map2017-link {
	width: 80%;
	max-width: 300px;
	margin: -15px auto 100px;
}
.map2017-link img {
	width: 100%;
}
@media screen and (max-width: 640px){
#map2017_fuda { width:96%;
margin:0 3% 3%;}

.map2017_fuda_box { float:none;
width:80%;
margin:0 auto 30px;
}

.map2017_fuda_box_last { 
float:none;
width:80%;
margin:0 auto 0;
}
#newgaku05 { text-align:center;}	
}
/* 2017-3-8 子育てお悩み相談室 */
#map2017-04 {
	width: 90%;
	text-align: center;
	padding: 30px 0 10px;
	margin: 0 auto;
}
#map2017-04 img {
	width: 100%;
}
.learn5-txt {
	width: 90%;
	margin: 0 auto 30px;
	font-size: 16px;
}

/* 2017-6 モデルハウス特集 */

.model_midasi { color: #EE7C00; }

.model_corum { width:100%;
background-color: #FFF7E8;
padding: 5% 0;}

.model_corum_box {width:80%;
margin:0 auto ;
	line-height: 200%;
}

.model_susume{ width:90%;
margin:5% auto;}

.model_susume_in { margin-bottom: 2%;}

.model_susume_l01 { width:55%;
float: left;}

.model_susume_r01 { width:45%;
float: right;}

.model_susume_l02 { width:55%;
float: right;}

.model_susume_r02 { width:45%;
float: left;}

	img#smh { width:70%;}	
	
.corum_txt { width:90%;
margin: 0 auto;}

@media screen and (max-width: 640px) {
	
.model_corum_box {width:90%;
margin:0 5% ;
}

.model_susume{ width:90%;
margin: 5%;}

.model_susume_l01 { width:90%;
float: none;
margin:0 5% ;	
	}

.model_susume_r01 { width:90%;
float: none;
margin:0 5% ;
	}

.model_susume_l02 { width:90%;
float: none;
margin:0 5% ;
	}

.model_susume_r02 { width:90%;
float: none;
margin:0 5% ;
	}	
	img#smh { width:50%;}	
	
}


/********************************
2017-7 夏のお出かけ特集
****************************************/


.icon_area {  float: right;
	margin-top: 5px;
}

#sm-only {  display:none;}

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

	#pc-only {  display: none;
	margin-top: 0;}
	
	#sm-only {  display:inherit;}
	
	section.school ul li.menu01 div.midashi span.area#sum2017 {
		width:96%;
		padding: 5px 2%;
		margin-top: -25px;
	}	
	
.icon_area {  float: none;
	text-align: right;
		width: 100%;
	margin-top: 0;
}

	p#spot {  width:100%; }	

 span.iconnavi#sm-only {  
	float: right;
	
	}	

}

/********************************
2017-9 秋の習い事特集
****************************************/

.aut2017_top {  width:84%;
	margin: 0 auto 3%;
}

.aut2017_top_title img { width:100%; }

.aut2017_top_txt {  font-size:25px;
	line-height: 170%;
	margin-bottom: 5%;
}

.aut2017_top_box { width:29.8%;
	margin-right: 5.3%;
float: left;}

.aut2017_top_box#last {   width:29.8%;
	margin-right:0;
	font-size: 23px;
	line-height: 170%;
float: right;}

.aut2017_top_box_pic {  margin-bottom: 3%;  }

.aut2017_top_box_pic img  { width:100%; }

.aut2017_top_box_txt {
	font-size: 23px;
	line-height: 170%;
	margin-bottom: 3%;
}

.menu01#aut2017 {     background-color:#E8CDD1;    }

section.school ul#aut2017 {
    border: 1px solid #B15A65;
    margin: 0 3% 5%;
}

section.school ul li.menu03 div.left#aut2017 {
    background-color: #fff;
}
section.school ul li.menu04 div.left#aut2017 {
    background-color: #fff;
}

section.school ul li.menu04 div.right#aut2017 table td#aut2017 {
    font-size: 0.75em;
}

section.school ul li.menu05 div.left#aut2017 {
    background-color: #fff;
}

section.school ul li.menu01 div.midashi span.area#aut2017 {
    background-color: #B15A65;
 
}

section.school ul li div.left#aut2017 {
 
    border-right: 1px solid #B15A65;
	padding: 0;
}

section.school ul li#aut2017 {
    border-bottom: 1px solid #B15A65;
    font-size: 0.857em;
}

.map2017-link#aut2017 {
    width: 80%;
    max-width: 617px;
    margin: -15px auto 100px;
}


@media screen and (max-width: 640px) {
	
.aut2017_top_txt {  font-size:18px;
	line-height: 170%;
	margin-bottom: 5%;
}	
	
.aut2017_top_box { width:90%;
	margin: 0 5% 20%;
float: none;}
	
.aut2017_top_box_txt {
	font-size: 18px;
	line-height: 170%;
	margin-bottom: 3%;
}	

.aut2017_top_box#last {   width:90%;
	margin: 0 5% 3%;
float:none;}	
section.school ul li.menu04 div.right#aut2017 table td#aut2017 {
     font-size:1.0em;
}	
	
section.school ul li.menu03 div.left#aut2017 {
    background-color: #E8CDD1;
}
section.school ul li.menu04 div.left#aut2017 {
    background-color: #E8CDD1;
}

section.school ul li.menu05 div.left#aut2017 {
    background-color:#E8CDD1;
}	
	
	section.school ul li.menu01 #spot {   font-size:120%;  } 	
	
}


/********************************
2017-12 フォトエキシビジョン
****************************************/



section.top_201712{
	width: 81.63265%;
	background-color: #fff;
	margin: 0 auto -2%;
}

.kumo_top img{
	width: 100%;
	margin-top: -9%;
}

.toptxt_201712{
	width: 90%;
	margin: 0 auto 3%;
	text-align: center;
	font-size:0.85vw;
	line-height: 175%;

}

.top_pic201712 {
	width: 83.33333333%;
	margin:0 auto 3%;
}

.top_pic201712 img {
	width: 100%;
}

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

#app_download.bottom_201712{
	padding-bottom: 5%;
}

.top_201712_l img {
	width: 100%;
}

.top_201712_r {
	float: right;
	width: 46%;
}

.top_201712_r img {
	width: 100%;
}

.top_pic201712_oubo {
	width: 83.33333333%;
	margin: 0 auto 1%;
}

.toptxt_201712_oubo {
	text-align: left;
	font-size:0.6vw;
	line-height: 160%;
	width: 75%;
	margin: 0 auto 3%;
}


/********************************
2017-12 子育てにやさしい空間づくり
****************************************/

.sm-only{
	display: none;
}

section#point_waku{
	width: 81.63265%;
	background-color: #fff;
	margin: 0 auto 3%;
}

.hinoki_toptxt{
	margin: 0 0 5% 6.66667%;
	text-align: left;
	font-size:1.33vw;
	line-height: 135%;
}

.hinoki_midasi {
	width: 100%;
	margin-bottom: 1%;
	
}
.hinoki_midasi img {
	width: 100%;
}


.hinoki_box01{
	margin-bottom: 5%;
}

.hinokibox01_in{
	margin-left: 16.25%;
	width: 83.75%;
}

td.hinokibox01_l{
	width: 53.73%;
}
td.hinokibox01_c{
	width: 2.27%;
}

td.hinokibox01_r{
	width: 42.985%;
}

td.hinokibox01_r img {
	margin-top: 3%;
}



table#migiwaku{

}

.hinoki_box01_r img { 
	width: 100%;
	margin-top: 3%;
}

.hinoki_box01_r_txt {
	
	
}

td#point{
	line-height: 135%;
	font-size:1.05vw;
}

.hinoki_box02 {
	margin-bottom: 7%;
}

.hinokibox02_in{
	width: 47.666%;
	float: left;
}

.hinokibox02_in#left{
	margin-left: 4%;
}

.hinokibox02_in img {
	width: 100%;
}

section#hinoki_model{
	width: 100%;
	background-color: #eaead9;
	margin-bottom: -3%;
}


table#model_pc {
	margin-bottom: 4%;
}

table#model_pc_last {
	padding-bottom: 4%;
}

.model_ten{
	border-bottom: 3px dotted #4d2a21;
	height: 1px;
	margin-bottom: 3%;
}


.model_waku{
	width: 81.63265%;
	margin: 0 auto 3%;
}

.modelbox{
	width: 100%;
	border-bottom: 3px dotted #4d2a21;
}

td#modelbox01_l{
	width: 57%;
}

td#modelbox01_c{
	width:4.66%;
}

td#modelbox01_r{
	width: 38.33333%;
	padding-bottom: 1.5%;
}



td#maru{
	font-size:1.1vw;
	line-height: 140%;
}

.pink {
	background-color: #e9c8c9;
	padding: 10px;
	font-size:0.65vw;
	line-height: 160%;
	margin: 3% 0 0;
}


/********************************
2018-1雛めぐり特集
****************************************/

#contents.hina {
	background-color: #ffecee;
	
}


.hina2018_top {  width:84%;
	margin: 0 auto 3%;
}

.hina2018_top_title{ font-size:1.33vw;
color: #870d84;
	font-weight: bold;
	text-align: center;
	line-height: 250%;
	margin: 3% auto 2%;
}

.hina2018_top_txt { text-align: center;
margin-bottom: 2%;
	font-size:1.0vw;
	line-height: 200%;
}

.hina2018_top_box {
	text-align: center;
width: 60%;
	margin: 0 auto;
	
}
section.school ul#hina2018{

	background-color:  #fff;
}

.midashi#spot{
	font-weight: bold;
	line-height: 250%;
	padding: 0 10px;
}

.hina_title{
	font-weight: bold;
	line-height: 400%;
}
.right#hina2018{ 
font-size: 1.2vw;
}

.right#hina2018 table td{ 
font-size: 1.2vw;
}

.hina_maru01{
	color:#c80b4d;
	
}

.hina_maru02{
	color:#0088d2;
	
}

.hina_maru03{
	color:#7d4698;
	
}

.hina_maru04{
	color:#eb6120;
	
}

.hina_maru05{
	color:#55b65c;
	
}

.menu01#hina2018{
	background-color: #fff;
}

#hina2018-01{ 
background-color: #f3c9d8;
}

#hina2018-02{ 
background-color: #c7e5f5;
}

#hina2018-03{ 
background-color: #e2d6e8;
}

#hina2018-04{ 
background-color: #fbdcce;
}

#hina2018-05{ 
background-color: #daefdb;
}
.map2018-link#hina2018 {
    width: 32.6%;
    max-width:490px;
    margin: -15px auto 50px;
}




/********************************
2018-1倉敷の旅
****************************************/


.kanko2018_top_title {
    width: 80%;
    margin: 0 auto 3%;
}
.kanko2018_top_l { 
width:70%;
	float: left;
	font-size: 1.15vw;
	line-height: 200%;
	font-weight: bold;
}

.kanko2018_top_r{
	width:30%;
	float: right;
}

.kanko2018_si{
font-size:1.0vw;
}

#kanko2018-01{ 
background-color: #fad9de;
}


.kanko2018-link{
	width:30%;
	margin: 0 auto 5%;
}

.kanko2018-link img {
	width:100%;
}

/********************************
2018-3 桜巡り
****************************************/
#contents.hina {
	background-color: #ffecee;
	
}


.sakura2018_top {  width:84%;
	margin: 0 auto 3%;
}

.sakura2018_top_title{ font-size:1.33vw;
color: #870d84;
	font-weight: bold;
	text-align: center;
	line-height: 250%;
	margin: 3% auto 2%;
}

.sakura2018_top_txt { text-align: center;
margin-bottom: 2%;
	font-size:1.0vw;
	line-height: 200%;
}

.sakura2018_top_box {
	text-align: center;
width: 60%;
	margin: 0 auto;
	
}
section.school ul#hina2018{

	background-color:  #fff;
}

.midashi#spot{
	font-weight: bold;
	line-height: 250%;
	padding: 0 10px;
}

.hina_title{
	font-weight: bold;
	line-height: 400%;
}
.right#sakura2018{ 
	font-size: 16px;
  padding-left: 20px;
  word-break: break-all;
}

.right#sakura2018 table td{ 
font-size: 1.2vw;
}


.menu01#sakura2018{
	background-color: #fff;
}

#sakura2018-01 { 
background-color: #f3c9d8;
}

#sakura2018-02 { 
background-color: #f3c9d8;
}

#sakura2018-03 { 
background-color: #f3c9d8;
}

#sakura2018-04 { 
background-color: #f3c9d8;
}

#sakura2018-05 { 
	background-color: #f3c9d8;
}
.map2018-link#sakura2018 {
    width: 32.6%;
    max-width:490px;
    margin: -15px auto 50px;
}
#sakura2018 {
	position: relative!important;
}
#sakura2018 .comment {
	float: none;
	position: relative;
}
#sakura2018 .midashi img {
	width: 30px;
	vertical-align: middle;
}
#sakura2018 li.menu01 div.midashi span.area {
    background-color: #C93F72!important;
    margin-top: 25px!important;
}
#sakura2018 .sakura-icon {
	position: absolute!important;
	top: 25px!important;
	right: 100px!important;
}
.sakura-map {
	width: 95%;
	max-width: 700px;
	margin: 0 auto 50px;
}
.sakura-map img {
	width: 100%;
}
#sakura2018 td {
	width: 80%;
	font-size: 16px!important;
}
#sakura2018 th {
	width: 20%;
	font-size: 16px!important;
	font-weight: normal!important;
}	

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

	.pc-only{
		display: none;
	}	
	
	.sm-only{
	display: block;
	}
	
section#point_waku{
	width: 94%;
	background-color: #fff;
	margin: 0 3% 3%;
}

.hinoki_toptxt{
	margin: 0 3% 5% ;
	text-align: left;
	font-size:3.8vw;
	line-height: 135%;
}	
	
td#point{
	line-height: 135%;
	font-size:3.6vw;
}	
	
.hinoki_box01_l{
	width: 100%;
	height: auto;
	margin: 0 ;
	
}
.hinoki_box01_l img { 
	width: 100%;
}

.hinoki_box01_r{
	width: 100%;
	
}	
	
	
	
.hinoki_box02 {
	margin-bottom: 5%;
}

.hinokibox02_in{
	width: 100%;
	margin: 0 ;
	float: none;
}


.hinokibox02_in#left{
	margin-left: 0;
}	
	
.model_waku{
	width: 94%;
	margin: 0 3% 3%;
}
	
	
	.model_smbox{
		width: 100%;
		margin-bottom: 4%;
	}	
	.modelbox_l{
	width: 100%;
	float:none;
}
.modelbox_l img{
	width: 100%;
}

.modelbox_r{
	width: 100%;
	float: none;
}

.modelbox_r table#model{
	width: 90%;
	margin:0 5%;
	
}
	
.model_ten{
	border-bottom: 1px dotted #4d2a21;
	height: 1px;
	margin-bottom: 3%;
}	
	
td#maru{
	font-size:3.65vw;
	line-height: 140%;
}

.pink {
	background-color: #e9c8c9;
	padding: 10px;
	font-size:3.2vw;
	line-height: 160%;
	margin: 3% 0 0;
}

	
	
#contents.photo-ex {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}	
	
section.top_201712{
	width: 90%;
	background-color: #fff;
	margin: 0 5% -2%;
}
	
	
	
.toptxt_201712_sm{
	width: 90%;
	margin:0 auto 3%;
	text-align: left;
	font-size:3.7vw;
	line-height: 175%;
	padding-top: 3%;

}

.top_pic201712 {
	width: 90%;
	margin:0 5% 3%;
}

.top_pic201712 img {
	width: 100%;
}

.top_201712_l {
	float: none;
	width: 100%;
}

#app_download.bottom_201712{
	padding-bottom: 5%;
}

.top_201712_l img {
	width: 100%;
}

.top_201712_r {
	float: none;
	width: 100%;
}

.top_201712_r img {
	width: 100%;
}

.top_pic201712_oubo {
	width: 83.33333333%;
	margin: 0 auto 1%;
}

.toptxt_201712_oubo {
	text-align: left;
	font-size:3vw;
	line-height: 160%;
	width: 90%;
	margin: 0 5% 3%;
}
	
	
.hina2018_top_title{ font-size: 4vw;
color: #870d84;
	font-weight: bold;
	text-align: center;
	line-height: 250%;
	margin: 3% auto 2%;
}

.hina2018_top_txt { text-align: left !important;
margin-bottom: 2%;
	font-size: 3.4vw;
	line-height: 200%;
}	
section.school ul li#hina2018 {

    font-size: 3.4vw;
}	
	
section.school ul li.menu01#hina2018 #spot img {
    width:15%;
}
	
section.school ul li.menu01#hina2018 #spot.niko img {
    width:30%;
}	
	
.hina_title{
	font-weight: bold;
	line-height: 200%;
	font-size: 4.0vw;
}	
	
.right#hina2018{ 
font-size: 3.4vw;
}

.right#hina2018 table td{ 
font-size: 3.4vw;
}	
	
.map2018-link#hina2018 {
	width:70%;}
	.map2018-link#hina2018 img {
		width:100%;
	}
.hina2018_top_box {
	text-align: center;
width: 100%;
	margin: 0 auto;
	
}	
	
/********************************
2018-1倉敷の旅(スマホ)	
****************************************/


.kanko2018_top_title {
    width: 90%;
    margin: 0 auto 3%;
}
.kanko2018_top_l { 
width:100%;
	float: none;
	font-size: 3.4vw;
	line-height: 200%;
	font-weight: bold;
}

.kanko2018_top_r{
	width:70%;
	float: right;
}
	
	.kanko2018_top_r img {
		width:100%;
	}	
	

.kanko2018-link{
	width:70%;
	margin: 0 auto 5%;
}

.kanko2018-link img {
	width:100%;
}
.kanko2018_si{
font-size:3.0vw;
}
/********************************
2018-3 桜巡り
****************************************/
#sakura2018 table {
	display: block!important;
	width: 100%;
}
#sakura2018 td {
	display: block!important;
	width: 100%;
}
#sakura2018 th {
	display: block!important;
	width: 100%;
}	
}


/******************************************************
2018-5 イベントカレンダー
*******************************************************/
#eve_btn {
    margin: 40px auto 20px;
    max-width: 1100px;
    text-align: center;
    width: 90%;
}


#eve_btn img {
    margin-right: 2%;
    width: 31%;
    margin: 0 1%;
}

#eve_btn img:last-of-type {
    margin-right: 0px;
}

.eve_btn_txt{
    text-align: right;
    font-size: 1vw;
}

section.school ul li div.left#eve2018_01 {
    width: 12.5% !important;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background-color: #fdf4f3;
    font-weight: bold;
    
}

section.school ul li div.left#eve2018_02 {
    width: 12.5% !important;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background-color: #f1f8f2;
    font-weight: bold;
    
}

section.school ul li div.left#eve2018_03 {
    width: 12.5% !important;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    background-color: #fffcec;
    font-weight: bold;
    
}

.menu01#eve2018_01 {
    background-color: #f9d5cb;
}

.menu01#eve2018_02 {
    background-color: #c9e7ca;
}

.menu01#eve2018_03 {
    background-color: #FFEBA3;
}

.event2018_si{
        font-size: 1.5vw;
    text-align: center;
    }

 .cb{
        clear:both;
    } 

/**************岡山イベントカレンダー　スマホ********************/

@media screen and (max-width: 640px) {
    
#eve_btn img {
    margin-right: 3%;
    width: 30%;
    margin: 0 1%;
    float: left;
} 
    
    .cb{
        clear:both;
    }  
    
    .eve_btn_txt{
        margin:3% auto;
        font-size: 3.5vw;
        text-align: left;
    } 

    
#eve_btn img:last-of-type {
     margin:0 3% 3% 0; 
} 
    
section.school ul li div.left#eve2018_01 {
    width: 95% !important;
    }
    
section.school ul li div.left#eve2018_02 {
    width: 95% !important;
    }  
    
section.school ul li div.left#eve2018_03 {
    width: 95% !important;
    }  
    
 .event2018_si{
        font-size: 4.0vw;
    }
    
section.school ul li.menu01 #evespot {
    font-size: 170%;
    text-align: center;
    width: 100%;}
    
}


/******************************************************
2018-5 ケーキ屋特集
*******************************************************/

#cake2018 .midashi img {
    width: 60px;
    vertical-align: middle;
}

#cake2018-01 {
    background-color: #f8e0ec;
}

.cake_rubi{
    font-size:16px;
    font-weight: normal;
    margin-left: 2%;
}

.cake2018-link{
    width: 80%;
    max-width: 300px;
    margin: 0px auto 50px;
}


@media screen and (max-width: 640px) {
section.school ul li div.left#cake2018{
    border-right: none;
    width: 94%;
}

section.school ul li div.left#cake2018 img{
    width:100%;
}
}

/******************************************************
2018-5 天満屋紹介ページ
*******************************************************/

.free_tenmayabox{
    width:100%;
}

.free_tenmayabox#top{
    width:100%;
    padding-top: 5%;
}

.free_tenmayabox#last{
    width:100%;
    padding: 5% 0;
    margin: 5% 0 0;
    background-color: #f0f0f0;
}

.ran_kugiri{
    border-bottom:5px dotted #f5b6c7;
    margin: 4% 0;
}

.tenmayabox_l#ran01{ 
    float: left;
width: 53.8%;
}

.tenmayabox_r#ran01{
    float: right;
    width: 42.9%;
}

.tenmayabox_l#ran01 img{
    width:100%;
    margin-bottom: 3%;
}

.tenmayabox_r#ran01 img{
    width:100%;
}


.tenmayabox_l#ran02{ 
    float: left;
width: 50.7989%;
}

.tenmayabox_r#ran02{
    float: right;
    width: 47.4%;
}

.tenmayabox_l#ran02 img{
    width:100%;
    margin-bottom: 3%;
}

.tenmayabox_r#ran02 img{
    width:100%;
}

.tenmayabox_l#ran03{ 
    float: left;
width: 32.5%;
}

.tenmayabox_r#ran03{
    float: right;
    width: 62.4%;
}

.tenmayabox_l#ran03 img{
    width:100%;
}

.tenmayabox_r#ran03 img{
    width:100%;
    margin-bottom: 3%;
}

.tenmayabox_l#ran04{ 
    float: left;
width: 56%;
}

.tenmayabox_r#ran04{
    float: right;
    width: 39.8%;
}

.tenmayabox_l#ran04 img{
    width:100%;
    margin-bottom: 3%;
}

.tenmayabox_r#ran04 img{
    width:100%;
}

.tenmayabox_l#ran05{ 
    float: left;
width: 29.9%;
}

.tenmayabox_l#ran05 img{
    width:100%;
}

.tenmayabox_r#ran05 img{
    width:100%;
    margin-bottom: 3%;
}

.tenmayabox_r#ran05{
    float: right;
    width: 64.3%;
}


.tenmayabox_l#ran06{ 
    float: left;
width: 11.1%;
}

.tenmayabox_l#ran06 img{
    width:100%;
}

.tenmayabox_r#ran06{
    float: right;
    width: 86%;
}


.tenmayabox_l#ran08{ 
    float: left;
width: 37.1%;
    margin: 1% 0 0 3%;
}

.tenmayabox_l#ran08 img{
    width:100%;
}

.tenmayabox_r#ran08{
    float: right;
    width: 55.8%;
}



@media screen and (max-width: 640px) {
    
.free_tenmayabox{
    width:100%;
    font-size: 14px;
    line-height: 170%;
    }
    
.tenmayabox_l#ran01{ 
    float: none;
width: 100%;
    margin-bottom: 4%
}

.tenmayabox_r#ran01{
    float: none;
    width: 100%;
}  
    
.tenmayabox_l#ran02{ 
    float: none;
width: 100%;
}

.tenmayabox_r#ran02{
    float: none;
    width: 100%;
}   
    
.tenmayabox_l#ran03{ 
    float: right;
width: 100%;
}

.tenmayabox_r#ran03{
    float: left;
    width: 100%;
    margin-bottom: 4%
}   
    
.tenmayabox_l#ran04{ 
    float: none;
width: 100%;
    margin-bottom: 4%
}

.tenmayabox_r#ran04{
    float: none;
    width: 100%;
}    
    
.tenmayabox_l#ran05{ 
    float: right;
width:100%;
}

.tenmayabox_r#ran05{
    float: left;
    width: 100%;
    margin-bottom: 4%
}
   
.tenmayabox_l#ran06{ 
    float: none;
width: 30%;
    margin: 0 auto;
}

.tenmayabox_r#ran06{
    float: none;
    width: 100%;
}    
    
    
.tenmayabox_l#ran08{ 
    float: none;
width: 80%;
    margin: 2% auto;
}
    
    .tenmayabox_l#ran08 img{
        width:100%;
    }    

.tenmayabox_r#ran08{
    float: none;
    width: 94%;
      margin: 2% auto;
}  
      
    
}

/********************************
2018-7デイサービス特集
****************************************/

#contents.sien {
	background-image: url(/wp-content/themes/il-cms-okayama/img/2018-7/day_bg.png);
	
}
.sien2018_top_txt { text-align: left;
margin-bottom: 2%;
	font-size:1.0vw;
	line-height: 200%;
}


.sien2018_top {  width:68%;
	margin: 0 auto 3%;
}
.sien2018_top_box {
	text-align: center;
width: 100%;
	margin: 0 auto;
	
}

.sien2018_top_box img{
    width:100%;
}

.sien02{
    width:80%;
    margin: 0 auto;
}

.sien2018_sien02title{
    margin-bottom: 2%;
}

.sien2018_sien02title img{
    width:100%;
}

.sien2018_02_txt{
    width: 80%;
    margin:0 auto 3%;
        font-size: 1.0vw;
    line-height: 200%;
}

.sien2018_02_zu{
    margin-bottom:5%;
}

.sien2018_02_l{
    width:47%;
    float: left;
}
.sien2018_02_l img{
    width:100%;
}

.sien2018_02_r{
    width:47%;
    float: right;
}

.sien2018_02_r img{
    width:100%;
}

.title_nomal{
    font-weight: normal;
    font-size: 16px;
}

.orange_bg{
    background-color: #f08600;
    color: #fff;line-height: 200%;
    text-align: center;
    width:30%;
    margin: 5px 3% 5px 0;
    /*float: left;*/
    
}

.sien_kirari_r{
    width:67%;
float:left;
}

section.school ul li.menu01 div.midashi#sien {
    padding: 0 10px;
    vertical-align: middle;
}

#sien2018-01 {
    background-color: #ffeec0;
}

#sien2018-02{
     background-color:rgba(255,255,255,0.00);
}

.menu01#sien2018 {
    background-color: #fff0;
}
section.school ul#sien2018 {
    background-color: #fff0;
}

.icon_area#sien {
    float: right;
    margin-top: 15px;
}

.pink_bg{
    background-color: #ca67a4;
    color: #fff;line-height: 200%;
    text-align: center;
    width:30%;
    margin: 5px 3% 15px 0; 
}

.green_bg{
    background-color: #63a731;
    color: #fff;line-height: 200%;
    text-align: center;
    width:30%;
    margin: 5px 3% 15px 0; 
}

.blue_bg{
    background-color: #0f72e8;
    color: #fff;line-height: 200%;
    text-align: center;
    width:35%;
    margin: 5px 3% 15px 0; 
}

.orange_bg{
    background-color: #f18c27;
    color: #fff;line-height: 200%;
    text-align: center;
    width:30%;
    margin: 5px 3% 15px 0; 
}

.pink_ji{
    color: #ca67a4;
    font-weight: bold;
}

.green_ji{
    color: #63a731;
    font-weight: bold;
}

.hina_maru04#sien {
    color: #eb6120;
    font-weight: bold;
}

.hina_maru03#sien {
    color: #7d4698;
    font-weight: bold;
}

.hina_title#sien2 {
    font-weight: bold;
    line-height: 200%;
}


@media screen and (max-width: 640px) {
    
.sien2018_top_txt {
    text-align: left;
    margin-bottom: 2%;
    font-size: 3.6vw;
    line-height: 200%;
}    

.sien2018_top {
    width: 90%;
    margin: 0 auto 3%;
}

.sien02 {
    width:90%;
    margin: 0 auto;
}
    
.sien2018_02_txt {
    width: 100%;
    margin: 0 auto 3%;
    font-size: 3.6vw;
    line-height: 200%;
}   
    
.sien2018_02_l {
    width:100%;
    float: none;
    margin-bottom: 3%;
}   
    
.sien2018_02_r {
    width:100%;
    float: none;
    margin-bottom: 3%;
}     
    
.title_nomal {
    font-weight: normal;
    font-size: 13px;
}    
    
.hina_title {
    font-weight: bold;
    line-height: 200%;
    font-size: 16px;
}  
    
.icon_area#sien {

    display: none;
}
    
.orange_bg {
    background-color: #f08600;
    color: #fff;
    line-height: 200%;
    text-align: center;
    width: 50%;
    margin: 5px 3% 5px 0;
    float: left;
}  
    
.sien_kirari_r {
    width: 100%;
    float: none;
}
    
.pink_bg {
    background-color: #ca67a4;
    color: #fff;
    line-height: 200%;
    text-align: center;
    width: 50%;
    margin: 5px 3% 15px 0;
}  
    
.green_bg{
    background-color: #63a731;
    color: #fff;line-height: 200%;
    text-align: center;
    width:50%;
    margin: 5px 3% 15px 0; 
}   
    
.hina_maru04#sien {
    color: #eb6120;
    font-weight: bold;
    font-size: 15px;
} 
    
.hina_maru03#sien {
    color: #7d4698;
    font-weight: bold;
    font-size: 15px;
}   
    
.pink_ji {
    color: #ca67a4;
    font-weight: bold;
    font-size: 15px;
}    
    
.sm-img img{
        width:13%;
    }  
    
.right#hina2018 {
    font-size: 14px;
    line-height: 170%;
}  
}
/********************************
2018-10 習い事教室
****************************************/
#autumn2018  {
  margin: 10% 0 0;
}
#autumn2018 .title {
  margin: 0 0 5%;
}
#autumn2018 .txt01 {
	font-size: 14px;
	margin: 0 0 10%;
	text-align: center;
}
#autumn2018 .box01 {
	width: 60%;
	float: left;
}
#autumn2018 .box01 img {
	width: 100%;
}
#autumn2018 .box02 {
	width: 35%;
	float: right;
	margin: 5% 0 15%;
}
#autumn2018 .box02 img {
	width: 100%;
}
#autumn2018 .box03 {
	clear: both;
	margin: 5% 0 10%;
	padding: 3%;
	box-sizing: border-box;
	background: #FFF6EB;
}
#autumn2018 .txt02 {
	font-size: 14px;
	margin: 0 0 3%;
}
#autumn2018 .txt03 {
	font-size: 14px;
	text-align: right;
}
#autumn2018 section.school ul li.menu03 div.left {
	background-color: #AACF52!important;
}
#autumn2018 section.school ul li.menu04 div.left {
	background-color: #F3C249!important;
}
#autumn2018 section.school ul li.menu05 div.left {
	background-color: #F1935E!important;
}
#autumn2018 section.school ul li.menu06 div.left {
	background-color: #AACF52!important;
}
#autumn2018 section.school ul {
    border: 1px solid #000;
}
#autumn2018 section.school ul li {
    border-bottom: 1px solid #000;
}
#autumn2018 section.school ul li div.left {
    border-right: 1px solid #000;
}
#autumn2018 section.school ul li table td {
	font-size: 14px;
}
.bold {
	font-weight: bold;
}
@media screen and (max-width: 640px) {
#autumn2018 .txt01 {
	text-align: left;
}
#autumn2018 .box01 {
  width: 100%;
  float: none;
}
#autumn2018 .box02 {
  width: 100%;
  float: none;
  margin: 5% 0 10%;
}
#autumn2018 .box02 {
    width: 35%;
    float: right;
    margin: 5% 0 15%;
}
section.school ul li.menu01 div.midashi img	{
	width: 20%;
}
}

/******************************************************
2018-11 クリスマスケーキ屋特集
*******************************************************/

.caketop_txt{
    text-align: center;
    margin: 5% auto;
    font-size: 1.2vw;
    line-height: 200%;
}

#cake2018-11 {
    background-color: #be9c59;
}

@media screen and (max-width: 640px) {
    
.caketop_txt{
    text-align: left;
    margin: 5%;
    font-size: 16px;
    line-height: 200%;
}    
    
section.school ul li div.left#cake2018{
    border-right: none;
    width: 94%;
}

section.school ul li div.left#cake2018 img{
    width:100%;
}
}

/******************************************************
2018-11 学習準備特集
*******************************************************/

section.school ul li.menu03 div.left#pre {
    background-color: #a6dde6;
}

section.school ul li.menu05 div.left#pre {
    background-color: #a6dde6;
}

section.school ul li.menu04 div.left#pre {
    background-color: #64dda6;
}

section.school ul li.menu06 div.left#pre {
    background-color: #64dda6;
}

section.school ul li.menu01 div.midashi p img {
    vertical-align: middle;
    width: 6%;
}

@media screen and (max-width: 640px) {
    
section.school ul li.menu02 div.comment table {
    font-size: 3.4vw;
}
    
section.school ul li.menu01 div.midashi p img {
    vertical-align: middle;
    width: 15%;
}
    
    section.school ul li.menu02 div.left figure img{
        width:100%;
    }    
    
}



/******************************************************
2019-2 発達支援特集
*******************************************************/
.sien2019_top_txt { text-align: left;
margin-bottom: 2%;
	font-size:1.0vw;
	line-height: 200%;
}


.sien2019_top {  width:80%;
	margin: 0 auto 3%;
}

.sien-title01{
    margin-bottom:3%;
}

.sien2019_top .sienbox{
    width:22%;
    margin-right: 4%;
    float: left;
}

.sien2019_top .sienbox img{
    width:100%;
}

.sien2019_top .sienbox#last{
    width:22%;
    margin-right: 0;
    float: left;
}

.sienbox-txt{
    width:90%;
    margin: 5% auto;
    font-size:0.9vw;
	line-height: 160%;
}

.sien02{
    width:80%;
    margin: 0 auto;
}

.sien-kugiri{
    margin-bottom:2%;
}

.sien2019_sien02title{
    margin-bottom: 2%;
}

.sien2019_sien02title img{
    width:100%;
}

.sien2019_02_zu{
    margin-bottom:5%;
}

.sien2019_02_l{
    width:47%;
    float: left;
}
.sien2019_02_l img{
    width:100%;
}

.sien2019_02_r{
    width:47%;
    float: right;
}

.sien2019_02_r img{
    width:100%;
}

.map2019-link {
    width: 80%;
    max-width: 300px;
    margin: 20px auto 100px;
}

/*****************************  スマホ　　******************************************************************/
@media screen and (max-width: 640px) {

.sien2019_top {
    width: 90%;
    margin: 0 auto 3%;
}

.sien2019_top .sienbox {
    width: 47%;
    margin-right: 3%;
    float: left;
}
    
.sien2019_top .sienbox#last {
    width: 47%;
    margin-right: 0;
    float: left;
}  
    
.sienbox-txt {
    font-size: 14px;
    line-height: 160%;
}    
    
.sien02 {
    width: 90%;
    margin: 0 auto;
} 
    
.sien2019_02_l {
    width: 100%;
    float: left;
}
    
.sien2019_02_r {
    width: 100%;
    float: right;
}   
    
span.iconnavi#sm-only img {
  width:100%;
    
}  
    
.blue_bg {
    background-color: #0f72e8;
    color: #fff;
    line-height: 200%;
    text-align: center;
    width: 80%;
    margin: 5px 3% 15px 0;
}    
    
.orange_bg {
    background-color: #f08600;
    color: #fff;
    line-height: 200%;
    text-align: center;
    width: 50%;
    margin: 5px 3% 5px 0;
  float: none; 
}    
    
.map2019-link {
    width: 80%;
    max-width: 300px;
    margin: 20px auto 50px;
}   

    .kaigyo{
        height: 1px;
    }    
    
    }


/*********************************************************************************************************************************************************
2019-4 追加ページ
**********************************************************************************************************************************************************/

/*************英語教育***************/
.green01{
	color:#43b149;
	font-weight: bold;
}



section.school ul li.menu02 div.left#eigo {
    background-color: #fffabe;
}

section.school ul li.menu03 div.left#eigo {
    background-color: #fffabe;
}

section.school ul li.menu04 div.left#eigo {
    background-color: #fffabe;
}

section.school ul li.menu05 div.left#eigo {
    background-color: #fffabe;
}

section.school ul li.menu06 div.left#eigo {
    background-color: #fffabe;
}


/************英語　スマホ**************/
@media screen and (max-width: 640px) {
.top-txt#eigo{
	width:90%;
	margin: 0 auto 5%;
	line-height: 180%;
	font-size: 16px;
	color: #000;
}

}


/************入学準備**************/

.clearfix{
	clear:both;
}

#contents.nyugaku {
	background-color: #e5f6d5;
}

.nyugaku-txt{
	text-align:center;
	font-size: 1vw;
	line-height: 180%;
	margin-top: -3%;
	margin-bottom: 5%;
}

ul.ovh#nyugaku{
	 background-color: #fff;
	
}

section.school ul li.menu01 div.kotae {
    width: 45%;
    float: left;
    padding: 3%;
    text-align: center;
    vertical-align: middle;
    border-right: none;
}

section.school ul li div.right#kotae {
    display: block;
    float: left;
    width: 47% !important;
    padding: 3% 1%;
    font-size: 0.857em;
	vertical-align:bottom;
}

section.school ul li.menu01 div.kotae img {
width:100%;
}

.fukidasi{
	width:94%;
	padding: 3%;
}

.fukidasi img{
	width:100%;
}
.ans-l{
	width:19%;
	float: left;
	padding: 3%;
}
.ans-l img{
	width:100%;
}

.ans-r{
	width: 70%;
    float: right;
	padding: 3% 3% 3% 0;
}

.ans#all{
	padding:0 3% 3%;
}

section.school ul li.menu03 div.left#osusume {
    background-color: #d9f4c4;
}

section.school ul li.menu04 div.left#staff-m {
    background-color: #fbdce2;
}

/************入学　スマホ**************/
@media screen and (max-width: 640px) {

.nyugaku-txt {
    text-align: left;
    font-size: 16px;
    line-height: 180%;
    margin-top: 0;
    margin-bottom: 5%;
    padding: 5%;
}
	
section.school ul li.menu01 div.kotae {
    width: 94%;
    float: none;
    padding: 3%;
    text-align: center;
    vertical-align: middle;
    border-right: none;
}
	
section.school ul li div.right#kotae {
    display: block;
    float: left;
    width: 94% !important;
    padding: 3%;
    font-size: 16px;
    vertical-align: bottom;
}
	
.ans-l {
    width: 94%;
    float: none;
    padding: 3%;
}	
	
.ans-r {
    width: 94%;
    float: none;
    padding: 3%;
}	
	
	
	

}

/************ドクター**************/

.doc_l{
	width:74%;
	float: left;
	padding: 3%;
}

.doc_l img{
	width:100%;
}

.doc_r{
	width:18%;
	float: right;
	padding: 3% 2% 3% 0;
}

.doc_r img{
	width:100%;
}

.dr-txtbox{
	margin:3% 0 0;
}

.dr-ans{
	width:10%;
	float: left;
}

.dr-txt{
	width:90%;
	float: right;
	line-height: 180%;
}

.ans-all{
	padding:0 3% 3%;
}

section.school ul li.menu03 div.left#doc {
    background-color: #d1ebf9;
}

section.school ul li.menu04 div.left#doc {
    background-color: #d1ebf9;
}

.icon_area#doc {
    float: right;
    margin-top: 3%;
}

section.school ul li.menu01 div.midashi p#doc {
    float: left;
    padding: 5px 0;
    width: 50%;
}

p#doc img{
	width: 10%;
	margin-top: -5px;
}

/********************スマホ*******************/

@media screen and (max-width: 640px) {
.top-txt#doc{
	width:90%;
	margin: 0 auto 5%;
	line-height: 180%;
	font-size: 16px;
	color: #023f64;
}
	
section.school ul li.menu01 div.midashi p#doc {
    float: none;
    padding: 5px 0;
    width: 100%;
}	
	
.icon_area#doc {
    float: none;
    margin-top: 3%;
}
	
section.school ul li.menu01 div.midashi#doc img {
    width: auto;
}

.doc_l {
    width: 94%;
    float: none;
    padding: 3%;
}	
	
.dr-q{font-size: 18px;
	font-weight: bold;
	color: #37bef0;
	margin-bottom: 3%;
	line-height: 150%;
	}
	
.doc_r {
    width: 60%;
    float: none;
    padding: 3% 2% 3% 0;
    margin: 0 auto;
}
	
	
	}

/************展示場**************/

.tenji_l{
	display: table-cell;
	width:36%;
	padding: 2%;
	vertical-align: top;
	
}

.tenji_r{
	display: table-cell;
	width:56%;
	background-color: #e9f3d2;
	padding: 2%;
	vertical-align: top;
}

.tokuten_l{
	width:36%;
	padding: 2%;
	display: table-cell;
	vertical-align: middle;
}

.tokuten_l img{
	width:100%;
}

.tokuten_r{
	width:60%;
	display: table-cell;
	vertical-align: middle;
}

section.school ul li.menu03 div.left#tenji {
    background-color: #fff;
}

section.school ul li.menu04 div.left#tenji {
    background-color: #fff;
}

section.school ul li.menu05 div.left#tenji {
    background-color: #fff;
}

section.school ul li.menu06 div.left#tenji {
    background-color: #fff;
}

section.school ul li.menu01 div.midashi#tenji p img {
    vertical-align: middle;
    width: 12%;
}

.menu011#ohk img{
	width:100%;
}

/************展示　スマホ**************/
@media screen and (max-width: 640px) {
.tenji_l {
    display: block;
    width: 96%;
    padding: 2%;
    vertical-align: top;
}
	
.tenji_r {
    display: block;
    width: 96%;
    background-color: #e9f3d2;
    padding: 2%;
    vertical-align: top;
}	
	
.tokuten_l {
    width: 96%;
    padding: 2%;
    display: block;
    vertical-align: middle;
}	
	
.tokuten_r {
    width: 96%;
    display: block;
    vertical-align: middle;
}
	
	.menu06#model .left img{
		width:100%;
	}	

}

/************求人2019-6**************/

#contents.kyujin {
	background:repeating-linear-gradient(45deg, #fbe6ef 0, #fbe6ef 10px, #fdf7fa 10px, #fdf7fa 20px);
}



.doc_l{
	width:74%;
	float: left;
	padding: 3%;
}

.doc_l img{
	width:100%;
}

.doc_r{
	width:18%;
	float: right;
	padding: 3% 2% 3% 0;
}

.doc_r img{
	width:100%;
}

.dr-txtbox{
	margin:3% 0 0;
}

.dr-ans{
	width:10%;
	float: left;
}

.dr-txt{
	width:90%;
	float: right;
	line-height: 180%;
}

.ans-all{
	padding:0 3% 3%;
}

section.school ul li.menu02kyujin{
	background-color: #fff;
}

section.school ul li.menu011kyujin{
	background-color: #fff;
}

section.school ul li.menu03kyujin{
	background-color: #fff;
}

section.school ul li.menu04kyujin{
	background-color: #fff;
}

section.school ul li.menu05kyujin{
	background-color: #fff;
}

section.school ul li.menu06kyujin{
	background-color: #fff;
}

section.school ul li.menu03kyujin div.left#kyujin {
    background-color:#e8456f;
	color: #fff;
}

section.school ul li.menu04kyujin div.left#kyujin {
    background-color: #e8456f;
	color: #fff;
}

section.school ul li.menu05kyujin div.left#kyujin {
    background-color: #e8456f;
	color: #fff;
}

section.school ul li.menu06kyujin div.left#kyujin {
    background-color: #e8456f;
	color: #fff;
}

.icon_area#kyujin {
    float: right;
    margin-top: 0;
	width: 28%;
}

 li.menu01kyujin{
	background-color:#feeed5;
}


.kyujin-title{
	width:59%;
	float: left;
	font-weight: bold;
	font-size: 1.8vw;
	line-height: 250%;
	margin-left: 3%
}

.kyujin-maku{
	float: left;
	width: 11%;
    margin: 1% 0;
	height: 0;
}

.kyujin-maku img{
	width: 100%;
}

.icon_area#kyujin{
	float:right;
	width: 25.4%;
	margin: 1% 0;
	height: 0;
}
.icon_area#kyujin img{
	width:100%;
}

/********************スマホ*******************/

@media screen and (max-width: 640px) {
.top-txt#doc{
	width:90%;
	margin: 0 auto 5%;
	line-height: 180%;
	font-size: 16px;
	color: #023f64;
}
	
section.school ul li.menu01 div.midashi p#doc {
    float: none;
    padding: 5px 0;
    width: 100%;
}	
	
.icon_area#doc {
    float: none;
    margin-top: 3%;
}
	
section.school ul li.menu01 div.midashi#doc img {
    width: auto;
}

.doc_l {
    width: 94%;
    float: none;
    padding: 3%;
}	
	
.dr-q{font-size: 18px;
	font-weight: bold;
	color: #37bef0;
	margin-bottom: 3%;
	line-height: 150%;
	}
	
.doc_r {
    width: 60%;
    float: none;
    padding: 3% 2% 3% 0;
    margin: 0 auto;
}
	
	}

/************ならいごと2019-6**************/

#contents.sports {
	background-color:#dcf7d5;
}

div.left#sports {
    background-color: #38b489;
    color: #000;
}



.s-title{
	color:#497dc0;
	font-size: 16px;
	font-weight: bold;
}

.s-title02{
	color:#497dc0;
	font-size: 15px;
	font-weight: bold;
}

.ovh#sports{
	background-color:#fff;
}

section.school ul li.menu01 div.midashi p#fuku img {
    vertical-align: middle;
    width: 12%;
}

/************ママズコンテンツ2019-6**************/

.panbox{
	width:90%;
	margin: 0 auto 2%;
}

.mama-title{
	color:#036eb7;
	font-weight: bold;
	font-size: 1.2vw;
}

div.left#mama {
    background-color: #e6e6e6;
    color: #000;
    vertical-align: middle;
}

.pan_l{
	width: 30%;
	float: left;
}

.pan_l img{
	width: 100%;
}

.pan_r{
	width: 67%;
	float: right;
}

.pan-q{
	color:#f18700;
	font-weight: bold;
	font-size: 1.1rem;
}

.pan-q2{
	color:#f18700;
	font-weight: bold;
	font-size: 1.2rem;
}

.pan-q3{
	color:rgba(0,155,255,1.00);
	font-weight: bold;
	font-size: 1.2rem;
}

.pan-q4{
	color:rgba(255,100,235,1.00);
	font-weight: bold;
	font-size: 1.2rem;
}

.pan-title{
	color:#6c4522;
	font-size: 1.2rem;
	font-weight: bold;
}

.pan_normal{
	color:#f18700;
	font-weight:normal;
	font-size: 1rem;
}

.pan-txt{
	font-size: 1em;
	line-height: 180%;
	margin-bottom: 2%;
}

section.school ul li.menu01 div.midashi p.fukusu img {
    vertical-align: middle;
    width: 12%;
}

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

section.school ul li div.right td.hyou{
	    display: table-cell !important;
}
	
section.school ul li.menu01 div.midashi p.fukusu img {
    vertical-align: middle;
    width: 35%;
}	

}
/************園特集　2019-6**************/

#contents.en {
	background-color:#fffded;
}

.top01#en{
	width: 94%;
	margin: 0 auto 5%;
}

.top01_l#en{
	width:21%;
	float: left;
	margin-left: 7.5%;
}

.top01_l#en img{
	width:100%;
}

.top01_r#en{
	width:58%;
	float: right;
	margin-right: 7%;
	font-size: 1.2vw;
	line-height: 180%;
	text-align: left;
}

.ovh#en{
	background-color:#fff;
}

div.left#en {
    background-color: #f9c164;
    color: #000;
}

.en-title{
	color:#f9c164;
	font-size: 1.2rem;
	font-weight: bold;
}
/************園特集 スマホ　2019-6**************/
@media screen and (max-width: 640px) {
	.top01_l#en {
    width: 70%;
    float:none;
    margin: 0 auto;
}
	
.top01_r#en {
    width: 100%;
    float: none;
    margin-right: 0;
    font-size: 14px;
    line-height: 180%;
    text-align: left;
}	
	
.pan_l {
    width: 100%;
    float: none;
}	
	
.pan_r {
    width: 100%;
    float: nonet;
}
	
}


/**********************************************************************
2019-8デイサービス特集
******************************************************************************/

.main_visual_2019-8{
	background-color: #fef5f1;
	width:100%;
	margin-bottom: 5%;
}

.sien2019-8_top{
	width:90%;
	margin: 0 auto;
	padding-bottom: 5%;
}

.sien2019-8_top_txt{
	text-align: center;
    margin-bottom: 2%;
    font-size: 1.0vw;
    line-height: 200%;
}

.sien_l{
	width:51%;
	float: left;
}

.sien_l img{
	width:100%;
}

.sien_r{
	width:46%;
	float: right;
}

.sien_r img{
	width:100%;
}

.sienbox_l{
	width:46%;
	float: left;
	margin: 0 0 2% 1%;
}

.sienbox_r{
	width:46%;
	float: right;
	margin: 0 0 2% 0;
}

.sienbox-txt02 {
    width: 100%;
    margin: 3% auto;
    font-size: 0.9vw;
    line-height: 160%;
}


.icon_area#sien2019 {
    float: right;
    margin-top: 15px;
    width: 20%;
}

.icon_area#sien2019-2 {
    float: right;
    margin-top: 15px;
    width: 30%;
}

#sien2019-8 {
    background-color: #fbdfe9;
}

#sien2019-8-2 {
    background-color: #ffe472;
}

section.school ul li div.right#sien2019 {
    display: table-cell;
    padding: 3%;
    font-size: 1vw;
}

.momo_bg {
    background-color: #ee837f;
    color: #fff;
    line-height: 200%;
    text-align: center;
	padding: 0 2%;
    margin: 5px 3% 15px 0;
}

.sien_q_txt{
	margin-bottom:2%;
    font-size: 1vw;
}

.sien_q_l{
	width:8%;
	float: left;
}

.sien_q_l img{
	width:100%;
}

.sien_q_r{
	width:87%;
	float: right;
}

.sien_q_kugiri{
	border-bottom: 1px solid #ca67a4;
	margin: 2% 0;
	
}

/**********************スマホ****************************************************/
@media screen and (max-width: 640px) {
	
.sien2019-8_top_txt {
    text-align: left;
    margin-bottom: 2%;
    font-size: 15px;
    line-height: 180%;
}	
	
section.school ul li#sien2019 {
    font-size: 14px;
}	
	
section.school ul li div.right#sien2019 {
    display: block;
    padding: 3%;
    font-size: 0.857em;
}	
	

	
.momo_bg {
    background-color: #ee837f;
    color: #fff;
    line-height: 180%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 0 15px;
    font-size: 15px;
}
	
section.school ul li div.right#sien2019 {
    display: block;
    padding: 3%;
    font-size: 14px !important;
	line-height: 170%;
}	
	
.sien_q_txt {
    margin-bottom: 2%;
	font-size: 14px;
	line-height: 170%;
}	
	
#sien2019-8 {
    font-size: 16px;
}

#sien2019-8-2 {
    font-size: 16px;
}
	
}

/**********************************************************************
2019-8プログラミング特集
******************************************************************************/
.main_visual_2019-8-2{
	background-color: #e0f1ed;
	width:100%;
	margin-bottom: 5%;
}

.sien2019-8_top_txt2{
	text-align: center;
    margin: -3% auto 2%;
    font-size: 1.0vw;
    line-height: 200%;
}

section.school ul li.menu01 div.midashi p#prog {
    float: left;
    padding: 5px 0;
    width: 85%;
    /* line-height: 2em; */
}

section.school ul li.menu01 div.midashi#sien p#prog .sm-img img {
    vertical-align: middle;
    width: 10%;
}

.icon_area#sien2019-8prog {
    float: right;
    margin-top: 15px;
    width: 13%;
}

.prog-mi{
	color:#ee7836;
	font-weight: bold;
	font-size: 1.2rem;
}

.prog-mi2{
	color:#f00;
	font-weight: bold;
	font-size: 1.2rem;
}

#sien2019-8pro1 {
    background-color: #A3D6CC;
}

#sien2019-8pro2 {
    background-color: #ffec8f;
}

#sien2019-8pro3 {
    background-color: #d2ecfa;
}


/**********************スマホ****************************************************/
@media screen and (max-width: 640px) {

.sien2019-8_top_txt2 {
    text-align: left;
    margin: 2% auto;
    font-size: 15px;
    line-height: 180%;
}
	
.sien_l {
    width: 100%;
    float: none;
}
	
.sien_r {
    width: 100%;
    float: none;
}	
	
.sienbox_l {
    width: 100%;
    float: none;
    margin: 0 0 2% 0;
}	
	
.sienbox_r {
    width: 100%;
    float: none;
    margin: 0 0 2% 0;
}
	
.sienbox-txt02 {
    font-size: 14px;
    line-height: 160%;
}	
	
span.iconnavi#progicon {
    float: right;
    width: 15%;
}
	
span.iconnavi#progicon img{
		width:100%;
	}	
	
section.school ul li.menu01 div.midashi#sien p#prog .sm-img img {
    vertical-align: middle;
    width: 20%;
}
	


section.school ul li.menu01 div.midashi p#prog {
    width: 100%;
}

#sien2019-8pro1 {
    font-size: 16px;
}

#sien2019-8pro2 {
    font-size: 16px;
}

#sien2019-8pro3 {
   font-size: 16px;
}	
	
}

/**********************************************************************
2019-10習いごと
******************************************************************************/

.narai10-midasi{
	font-size: 1.4vw;
	color:#f29600;
	line-height: 180%;
	font-weight: bold;
}

section.school ul li.menu03 div.left#narai10 {
    background-color: #e7f1d0;
}

section.school ul li.menu04 div.left#narai10 {
    background-color: #fff8b0;
}

section.school ul li.menu05 div.left#narai10 {
    background-color: #fce6d6;
}

section.school ul li.menu06 div.left#narai10 {
    background-color: #fbe1bd;
}

section.school ul li.menu06 div.left#narai10-2 {
    background-color: #f0e9f3;
}

section.school ul li.menu06 div.left#narai10-3 {
    background-color: #dbe1fa;
}

.narai10-iro{
	color: #f29600;
}

.narai10-iro2{
	color: #ff0000;
}

.narai-link a{
	text-decoration: underline;
	color: #027DFF;
}

/**********************スマホ****************************************************/
@media screen and (max-width: 640px) {
	
.narai10-midasi{
	font-size: 18px;
	color:#f29600;
	line-height: 180%;
	font-weight: bold;
}	
	
}

/**********************************************************************
2019-10七五三
******************************************************************************/

.main_visual_2019-10{
	background-color: #ffffff;
    width: 100%;
    margin-bottom: 5%;
}

.main_visual_2019-10 h1{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.mainbg01{
	width:100%;
	height: 0;
	padding-top: 36.2%;
	background-image: url(../img/2019-10/main_bg01.png);
	background-size: contain;
}

.mainbg02{
	width:100%;
	height: 0;
	padding-top: 31.93333%;
	background-image: url(../img/2019-10/main_bg02.png);
	background-size: contain;
}

.mainbg03{
	width:100%;
	height: 0;
	padding-top: 27.6%;
	background-image: url(../img/2019-10/main_bg03.png);
	background-size: contain;
}

.mainbg04{
	width:100%;
	height: 0;
	padding-top: 35.2%;
	background-image: url(../img/2019-10/main_bg04.png);
	background-size: contain;
}

.mainbg05{
	width:100%;
	height: 0;
	padding-top: 49.53333%;
	background-image: url(../img/2019-10/main_bg05.png);
	background-size: contain;
}

.mainbg06{
	width:100%;
	height: 0;
	padding-top: 89.6666%;
	background-image: url(../img/2019-10/main_bg06.png);
	background-size: contain;
}

.mainbg01_in{
	width:66.6666%;
	margin: -36.2% auto 0;
}

.mainbg02_in{
	width:66.6666%;
	margin: -31.93333% auto 0;
}

.mainbg03_in{
	width:66.6666%;
	margin: -27.6% auto 0;
}

.mainbg04_in{
	width:66.6666%;
	margin: -35.2% auto 0;
}

.mainbg05_in{
	width:66.6666%;
	margin: -31.53333% auto 0;
}

.mainbg06_in{
	width:66.6666%;
	margin: -72.6666% auto 0;
}

.jinja_l{
	width:48.3%;
	margin-bottom: 3%;
	float: left;
}

.jinja_r{
	width:48.3%;
	margin-bottom: 3%;
	float: right;
}

.jinja_box#kibitu{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja01_bg.png);
	background-size: contain;
}

.jinja_box#ati{
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja02_bg.png);
	background-size: contain;
}

.jinja_box#oomoto{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja03_bg.png);
	background-size: contain;
}

.jinja_box#yuka{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja04_bg.png);
	background-size: contain;
}

.jinja_btn{
	width:37.267%;
	margin: -10.24% auto 0;
}

.jinja_btn img{
	width:100%;
}

/**********************スマホ****************************************************/
@media screen and (max-width: 640px) {
	
.toptxt-753{
	width:90%;
	margin: 0 auto 5%;
	font-size: 18px;
	color:#000000;
	line-height: 180%;
	font-weight: bold;
	text-align: left;
}	
	
.title-753{
width:100%;
	margin: 0 auto 3%;
	}
.title-753 img{
		width:100%;
	}	
	
.bun-753{
	width: 90%;
	margin: 0 auto 5%;
	}	
.bun-753 img{
	width:100%;
	margin-bottom: 3%;
	}	
	
.jinja_box#kibitu{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja01_bg.png);
	background-size: contain;
}

.jinja_box#ati{
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja02_bg.png);
	background-size: contain;
}

.jinja_box#oomoto{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja03_bg.png);
	background-size: contain;
}

.jinja_box#yuka{
	width:100%;
	height: 0;
	padding-top: 48.24%;
	background-image: url(../img/2019-10/jinja04_bg.png);
	background-size: contain;
}

.jinja_btn{
	width:37.267%;
	margin: -10.24% auto 0;
}

.jinja_btn img{
	width:100%;
}	
	
}


/********************** 2019-12 *********************************************/

.ietop_txt {
    text-align: left;
    margin: 5% auto;
    font-size: 1.2vw;
    line-height: 200%;
    width:80%;
}

.ietop_txt#center{
    text-align:center;
}

.ietop_title{
    font-size:1.5vw;
    font-weight: bold;
}

.ie_box {
    float: left;
    width: 27%;
    padding:0 3.5%;
border-right:2px dotted #000000;
}

.ie_box_last {
    float: left;
    width: 27%;
    margin-left: 3%;
}

.ie_box img{
    width:100%;
    margin-bottom: 5%;
}

.ie_box_last img{
    width:100%;
    margin-bottom: 5%;
}

.ie12-midasi{
    font-size: 1.4vw;
    color: #f3a297;
    line-height: 180%;
    font-weight: bold;
}

.ie-title {
    color: #8fc31f;
    font-size: 1.2rem;
    font-weight: bold;
}    

section.school ul li.menu03 div.left#ie12 {
    background-color: #ecf9d2;
}

section.school ul li.menu04 div.left#ie12 {
    background-color: #f9d3d2;
}

section.school ul li.menu05 div.left#ie12 {
    background-color: #d5e9c8;
}

section.school ul li.menu06 div.left#ie12 {
    background-color: #ffe9f3;
}

section.school ul li.menu02 div.comment table td {
    font-size: 1em;
    padding: 5px 10px;
}

/**********************スマホ*******************************/
@media screen and (max-width: 640px) {
section.school ul li div.right .swim td {
     display: table-cell;
}
   
.ietop_txt#center {
    text-align: left;
}    
    
.ietop_txt {
    text-align: left;
    margin: 5% auto;
    font-size: 16px;
    line-height: 200%;
    width: 80%;
}    
    
.ietop_title {
    font-size: 18px;
    font-weight: bold;
}    
    
.ie_box {
    float: none;
    width: 94%;
    padding: 0 3.5%;
    border-right: none;
}    
    
.ie_box_last {
    float: left;
    width: 94%;
    padding: 0 3.5%;
    margin-left: 0;
}    
    
.ie12-midasi {
    font-size: 20px;
    color: #f3a297;
    line-height: 180%;
    font-weight: bold;
}    
	
}


/*******************************************************
2020-2 フォトグラファー特集
*******************************************************/	
.top01_sm_txt{
    width:90%;
    background-color: #eeea75;
    padding: 3% 5%;
    font-size: 16px;
    line-height: 170%;
    font-weight: normal;
    margin-bottom: 10%;
}

.top01_sm_txt img{
    width:100%;
}

.inst-tag{
    margin: 10px 0;
    background-color: #4c4c4c;
    color: #ffffff;
    padding: 1px 3px;
    line-height: 200%;
    
}

 .insta img{
    width:3% !important;
}

/*******************************************************
2020-2 児童発達支援・放課後等デイサービス特集
*******************************************************/	

.sien-colum{
    width:100%;
    margin-bottom: 3%;
}

.sien-colum img{
    width:100%;
}

.sien-colum2{
    width:100%;
    margin-bottom: 3%;
    padding: 3% 0;
    mix-blend-mode: multiply;
    background-color: #fbded2;
}

.sien-colum2 img{
    width:90%;
    margin: 2% auto;
}

.sien-colum_txt{
        font-size: 16px;
    line-height: 170%;
    text-align: left;
    color: #6a4a31;
    width:90%;
    margin: 0 auto;
}

.sien-book{
    background-color: #fcede4;
    width:90%;
    margin: 3% auto;
}

.sienbook-title{
    font-size: 24px;
    line-height: 180%;
    font-weight: bold;
    text-align: center;
    color: #6a4a31;
}

.sienbook-title2{
    font-size: 18px;
    line-height: 200%;
    color: #6a4a31;
}

.sienbook01{
    width:60%;
    margin: 0 auto 3%;
}

.sienbook01 img{
    width:100%;
}

.sienbook02{
    width:100%;
    margin: 0 auto 3%;
}

.sienbook02 img{
    width:100%;
}

#sien2020-2 {
    background-color: #f7c0be;
}

.orange2_bg {
    background-color: #f18c27;
    color: #fff;
    line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border-radius: 3px;
}

.title-m{
    color: #e61a4d;
    font-weight: bold;
    font-size: 1.2rem;
}

.title-r{
    color: #ff0000;
    font-weight: bold;
    font-size: 1.2rem;
}

.sien2020-2-01 img{
    width:50%;
}



/*************************************スマホ*****************************************/
@media screen and (max-width: 640px) {
    
.sien2020-2-01 img{
    width:100%;
}   
    
section.school ul li.menu02 div.comment table td {
    font-size: 14px;
}	
    
}

/*************************************************************************************************************************
2020-4　春の習いごと　教育
***************************************************************************************************************************/
section.school ul li.menu01 div.midashi p#narai2020-4 {
    float: left;
    padding: 5px 0;
    width: 85%;
    font-size: 1.6vw;
    /* line-height: 2em; */
}

section.school ul li.menu01 div.midashi p#narai2020-42 {
    float: left;
    padding: 5px 0;
    width: 82%;
    font-size: 1.1vw;
    /* line-height: 2em; */
}

.main_visual_2020-4 {
    /* background-color: #e0f1ed; */
    width: 100%;
    margin-bottom: 5%;
}

.top-title2020-4spo{
    font-size:1.5vw;
    font-weight: bold;
    text-align: center;
    color:#5cb531;
}

.top-title2020-4spo_s{
     font-size:1.3vw;
    font-weight: bold;
    text-align: center;
    color:#5cb531;
}

.top-title2020-4edu{
    font-size:1.5vw;
    font-weight: bold;
    text-align: center;
    color:#ee8592;
}

.top-title2020-4edu_s{
    font-size:1.3vw;
    font-weight: bold;
    text-align: center;
    color:#ee8592;
}


.narai2020-4_top_txt2 {
    text-align: center;
    margin: 3% auto;
    font-size: 1.0vw;
    line-height: 200%;
}

.narai2020-4-toppic{
    width:100%;
}
.narai2020-4-toppic img{
    width:100%;
}


.n-nomal{
    font-weight:normal;
    font-size: 1.3vw;
    
}

.icon-2020narai{
    float: right;
    margin-top: 15px;
    width: 10%;
}
.icon-2020narai img{
    width:100%;
}

.icon-2020narai2{
    float: right;
    margin-top: 15px;
    width: 13%;
}
.icon-2020narai2 img{
    width:100%;
}

.spo_title{
    color:#000000;
    font-weight: bold;
}

.edu_title{
    color:#000000;
     font-weight: bold;
     font-size: 1.6vw;
}

.hana_title{
    color:#664431;
     font-weight: bold;
}

.mi-green{
    color: #3aae36;
    font-weight: bold;
    font-size: 1.2rem;
}

.mi-pink{
    color: #ee8592;
    font-weight: bold;
    font-size: 1.2rem;
}

#narai2020-4pro1{
    background-color: #f2dfbc;
}

#narai2020-4pro2{
    background-color: #f8edd9;
}

#narai2020-4pro3{
    background-color: #fbf5ea;
}

#narai2020-4spo1{
     background-color: #ffffbf;
}

#narai2020-4spo2{
     background-color: #ffffdd;
}

#narai2020-4spo3{
     background-color: #fffff3;
}

#hana2020-4pro3{
    background-color: #d5a694;
}

section.school ul#hana2020 {
    background-color: #f4e7d6;
}

section.school ul li.menu01 div.midashi p#hana2020-4 {
    float: left;
    padding: 5px 0;
    width: 78%;
    font-size: 1.6vw;
    /* line-height: 2em; */
}

.icon-2020hana {
    float: right;
    margin-top: 15px;
    width: 20%;
}
.icon-2020hana img{
    width:100%;
}

.mi-waku{
    border:1px solid #000000;
    padding: 0 5px;
    line-height: 170%;
    margin-right: 5px;
}

.hana_txt{
    line-height: 170%;
    font-size: 1vw;
}

.map2020narai-link {
    width: 80%;
    max-width: 230px;
    margin: 0px auto 50px;
}

.sakura-map2020 {
    width: 90%;
  max-width: 1200px; 
    margin: 0 auto 50px;
}

.zu2020-4{
    width:40%;
}
.zu2020-4 img{
    width:100%;
}

/*************************************スマホ*****************************************/
@media screen and (max-width: 640px) {
    
    
section.school ul li.menu01 div.midashi p#narai2020-4 {
    float: left;
    padding: 5px 0;
    width: 100%;
    font-size: 18px;
    /* line-height: 2em; */
}   
    
.n-nomal{
    font-weight:normal;
    font-size: 14px;
    
}    
    
.icon-2020narai{
    float: right;
    margin-top: 15px;
    width: 25%;
}
   .icon-2020narai img{
        width: 100% !important;
    }     
    
section.school ul li.menu01 div.midashi p#narai2020-42 {
    float: left;
    padding: 5px 0;
    width: 100%;
    /* line-height: 2em; */
}     
    
.icon-2020narai2{
    float: right;
    margin-top: 15px;
    width: 40%;
}   
    .icon-2020narai2 img{
        width: 100% !important;
    }  
    
.top-title2020-4spo{
    font-size:18px;
}

.top-title2020-4spo_s{
     font-size:16px;
}

.top-title2020-4edu{
   font-size:18px;
}

.top-title2020-4edu_s{
    font-size:16px;
}


.narai2020-4_top_txt2 {
    text-align: left;
    margin: 3% auto;
    font-size: 14px;
    line-height: 200%;
}
    
.edu_title {
    font-size: 18px;
    line-height: 160%;
}    
    
.spo_title {
    font-size: 18px;
    line-height: 160%;
}   
    
.hana_title {
    font-size: 18px;
    line-height: 160%;
}    
    
.map2020narai-link{
        width: 60%;
    max-width: 300px;
    margin: 20px auto 50px;
    }    
    
.hana_txt {
    line-height: 170%;
    font-size: 14px;
}   
    
section.school ul li.menu01 div.midashi p#hana2020-4 {
    float: left;
    padding: 5px 0;
    width: 100%;
    font-size: 18px;
    /* line-height: 2em; */
}    
    
.icon-2020hana {
    float: right;
    margin-top: 15px;
    width: 40%;
} 
.icon-2020hana img {
    width: 100% !important;
}    
        
 .zu2020-4{
    width:100%;
}   
}


/*************************************************************************************************************************
2020-6　家事ラク特集
***************************************************************************************************************************/

.sec2020-6_top{
width:90%;
margin: 0 auto 5%;
}
.sec2020-6_top img{
max-width:100%;
}

.sec2020-6_top section.school ul {
    border: 1px solid #ccc;
    margin: 0 0 5%;
}

.kajibox{
width:100%;
margin: 5% auto;
}

.kaji_l{
width: 32%;
float: left;
margin-right: 3%;
}
.kaji_l img{
width:100%;
}

.kaji_l#last{
width: 30%;
float: left;
margin-right:0;
}

.kaji-txt{
width:85%;
margin: 2% 0 2% 15% ;
text-align: left;
font-size: 0.9vw;
line-height: 170%;
}

.icon-2020kaji {
    float: right;
    margin-top: 15px;
    width: 15%;
}

section.school ul li.menu01 div.midashi p#kaji2020 {
    float: left;
    padding: 5px 0;
    width: 85%;
    font-size: 1.6vw;
    /* line-height: 2em; */
}

p#kaji2020 img{
width:20%;
}

.mi-kaji{
color: #89AB27;
    font-weight: bold;
    font-size: 1.2rem;
}

#kaji2020-case{
background-color: #b5cf89;
}

#kaji2020-toi{
background-color: #C9E2C0;
}

p.kaji-info{
font-size:1.2vw;
margin-bottom: 0;
}

.kaji2020-link {
    width: 80%;
    max-width: 500px;
    margin: 0px auto 50px;
}

.kaji2020-link img{
width:46%;
}

.kaji2020-link2 {
    width: 80%;
    max-width: 230px;
    margin: 0px auto 50px;
}
.kaji2020-link2 img{
width:100%;
}

/************スマホ*********************************************************************/

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

.kaji_l {
    width: 100%;
    float: none;
    margin-right: 0;
    font-size: 16px;
}

.kaji_l#last {
    width: 100%;
   float: none;
    margin-right: 0;
    font-size: 16px;
}

.kaji-txt {
    width: 85%;
    margin: 2% 0 2% 15%;
    text-align: left;
    font-size: 16px;
    line-height: 170%;
}

section.school ul li.menu01 div.midashi p#kaji2020 {
    float: none;
    padding: 5px 0;
    width: 100%;
    font-size: 20px;
    /* line-height: 2em; */
}

.icon-2020kaji {
    float: none;
    margin-top: 15px;
    width: 50%;
}

p#kaji2020 img {
    width: 50%;
}

.icon-2020kaji img{
width:100% !important;
}

#kaji2020-case {
    font-size: 16px;
}

p.kaji-info {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 170%;
}

.kaji2020-link img {
    width: 100%;
}

}

/*************************************************************************************************************************
2020-8　MAMAS
***************************************************************************************************************************/
.mama2020-link {
    width: 80%;
    max-width: 230px;
    margin: 0 auto 100px;
}

section.school ul li.menu02 div.comment {
font-size: 1vw;
}

.comment strong{
font-size: 1.2vw;
}
/************スマホ*********************************************************************/

@media screen and (max-width: 640px) {
.mama2020-link {
    width: 60%;
    max-width: 230px;
    margin: 0 auto 100px;
}

.mama-title {
    color: #036eb7;
    font-weight: bold;
    font-size: 18px;
}

section.school ul li.menu02 div.comment {
font-size: 14px;
}

}

/*************************************************************************************************************************
2020-8　発達支援
***************************************************************************************************************************/
#contents.sien2 {
    background-image: url(/wp-content/themes/il-cms-okayama/img/2020-8/sien_bg.png);
}

.main_top{width:100%;}

.main_top img{
width:100%;
}

#sien20208{
background-color: #97d9f9;
}

#sien20208-2{
background-color: #baebf9;
}
.sien-title-20208{
color:#2980c4;
font-weight: bold;
}

.sien20208m_bg{
background-color: #ff6789;
    color: #fff;
    line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border-radius: 3px;
}

section.school ul li.menu01 div.midashi p#sien {
    float: left;
    padding: 5px 0;
    width: 80%;
    /* line-height: 2em; */
}

.icon_area#sien {
width: 20%;
    float: right;
    margin-top: 15px;
}

.sien_title{
font-size:24px;
font-weight: bold;
}

/************スマホ*********************************************************************/

@media screen and (max-width: 640px) {
.sien20208_top_txt{
text-align: left;
    margin-bottom: 5%;
    font-size: 14px;
    line-height: 170%;
}

.day-coram{
margin: 0 0 5%;
font-size: 14px;
    line-height: 170%;
    color: #000000;
    text-align: left;
}

.day-coram-title{
background-color: #ca67a4;
font-size: 16px;
color: #ffffff;
line-height: 180%;
text-align: center;
}

.day-coram-txt{
font-size: 16px;
color: #ca67a4;
line-height: 180%;
margin-bottom: 3%;
font-weight: bold;
}

.day-coram-r{
text-align: right;
margin: 0 0 3%;
}

section.school ul li.menu01 div.midashi p#sien {
    float: left;
    padding: 5px 0;
    width: 100%;
    /* line-height: 2em; */
}

span.iconnavi#sm-only {
    float: right;
    width: 50%;
}

.sien-title-20208 {
    color: #2980c4;
    font-size: 18px;
    font-weight: bold;
}

.comment strong {
    font-size: 18px;
}

}

/*************************************************************************************************************************
2020-8　ラン活
***************************************************************************************************************************/

.mi-ran {
    color: #7e5d5e;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 2%;
}

.komi-ran{
color: #7e5d5e;
    font-weight: bold;
    font-size: 1.2vw;
}

.sien_q_txt strong {
font-size: 1.2vw;
}

#ran-toi{
background-color: #f8c7ab;
}

/************スマホ*********************************************************************/

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

.komi-ran {
    color: #7e5d5e;
    font-weight: bold;
    font-size: 18px;
}

.sien_q_txt strong {
    font-size: 18px;
}

.title_nomal {
    font-weight: normal;
    font-size: 15px;
}   

}


/*************************************************************************************************************************
2020-10 習いごと特集
***************************************************************************************************************************/
.zukai{
width:80%;
margin: 0 auto 3%;
}
.zukai img{
width:100%;
}

.narai_title {
    font-weight: bold;
    line-height: 200%;
    font-size: 1.4rem;
}

.area-tag {
    margin: 10px 0;
    background-color: #B3B3B4;
    color: #ffffff;
    padding: 1px 3px;
    line-height: 200%;
}

#narai2020-10 {
    background-color: #e4f7ff;
}

.narai-title{
color:#89ab27;
font-weight: bold;
    font-size: 1.2rem;
}

.narai-pink{
color:#e1392f;
font-weight: bold;
}

.narai20-10-link {
    width: 50%;
    max-width: 300px;
    margin: 0px auto 50px;
}

/************スマホ*********************************************************************/

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

.zukai{
width:100%;
margin: 0 auto 3%;
}

.narai_title {
    font-weight: bold;
    line-height: 200%;
    font-size: 20px;
}



}

/*************************************************************************************************************************
2020-10 753特集
***************************************************************************************************************************/
#sakura2018 .comment#icon{
display: flex;
}
.com-icon{
width:15%;
margin-right: 3%;
}
.com-icon img{
width:100%;
}

.com-r{
width: 82%;
}

/************スマホ*********************************************************************/



/*************************************************************************************************************************
2020-10 入学準備特集
***************************************************************************************************************************/
.all-box{
width:100%;
text-align: center;
}
.all-box img{
max-width:100%;
}

.link-box{
width:40%;
margin: 0 auto 5%;
display: flex;
}

.nyu-pink-title {
    color: #ed757f;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 3%;
}

.nyu-pink {
    color: #ed757f;
    border: 1px solid #ed757f;
    padding: 0 5px;
    line-height: 160%;
}

.nyu20-10-link{
width: 45%;
margin: 0 2.5% 0;
    max-width: 230px;
    text-align: center;
}

.nyu20-10-link2{
width: 45%;
margin: 0 auto 0;
    max-width: 230px;
    text-align: center;
}

#nyu2020-1{
background-color: #fef3c9;
}

#nyu2020-2{
background-color: #fdf4f8;
}

#nyu2020-3{
background-color: #eaf4ff;
}

#nyu2020-10{
background-color: #fbe3e5;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {

.all-box img{
width:100%;
}

.link-box{
width:90%;
margin: 0 auto 5%;
display: flex;
}

}


/*******************************************************************************************
2020-12月号
*********************************************************************************************/
.eco-title {
width:100%;
}
.eco-title img {
width:100%;
}

.ecobox{
display: flex;
display : -webkit-flex;    /* Safari etc. */
flex-wrap: wrap;
}

.ecopic{
width:50%;
display: inline-block;
}
.ecopic img {
width:100%;
}

.eco-lavel{
line-height: 250%;
background-color: #ed7a9b;
text-align: center;
color: #ffffff;
font-size: 1.2vw;
padding: 0 5%;
}

#eco2020-12{
background-color: #bcdd8e;
}

.mi-eco{
color:#009300;
font-size: 1.4vw;
font-weight: bold;
}

.mi-eco#kuro{
color:#000000;
}

.btn-linkbox{
display: flex;
display : -webkit-flex;    /* Safari etc. */
justify-content: center;
align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3%;
}

.btn-link#eco a{
width:20%;
margin: 0 auto 5%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #5cb531;
}
.btn-link#eco a:hover{
opacity: 0.6;
}

.btn-link#eco2{
width:20%;
margin: 0 5% 5%;
}

.btn-link#eco2 a{
width:100%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #5cb531;
}
.btn-link#eco2 a:hover{
opacity: 0.6;
}

/*********ホームパーティー****************/

.mi-eco#hp{
color:#e1392f;
margin-bottom: 2%;
}

#hp2020-12-1{
background-color: #bbd1ed;
}

#hp2020-12-2{
background-color: #d3e6ff;
}

.btn-link#hp a{
width:20%;
margin: 0 auto 5%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #76ccf3;
}
.btn-link#hp a:hover{
opacity: 0.6;
}

.akbg{
background-color:#e1392f;
color: #ffffff;
padding: 0 2%;
line-height: 110%;
}

/*********片づけ大作戦****************/

.mi-eco#kata{
color:#ad885c;
margin-bottom: 2%;
}

#kata2020-12-1{
background-color: #ebd9e9;
}

#kata2020-12-2{
background-color: #f5ecf4;
}

.ylbg{
width: 50%;
background-color:#fff000;
color: #000000;
padding: 0 2%;
line-height: 200%;
font-weight: bold;
margin-bottom: 1%;
}

.btn-link#kata a{
width:20%;
margin: 0 auto 5%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #ad885c;
}
.btn-link#kata a:hover{
opacity: 0.6;
}

section.school ul li.menu01 div.midashi p#kata2020-12{
width: 70%;
}

.kata-r{
float: right;
width: 25%;
}

.kata-r-txt{
background: linear-gradient(transparent 0%, #ebd9e9 0%);
font-size: 0.9vw;
line-height: 120%;
text-align: left;
}

/*************子育てコラム*******************************/

#contents.column202012{
padding-left: 300px;
}

.main_visual_2020-12{
width: 100%;
margin: 0;
line-height: 0;
}

.colimn_bg{
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
position: relative;
}

.column-txtarea{
position: absolute;
width: 90%;
height: auto;
top:0;
left: 5%;
}

.c-txt01{width: 70%;
margin: 0 auto 5%;
background-color: rgba(255,255,255,0.6);
padding: 3%;
font-size: 1vw;
line-height: 170%;
color: #000000;
border-radius: 10px;
}

.marker{
background: linear-gradient(transparent 0%, #fff000 0%);
font-size: 1vw;
}

.clumn-title{
width:50%;
margin: 0 auto 5%;
}
.clumn-title img{
width:100%;
}

.c-box{
width:100%;
display: flex;
}

.c-box-waku{
width:26%;
margin: 0 1.5%;
padding: 2%;
border-radius: 10px;
font-size: 1vw;
line-height: 170%;
color: #000000;
}

.c-box-waku#left{
background-color: #fdede4;
}

.c-box-waku#center{
background-color: #ebf5ec;
}

.c-box-waku#right{
background-color: #fffcdb;
}

.c-point{
font-weight: bold;
color: #000000;
margin-bottom: 3%;
text-align: center;
}

.c-box-title{
font-size: 1.3vw;
line-height: 150%;
margin-bottom: 3%;
text-align: center;
font-weight: bold;
}

.c-box-title#left{
color: #e74291;
}
.c-box-title#center{
color: #00a98d;
}
.c-box-title#right{
color: #ef7d36;
}

/*******MAMAS CONTENTS2020-12***********************************/
.mama-lavel {
    line-height: 250%;
    background-color:#868686;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
}

.btn-link#mama a{
width:20%;
margin: 0 auto 5%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #0075C2;
}
.btn-link#kata a:hover{
opacity: 0.6;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {

.smtop-txt{
 font-size: 16px;
 line-height: 170%;
 text-align: left;
 margin-bottom: 5%;
}

.ecopic {
    width: 100%;
    display: inline-block;
}

.eco-lavel {
    font-size: 16px;
    padding: 1% 5%;
}

.mi-eco {
    font-size: 18px;
}

.btn-link#eco a {
    width: 40%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.btn-link#eco2 {
    width: 60%;
}
.btn-link#eco2 a {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.btn-link#hp a {
    width: 40%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.kata-r {
    float: none;
    width: 100%;
}

.ylbg {
    width: 100%;
    }
    
.btn-link#kata a {
    width: 40%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}  

.kata-r-txt{
font-size: 14px;
}

section.school ul li.menu01 div.midashi p#kata2020-12 {
    width: 100%;
}

#contents.column202012 {
    padding-left: 0;
}

.column-txtarea{
position: relative;
width: 100%;
height: auto;
top:0;
left:0;
}

.c-txt01{width: 90%;
margin: 0 auto 5%;
background-color: rgba(255,255,255,0.6);
padding: 3%;
font-size: 14px;
line-height: 170%;
color: #000000;
border-radius: 10px;
}

.clumn-title{
width:90%;
margin: 0 auto 5%;
}

.c-box-waku{
width:86%;
margin: 0 5% 5%;
padding: 2%;
border-radius: 10px;
font-size: 14px;
line-height: 170%;
color: #000000;
}

.c-box-title{
font-size: 20px;
line-height: 150%;
margin-bottom: 3%;
text-align: center;
font-weight: bold;
}

.marker {
    font-size: 14px;
}

.c-box {
    width: 100%;
    display: block;
}

.mama-lavel {
    font-size: 16px;
    padding: 1% 5%;
}

.btn-link#mama a{
width: 40%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
}

/*******************************************************************************************
2021-2月号
*********************************************************************************************/
.title-2021-2{
color:#FF637B;
    font-weight: bold;
    font-size: 1.2rem;
}

.m-2021-2_bg {
    background-color: #55b5e7;
    color: #fff;
    line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border-radius: 15px;
}

#sien2021-2 {
    background-color: #f19da9;
}

.btn-link#sien-2021-2 a{
width:20%;
margin: 0 auto 5%;
display: block;
text-align: center;
color: #ffffff;
height: 3vw;
line-height: 3vw;
text-decoration: none;
background-color: #55b5e7;
}
.btn-link#sien-2021-2 a:hover{
opacity: 0.6;
}

.sien-waku{
line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border: 1px solid #000000;
    font-weight: bold;
}

.present{
line-height:0;
}

.present img{
width:100%;
}

.hina_title {
    font-size: 24px;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {

.btn-link#sien-2021-2 a{
width: 40%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}


}


/*******************************************************************************************
2021-8月号
*********************************************************************************************/
.title-2021-8{
    color:#E8456F;
    font-weight: bold;
    font-size: 1.2rem;
}

.m-2021-8_bg {
    background-color: #b0deeb;
    line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border-radius: 15px;
}

section.school ul li.menu05 div.left#sien2021-8 {
    background-color: #F8C580;
}

.btn-link#sien-2021-8 a{
    width:20%;
    margin: 0 auto 5%;
    display: block;
    text-align: center;
    color: #ffffff;
    height: 3vw;
    line-height: 3vw;
    text-decoration: none;
    background-color: #E8456F;
}
.btn-link#sien-2021-8 a:hover{
    opacity: 0.6;
}

.sien2021-8_top_txt2 {
    color: #E24863;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.sien2021-8_top_img {
    width: 24%;
    position: absolute;
    right: 0;
    top: -100%;
}
section.school ul#sien2021-8 {
    background: #fff;
}

.icon_area_2021-8 {
    margin-top: 12px;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
    .btn-link#sien-2021-8 a{
        width: 40%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    
    .sien2021-8_top_img {
        top: 85%;
    }
    
    .sien2021-8_top_txt,
    .sien2021-8_top_txt2 {
        text-align: left;
        margin-bottom: 5%;
        font-size: 14px;
        line-height: 170%;
    }
    
    span.iconnavi_2021-8#sm-only {
        width: auto;
    }

}


/*******************************************************************************************
2022-2月号
*********************************************************************************************/
/**************コラム********************************/
.c-title{
color: #5273a3;
font-size: 3vw;
font-weight: bold;
margin-bottom: 3%;
}

.c-box2021-4{
width:80%;
margin: 0 auto 5%;
}

.coram-pic{
float:right;
margin: 0 0 0 20px;
}

.comment-pic{
width:50%;
}
.comment-pic img{
width:100%;
}

/**************天文台********************************/
.tentai-lavel{
line-height: 250%;
    background-color:#004CC1;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
}


/**************資格********************************/
.skill-lavel{
line-height: 250%;
    background-color: #279da2;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
    border-radius: 1vw;
}

.skill-midasi{
line-height: 250%;
    background-color: #e94d47;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
    border-radius: 1vw;
}

/**************発達支援********************************/

.sien-kugiri{
line-height: 200%;
border-bottom: 3px dotted #FC7D00;
}
/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
/**************コラム********************************/
.c-title{
color: #5273a3;
font-size: 20px;
line-height: 150%;
font-weight: bold;
margin-bottom: 3%;
}    

.c-txt2021-4{
width: 100%;
    margin: 0 auto 10%;
    font-size: 16px;
    line-height: 170%;
    color: #000000;
}

.c-box2021-4 {
    width: 90%;
    margin: 0 auto 5%;
}

.coram-pic{
width:100%;
float:none;
margin: 0 auto 0;
}
.coram-pic img{
width:100%;
}

/**************天文台********************************/
.tentai-lavel {
    font-size: 16px;
    padding: 1% 5%;
}

/**************資格********************************/
.skill-lavel{
line-height: 250%;
     font-size: 16px;
    padding: 1% 5%;
    border-radius: 15px;
}

.skill-midasi{
line-height: 170%;
     font-size: 16px;
    padding: 1% 5%;
    border-radius: 15px;
}

}

/*******************************************************************************************
2022-6月号
*********************************************************************************************/
/**************MAMA********************************/
.right .btn-linkbox {
    max-width: 600px;
}

.right .btn-link#mama2,
.right .btn-link#hp2{
    min-width: 165px;
}

.btn-link#mama2{
width:20%;
margin: 0 15%;
}

.btn-link#mama2 a,
.btn-link#hp2 a {
    margin: 0 auto 5%;
    display: block;
    text-align: center;
    color: #ffffff;
    height: 3vw;
    line-height: 3vw;
    text-decoration: none;
}

.btn-link#mama2 a {
    background-color: #0075C2;
}

.btn-link#hp2 a {
    background-color: #76ccf3;
}

/**************朝活********************************/
.asa-lavel {
    line-height: 250%;
    background-color: #ef8276;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
    border-radius: 1vw;
}

.asa-zu{
float: left;
max-width: 40%;
margin-right: 5%;
}
.asa-zu img{
width: 100%;
}


.btn-link#hp2{
width:20%;
margin: 0 15%;
}

.btn-link#hp2 a {
    margin: 0 auto 5%;
    display: block;
    text-align: center;
    color: #ffffff;
    height: 3vw;
    line-height: 3vw;
    text-decoration: none;
    background-color: #76ccf3;
}

.btn-linkbox2 {
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin-bottom: 3%;
}

.btn-link#hp3 {
    width: 20%;
    margin: 0 6.5% 5%;
}

.btn-link#hp3 a {
    margin: 0 auto 5%;
    display: block;
    text-align: center;
    color: #ffffff;
    height: 3vw;
    line-height: 3vw;
    text-decoration: none;
    background-color: #76ccf3;
}

.btn-link#hp4 {
    width: 20%;
    margin: 0 auto 5%;
}

.btn-link#hp4 a {
    margin: 0 auto 5%;
    display: block;
    text-align: center;
    color: #ffffff;
    height: 3vw;
    line-height: 3vw;
    text-decoration: none;
    background-color: #76ccf3;
}
/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
/**************MAMA********************************/
.btn-link#mama2 {
    width: 40%;
    margin: 0 5%;
}

.btn-link#mama2 a {
    height: 30px;
    line-height: 30px;
    }
    
/**************朝活********************************/
.asa-lavel {
   line-height: 250%;
    font-size: 16px;
    padding: 1% 5%;
    border-radius: 15px;
}    
    
.asa-zu{
max-width: 100%;
margin-right: 0;
float: none;
margin-bottom: 10px;
} 

.btn-link#hp2 {
    width: 40%;
    margin: 0 5%;
}

.btn-link#hp2 a {
    height: 30px;
    line-height: 30px;
    }
    
.btn-link#hp3 {
    width: 90%;
    margin: 0 auto 10px;
} 

.btn-link#hp3 a {
    height: 30px;
    line-height: 30px;
    }
    
.btn-link#hp4 {
    width: 90%;
    margin: 0 auto;
}    

.btn-link#hp4 a {
    height: 30px;
    line-height: 30px;
    }

}

/*******************************************************************************************
2022-8月号
*********************************************************************************************/
/**************発達支援****************************************************/

section.school ul li.menu01 div.midashi p#sien2 {
    padding: 5px 0;
    width: 100%;
    /* line-height: 2em; */
}

.sien-lavel {
    line-height: 250%;
    background-color:#FF8600;
    text-align: center;
    color: #ffffff;
    font-size: 1.2vw;
    padding: 0 5%;
}

.narai-tag1 {
    margin: 10px 0;
    background-color: #fad4c5;
    color: #000;
    padding: 1px 3px;
    line-height: 200%;
}

.narai-tag2 {
    margin: 10px 0;
    background-color: #a4cebd;
    color: #000;
    padding: 1px 3px;
    line-height: 200%;
}

.narai-tag3 {
    margin: 10px 0;
    background-color: #aadbe3;
    color: #000;
    padding: 1px 3px;
    line-height: 200%;
}

.narai-tag4 {
    margin: 10px 0;
    background-color: #a8c1e5;
    color: #000;
    padding: 1px 3px;
    line-height: 200%;
}

.narai-tag5 {
    margin: 10px 0;
    background-color: #f18b00;
    color: #000;
    padding: 1px 3px;
    line-height: 200%;
}

.right-picarea{
width:100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}

.right-pic01{
width: 30%;
margin: 0 1.5%;
}
.right-pic01 img{
width: 100%;
}

.right-pic02{
width: 47%;
margin: 0 1.5%;
}
.right-pic02 img{
width: 100%;
}


/*********お出かけ*********************************************************/

.spotlavel_bg {
    background-color:#FFCE00;
    line-height: 200%;
    text-align: center;
    padding: 0 2%;
    margin: 5px 3% 15px 0;
    border-radius: 15px;
    color: #000;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {

.sien-lavel {
margin: 10px;
}

.narai-tag1 {
margin: 10px;
}

.narai-tag2 {
margin-right: 10px;
}

.narai-tag3 {
margin-right: 10px;
}

.narai-tag4 {
margin-right: 10px;
}

.narai-tag5 {
margin-right: 10px;
}

section.school ul li.menu01 div.midashi#sien2 {
justify-content:flex-start;
}

.spotlavel_bg {
font-size:14px;
}

.area-tag {
font-size:14px;
}


}


/*********2025-6　○○活*********************************************************/
.katsu-tag1 {
    margin: 10px 0;
    background-color: #b3ddc6;
    color: #000;
    padding: 1px 10px;
    line-height: 200%;
}

.katsu-cate{
width:50%;
margin: 0 auto;
}
.katsu-cate img{
width:100%;
}

/************スマホ******************************/
@media screen and (max-width: 640px) {

.katsu-cate{
width:70%;
margin: 0 auto;
}

}

/*******************************************************************************************
2025-8月号
*********************************************************************************************/
.right.dentist202508 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1em 3em;
}

.right.dentist202508 img {
    max-width: 400px;
}

.btn-linkbox.dentist202508 {
    justify-content: space-around;
}

.btn-linkbox.dentist202508 .btn-link {
    width: auto !important;
    margin: 0 !important;
}

.btn-linkbox.dentist202508 .btn-link a {
    padding: 0 1em;
}

#hp2020-12-1,
#hp2020-12-2 {
    vertical-align: middle;
}

/************スマホ******************************/
@media screen and (max-width: 640px) {
    .right.dentist202508 img {
        max-width: 100%;
    }
}

/*******************************************************************************************
2025-12月号
*********************************************************************************************/
.kakaritsukei202512 {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 3%;
}

.gohobi202512 {
    margin: 0 3% 0.5%;
}

.gohobi202512 span {
    padding: 1px 10px;
    line-height: 200%;
}

.gohobi202512 span.beauty {
    background-color: #eca38d;
}

.gohobi202512 span.gourmet {
    background-color: #f1be59;
}

.gohobi202512 span.present {
    background-color: #8eaebe;
}

.gohobi202512 span.outing {
    background-color: #c8c548;
}

/*******************************************************************************************
2026-2月号
*********************************************************************************************/
.iezukuri202602-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.btn-iezukuri202602 a {
    height: 60px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    line-height: normal !important;
}

.sotsuen202602-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px 40px;
}

.sotsuen202602-flex img:first-child {
    width: 60%;
}

.sotsuen202602-flex img:last-child {
    width: 30%;
}

.sotsuen202602-flex2 img:first-child {
    width: 45%;
}

.sotsuen202602-flex2 img:last-child {
    width: 45%;
}

.asa-lavel.sotsuen202602 {
    background-color: #F6BEC8;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
    .sotsuen202602-flex img:first-child {
        width: 100%;
    }

    .sotsuen202602-flex img:last-child {
        width: 50%;
    }

    .sotsuen202602-flex2 img:last-child {
        width: 100%;
    }
}

/*******************************************************************************************
2026-4月号
*********************************************************************************************/
.narai202604-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 20px;
}

.narai202604-flex .btn-linkbox {
    margin: 0;
    flex: 1;
}

.narai202604-flex .btn-link#hp2 {
    margin: 0;
}

.narai202604-flex .btn-link#hp2 a {
    margin: 0;
}

.mamanarai202604-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mamanarai202604-category {
    font-size: 1.2vw;
    font-weight: bold;
    color: #e1392f;
}

.mamanarai202604-btn-linkbox {
    align-items: flex-start;
}

.mamanarai202604-btn-linkbox span {
    font-size: 1.2vw;
    text-align: center;
    white-space: nowrap;
    display: block;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
    .mamanarai202604-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .mamanarai202604-category {
        font-size: 14px;
    }

    .mamanarai202604-btn-linkbox span {
        font-size: 14px;
    }
}

/*******************************************************************************************
2026-6月号
*********************************************************************************************/
.dentist202606 .service-list,
.shichi-go-san202606 .service-list {
    border: none;
    margin: 0;
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    width: 100%;
}

.dentist202606 .service-item,
.shichi-go-san202606 .service-item {
    display: block;
    width: auto;
    color: #ffffff;
    padding: 3px 10px 0;
}

.dentist202606 .service-item {
    background-color: #2eb6aa;
    border-radius: 999px;
}

.shichi-go-san202606 .service-item {
    background-color: #2bb7b3;
}

.dentist202606 .img-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.dentist202606 .img-container img {
    max-width: 300px;
}

.dentist202606 ul li.menu05:not(:nth-child(3)) div.left {
    background-color: #ffffff !important;
}

/************スマホ*********************************************************************/
@media screen and (max-width: 640px) {
    .dentist202606 .service-list,
    .shichi-go-san202606 .service-list {
        padding: 10px 10px 0;
    }

    .dentist202606 .img-container {
        flex-direction: column;
    }

    .dentist202606 .img-container img {
        max-width: 80%;
    }
}