@charset "UTF-8";
body{
	font-family: 'FOT-筑紫B丸ゴシック Std' , 'HGMaruGothicMPRO' , 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic ProW4', 'Meiryo', sans-serif !important;
/*	background-image: url(img/back.jpg); */
/*  background-repeat: repeat-x; */
    background-color: #f9f8ed !important;
/*	color: #636464; */
	color: #666666 !important;
	font-size: 16px;
	line-height: 150%;
	margin: 0px;
}

.header{
	 background-color: #ffffff;
}
.headermb{
	 background-color: #f9f8ed;
	 padding : 10px;
}

.footer{
	 background-color: #ffffff;
	 text-align: center;
	 padding: 20px;
}

#formsize {
	max-width: 1200px; 
	margin: 0 auto;
}

.submenu1{
	position: fixed; 
	top:50px; 
	margin-left:0px
}
.submenu2{
	position: fixed; 
	top:0px; 
	margin-left:0px
}

.submenumb1{
	position: fixed; 
	top:50px; 
	left:0px
}
.submenumb2{
	position: fixed; 
	top:0px; 
	left:0px
}

h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}

@media (min-width: 480px){
	.headersmh {
    display: none; }
	.headersmh1 {
    display: none; }
	.headersmh2 {
    display: none; }    
	.headerpc {
    display: block; }
}
@media (max-width: 367px){
	.headerpc {
    display: none; }
	.headersmh1 {
    display: none; }
	.headersmh2 {
    display: block; }    
   	.headersmh {
    display: block; }
}

@media screen and (min-width:368px) and ( max-width:479px) {
	.headerpc {
    display: none; }
	.headersmh1 {
    display: block; }
	.headersmh2 {
    display: none; }    
   	.headersmh {
    display: block; }    

}

@media (min-width: 760px){
	.infoback {
    display: none; }
    .menu-chara {
    color: #666666; }
}
@media (max-width: 759px){
	.infoback {
    display: block; }
    .menu-chara {
    color: #ffffff; }    	
}
.require {
	color: black;
	background-color: transparent;
	font-weight: normal;
}

.panel{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	font-size:18px;
}

.login{
	margin-top:50px;
	background-color: #d9f9f6;
}

.panel .btn {
	width: 100%;
	height: 40px;
    color: #5d5d5d;
  margin-top:10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #dcdbd9;
  border: none;
}

.panel .btn:hover {
	background-color: #fff;
	border: 1px solid #04b0a2;
	color: #04b0a2;
}

.panel .btngreen{
	background-color: #8de9e0;
}


/* メニュー画面 */
.idname{
	margin:20px 0;
}

.idname .btn {
	height: 36px;
    color: #5d5d5d;
  margin-top:10px;
  font-size: 16px;
  font-weight: bold;
  background-color: #8de9e0;
  border: none;
}

.idname .btn:hover {
	background-color: #fff;
	border: 1px solid #04b0a2;
	color: #04b0a2;
}

.menu-pink{
	background-color: #fff2f3;
}

.panel .btnpink{
	background-color: #ffb4ba;
}

.panel .btnpink:hover {
	background-color: #fff;
	border: 1px solid #eb5b67;
	color: #eb5b67;
}

.menu-orange{
	background-color: #fff8e0;
}

.panel .btnorange{
	background-color: #fecf51;
}

.panel .btnorange:hover {
	background-color: #fff;
	border: 1px solid #ef9800;
	color: #ef9800;
}


.menu-yellowgreen{
	background-color: #e9fde7;
}

.panel .btnyellowgreen{
	background-color: #94de8c;
}

.panel .btnyellowgreen:hover {
	background-color: #fff;
	border: 1px solid #44a63a;
	color: #44a63a;
}

.menu-blue{
	background-color: #e9f9ff;
}

.panel .btnblue{
	background-color: #76c9ef;
}

.panel .btnblue:hover {
	background-color: #fff;
	border: 1px solid #19a2e0;
	color: #19a2e0;
}

.midashipink{
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 2.0em;
    border-bottom: 2px solid #b92a4c;
	color: #ff6b87;
}

.midashipink:before{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #ff6b87;
    top: -0.5em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}

.midashipink:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #b92a4c;
    top: -0.25em;
    left: 0;
    height: 12px;
    width: 12px;
}

.midashiorange{
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 2.0em;
    border-bottom: 2px solid #b36406;
	color: #ed8c0f;
}

.midashiorange:before{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #ed8c0f;
    top: -0.5em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}

.midashiorange:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #b36406;
    top: -0.25em;
    left: 0;
    height: 12px;
    width: 12px;
}

