/*
Theme Name: Atelier Erde
Description:Atelier Erde
Tags: Atelier Erde
Version: 1.6.0
*/
@charset "utf-8";

/* Light Theme */

.roktabs-wrapper {padding: 0;}
.roktabs-wrapper .light {position: relative;border: 1px solid #DCDCDC;}
.roktabs-wrapper .light .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .light .roktabs-container-wrapper {clear: both;position: relative;overflow: hidden;}
.roktabs-wrapper .light .roktabs-container-wrapper div {float: left;/*width: 450px;*//*width: 220px;*/}
.roktabs-wrapper .light .roktabs-container-wrapper div div{
	float: none;
}
.roktabs-wrapper .light .roktabs-container-wrapper div.wrapper { background: none; padding: 14px;width: auto;}
.roktabs-wrapper .light .roktabs-links {overflow: hidden;margin:0;}
.roktabs-wrapper .light .active-arrows .roktabs-links {margin:0 21px;}
.roktabs-wrapper .light .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;padding: 0;overflow:hidden;}
.roktabs-wrapper .light .roktabs-links ul.roktabs-top {margin: 0;background: url(./image/tabbg-light.png) 0 0 repeat-x;height: 32px;}
.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom {margin: 0;background: url(./image/tabbg-bottom-light.png) 0 0 repeat-x;height: 32px;}
.roktabs-wrapper .light .roktabs-links ul li {
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DCDCDC;
	border-bottom: none;
	color: #666;
	/*position:relative;*/
	height: 31px;
	line-height: 31px;
}
.roktabs-wrapper .light .roktabs-links ul li span {padding: 0 10px;}
.roktabs-wrapper .light .roktabs-links ul li.first {border-left: 0;}
.roktabs-wrapper .light .roktabs-links ul li.active.last {border-right: 1px solid #DCDCDC;}
.roktabs-wrapper .light .roktabs-links ul li.last {border-right: 0;}
.roktabs-wrapper .light .roktabs-links ul li.hover {
	/*color: #000;*/
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active {
	/*background: url(tabbg-active-light.png) 0 0 repeat-x;*/
	background: #ffffff;
	/*color: #000;*/
	height: 31px;
	border-bottom: 
	1px solid #fff;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom li.active {
	/*background: url(tabbg-active-bottom-light.png) 0 0 repeat-x;*/
	/*color: #000;*/
	height: 31px;
	border-top: 1px solid #fff;
	margin-top: -1px;
}
.roktabs-wrapper .light .roktabs-links ul li.active.first {border-left: 0;}
.roktabs-wrapper .light .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 32px;}
.roktabs-wrapper .light .arrow-next, .roktabs-wrapper .light .arrow-prev {line-height: 29px;margin: 1px;text-align: center;float: left;cursor: pointer;border: 1px solid #DCDCDC;z-index: 2;width:17px;position:absolute;top:0;height:29px;}
.roktabs-wrapper .light .arrow-next {right:0;background: url(next-light.png) 50% 0 no-repeat;}
.roktabs-wrapper .light .arrow-prev {left:0;background: url(prev-light.png) 50% 0 no-repeat;}
.roktabs-wrapper .light .arrow-next-hover {background-position: 50% -29px;}
.roktabs-wrapper .light .arrow-prev-hover {background-position: 50% -29px;}
.roktabs-wrapper .light .arrow-prev span, .roktabs-wrapper .light .arrow-next span {display: none;}
.roktabs-wrapper .light .roktabs-container-tr, .roktabs-wrapper .light .roktabs-container-inner, .roktabs-wrapper .light .active-arrows {/*background: #fff;*/background: none;}
.clear {clear: both;}
.roktabs-wrapper .icon-left .tab-icon {vertical-align:middle;margin-right:5px;}
.roktabs-wrapper .icon-right .tab-icon {vertical-align:middle;margin-left:5px;}

/* --------------------------------------------------
 * RokTabs 切り替え設定
 * -------------------------------------------------- */
.roktabs-wrapper .roktabs-container-wrapper > div {
    display: none !important;
}
.roktabs-wrapper:has(#tab-news.active) .roktabs-container-wrapper > .roktabs-tab1 {
    display: block !important;
}
.roktabs-wrapper:has(#tab-blog.active) .roktabs-container-wrapper > .roktabs-tab2 {
    display: block !important;
}
.roktabs-wrapper:has(#tab-blog.active) .roktabs-container-wrapper > .roktabs-tab1 {
    display: none !important;
}
/* 4. マウスを乗せたときにポインタを指マークにする（クリック可能と伝えるため） */
.roktabs-links ul li {
    cursor: pointer;
}


/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(./image/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(./image/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(./image/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(./image/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}


/* OpenID icon style */
input.system-openid, input.com-system-openid {
   background: url(http://openid.net/images/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}
.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}
.page span {
	color: #000;
	font-weight: bold;
}
.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}
.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}
.button2-left {
	background: url(./image/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-right {
	background: url(./image/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-left .image {
	background: url(./image/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore {
	background: url(./image/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
	background: url(./image/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
	background: url(./image/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}
div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(./image/selector-arrow.png) no-repeat;
}
div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}
.img_caption.right {
	float: right;
	margin-left: 1em;
}
.img_caption.left p {
	clear: left;
	text-align: center;
}
.img_caption.right p {
	clear: right;
	text-align: center;
}
.img_caption  {
text-align: center!important;
}
.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
.caption.left {
	float: left;
	margin-right: 1em;
}
.caption.right {
	float: right;
	margin-left: 1em;
}
.caption.left p {
	clear: left;
	text-align: center;
}
.caption.right p {
	clear: right;
	text-align: center;
}
.caption.none {
	margin-left:auto;
	margin-right:auto;
}
.caption  {
	text-align: center!important;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(./image/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
body{
	background-image: url(./image/bg_main.gif), url(./image/bg.gif);
	background-color: #97abfb;
	background-repeat: no-repeat, repeat-x;
	background-position: top center, 0 0;
	background-attachment: fixed, fixed;
	/*background: url(./image/bg.gif) #97abfb repeat-x 0 0 fixed, url(./image/bg_main.gif) #97abfb no-repeat 0 center fixed;*/
	padding: 0;
	margin: 0;
	font-family: "メイリオ"/*, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/;
	font-size: 14px;
}
a{
	color: #538ed5;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a img{
	border: none;
}
a img{
	border: none;
}
/* マウスを乗せたときにアニメーションを実行 */
a img:hover, 
a figure img:hover, 
.wp-block-image a img:hover {
    animation: flashOpacity 0.6s ease forwards; /* 0.6秒かけて一連の動きを実行 */
}
/* リンク付き画像にマウスを乗せた瞬間のアニメーション */
@keyframes flashOpacity {
    0% {
        opacity: 1;
    }
    20% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}
#wrap_header{
	background: url(./image/main_bg_bottom.png) no-repeat bottom left;
	padding: 0 0 12px;
	margin: 0 auto;
	width:100%;
	max-width:980px;
}
#wrap{
	background: url(./image/main_bg_top.png) no-repeat top left;
	padding: 12px 0 0;
	margin: 0 auto;
	width:100%;
	max-width: 980px;
}
#wrap_header_in, #wrap_in{
	background: url(./image/main_bg.png) repeat-y 0 0;
	padding: 1px 0;
	margin: 0 auto;
	width:100%;
	max-width:980px;
}
#wrap_inb{
	background: url(./image/main_bg_bottom.png) no-repeat bottom left;
	padding: 0 0 12px;
	margin: 0 auto;
	width:100%;
	max-width:980px;
}
#header{
	/*background-color: #ffffff;
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;*/
	padding: 0;
	margin: 0 auto;
	width:100%;
	max-width:960px;
}
#main{
	/*background-color: #ffffff;
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;*/
	padding: 1px 0 0;
	margin: 0 auto;
	width:100%;
	max-width:960px;
}
#footer{
	margin: 0 auto;
	width:100%;
	max-width:940px;
}
#wrap_top{
	padding: 10px 0;
	margin: 0 auto;
	width:100%;
	max-width:960px;
}
#left{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 200px;
}
#content{
	float: right;
	margin: 0;
	padding: 0 10px 0 0px;
	width: 710px;
}
@media screen and (max-width:960px){
	#wrap {
		background:none;
	}
	#wrap_in,
	#wrap_header,
	#wrap_header_in{
		background: #e1f5fa;
	}
	#main {
		display:flex;
		flex-wrap:wrap;
	}
	#left {
		width: 25%;
		padding-left:1%;
	}
	#left .left_ban img{
		width:100%;
		height:auto;
	}
	#content{
		width:71%;
		padding-left:2%;
		padding-right:1%;
	}
	.roktabs-wrapper .light .roktabs-container-wrapper{
		width:100%;
	}
	#wrap_inb{
		display:none;
	}
	#footer{
		margin: 0 auto;
		width:96%;
	}
}
@media screen and (max-width:480px){
	#wrap_header_in, #wrap_in {
	    background: #e1fdf9;
		width: 98%;
        padding: 0 1%;
	}
	#wrap_header {
		background:none;
		padding: 0 0 12px;
		width: 100%;
	}
	#main{
		display:flex;
		flex-wrap: wrap;
	}
	#left{
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 70%;
		order:2;
	}
	#content{
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		order:1;
	}
	#cotent h3 img{
		width:100%;
	}
}

