@charset "UTF-8";

/* HPkantan Base CSS --------
	created 2011 11.05 by jn1smc --------- */

/* =========== HPかんたん更新基本定義 =========== */

/* 新着情報 */
.new_inc {clear: both;}
.new_inc_date{font-size: 90%;}

/* 目次 */
.index_title { clear: both;}

/* 目次の日付 */
.index_date { font-size: 90%; font-weight:normal}

/* 目次の記事数 */
.index_count { font-size: 90%; line-height:120%;}

/* 目次のタイトル */
.index_title { font-weight: bold; padding-top:5px;}

/* 目次のダイジェスト記事 */
.index_digest { padding-left:1em;}
.index_digest img{ float:left; padding-right:4px; padding-bottom:4px;}

/* リンク集のジャンル */
.linkjunl {}

/* リンク集のサイト名・タイトル */
.linktitle {padding-left:1em;}

/* テーブル中のテキスト */
.tbl_text { font-size: 90%; line-height:150%; }

/* 囲み記事用ボックス */
.box { padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

.enq_tbl{ padding: 10px; background:#ffffff; border-top: #D1E3F1 2px solid; border-left: #D1E3F1 2px solid; border-right: #D1E3F1 4px solid; border-bottom: #D1E3F1 4px solid; line-height:130%; float:none; clear:both; margin-top:4px; margin-bottom:4px;}

/* 画像左組み込み配置 */
.img_float_left { float:left; margin-right:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; }

/* 画像左配置(組み込みなし) */
.img_nofloat_left { float:none; margin-left:left; margin-right:auto; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:left; clear:both; }

/* 画像右組み込み配置 */
.img_float_right { float:right; margin-left:0.5em; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; }

/* 画像右配置(組み込みなし) */
.img_nofloat_right { float:none; margin-left:auto; margin-right:0; margin-bottom:0.5em; padding: 2px; font-size:90%; line-height: 140%; font-weight: bold; text-align:right; clear:both; }

/* 画像中央配置(組み込みなし) */
.img_center { float:none; margin-left:auto; margin-right:auto; font-size:90%; padding: 2px; font-weight: bold; text-align:center; max-width:100%; clear:both; }

/* 画像の右側にエトキ配置 */
.img_box2 { margin:0.5em; padding: 0.5em; border-right: #006699 2px solid; border-top: #006699 1px solid; border-left: #006699 1px solid; border-bottom: #006699 2px solid; background-color:white; line-height:140%; width:90%; }

/* カレンダーの基本文字 */
.cal_text {font-size: 12px; line-height: 110%;}

/* カレンダー本体 */
.cal_tbl{border-collapse:collapse;border:1px solid #006699;font-size: 12px;line-height: 110%;padding:1px;background-color:white;}

/* カレンダータイトル */
.cal_title{font-size: 14px;line-height: 120%;}

/* カレンダーサブタイトル */
.cal_subtitle{line-height: 120%;}

.sch_table {padding:4px; background:#D1E3F1; margin-bottom:8px;}
.TD1{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px;}
.TD2{padding-left:8px; padding-top:2px; padding-bottom:2px; padding-right:8px; color:blue;}

/* =========== HPかんたん更新基本定義 ここまで =========== */


html{
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#ef8136;	
	}

body{
	margin:0;
	padding:0;
	color: #444;
	background-color:#ffcc66;
	font-size:90%;
	line-height:150%;
	}

p{margin:0;}

img{
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align:bottom
	}

.clear{clear:both;}
	
.logo img{
	margin-top:15px;
	margin-bottom:15px;
	}	

.kome_t{
	text-indent:-15px;
	margin-left:15px;}

.kome_t a{text-decoration:none;}
	
.kome{
	color:#ec5d00;
	font-weight:bolder;
	}
	
.under{
	text-decoration:underline;}		

#form h4{
	margin:0;
	padding:0;
	color:#3471fa;
	}	

.gazou{padding-top:20px;}
.gazou img{width:100%;}

.box{
	background-image:url(../img/textbg.gif);
	background-repeat:repeat;
	border-radius:5px;
	padding:10px;
	line-height:200%;
	margin-bottom:20px;
	}

.box ul{
	margin:0;
	padding-left:15px;
	}

/*==============================
スマホナビ
==============================*/
.dl-menuwrapper {
	color:#fff;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	margin-bottom:9px;
	margin-top:20px;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background-image:url(../img/icon_nav.gif);
	border: none;
	width:100%;
	margin:auto;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper ul {
	background:#f79848;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 10%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 5%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration:none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.dl-menuwrapper li .dl-submenu {
	display: none;
}


.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}


.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}



.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.3s;
	-moz-animation: MenuAnimOut1 0.3s;
	animation: MenuAnimOut1 0.3s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.3s ease;
	-moz-animation: MenuAnimOut3 0.3s ease;
	animation: MenuAnimOut3 0.3s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.3s ease;
	-moz-animation: MenuAnimOut4 0.3s ease;
	animation: MenuAnimOut4 0.3s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.3s ease;
	-moz-animation: MenuAnimOut5 0.3s ease;
	animation: MenuAnimOut5 0.3s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.3s ease;
	-moz-animation: MenuAnimIn3 0.3s ease;
	animation: MenuAnimIn3 0.3s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.3s ease;
	-moz-animation: MenuAnimIn4 0.3s ease;
	animation: MenuAnimIn4 0.3s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.3s ease;
	-moz-animation: MenuAnimIn5 0.3s ease;
	animation: MenuAnimIn5 0.3s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}


/*==============================
スマホナビ
==============================*/

/*--------ヘッダー---------*/
header{
	width:100%;
	max-width: 960px;
	margin: auto;
	}

.logo{
	margin-right:8.51063829787%;
	float:left;
	}

.copy{
	padding-top:16px;
	float:left;
	}
	
	
/*--------ナビゲーション---------*/
nav{
	width:100%;
	max-width:960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0;
	background-color:#fff;
	}

ul#globalnavi{
	width:100%;
	overflow:hidden;
	margin:0;
	padding: 0px;
	}
	
ul#globalnavi li{
	float:left;
	display:block;
	}
	