.midashiyellowgreen{
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 2.0em;
    border-bottom: 2px solid #34812c;
	color: #68cd5d;
}

.midashiyellowgreen:before{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #68cd5d;
    top: -0.5em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}

.midashiyellowgreen:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #34812c;
    top: -0.25em;
    left: 0;
    height: 12px;
    width: 12px;
}

.midashiblue{
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 2.0em;
    border-bottom: 2px solid #0b6bbc;
	color: #44ade9;
}

.midashiblue:before{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #44ade9;
    top: -0.5em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}

.midashiblue:after{
    content: "□";
    font-size: 150%;
    position: absolute;
    color: #0b6bbc;
    top: -0.25em;
    left: 0;
    height: 12px;
    width: 12px;
}

.plansetteititle{
	background-image: url(img/nanameblue.gif);
	font-size:30px;
	border: 3px solid #d8f8ff;
}

.bordernone{
	border:none;
	-webkit-box-shadow: none;
         box-shadow: none;
}

.bordernone .btnlightblue{
	width: auto;
	margin-top:0px;
	height:36px;
	font-size: 18px;
	background-color: #7fe4fd;
}

.bordernone .btnlightblue:hover {
	background-color: #fff;
	border: 1px solid #3dbbda;
	color: #3dbbda;
}

table.tableplan th{
	background-color: #d8f8ff;
}

table.tableplan td.gray{
	background-color: #efefef;
}

.infotitle{
	border: 2px solid #3aa8f5;
	-webkit-box-shadow: none;
         box-shadow: none;
	font-size:18px;
}

.infotitle .panel-body{
	padding:5px 10px;
}

.infotitle2{
	background-color: #3aa8f5;
	color:#fff;
	font-weight:bold;
	border:none;
	-webkit-box-shadow: none;
         box-shadow: none;
}

.infotitle2 .panel-body{
	padding:5px 10px;
}

.pagebutton{
	border:none;
	-webkit-box-shadow: none;
         box-shadow: none;
	font-size:30px;
}

.pagebutton .panel-body{
	padding:0;
}

.chuki{
	color: #ea4c06;
	font-size: 20px;
}

table.tableplandoc1 th{
	background-color: #a7efce;
}

table.tableplandoc1 td{
	background-color: #d1ffea;
}

.buttonset .btngreen{
	margin:0;
	margin-top:10px;
	width:100%;
}

.buttonset .btnlightblue{
	margin:0;
	margin-top:10px;
	width:100%;
}


@media screen and (min-width: 768px){
.brsm {display: none; }
}