table.blog, 
table.contentpaneopen{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width:100%;
	max-width:710px;
}
#breadcrumbs{
	margin-left: 15px;
}

.page #breadcrumbs span{
	font-weight: normal;
}

.contentpaneopen .contentheading{
	background: url(./image/icon_cup.png) no-repeat 0 3px;
	padding: 5px 0 3px 40px;
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #cccccc;
	color: #343434;
}

/* new clearfix
-------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* 追加
-------------------------------------------------------------------*/
.f_c{ text-align: center;}
.f_r{ text-align: right;}

.clr{ color: #538ed5;}
.clr_r{	color: #ff0000;}
.clr_p{ color: #9113f1;}

.tit_h3{
	background: url(./image/icon_cup.png) no-repeat 0 3px;
	padding: 5px 0 3px 40px;
	margin: 0 0 15px;
	font-size: 18px;
	border-bottom: 1px dashed #cccccc;
	color: #343434;
}
.tit_h4{
	padding: 0;
	margin: 0;
}
.tit_h4 span{
	display: inline-block;
	background: #00cc66;
	padding: 0 4px;
	margin-right: 5px;
	color: #ffffff;
	font-size: 18px;
}
.ul_style{
	list-style: none;
	padding: 0;
	margin: 0;
}
.ul_style li{
	background: url(./image/icon_flower.png) no-repeat 0 3px;
	padding: 3px 0 3px 25px;
	margin: 5px 0;
	border-bottom: 1px dashed #aaaaaa;
}
.dl_style dt{
	background: url(./image/dt_bg.png) repeat-x 0 bottom;
	padding-bottom: 5px;
	color: #6c471b;
	font-weight: bold;
}
.table_style{
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 30px 0;
}
.table_style th{
	background: url(./image/kaisai_table_thbg.png) repeat top left;
	padding: 5px 0;
	border: 1px solid #ffffff;
	width: 25%;
}
.table_style td{
	background: url(./image/kaisai_table_tdbg.png) repeat top left;
	padding: 5px 10px !important;
	border: 1px solid #ffffff;
}
.table_style .nobg{
	background: none;
}

.img_box{
	text-align: center;
	padding: 0;
	margin: 15px 0;
}
.img_box02{
	text-align: center;
	padding: 0;
	margin: 0;
}
.img_box img, .img_box02 img{
	padding: 2px;
	border: 2px solid #ffffff;
}
.img_box a:hover img, .img_box02 a:hover img{
	border: 2px solid #538ed5;
}
.img_box .thum_imgcl, .img_box02 .thum_imgcl{
	margin: 0 3px 0 6px;
}
.img_box .thum_imgcr, .img_box02 .thum_imgcr{
	margin: 0 6px 0 3px;
}
@media screen and (max-width:960px){
	.img_box{
		text-align: center;
		padding: 0;
		margin: 15px 0;
		display: flex;
		gap: 1%;
		width: 100%;
	}
	.img_box img{
		width:calc(100% - 4px);
		height:auto;
		padding:0;
	}
	.img_box .thum_imgcl, 
	.img_box02 .thum_imgcl,
	.img_box .thum_imgcr, 
	.img_box02 .thum_imgcr {
		margin: 0 ;
	}
	.school-map img{
		width:100%;
		height:auto;
	}
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* header
-------------------------------------------------------------------*/
h1.logo{
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 306px;
}
.header_rbox{
	margin: 0;
	padding: 10px 10px 0 0;
	float: right;
	width: 475px;
}
@media screen and (max-width:960px){
	h1.logo{
		width: 31.8%;
	}
	h1.logo img{
		width: 100%;
		height:auto;
	}
	.header_rbox{
		width: 49.5%;
		margin-right:50px;
	}
	.header_rbox img{
		width: 100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	#header .clearfix{
		display: flex;
		align-items: center;
		gap: 5px;
	}
	h1.logo{
	    width: 35%;
		padding: 0 0 0 5px;
	}
	h1.logo a{
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
	.header_rbox{
		width: calc(100% - 35% - 50px);
		display: flex;
		align-items: center;
		padding: 10px 0;
	}
}
/* nav-menu
-------------------------------------------------------------------*/
#navi_continer {
	border-top: 1px solid #fff;
	padding: 0;
	margin: 10px 0 0;
	position: relative;
	z-index:100;
	width: 960px;
	height:38px;
}
navi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
}
#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#navi li {
	float: left;
	margin: 0;
}
#navi li a {
	display: block;
	text-decoration: none;
	color: #267eb3;
}
#sp_menu_btn{
		display:none;
}
.sp_text{
		display:none;
}
/* ==========================
   ハンバーガーボタン
========================== */
@media screen and (max-width:960px){
	#sp_menu_btn{
		display:block;
		position:fixed;
		top:3.5vw;
		right:10px;
		width:30px;
		height:30px;
		cursor:pointer;
		z-index:10001;
	}
	#sp_menu_btn span{
		position:absolute;
		left:0;
		width:30px;
		height:3px;
		background:#14376e;
		border-radius:3px;
		transition:.3s;
	}
	#sp_menu_btn span:nth-child(1){top:0;}
	#sp_menu_btn span:nth-child(2){top:10px;}
	#sp_menu_btn span:nth-child(3){top:20px;}
	/* × */
	#sp_menu_btn.open span:nth-child(1){
		top:14px;
		transform:rotate(45deg);
	}
	#sp_menu_btn.open span:nth-child(2){
		opacity:0;
	}
	#sp_menu_btn.open span:nth-child(3){
		top:14px;
		transform:rotate(-45deg);
	}