ul#globalnavi li a {
	display: block;
	overflow: hidden;
	height: 50px;
	background-image:url(../img/navigation.jpg);
	padding-top:0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	}

#navi1 a { width:160px; background-position:0       0;}
#navi2 a { width:160px; background-position:-160px  0;}
#navi3 a { width:160px; background-position:-320px  0;}
#navi4 a { width:160px; background-position:-480px  0;}
#navi5 a { width:160px; background-position:-640px  0;}
#navi6 a { width:160px; background-position:-800px  0;}
#navi1 a:hover  { width:160px; background-position:0       -50px;}
#navi2 a:hover  { width:160px; background-position:-160px  -50px;}
#navi3 a:hover  { width:160px; background-position:-320px  -50px;}
#navi4 a:hover  { width:160px; background-position:-480px  -50px;}
#navi5 a:hover  { width:160px; background-position:-640px  -50px;}
#navi6 a:hover  { width:160px; background-position:-800px  -50px;}

	
/*--------メイン---------*/
#main{
	width:65.9574468085%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	margin-bottom:30px;
	float:left;
	}


/*----------リンク----------*/
.link{
	margin-bottom:20px;
	}

.sukoyaka{
	margin-right:1.6129032258%;
	float:left;}

.kobato{
	margin-right:1.3129032258%;
	float:left;
	}

.kaede{float:left;}

.sukoyaka a:hover, .kobato a:hover, .kaede a:hover, .sukoyaka2 a:hover, .kobato2 a:hover, .kaede2 a:hover{opacity:0.8;}
	





.sukoyaka2, .kobato2{margin-bottom:20px;}

.kaede2{margin-bottom:30px;}

.sukoyaka2 img, .kobato2 img, .kaede2 img{width:100%;}



/*--------サイド---------*/
#side{
	width:29.7872340425%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	margin-top:30px;
	margin-bottom:0;
	float:left;
	}
	
#side2{
	width:29.7872340425%;
	margin-left:1.04166666666%;
	margin-right:1.04166666666%;
	margin-top:0px;
	margin-bottom:0;
	float:left;
	}			
	