.titleback1 {
	background-color: #fff1bc;
	padding: 10px 10px;
	color: #666666;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}

.titleback2 {
    font-size:22px;
    font-weight:bold;
	background-color: #ffd0bc;
	padding: 10px 10px;
	color: #666666;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.titleback3 {
    font-size:22px;
    font-weight:bold;
	background-color: #cef1bc;
	padding: 10px 10px;
	color: #666666;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}

.titleback4 {
    font-size:22px;
    font-weight:bold;
	background-color: #dafcf3;
	padding: 10px 10px;
	color: #666666;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}
.titleback5 {
    font-size:20px;
    font-weight:bold;
	background-color: #f1aa82;
	padding: 10px 10px;
	color: #666666;
	border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}

.col1 {width: 70px; padding:2px 2px; text-align:center; background-color: #ffffff; font-size:14px}
.col2 {width: 140px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col3 {width: 200px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col3 {width: 180px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col4 {width: 200px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col5 {width: 240px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col6 {width: 130px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col7 {width: 250px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col8 {width: 400px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col81 {width: 350px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col9 {width: 50px; padding:2px 2px; text-align:center; background-color: #ffffff; font-size:14px}
/*.caption {text-align: center; padding:5px; background-color: #FDE0E0;font-weight:bold;} */
/*.caption {text-align: center; padding:5px; background-color: #fff0ab;font-weight:bold;} */
.caption {text-align: center; padding:5px; background-color: #c7f3c2;font-weight:bold;}
.col11 {width: 70px; padding:2px 2px; text-align:center; background-color: #ffffff; font-size:14px}
.col12 {width: 100px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col13 {width: 500px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col14 {width: 200px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col15 {width: 500px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col16 {width: 90px; padding:2px 2px; text-align:center; background-color: #ffffff; font-size:14px}
.col17 {width: 190px; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col18 {width: 190px; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col21 {width: 10%; padding:2px 2px; text-align:center; background-color: #ffffff; font-size:14px}
.col22 {width: 50%; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col23 {width: 40%; padding:5px; text-align:center; background-color: #ffffff; font-size:14px}
.col24 {width: 90%; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col25 {width: 20%; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col26 {width: 80%; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col27 {width: 60%; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}

.col31 {width:100%; padding:5px; text-align:left; background-color: #ffffff; font-size:14px}
.col99 {padding:5px; text-align:left; background-color: #ffffff; font-size:14px}

.text-left {
	text-align:left;
}
.pt10 {
	padding-top:10px
}
.pt20 {
	padding-top:20px
}
.pt30 {
	padding-top:30px
}
.pt40 {
	padding-top:40px
}
.pt50 {
	padding-top:50px
}
.pt60 {
	padding-top:60px
}
.pt70 {
	padding-top:70px
}
.pt80 {
	padding-top:80px
}
.pt90 {
	padding-top:90px
}
.pt100 {
	padding-top:100px
}
.pt150 {
	padding-top:150px
}
.pt200 {
	padding-top:200px
}
.pl10 {
	padding-left:10px
}
.pl20 {
	padding-left:20px
}
.pl30 {
	padding-left:30px
}
.pl40 {
	padding-left:40px
}
.pl50 {
	padding-left:50px
}
.pl60 {
	padding-left:60px
}
.pl70 {
	padding-left:70px
}
.pl80 {
	padding-left:80px
}
.pl90 {
	padding-left:90px
}
.pl100 {
	padding-left:100px
}
.pr5 {
	padding-right:5px
}
.pr10 {
	padding-right:10px
}
.pb30 {
	padding-bottom:30px
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.bold{
	  font-weight: bold;
}
.weight-normal{
	  font-weight: normal;
}
.blue {
	color: blue;
}
.red {
	color: red;
}
.orange {
	color : #ff6347;
}
.brown {
	color : #7c7148;
}


.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.font18 {
	font-size: 18px;
}
.font20 {
	font-size: 20px;
}
.font22 {
	font-size: 22px;
}
.font24 {
	font-size: 24px;
}
.font30 {
	font-size: 30px;
}
.font48 {
	font-size: 48px;
}

.idname3 .btn {
	height: 30px;
    color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  background-color: #542700;
  border: 2px solid #542700;
  padding:3px 12px !important;
}

.idname3 .btn:hover {
/*	background-color: #fff;
	border: 2px solid #542700;
	color: #f59125; */
	color: #ffd700;
}
.idname4 .btn {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  background-color: #542700;
  border: 1px solid #542700;
  padding:2px 10px !important;
}

.idname4 .btn:hover {
	color: #ffd700;
}

.idname5 .btn{
	height: 25px;
    color: #ffffff;
  margin-top:0px;
  font-size: 14px;
  font-weight: bold;
  padding-top:2px;
  background-color: #f5da66;
  border: 2px solid #f5da66;
}

.idname5 .btn:hover {
	background-color: #fff;
	border: 2px solid #f5da66;
	color: #ec6e2b;
}
.btnpri {
  color: #ffffff;
  background-color: #542700 !important;
  border: 2px solid #542700 !important;
}
.btnpri:hover {
	background-color: #542700 !important;
	border: 2px solid #542700 !important;
/*	color: #f59125 !important; */
	color: #ffd700 !important;
}
.helparea {
  color: #333333;
  margin-top:0px;
  padding: 10px;
  font-size: 14px;
  background-color: #ffffff;
  border: 2px dotted #f5da66;
  border-radius: 10px;
}

input[type=checkbox] {
	width:			15px;
	height:			15px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
}
input[type=radio] {
	width:			15px;
	height:			15px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
}
/* 一覧ページ操作 */
.ui-widget-header {
	border: 0px !important;
	background: #ffffff !important;
}

/* 一覧タイトル */
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default th{ */
.pink table .ui-state-default {
	background:#fde0e0 !important;
/*	color: #ffffff !important; */
	font-size:16px !important;
}
.yellow table .ui-state-default {
	background:#fff0ab !important;
/*	color: #ffffff !important; */
	font-size:16px !important;
}
.green table .ui-state-default {
	background:#c7f3c2 !important;
/*	color: #ffffff !important; */
	font-size:16px !important;
}
.blue table .ui-state-default {
	background:#c6e2ff !important;
/*	color: #ffffff !important; */
	font-size:16px !important;
}

/* ページ表示 */
.ui-paginator-page {
	height: 27px !important;
	background:#ffffff !important;
}
/* ページ操作ボタン */
.ui-icon {
	height: 21px !important;
	/*font-size: 20px; */
}
/* ページ遷移ボタンの背景 */
.ui-paginator-first, .ui-paginator-prev, .ui-paginator-next, .ui-paginator-last{
	background:#ffffff !important;
}

/* 1ページの行数選択*/
.pink .ui-datatable select {
	background:#fde0e0 !important;
	height: 27px !important;
}
.yellow .ui-datatable select {
	background:#fff0ab !important;
	height: 27px !important;
}
.green .ui-datatable select {
	background:#c7f3c2 !important;
	height: 27px !important;
}
.blue .ui-datatable select {
	background:#c6e2ff !important;
	height: 27px !important;
}

/* 選択されているページボタンの背景*/
.pink .ui-state-active  {
	background:#fde0e0 !important;
}
.yellow .ui-state-active  {
	background:#fff0ab !important;
}
.green .ui-state-active  {
	background:#c7f3c2 !important;
}
.blue .ui-state-active  {
	background:#c6e2ff !important;
}

.word{
	white-space: pre-wrap;
	overflow:auto;
	width:100%;
}

.word1{
	word-wrap: break-word;
}

.parent {
  /*親要素はrelativeに*/
  position: relative;
  padding: 0px;
}

.absolute1 {
  position: absolute;
  top: 300;
  left: 0;
}
.hato {
	position: absolute;
	animation: hato-move-anim 3s ease-out;
	animation-delay:2s;
	animation-fill-mode:backwards;
	opacity:100;
}
@keyframes hato-move-anim {
	0% {
		top: -150px;
		left: 1200px;
		opacity:100;
	}
	50% {
		top: 80px;
		left: 435px;
		opacity:100;
	}
	70% {
		top: 130px;
		left: 280px;
		opacity:100;
	}
	80% {
		top: 250px;
		left: 200px;
		opacity:100;
	}							
	100% {
		top: 350px;
		left: 150px;
		opacity:100;
	}
}

.hato2 {
	position: absolute;
	animation: hato2-move-anim 2s ease-out;
	animation-delay:2s;
	animation-fill-mode:backwards;
	opacity:100;
}
@keyframes hato2-move-anim {
	0% {
		top:  180px;
		left: 450px;
		opacity:0;
	}
	10% {
		top: 180px;
		left: 450px;
		opacity:100;
	}	

	100% {
		top: 200px;
		left: 170px;
		opacity:100;
	}
}
/*たて*/
.enterya {
  animation: ball 0.6s ease-in-out infinite alternate;
  -webkit-animation: ball 0.6s ease-in-out infinite alternate;
  -moz-animation: ball 0.6s ease-in-out infinite alternate;;
}
@keyframes ball {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -10px);  }
}
@-webkit-keyframes ball {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -10px);  }
}
@-moz-keyframes ball {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -10px);  }
}
.enterya2 {
  animation: ball2 0.6s ease-in-out infinite alternate;
  -webkit-animation: ball2 0.6s ease-in-out infinite alternate;
  -moz-animation: ball2 0.6s ease-in-out infinite alternate;;
}
@keyframes ball2 {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -5px);  }
}
@-webkit-keyframes ball {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -5px);  }
}
@-moz-keyframes ball {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(5px, -5px);  }
}

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


/*横スライド*/
.enteryay {
  animation: yoko 0.8s ease-in-out infinite alternate;
  -webkit-animation: yoko 0.8s ease-in-out infinite alternate;
  -moz-animation: yoko 0.8s ease-in-out infinite alternate;;
}

@keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(15px, 0%);  }
}
@-webkit-keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(15px, 0%);  }
}
@-moz-keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(15px, 0%);  }
}

/*横スライド スマホ*/
.enteryaymb {
  animation: yoko 0.8s ease-in-out infinite alternate;
  -webkit-animation: yoko 0.8s ease-in-out infinite alternate;
  -moz-animation: yoko 0.8s ease-in-out infinite alternate;;
}

@keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(10px, 0%);  }
}
@-webkit-keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(10px, 0%);  }
}
@-moz-keyframes yoko {
  0%   { transform: translate(0%, 0%) rotateX(25deg);  }
  100% { transform: translate(10px, 0%);  }
}

.kakubtn {
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: #A3C494;
    text-align:center;
    color:#ffffff;
    border:solid 1px #A3C494; 
    font-size: 14pt;
    padding: 10px 20px;
} 

.kakubtn:hover{
/*	animation: flash 1s; */
	padding-top: 10px;
	background: #ffffff;
	border:solid 1px #A3C494;
	color:#A3C494;
	text-decoration-color: #ffffff;
}
.kakubtn1 {
	width: 200px;
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: #A3C494;
    text-align:center;
    color:#ffffff;
    border:solid 1px #A3C494; 
    font-size: 14pt;
    padding: 10px 20px;
} 

.kakubtn1:hover{
/*	animation: flash 1s; */
	background: #ffffff;
	border:solid 1px #A3C494;
	color:#A3C494;
	font-weight:bold;
	text-decoration: none !important;
}
.kakubtnp {
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: #fdcfbc;
    text-align:center;
    color:#666666;
    border:solid 1px #fdcfbc; 
    font-size: 14pt;
    padding: 10px 20px;
} 

.kakubtnp:hover{
/*	animation: flash 1s; */
	padding-top: 10px;
	background: #ffffff;
	border:solid 1px #fdcfbc;
	color:#fdcfbc;
}
.kakubtng {
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: #cdf1bb;
    text-align:center;
    color:#666666;
    border:solid 1px #cdf1bb; 
    font-size: 14pt;
    padding: 10px 20px;
} 

.kakubtng:hover{
/*	animation: flash 1s; */
	padding-top: 10px;
	background: #ffffff;
	border:solid 1px #cdf1bb;
	color:#cdf1bb;
}

.btnall {
	padding: 0px;
}
.btnall a:hover {
	text-decoration: none !important;
}
.waku {
  /* width: 200px; */
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    background: #f9f8ed;
    text-align:center;
    color:#666666;
    border:solid 1px #aaaaaa; 
    font-size: 14px;
    padding: 2px 5px;
} 



a {
	text-decoration: none !important;
	color: #666666 !important;
}

a:visited {
	text-decoration: none;
	color: #666666 !important;
}
a:hover{
	text-decoration: underline  !important;
	color:#666666 !important;
}

.link a {
	text-decoration: underline !important;
	color: #666666 !important;
}

.link a:visited {
	text-decoration: underline;
	color: #666666 !important;
}
.link a:hover{
	text-decoration: none !important;
	color:#666666 !important;
} 

.menu-item a {
	text-decoration: none;
	color: #666666;
}

.menu-item a:visited {
	text-decoration: none;
	color: #666666;
}
.menu-item a:hover{
	text-decoration: none;
	color:#666666;
} 

#oyaya2 {
	padding-top:10px;
	padding-bottom:50px;
	text-align:center;
/*	height:400px; */
/*	background: #d9d9d9; */
}

#oya2 {
	   position: relative;
/*       background: #ffff00; */
       margin:auto;
}
.marusbtn {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
    background: #679d4d;
    text-align:center;
    color:white;
    border:solid 0px #ffffff; 
    font-size: 34pt;
    font-weight:bold;
 /*   padding-top: 15px; */
    position: absolute;
} 

.marusbtn:hover{
/*	animation: flash 1s; */
/*	padding-top: 25px; */
	background: #f59125; 
/*	border:solid 5px #f59125; */
}

/*ルビあり*/
.marusrbtn {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
     background: #679d4d; 
    color:white;
    border:solid 0px #ffffff; 
    font-size: 32pt;
    font-weight:bold;
    padding-top: 15px;
    padding-left: 15px;
    position: absolute;
} 

.marusrbtn:hover{
/*	animation: flash 1s; */
/*	padding-top: 25px; */
/*	background: #466836; */
/*	border:solid 5px #466836; */
}
/*スマホ用ボタン*/
.marussbtn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
    background: #679d4d; 
    text-align:center;
    color:white;
    border:solid 0px #ffffff; 
    font-size: 18pt;
    font-weight:bold;
    padding-top: 15px;
    position: absolute;
} 

.marussbtn:hover{
/*	animation: flash 1s; */
/*	padding-top: 25px; */
	background: #f59125; 
/*	border:solid 5px #f59125; */
}

/*ルビあり*/
.marussrbtn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
    background: #679d4d; 
    color:white;
    border:solid 0px #ffffff; 
    font-size: 18pt;
    font-weight:bold;
    line-height:15pt;
    padding-top: 20px;
    padding-left: 7px;
    position: absolute;
} 

.marussrbtn:hover{
/*	animation: flash 1s; */
/*	padding-top: 25px; */
/*	background: #466836; */
/*	border:solid 5px #466836; */
}

/* 画像回転 */
.kaitenx {
    -webkit-animation: spin 10.0s linear infinite;
    -moz-animation: spin 10.0s linear infinite;
    -ms-animation: spin 10.0s linear infinite;
    -o-animation: spin 10.0s linear infinite;
    animation: spin 10.0s linear infinite;
}

.flex {
  display: flex; /*横並び*/
}

/* 画像回転 */
.spin {
    -webkit-animation: spin 10.0s linear infinite;
    -moz-animation: spin 10.0s linear infinite;
    -ms-animation: spin 10.0s linear infinite;
    -o-animation: spin 10.0s linear infinite;
    animation: spin 10.0s linear infinite;
}
@keyframes spin{
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*モーダル用*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 120%;
/*    position: absolute; */
    position: fixed; 
    left:0px; 
    top:0px;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%; 
    padding: 20px;
    position: absolute; 
    top: 50%;  
    transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
 	-webkit-transform: translate(-50%,-50%);
    width: 80%;
    max-width: 800px;
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.modal__content2{
    background: #fff;
    left: 50%; 
    padding: 5pt 30px;
    position: absolute; 
    top: 50%;  
    transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%);
 	-webkit-transform: translate(-50%,-50%);
    width: 90%;
    max-width: 1300px;
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.modal__close{
	width: 40px;
	height: 40px;
	background-image: url("../img/close.png");
	background-repeat: no-repeat;
    padding-top: 0px;
    padding-left: 8px;
    position: fixed;
    top: 15px;
    right: 20px;
}

/*講師の写真*/
.photo {
	border: 1px #cccccc solid;
	width: 100%;
}

#nextchara {
	text-decoration: underline;
	font-size: 12px;
}
#nextchara:hover {
	text-decoration: none;
}
#nextchara2 {
	text-decoration: underline;
	font-size: 12px;
}
#nextchara2:hover {
	text-decoration: none;
}
#nextchara3 {
	text-decoration: underline;
	font-size: 12px;
}
#nextchara3:hover {
	text-decoration: none;
}
#nextchara4 {
	text-decoration: underline;
	font-size: 12px;
}
#nextchara4:hover {
	text-decoration: none;
}
#nextchara1b {
	text-decoration: underline;
	font-size: 16px;
}
#nextchara1b:hover {
	text-decoration: none;
}
#nextchara2b {
	text-decoration: underline;
	font-size: 16px;
}
#nextchara2b:hover {
	text-decoration: none;
}
#nextchara3b {
	text-decoration: underline;
	font-size: 16px;
}
#nextchara3b:hover {
	text-decoration: none;
}
#nextchara4b {
	text-decoration: underline;
	font-size: 16px;
}
#nextchara4b:hover {
	text-decoration: none;
}
#nextchara5b {
	text-decoration: underline;
	font-size: 16px;
}
#nextchara5b:hover {
	text-decoration: none;
}
#dtitle1 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle1:hover {
	text-decoration: none;
}
#ddtail1 {
	display:none;
}
#closebtn1 {
	display:none;
}