@media screen and (max-width:480px){
	#sp_menu_btn span:nth-child(2){top:10px;}
	#sp_menu_btn span:nth-child(3){top:20px;}
}
/* ==========================
   メニュー
========================== */
	#navi_continer{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#14376e;
		transform:translateY(-110%);
		opacity:0;
		transition:.45s cubic-bezier(.22,1,.36,1);
		z-index:10000;
		pointer-events:none;
	}
	#navi_continer.open{
		transform:translateY(0);
		opacity:1;
		margin-top:73px;
		height: 60vh;
		pointer-events:auto;
	}

/* ==========================
   メニューリスト
========================== */
	#navi ul{
		margin:0;
		padding:0;
		display:block;
	}
	#navi ul li{
		display:block;
		width:100%;
		list-style:none;
		border-bottom:1px solid rgba(255,255,255,.2);
	}
	#navi ul li:last-child{
		border-bottom:none;
	}
	#navi ul li a{
		display:block;
		padding:15px 20px;
		color:#fff;
		text-decoration:none;
		font-size:16px;
	}

	/* PC画像を消す */
	#navi img{
		display:none;
	}
	/* スマホ用文字 */
	.sp_text{
		display:block;
		color:#fff;
	}
	/* hover */
	#navi ul li a:hover{
		background:#1c4b8f;
	}
	.page #navi ul li a span {
		color:#fff;
	}
}
@media screen and (max-width:480px){
	#navi_continer.open{
	    margin-top: 11.5vw;
	}
}