aside{
	margin-top:10px;}
	
	
/*--フッター--*/

.foot_wrap{
	width:100%;
	background-color:#ef8136;
	}	

footer{
	width:97.9166666666%;
	max-width:960px;
	margin:auto;
	padding-top:20px;
	padding-left:2.08333333333%;
	padding-bottom:50px;
	font-size:12px;
	color:#fff;
	}
	
/*--------スライダー----------*/
.flexslider {
	width:100%;
	position: relative;
	margin:auto;
	padding-top:20px;
}

.slides img{
	width:100%;
	margin:0;
	}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav li a {
	/*width: 20px;
	padding-bottom: 20px;
	position: absolute;
	top: 45%;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/bg_direction_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0;*/
	display:none;
}

.flex-direction-nav li a.next {
	background-position: -20px 0;
	right: 2px;
}

.flex-direction-nav li a.prev {
	background-position: 0 0;
}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -43px;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
*display: inline;			margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0px;
}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	display:none;
}
.flex-control-nav li a:hover {
	background-position: -11px 0px;
}
.flex-control-nav li a.active {
	background-position: -11px 0px;
	cursor: default;
}	



/*-----------------かんたん更新枠-------------------*/
.title_bg{
	background-repeat:no-repeat;
	padding-top:21px;
	margin-top:9px;
	background-image:url(../img/kantan_bg1.png);
	}

.title1{
	display:block;
	background-image:url(../img/kantan_bg2.png);
	background-repeat:no-repeat;
	background-position:left;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	padding-left:55px;
	margin-top:0px;
	margin-bottom:10px;
	}
	
.title2{
	display:block;
	background-color:#ef8136;
	background-repeat:no-repeat;
	background-position:left;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	padding-left:14px;
	margin-top:0px;
	margin-bottom:10px;
	}

.kiji_title{
	display:block;
	background-color:#ef8136;
	background-repeat:no-repeat;
	background-position:left;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	padding-left:14px;
	margin-top:30px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;}

.oshirase{
	width:95.8064516129%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	}	

.oshirase ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-image:url(../img/list.gif);
	text-indent:-21px;
	margin-left:20px;
	}

.oshirase img{ width:100%;}


.shisetsu{
	width:95.8064516129%;
	background-image:url(../img/bg1.jpg);
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	margin-bottom:20px;
	}	


.left{
	width:48.3870967741%;
	margin-right:1.612932258%;
	float:left;
	}

.right{
	width:48.3870967741%;
	margin-left:1.612932258%;
	float:left;
	}

.title_bg_h{
	background-repeat:no-repeat;
	padding-top:21px;
	margin-top:9px;
	background-image:url(../img/kantan_bg1.png);
	}

.title_h{
	display:block;
	background-image:url(../img/kantan_bg2.png);
	background-repeat:no-repeat;
	background-position:left;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	padding-left:55px;
	margin-top:0px;
	margin-bottom:10px;
	}



.left_t{
	width:91.3333333333%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	}	
	
.right_t{
	width:91.3333333333%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	}

.right_t ul{
	margin:0;
	padding-left:10px;
	}



.map iframe{
	width:99.0322580645%;
	border:solid 3px #ff9453;
	border-radius:5px;
	height:300px;
	margin-bottom:30px;
	}
	
#side2 .map iframe{
	width:97.8571428571%;
	border:solid 3px #ff9453;
	border-radius:5px;
	height:300px;
	margin-bottom:10px;
	}	
	

.gakudo_icon img{
	margin-bottom:5px;
	width:100%;
	}
	
.kanamachi, .tsubasa, .hiyodori{
	width:90.7142857142%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	margin-bottom:20px;
	}	

.fubokai{
	width:90.7142857142%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	margin-bottom:30px;
	}

.news_list1{
	border-radius:5px;
	padding:10px;
	background-color:#fff5e6;
	}

.news_list1 ul, .fubokai ul{
	margin:0;
	padding-left:15px;
	color:#ec5d00;
	font-size:90%;}

.news_list1 ul li, .fubokai ul li{
	margin-bottom:5px;
	padding:0;
	line-height:130%;}