#dtitle2 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle2:hover {
	text-decoration: none;
}
#ddtail2 {
	display:none;
}
#closebtn2 {
	display:none;
}

#dtitle3 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle3:hover {
	text-decoration: none;
}
#ddtail3 {
	display:none;
}
#closebtn3 {
	display:none;
}

#dtitle4 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle4:hover {
	text-decoration: none;
}
#ddtail4 {
	display:none;
}
#closebtn4 {
	display:none;
}

#dtitle5 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle5:hover {
	text-decoration: none;
}
#ddtail5 {
	display:none;
}
#closebtn5 {
	display:none;
}

#dtitle6 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle6:hover {
	text-decoration: none;
}
#ddtail6 {
	display:none;
}
#closebtn6 {
	display:none;
}

#dtitle7 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle7:hover {
	text-decoration: none;
}
#ddtail7 {
	display:none;
}
#closebtn7 {
	display:none;
}

#dtitle8 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle8:hover {
	text-decoration: none;
}
#ddtail8 {
	display:none;
}
#closebtn8 {
	display:none;
}

#dtitle9 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle9:hover {
	text-decoration: none;
}
#ddtail9 {
	display:none;
}
#closebtn9 {
	display:none;
}


#dtitle11 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle11:hover {
	text-decoration: none;
}
#ddtail11 {
	display:none;
}
#closebtn11 {
	display:none;
}