/* Slider
-------------------------------------------------------------------*/
.mySwiper {
    overflow: hidden;
}
.mySwiper .swiper-slide {
    width: auto;
}
.mySwiper .swiper-slide img {
    display: block;
    height: 200px;
    max-width: none;
}
.mySwiper .swiper-wrapper{
    transition-timing-function: linear !important;
}

/* left
-------------------------------------------------------------------*/
.left_ban{
	padding: 0;
	margin: 0 0 15px;
}

/* footer
-------------------------------------------------------------------*/
.moduletable_footerl{
	float: left;
	padding: 0;
	margin: 0;
	width: 50%;
}
.copyright{
	/*text-align: right;*/
}
.moduletable_dnews{
	float: right;
	overflow: auto;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 50%;
}
.moduletable_dnews .createdate_dnews{
	display: block;
	font-size: 11px;
}
.moduletable_dnews ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.moduletable_dnews ul li{
	padding: 0;
	margin: 0 0 10px;
	color: #281300;
	border-bottom: 1px solid #cccccc;
}

/* HOME
-------------------------------------------------------------------*/
.tit_news{
	padding: 0;
	margin: 0 0 10px;
}
.top_news{
	margin: 0 0 30px;	
}
div.news{
	padding: 5px 0;
	border-bottom: 2px solid #ffffff;
}
.createdatenews{
	display: inline-block;
	width: 190px;
}
@media screen and (max-width:480px){
	.nyukai-banner img{
		width:100%;
		height:auto;
	}
}