.news_list1 a, .fubokai ul li a{
	color:#ec5d00;
	text-decoration:none;
	}

.news_list1 a:hover, .fubokai ul li a:hover{
	color:red;
	text-decoration:underline;
	}

.gakudo_title img{width:100%;}


.days{
	color:#eb5a01;
	font-weight:bold;}


.club_box_left{
	width:48.3870967741%;
	margin-right:1.612932258%;
	float:left;
	}
	
.club_box_right{
	width:48.3870967741%;
	margin-left:1.612932258%;
	float:right;
	}	

.club_left, .club_right{
	background-image:url(../img/bg1.jpg);
	width:91.3333333333%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	margin-top:20px;
	}	


.list{
	background-image:url(../img/ring.png);
	background-repeat:no-repeat;
	padding-left:20px;
	line-height:18px;
	font-weight:bold;
	color:#EF8136;
	}

.sub_title{
	background-image:url(../img/tb2.png);
	background-repeat:no-repeat;
	padding-left:20px;
	color:#ef8136;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	border-bottom:solid 2px #ef8136;
	padding-bottom:3px;
	width:145px;
	}



.oyatsu{
	margin-right:15px;
	float:left;}
	

/*===============================================
● 画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

.top_s, .top_s2{display:none;}
	
.wrap{
	width:100%;
	max-width:960px;
	margin:auto;
	background-color:#ff9900;}

.container{
	width:100%;
	max-width: 940px;
	margin: auto;
	background-color:#fff;
	}	
	
header{
	width:100%;
	max-width:920px;
	}	

.gakudo_title2{display:none;}
	
#dl-menu{display:none;}

.toppage, .tel img, .shiryo img{display:none;}

.c_img_sma{display:none;}

.top_p{
	margin-right:10px;
	padding:0;
	text-align:right;}
	
}	
	
/*===============================================
● 画面の横幅が768pxまで
===============================================*/
@media screen and (min-width:480px) and (max-width: 768px){

body{background-color:#fff;}

.top_s, .top_s2{display:none;}
	
.c_img_sma{display:none;}	
	
.toppage{
	display:none;
	}

/*--------ヘッダー---------*/
header{
	width:100%;
	text-align:center;
	}

.logo{
	margin:0;
	float:none;
	}

.copy{
	padding-top:16px;
	float:none;
	}


#dl-menu{
	display:none;
	}

/*--------ナビゲーション---------*/
nav{
	width:100%;
	max-width:480px;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	}

ul#globalnavi{float:none;}

/*--------メイン---------*/
#main{
	width:97.3958333333%;
	margin:auto;
	margin-bottom:30px;
	float:none;
	background-color:#fff;
	}



/*--------サイド---------*/	
#side, #side2{
	width: 97.3958%;
	float: none;
	margin-top: 0px;

	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

	
.gakudo_title{display:none;}

.gakudo_title2 img{
	width:100%;
	}

aside{
	width:97.3958333333%;
	padding:0;
	margin:-top:10px;	
	}

.gakudo_icon img{
	width:35.1800554016%;
	margin-right:1.33689839572%;
	float:left;
	}
	
.kanamachi, .tsubasa, .hiyodori{
	width:99%;
	border-radius:5px;
	border:3px solid #ff9453;
	padding:10px;
	margin-bottom:20px;
	}	

.fubokai{
	width: 99%;
	border-radius: 5px;
	border: 3px solid #ff9453;
	padding: 10px;
	margin-bottom: 20px;
	}

.news_list1{
	width:58.5%;
	border-radius:5px;
	padding:10px;
	background-color:#fff5e6;
	float:left;
	}

.news_list1 ul, .fubokai ul{
	margin:0;
	padding-left:15px;
	color:#ec5d00;
	font-size:90%;}

.news_list1 ul li, .fubokai ul li{
	margin-bottom:5px;
	padding:0;
	line-height:130%;}

.gakudo_title img{width:100%;}

.top_p{
	margin:0;
	padding:0;
	text-align:right;
	}



#side2 .map iframe{
	width:99.1978609625%;
	border:solid 3px #ff9453;
	border-radius:5px;
	height:300px;
	margin-bottom:10px;
	}	