#dtitle12 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle12:hover {
	text-decoration: none;
}
#ddtail12 {
	display:none;
}
#closebtn12 {
	display:none;
}

#dtitle13 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle13:hover {
	text-decoration: none;
}
#ddtail13 {
	display:none;
}
#closebtn13 {
	display:none;
}

#dtitle14 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle14:hover {
	text-decoration: none;
}
#ddtail14 {
	display:none;
}
#closebtn14 {
	display:none;
}

#dtitle15 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle15:hover {
	text-decoration: none;
}
#ddtail15 {
	display:none;
}
#closebtn15 {
	display:none;
}

#dtitle16 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle16:hover {
	text-decoration: none;
}
#ddtail16 {
	display:none;
}
#closebtn16 {
	display:none;
}

#dtitle17 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle17:hover {
	text-decoration: none;
}
#ddtail17 {
	display:none;
}
#closebtn17 {
	display:none;
}

#dtitle18 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle18:hover {
	text-decoration: none;
}
#ddtail18 {
	display:none;
}
#closebtn18 {
	display:none;
}

#dtitle19 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle19:hover {
	text-decoration: none;
}
#ddtail19 {
	display:none;
}
#closebtn19 {
	display:none;
}



#dtitle21 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle21:hover {
	text-decoration: none;
}
#ddtail21 {
	display:none;
}
#closebtn21 {
	display:none;
}