/* 教室案内
-------------------------------------------------------------------*/
.map_box{
	margin: 5px 0;
}
.school_access_root{
	background: url(./image/icon_flower.png) no-repeat 0 3px;
	padding: 3px 0 3px 25px;
	color: #6c471b;
}
.school_access_root .note_span{
	color: #343434;
}

@media screen and (max-width:768px){
	.page #wrap_top{
		padding:0;
	}
}
/* 入会案内
-------------------------------------------------------------------*/
.nyukai_lbox{
	float: left;
	width:100%;
	max-width: 360px;
}
.nyukai_rbox{
	float: right;
	width:100%;
	max-width: 340px;
}

.nyukai_lbox02{
	float: left;
	width:100%;
	max-width: 510px;
}
.nyukai_rbox02{
	float: right;
	width: 170px;
}

.nyukai_lbox03{
	float: left;
	width: 170px;
}
.nyukai_rbox03{
	float: right;
	width:100%;
	max-width: 520px;
}
@media screen and (max-width:768px){
	.nyukai_lbox{
		float: none;
	}
	.nyukai_rbox{
		float: none;
		margin: 20px auto 0;
	}
	.nyukai_lbox02{
		float: none;
        width: 350px;
        margin: 20px auto 0;
        display: flex;
        align-items: center;
        gap: 10px;
	}
	.nyukai_rbox02{
		float: none;
        width: 350px;
        margin: 20px auto 0;
        display: flex;
        align-items: center;
        gap: 10px;
	}
	.nyukai_lbox03{
		float: none;
        width: 350px;
        margin: 20px auto 0;
        display: flex;
        align-items: center;
        gap: 10px;
	}
	.nyukai_rbox03{
		float: none;
	}
	.nyukai_rbox03 img{
		width:100%;
	}
	.page .f_c iframe{
		width:100%;
		height: 50vw;
	}
}