/*-------リンク--------*/



.sukoyaka2{
	margin-left:1.6129032258%;
	margin-right:1.6129032258%;
	float:left;}

.kobato2{
	margin-right:1.6129032258%;
	float:left;
	}

.kaede2{float:left;}


}

/*===============================================
●  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){

body{background-color:#fff;}	
	
.toppage{
	border:2px solid #32468d;
	width:150px;
	margin:auto;
	text-align:center;
	margin-bottom:30px;
	}

.toppage a{
	display:block;
	line-height:30px;
	text-decoration:none;
	color:#444;
	font-size:14px;
	}	
	
/*--------ヘッダー---------*/
header{
	width:98%;
	text-align:center;
	}

.logo{
	margin:0;
	float:none;
	}

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

.copy img, .logo img{
	width:100%;}

.pc_on, .tel img, .shiryo img{display:none;}

/*--------メイン---------*/
#main{
	width:90%;
	margin:auto;
	margin-bottom:30px;
	float:none;
	background-color:#fff;
	}

.oshirase{
	width:92%;
	}	

.shisetsu{
	width:92%;}

.left, .right, .club_box_left, .club_box_right{
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:20px;
	float:none;
	}


/*----------リンク----------*/
.sukoyaka, .kobato, .kaede{
	margin-bottom:10px;
	margin-left:0;
	margin-right:0;
	float:none;}

.sukoyaka img, .kobato img, .kaede img{width:100%;}



/*--------サイド---------*/	
#side, #side2{
	width: 90%;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}	

aside{
	width:100%;
	padding:1.42857142857%;
	margin:0;
	}

.gakudo_title2{display:none;}

.top_p{
	margin:0;
	text-align:center;}

.top_s{
	text-align:center;
	margin-bottom:30px;
	}
	
.top_s2{
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
	}	

.top_s img{border-radius:5px;}

/*--フッター--*/
.foot_wrap{
	width:100%;
	background-color:#ef8136;
	}	

footer{
	width:90%;
	text-align:center;
	margin:auto;
	padding-top:20px;
	padding-left:2.08333333333%;
	padding-bottom:50px;
	font-size:10px;
	color:#fff;
	}

	
}	


/* add */
.top_fb a {
	color:#FFF;
	text-decoration:none;
}

/* ------------------------------
   .add-kiji 内の画像配置制御
   ------------------------------ */

/* 共通リセット */
.add-kiji img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* 左寄せ */
.add-kiji img.alignleft,
.add-kiji .alignleft,
.add-kiji .wp-block-image.alignleft,
.add-kiji figure.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
  display: inline-block;
}

/* 右寄せ */
.add-kiji img.alignright,
.add-kiji .alignright,
.add-kiji .wp-block-image.alignright,
.add-kiji figure.alignright {
  float: right;
  margin: 0 0 1em 1.5em;
  display: inline-block;
}

/* 中央寄せ */
.add-kiji img.aligncenter,
.add-kiji .aligncenter,
.add-kiji .wp-block-image.aligncenter,
.add-kiji figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

/* 全幅（ブロックエディタ wide/full 対応） */
.add-kiji .wp-block-image.alignwide img,
.add-kiji .wp-block-image.alignfull img,
.add-kiji .alignwide img,
.add-kiji .alignfull img {
  width: 100%;
  height: auto;
  display: block;
}

/* ------------------------------
   レスポンシブ対応
   ------------------------------ */
@media screen and (max-width: 767.98px) {
  .add-kiji img.alignleft,
  .add-kiji .alignleft,
  .add-kiji img.alignright,
  .add-kiji .alignright,
  .add-kiji .wp-block-image.alignleft,
  .add-kiji .wp-block-image.alignright,
  .add-kiji figure.alignleft,
  .add-kiji figure.alignright {
    float: none !important;
    display: block;
    margin: 0 auto 1em auto;
    text-align: center;
  }

  /* スマホでは画像を全幅に */
  .add-kiji img,
  .add-kiji .wp-block-image img,
  .add-kiji figure img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover; /* 必要ならトリミング風に */
  }
}