#dtitle22 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle22:hover {
	text-decoration: none;
}
#ddtail22 {
	display:none;
}
#closebtn22 {
	display:none;
}

#dtitle23 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle23:hover {
	text-decoration: none;
}
#ddtail23 {
	display:none;
}
#closebtn23 {
	display:none;
}

#dtitle24 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle24:hover {
	text-decoration: none;
}
#ddtail24 {
	display:none;
}
#closebtn24 {
	display:none;
}

#dtitle25 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle25:hover {
	text-decoration: none;
}
#ddtail25 {
	display:none;
}
#closebtn25 {
	display:none;
}

#dtitle26 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle26:hover {
	text-decoration: none;
}
#ddtail26 {
	display:none;
}
#closebtn26 {
	display:none;
}

#dtitle27 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle27:hover {
	text-decoration: none;
}
#ddtail27 {
	display:none;
}
#closebtn27 {
	display:none;
}

#dtitle28 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle28:hover {
	text-decoration: none;
}
#ddtail28 {
	display:none;
}
#closebtn28 {
	display:none;
}

#dtitle29 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle29:hover {
	text-decoration: none;
}
#ddtail29 {
	display:none;
}
#closebtn29 {
	display:none;
}


#dtitle31 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle31:hover {
	text-decoration: none;
}
#ddtail31 {
	display:none;
}
#closebtn31 {
	display:none;
}