/* 教室開催日
-------------------------------------------------------------------*/
.kaisai_b{
	display: block;
	font-size: 20px;
	color: #6c471b;
}
.kaisai_day{
	font-weight: bold;
	text-decoration: underline;
	color: #002088;
	font-size: 120%;
}
.kaisai_table{
	border-collapse: separate;
	border-spacing: 5px;
	margin: 30px 0;
	width: 100%;
}
.kaisai_table th{
	background: url(./image/kaisai_table_thbg.png) repeat top left;
	padding: 3px 0;
	border: 1px solid #ffffff;
}
.kaisai_table td{
	background: url(./image/kaisai_table_tdbg.png) repeat top left;
	padding: 3px 0 !important;
	border: 1px solid #ffffff;
	text-align: center;
}
.kaisai_table .day_sun{
	color: #ff0000;
}
.kaisai_table .day_sat{
	color: #1754a1;
}
.kaisai_table td.event_day{
	background: #fffdcd;
	color: #ff6200;
	font-weight: bold;
}
.kaisai_table td.event_day span{
	font-size: 12px;
}
@media screen and (max-width:480px){
	.kaisai_b {
		font-size: 16px;
	}
}

/* 見学・体験
-------------------------------------------------------------------*/
.kengaku_box{
	border: 2px solid #538ed5;
	padding: 0 15px;
}

.kengaku_lbox{
	float: left;
	width:100%;
	max-width: 530px;
}
.kengaku_rbox{
	float: right;
	width: 170px;
}

.kengaku_lbox02{
	float: left;
	width: 170px;
}
.kengaku_rbox02{
	float: right;
	width:100%;
	max-width: 530px;
}
@media screen and (max-width:480px){
	.kengaku_rbox,
	.kengaku_lbox02{
		float: none;
		width: 170px;
		margin: 0 auto;
	}

}

/* 作品紹介
-------------------------------------------------------------------*/
.kama_box{
	background: url(./image/kama_bg.jpg) no-repeat top left;
	background-size: 100%;
	padding: 0;
	margin: 20px 0;
	width:100%;
	max-width: 710px;
	height: 533px;
}

.sakuhin_img_box{
	position: relative;
	top: 185px;
	left: 128px;
	width:100%;
	max-width: 450px;
}
@media screen and (max-width:960px){
	.kama_box{
		height: 53vw;
	    position: relative;
	}
	.kama_box table.sakuhin_img_box{
		position: absolute;
		width: 67%;
        left: 18%;
        top: 34%;
	}
	.kama_box table.sakuhin_img_box img{
		width:60%;
		height:auto;
		max-width:400px;
	}
	.kama_box table.sakuhin_img_box td:first-of-type img,
	.kama_box table.sakuhin_img_box td:nth-of-type(3) img{
		width:30px;
	}
	.kama_box table.sakuhin_img_box td:nth-of-type(2) img{
		width:100%;
	}
}
@media screen and (max-width:768px){
	.sakuhin_img_box {
		left: 0px;
	}
	.kama_box table img{
		width:100%;
	}
}
@media screen and (max-width:480px){
	.kama_box{
		height: 70vw;
	}
}


/* 教室風景
-------------------------------------------------------------------*/
.news_g div.news{
	background: url(./image/icon_flower.png) no-repeat 0 4px;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #6c471b;
}

.school_img_table{
	
}
.school_img_table td{
	padding: 5px 0 !important;
	width: 25%;
	text-align: center;
}
.school_img_table td img{
	padding: 2px;
	border: 2px solid #ffffff;
}
.school_img_table td a:hover img{
	border: 2px solid #538ed5;
}

.kaisai_table th, .kaisai_table td {
    background: #fff;
}
.kaisai_table .kaisai_day{
	background: #99F5EB;
}