#dtitle32 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle32:hover {
	text-decoration: none;
}
#ddtail32 {
	display:none;
}
#closebtn32 {
	display:none;
}

#dtitle33 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle33:hover {
	text-decoration: none;
}
#ddtail33 {
	display:none;
}
#closebtn33 {
	display:none;
}

#dtitle34 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle34:hover {
	text-decoration: none;
}
#ddtail34 {
	display:none;
}
#closebtn34 {
	display:none;
}

#dtitle35 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle35:hover {
	text-decoration: none;
}
#ddtail35 {
	display:none;
}
#closebtn35 {
	display:none;
}

#dtitle36 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle36:hover {
	text-decoration: none;
}
#ddtail36 {
	display:none;
}
#closebtn36 {
	display:none;
}

#dtitle37 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle37:hover {
	text-decoration: none;
}
#ddtail37 {
	display:none;
}
#closebtn37 {
	display:none;
}

#dtitle38 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle38:hover {
	text-decoration: none;
}
#ddtail38 {
	display:none;
}
#closebtn38 {
	display:none;
}

#dtitle39 {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
#dtitle39:hover {
	text-decoration: none;
}
#ddtail39 {
	display:none;
}
#closebtn39 {
	display:none;
}


.closeb {
	text-decoration: underline;
	font-size: 12px;
	font-weight:normal;
}
.closeb:hover {
	text-decoration: none;
}

/*shop*/
.shopimg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */ 
    vertical-align:baseline; 
} 

/*door*/
.doorspcl {
    width: 60px;
    height: 60px;
	margin-left:20px; 
	vertical-align:-10px;
/*	vertical-align:baseline */
} 
.doorspcr {
    width: 60px;
    height: 60px;
	margin-right:20px; 
	vertical-align:-10px;
/*	vertical-align:baseline */
} 

.doorsmbl {
    width: 30px;
    height: 30px;
	margin-left:5px; 
	vertical-align:baseline
} 
.doorsmbr {
    width: 30px;
    height: 30px;
	margin-right:5px; 
	vertical-align:baseline
} 

.spacepcl {
    width: 60px;
    height: 0px;
	margin-left:20px; 
	vertical-align:baseline
} 
.spacepcr {
    width: 60px;
    height: 0px;
	margin-right:20px; 
	vertical-align:baseline
} 


.spacembl {
    width: 30px;
    height: 0px;
	margin-left:5px; 
	vertical-align:baseline
} 
.spacembr {
    width: 30px;
    height: 0px;
	margin-right:5px; 
	vertical-align:baseline
} 

.pin {
    width: 20px;
    height: 20px;
	margin-right:5px; 
	vertical-align:baseline
} 


/*MAP*/
area{
border:none;
outline:none;
}
area:hover{
border:none;
outline:none;
}


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*動き*/

.image {
	position: absolute;
	top:440px; 
	left:660px;
	width: 110px;
	opacity: 0;
	animation: change-img-anim 6s infinite;
}

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 3s;
}

@keyframes change-img-anim {
	0%{ opacity: 1;}
	50%{ opacity: 1;}
	51%{ opacity: 0;}
	100%{ opacity: 0;}

}

.image21 {
	position: absolute;
	top:670px; 
	left:780px;
	width: 60px;
	opacity: 0;
	animation: change-mem21 4s infinite;
}

@keyframes change-mem21 {
	0%{ opacity: 1;}
	50%{ opacity: 1;}
	51%{ opacity: 0;}
	100%{ opacity: 0;}
}

.image22 {
	position: absolute;
	top:670px; 
	left:780px;
	width: 60px;
	opacity: 0;
	animation: change-mem22 4s infinite;
}

@keyframes change-mem22 {
	0%{ opacity: 0;}
	50%{ opacity: 0;}
	51%{ opacity: 1;}
	100%{ opacity: 1;}

}


.image31 {
	position: absolute;
	top:738px; 
	left:730px;
	width: 50px;
	opacity: 0;
	animation: change-mem31 8s infinite;
}

@keyframes change-mem31 {
	0%{ opacity: 1;}
	50%{ opacity: 1;}
	51%{ opacity: 0;}
	100%{ opacity: 0;}
}

.image32 {
	position: absolute;
	top:738px; 
	left:730px;
	width: 50px;
	opacity: 0;
	animation: change-mem32 8s infinite;
}

@keyframes change-mem32 {
	0%{ opacity: 0;}
	50%{ opacity: 0;}
	51%{ opacity: 1;}
	100%{ opacity: 1;}

}

.image41 {
	position: absolute;
	top:480px; 
	left:440px;
	width: 70px;
	opacity: 0;
	animation: change-mem41 5s infinite;
}

@keyframes change-mem41 {
	0%{ opacity: 1;}
	50%{ opacity: 1;}
	51%{ opacity: 0;}
	100%{ opacity: 0;}
}

.image42 {
	position: absolute;
	top:480px; 
	left:440px;
	width: 70px;
	opacity: 0;
	animation: change-mem42 5s infinite;
}

@keyframes change-mem42 {
	0%{ opacity: 0;}
	50%{ opacity: 0;}
	51%{ opacity: 1;}
	100%{ opacity: 1;}

}

.image51 {
	position: absolute;
	top:119px; 
	left:458px;
	width: 50px;
	opacity: 0;
	animation: change-mem51 2s infinite;
}

@keyframes change-mem51 {
	0%{ opacity: 1;}
	50%{ opacity: 1;}
	51%{ opacity: 0;}
	100%{ opacity: 0;}
}

.image52 {
	position: absolute;
	top:119px; 
	left:458px;
	width: 50px;
	opacity: 0;
	animation: change-mem52 2s infinite;
}

@keyframes change-mem52 {
	0%{ opacity: 0;}
	50%{ opacity: 0;}
	51%{ opacity: 1;}
	100%{ opacity: 1;}

}
.news1 {
	position: absolute;
	top:187px; 
	left:935px;
	width: 55px;
	opacity: 1;
	animation: change-news1 2s infinite;
}

@keyframes change-news1 {
	0%{ opacity: 1;}
	25%{ opacity: 0.5;}
	50%{ opacity: 0;}
	75%{ opacity: 0.5;}
	100%{ opacity: 1;}
}
.news2 {
	position: absolute;
	top:40px; 
	left:310px;
	width: 35px;
	opacity: 1;
	animation: change-news2 2s infinite;
}

@keyframes change-news2 {
	0%{ opacity: 1;}
	25%{ opacity: 0.5;}
	50%{ opacity: 0;}
	75%{ opacity: 0.5;}
	100%{ opacity: 1;}
}

.news3 {
	position: absolute;
	top:36px; 
	left:285px;
	width: 30px;
	opacity: 1;
	animation: change-news3 2s infinite;
}

@keyframes change-news3 {
	0%{ opacity: 1;}
	25%{ opacity: 0.5;}
	50%{ opacity: 0;}
	75%{ opacity: 0.5;}
	100%{ opacity: 1;}
}