/*
Adachi form
*/

/*default style reset---------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, li, dl, dt, dd, form, fieldset, legend, hr, span, a, img, strong, em, ins, del, cite, abbr, acronym, sup, sub, dfn, code, var, samp, kbd, address {
	margin: 0;
	padding: 0;
	word-spacing: normal;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo,"MS P Gothic", Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #313131;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html {
  min-height: 100%;
  position: relative;
}
margin-bottom: 5em;
select, input, button, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}
a:hover {
	text-decoration: none;
}
a a:focus {
	outline: none;
}
a img {
	border: 0;
}
ul, li {
	list-style: none;
}
*, *:before, *:after {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}
.red {
	color:#ff0000;
}

select{
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	/*
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	*/
	border:1px solid #999999;
	padding:8px;
	border-radius: 3px;

}
select option{
	background-color: #fff;
	color: #333;
}
select::-ms-expand {

}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
input[type="radio"]{
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-right: 0.5em;
	margin-left:5px;
}
/* from
---------------------------------------------- */
.btn{
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #a7a9aa;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
.btn-green{
	color:#EEEEEE;
	background-color: #00A300;
	border-color: #4CAE4C;
}
.btn-green:hover{
	background-color: #4CAE4C;
	border-color: #4CAE4C;
}
.btn-blue{
	color:#EEEEEE;
	background-color: #2D89EF;
	border-color: #357EBD;
}
.btn-blue:hover{
	background-color: #357EBD;
	border-color: #357EBD;
}
.btn-gray{
	color:#EEEEEE;
	background-color: #666666;
	border-color: #666666;
}
.btn-gray:hover{
	background-color: #707070;
	border-color: #707070;
}
.btn-red{
	color:#EEEEEE;
	background-color: #FF9A9A;
	border-color: #F56A6A;
}
.btn-red:hover{
	background-color: #F56A6A;
	border-color: #F56A6A;
}
.btn-orange{
	color:#EEEEEE;
	background-color: #FFAE4F;
	border-color: #FB8802;
}
.btn-orange:hover{
	background-color: #FB8802;
	border-color: #FB8802;
}

/*aタグをボタン風にした場合の調整*/
a.btn{
	text-decoration:none;
}
/*エラー出現時のボックス*/
#error{
	background: #ffe5e5;
	margin:15px 0;
	padding:10px;
	border:solid 2px red;
}
.red{
	color:red;
}
::-webkit-input-placeholder {
	color: #d2d2d2;
}
::-moz-placeholder {
	color: #d2d2d2;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #d2d2d2;
}




/****************************************************/
.dp-block{display:block !important;}
.dp-ilblock{display:inline-block !important;}
.dp-list{display:list-item !important;}


.vfTitle{
	margin:8px 16px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

/****************************************************/
header{
	width: 100%;
	min-width: 1000px;
	height:auto;
	padding:5px 10px;
	background-color: #333;
	overflow: hidden;
}
#haederInner{
	width: 1000px;
	margin: 0 auto;
	padding:10px 0;
	overflow: hidden;
}
#haederInner ul{
	width: 150px;
	margin: 0;
	padding:0;
	float: right;
}
#haederInner li{
	width: 150px;
	margin-bottom:5px;
	padding:3px;
	color:#ffffff;
	text-align: center;
	background-color: #0e45c1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#haederInner li:hover{
	background-color: #396ce0;
}
#haederInner li a{
	color:#ffffff;
	display: block;
	text-decoration: none;
}
.spMenu{
	display: none;
}
header h1{
	color:#ffffff;
	float: left;
	padding-top: 5px;
}
nav{
}
nav ul{
}
nav li{
}
footer {
	width: 100%;
	background-color: #333;
  bottom: 0;
  height: 3em;
  position: absolute;
}
footer small{
	width: 100%;
	font-size:14px;
	line-height: 3em;
	color:#ffffff;
	display: block;
	text-align: center;
}
#footerInner {
	width: 1000px;
	margin: 0 auto;
}
/*******************************************************/
.b49p{
	width: 100%;
}
/*******************************************************/
#calendar{
	width: 100%;
	height:390px;
	margin-bottom:20px;
}
#newEvent{
	width: 100%;
	margin-bottom:20px;
}
#newEvent dl{
	width: 100%;
	margin-bottom: ;
	padding:5px 15px 5px 15px;
	overflow: hidden;
	border-bottom: 1px solid #e5e7e9;
}
#newEvent dt{
	line-height: 23px;
	float: left;
}
#newEvent dd{
	padding-left:10px;
	float: left;
}
.newEv_gen{
	width: 23px;
	height: 23px;
	color:#ffffff;
	text-align: center;
	line-height: 18px;
	padding:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:3px;
}
#genList{
	width: 100%;
	margin-bottom: 20px;
}
#genList ul{
	width: 100%;
}
#genList li{
	color:#ffffff;
	background-color: #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 0 5px 3px;
	display: inline-block;
	white-space: nowrap;
}
#genList li a{
	padding:3px 8px;
	color:#ffffff;
	text-decoration: none;
	display: block;
}
#genBox{
	width: 100%;
	padding-bottom:15px;
	overflow: hidden;
}
#genBox h3{
	width: 100%;
	color:#ffffff;
	background-color: #666666;
	margin-bottom:15px;
	padding:5px 0 5px 10px;
}
#genBox .genRep{
	width: 240px;
	height:290px;
	background-color: #f3f9ff;
	margin-right:13px;
	margin-bottom:15px;
	float: left;
	cursor:pointer;
}
#genBox .genRep:nth-child(4n){
	margin-right:0;
	float: right;
}
#genBox .photoBox{
	width: 100%;
	height: 184px;
}
#genBox .photoBox img{
	width: 240px;
	height: 184px;
}
.photoBox iframe{
	width: 100%;
	height:184px;
}
.photoBox p{
	display: none;
}
#genBox ul{
	padding: 10px;
}
#genBox .title{
	height:38px;
	margin-bottom:5px;
}
#genBox .schedule{
	overflow: hidden;
}
#genBox .links{
	height:25px;
	text-align: center;
	background-color: #0e45c1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 15px;
	float: right;
	clear: both;
}
#genBox .links:hover{
	background-color: #477bf1;
}
#genBox .links a{
	color:#ffffff;
	line-height:25px;
	text-decoration: none;
	display: block;
}
.wBox{
	width: 70px;
	float: left;
}
.topBn{
	width: 100%;
	height:auto;
}
/******************/
#otherBox{
	overflow: hidden;
}
#otherBox h3{
	width: 100%;
	color:#ffffff;
	background-color: #35b0dd;
	font-weight: bold;
	margin-bottom:10px;
	padding:5px;
}
#otherBox .otherRep{
	width: 49%;
	border:5px solid #535353;
	margin-bottom:15px;
	padding: 10px;
	float: left;
	overflow: hidden;
}
#otherBox .otherRep:nth-child(2n){
	float: right;
}
#otherBox .photoBox{
	width: 220px;
	height: 169px;
	float: left;
}
#otherBox .photoBox img{
	width: 220px;
	height: 169px;
}
#otherBox .rightBox{
	width: 220px;
	height: 169px;
	float: right;
}
#otherBox .textBox{
	width: 220px;
	height: 140px;
	margin-bottom:5px;
}
#otherBox .links{
	width: 220px;
	height:25px;
	text-align: center;
	background-color: #ff2074;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#otherBox .links:hover{
	background-color: #ff7cad;
}
#otherBox .links a{
	color:#ffffff;
	line-height:25px;
	text-decoration: none;
	display: block;
}
/*******************************************************/
.cd-breadcrumb, .cd-multi-steps {
	width: 100%;
	padding: 0.3em 1em;
	margin: 0 auto 20px auto;
	background-color: #edeff0;
	border-radius: .25em;
}
.cd-breadcrumb::after, .cd-multi-steps::after {
	clear: both;
	content: "";
	display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
	display: inline-block;
	float: left;
	margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
	display: none;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
	color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
	color: #96c03d;
}
/****************************************************/
#content{
	width: 1000px;
	margin:0 auto 50px;
	padding:20px 0;
	overflow: hidden;
}
#content .h2_title{
	color:#666666;
	border-bottom: 3px solid #666666;
	font-size: 23px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#content h2{
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

input[type=checkbox] {
	display: none;
}
.check_css {
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 0 0 0 42px;
	vertical-align: middle;
	cursor: pointer;
}
.check_css:hover:after {
	border-color: #0171bd;
}
.check_css:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 2px solid #ccc;
	border-radius: 6px;
	content: '';
}
.check_css:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -7px;
	width: 8px;
	height: 13px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .check_css:before {
	opacity: 1;
}
/*SIDE******************************************************/
#sideMenu{
	width: 300px;
	float: left;
}
.searchBox{
	width: 100%;
	background-color: #f3f9ff;
	margin-bottom:20px;
}
.searchBox h3{
	width: 100%;
	color:#ffffff;
	font-size:20px;
	text-align: center;
	line-height: 30px;
	padding:5px;
	background-color: #000000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom: 10px;
}
.searchBox h4{
	width: 100%;
	font-size:18px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.searchBox .inner{
	width: 100%;
	line-height: 30px;
	padding:0px 10px 15px 10px;
}
.searchBox .inner input[type=text]{
	width: 100%;
	line-height: 25px;
}
.searchBox .inner dl{
	border-bottom: 1px dotted #c8c8c8;
	margin-bottom: 5px;
}
.searchBox .inner dt{
	font-weight: bold;
}
.searchBox .inner dd{
	padding-left:15px;
}
#sideMenu input[type=submit]{
	width: 48%;
	padding:3px;
	color:#ffffff;
	border: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor: pointer;
	margin-bottom:15px;
	padding:15px;
}
#sideMenu input[type=button]{
	width: 48%;
	padding:3px;
	color:#ffffff;
	border: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor: pointer;
	margin-bottom:15px;
	padding:15px;
}
.sideButton{
	overflow: hidden;
}
.sideButtonL{
	font-weight: bold;
	text-align: center;
	background-color: #2c82b3;
	padding:15px;
	float: left;
}
.sideButtonR{
	font-weight: bold;
	text-align: center;
	background-color: #2c6382;
	padding:15px;
	float: right;
}
/*MAIN******************************************************/
#mainArea{
	width: 680px;
	float: right;
}
#mainArea .banner{
	width: 100%;
	margin-bottom:20px;
}
/*NoSidebar***/
#mainAreaNs{
	width: 100%;
}
#mainAreaNs h3{
	font-size:23px;
	margin-bottom:20px;
}
#mainAreaNs h4{
	font-size:20px;
}
#reSearch{
	display: none;
}
#mainArea .banner img{
	width: 100%;
	height:auto;
}
.searchRes{
	margin-bottom:20px;
}
.mainLoop{
	width: 100%;
	margin-bottom: 30px;
	padding:15px;
	background-color: #f3f9ff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:5px solid #666666;
}
.mainLoop h3{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.photoArea{
	width: 280px;
	height: 215px;
	float: left;
	position: relative;
}
.movieArea{
	width: 280px;
	height: 215px;
	float: left;
	position: relative;
}
.photoArea img{
	position: absolute;
}
.photoArea .p_img{
	width: 280px;
	height: 215px;
	top:0;
	left:0;
}
/***********************/
.photoArea .st_topleft{
	top:5px;
	left:5px;
	z-index: 99999;
}
.photoArea .st_topcenter{
	top:5px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999;
}
.photoArea .st_topright{
	top:5px;
	right:5px;
	z-index: 99999;
}
.photoArea .st_bottomleft{
	bottom:5px;
	left:5px;
	z-index: 99999;
}
.photoArea .st_bottomcenter{
	bottom:5px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999;
}
.photoArea .st_bottomright{
	bottom:5px;
	right:5px;
	z-index: 99999;
}
/***********************/
.dataArea{
	width: 350px;
	float: right;
}
.dataArea dl{
	overflow: hidden;
	border-bottom: 1px dotted #999999;
}
.dataArea dt{
	width: 25%;
	padding:10px;
	float: left;
}
.dataArea dt span{
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #000;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display: block;
	font-size:12px;
}
.dataArea dd .day{
	/*width: 40px;*/
	margin-bottom:5px;
	display: inline-block;
	font-weight:bold;
}
.wdBox{
	font-size:13px;
	width:85px;
	float: left;
}
.wd{
	color:#666666;
	text-align: center;
	padding:2px;
	/*background-color: #666666;
	margin:0 5px 5px 3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
	font-size:10px;
}
.sat{
	color:#ffffff;
	text-align: center;
	padding:2px;
	/*background-color: blue;
	margin:0 5px 5px 3px;
	margin-left:3px;
	margin-right:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
	font-size:10px;
	color:blue;
}
.sun{
	color:#ffffff;
	text-align: center;
	padding:2px;
	/*background-color: red;
	margin:0 5px 5px 3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;*/
	font-size:10px;
	color:red;
}
.dataArea dd .icon{
	vertical-align: middle;
	height:18px;
}
.dataArea dd{
	width: 75%;
	text-align: left;
	padding: 10px 0px 10px 5px;
	float: right;
	overflow: hidden;
}
.dataArea p{
	padding:5px;
}
.sp_tex{
	margin:5px;
	color: #004e96;;
	border: 3px solid #004e96;

}
#movieBox{
	width: 100%;
	margin: 10 auto;
	clear: both;
}
#movieBox iframe{
width: 100%;
}
.dataAreaLow{
	width: 100%;
	clear: both;
}
.dataAreaLow dl{
	overflow: hidden;
	border-bottom: 1px dotted #999999;
}
.dataAreaLow dt{
	width: 30%;
	padding:10px;
	float: left;
}
.dataAreaLow dt span{
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #8f8f8f;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display: block;
}
.dataAreaLow dd{
	width: 70%;
	text-align: left;
	padding:10px;
	float: right;
}
.dataAreaLow dd img {
	max-width:100%;
	height:auto;
}
.mainLoop ul{
	clear: both;
	padding-top:20px;
	overflow: hidden;
}
.mainLoop li{
	width: 47%;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #ff2074;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:15px;
	float: left;
}
.mainLoop li:hover{
	background-color: #f2008e;
}
.mainLoop li:last-child:hover{
	background-color: #002d91;
}
.mainLoop li:last-child{
	width: 48%;
	background-color: #0e45c1;
	float: right;
}
.mainLoop li a{
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.mainLoop input[type=submit],
.linkBtn{
	width: 100%;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #0e45c1;
	margin-top:20px;
	padding:15px;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.courseBox{
	margin-bottom:15px;
	overflow: hidden;
}
.courseBox span{
	font-weight: bold;
	background-color: #fff;
	margin: 0 5px 10px 0;
	padding:5px;
	white-space: nowrap;
	float: left;
}
.youtube iframe{
	width: 100%;
	height:100%;
}
/*ENTRY******************************************************/
/* #entryBox{} */
#entryBox dl{
	width: 100%;
	padding:10px;
	margin:0 0 15px 0;
	background-color: #eee;
	overflow: hidden;
}
/* #entryBox dl:nth-child(2n){
	background-color: #fff;
} */
#entryBox dt{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	padding:10px;
	border-bottom: 1px solid #aaa;
	/* float: left; */
}
#entryBox dd{
	width: 100%;
	padding:10px;
	/* float: right; */
}
#entryBox input[type=text]{
	width: 100%;
	height:33.7px;
	padding:5px;
	border-color: #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom:3px;
}
#entryBox input[type=number]{
	width: 100%;
	padding:5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom:3px;
}
#entryBox textarea{
	width: 100%;
	padding:5px;
	border-radius: 5px;
	border-color: #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#entryBox input[type=submit]{
	width: 100%;
	height:50px;
	padding:3px;
	font-size:20px;
	color:#fff;
	background-color: #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor: pointer;
}
/*エラー*/
#entryBox dl.err_bg{
	background-color: #FF7878;
}
#entryBox dl.err_bg dd{
	border-left:1px solid #FF7878;
	border-right:1px solid #FF7878;
	border-bottom:1px solid #FF7878;
	background-color: #FFDAF8;
}
#entryBox dl.err_bg .red{
	color: #fff;
}
#entryBox dl.err_bg dd ul.esg li{
	color:#8D0000;
}

.inp15p{
	width: 15%!important;
}
.inp20p{
	width: 20%!important;
}
.inp25p{
	width: 25%!important;
}
.inp30p{
	width: 30%!important;
}
.inp45p{
	width: 45%!important;
}
.inp50p{
	width: 50%!important;
}
.inp40p{
	width: 40%!important;
}
.inp60p{
	width: 60%!important;
}
.inp70p{
	width: 70%!important;
}
.inp80p{
	width: 80%!important;
}
#entryBox .sendButton {
	width: 90%;
	margin: 30px auto 50px;
	overflow: hidden;
}
.sendButton .left{
	width: 49%!important;
	float: left;
}
.sendButton .right{
	width: 49%!important;
	float: right;
}
#entryBox .check_css:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 2px solid #333333;
	border-radius: 6px;
	content: '';
}
/* .calendar table
---------------------------------------------- */
#tabMenu ul{
	width:100%;
}
#tabMenu li{
	float:left;
}
#tabMenu li a{
	display:block;
	padding: 5px 5px 5px 4px;
	text-align:center;
	background-color:#EEEEEE;
	border:#ccc 1px solid;
	text-decoration:none;
}
#tabMenu li a.active,
#tabMenu li a:hover{
	background-color:#4AB893;
	color:#FFFFFF;
}

/* #tabBox1,#tabBox2,#tabBox3{
}
#tabBox1{
} */
#tabBox2{
		display:none;
}
#tabBox3,#tabBox4,#tabBox5{
		display:none;
}
.nwp{
	white-space:nowrap;
	display:inline;
	color:inherit;
	font-size: inherit;
	font-weight: inherit;
}
ul.tabflx{
	float:none !important;
	display: flex;
	padding-bottom:0 !important;
}
ul.tabflx li{
	box-sizing: border-box;
	display: inline-flex;
	max-width: 33%;
	justify-self: flex-start;
	flex-direction: revert;
	justify-content: flex-start;
	margin: 0;
}
ul.tabflx li a{
	width: 100%;
	font-size: 0.9em;
}
ul.tabflx+.inner{
	padding-top:0px;
}
.calendar{
	width:100%;
}
.calendar table{
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}
.calendar table th {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
.calendar table td {
	vertical-align: top;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.calendar table td label{
	padding: 3px;
	background-color:#FDF2B5;
	display:block;
}
.calendar table td.noev {
	padding:3px;
}
.calendar table td label.ckd {
	background-color:#4AB893;
	color:#FFF;
}
.taiken{
	background-image: url(../img/red-star.png);
	background-repeat: no-repeat;
	background-position: right 0;
}
.setsumei{
	background-image: url(../img/grn-star.png);
	background-repeat: no-repeat;
	background-position: right 0;
}


/*学校INDEX用*/
.calendar table td a{
	padding: 3px;
	background-color:#FDF2B5;
	display:block;
	text-decoration:none;
}
.calendar table td a:hover{
	background-color:#F9B729;
}
.keyword_search {
	overflow:hidden;
	padding:5px;
}
.inp_txt {
	float:left;
	margin-top:5px;
	width:78%;
}
.inp_sub {
	float:right;
	width:20%;
}
.inp_txt input[type=text]{
	width: 100%;
	padding:11px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom:3px;
}
.inp_sub input[type=submit]{
	width: 100%;
	height:50px;
	padding:3px;
	font-size:20px;
	color:#fff;
	background-color: #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor: pointer;
}

/*******************************************************/
#prev{
	width: 100%;
	height: 140px;
	color:#ffffff;
	font-size:30px;
	font-weight: bold;
	text-align: center;
	padding-top:50px;
	background-color: rgba(255,0,0,0.5);
	position: absolute;
	z-index: 99999;
}
/*******************************************************/
/*GOTOP*/
#goTop {
	background: #0033A1;
	color: #fff;
	padding: 8px;
	position: fixed;
	bottom: 15px;
	right: 5px;
	text-decoration: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	z-index: 99999;
}

#goTop:hover {
	background: #0033A1;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/**MyPage***********************************************/
.resEvent{
	width: 98%;
	background-color: #fffbf5;
	padding:5px;
	overflow: hidden;
	margin: 10px auto 20px auto;
}
.resEleft{
	width: 750px;
	float: left;
	overflow: hidden;
}
.resTitle{
	width: 80px;
	height: 80px;
	text-align: center;
	float: left;
	padding:23px 10px 10px 10px;
	border: 1px solid #666666;
}
.resEleft dl{
	width: 660px;
	margin-left:10px;
	float: left;
	overflow: hidden;
}
.resEleft dt{
	width: 100px;
	font-weight: bold;
	float: left;
}
.resEleft dd{
	width: 560px;
	float: left;
}
.resEright{
	width: 200px;
	float: right;
	overflow: hidden;
}
.resEright ul{
	width: 100%;
	overflow: hidden;
}
.resEright li{
	width: 49%;
	line-height:80px;
	text-align: center;
	float: left;
}
.resEright li a{
	color:#ffffff;
	line-height:80px;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.resEright li:last-child{
	width: 49%;
	float: right;
}
.myMenu{
	width: 98%;
	overflow: hidden;
	margin: 10px auto 20px auto;
}
.myMenu ul{
	overflow: hidden;
}
.myMenu li{
	width: 49%;
	height:40px;
	color:#ffffff;
	text-align: center;
	background-color: #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom: 5px;
	float: left;
}
.myMenu li:nth-child(2n){
	float: right;
}
.myMenu li:last-child{
	width: 100%;
}
.myMenu li a{
	height:40px;
	line-height: 40px;
	color:#ffffff;
	text-decoration: none;
	display: block;
}
/*過去に参加あしたイベント*****/
.resEvent_past{
	width: 98%;
	background-color: #fffbf5;
	padding:5px;
	overflow: hidden;
	margin: 10px auto 20px auto;
}
.resEvent_past dl{
	width: 100%;
}
.resEvent_past dt{
	width: 20%;
	font-weight: bold;
	float: left;
}
.resEvent_past dd{
	width: 80%;
	float: right;
}
/****************************************************/
#loginPanel{
	width: 50%;
	margin:50px auto;
	padding:20px;
	border: 1px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#loginPanel input[type=text], input[type=password]{
	width: 100%;
	padding:5px;
	margin-bottom:15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#loginPanel input[type=submit]{
	width: 100%;
	padding:5px;
	color:#fff;
	background-color: #3275F0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.infoArea{
	margin:16px 0;
	padding:16px;
	border:2px solid #333333;
	border-radius:3px;
	background-color:#F7F2E0;
}
.infoArea p{
	font-weight: bold;
}
.infoArea a{
	color:#1e90ff;
}

.slDay{
	background-color: #ffff55;
	padding:1px 0px 1px 1px;
}
/*-------------------------------------------------------------------------------------------------------
 * thanks PC */
.CompBox{
	margin: 0 auto;
	width: 960px;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	letter-spacing: 5px;
	color:#666;
}
h3.CompTitle{
	font-size: 24px;
	line-height: 1.4;
	font-weight: normal;
}
.CompBox p{
	margin-top: 1em;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 0;
	text-align: left;
}
.CompNavi{
	padding: 10px 0 20px 0;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.CompNavi a img{
	width:100%;
	margin-bottom: 8px !important;
}
#CompletePC{
	display: block;
}
#CompleteSP{
	display: none;
}
#CompletePC img,#CompleteSP img{
	display: block;
	margin:0 auto;
	width: 100%;
}

ul.CodeList{
	list-style: none;
	margin:0 0 8px 0;
	display: flex;
	flex-wrap:wrap;
}
ul.CodeList li{
	width:25%;
	padding:2px 1% 2px 0;
	box-sizing: border-box;
	font-size: 0.9em;
}
ul.CodeList li.cttl{
	width:100% !important;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
}
p.spMessage{
	display:none;
}

@media only screen and (max-width: 767px){
	ul.CodeList li:not(:first-child){
		display:none;
		width:100%;
		font-size: 0.9em;
	}
	p.spMessage{
		display:block;
		color:#0000ff;
	}
}
.dcwth{
	width:60%;
}
a.linkBtn{
	display: block;
	text-decoration: none;
}
/** update @ 20214014 **/
ul.cl_li50{
	margin-bottom:24px;
}
ul.cl_li50 li{
	padding:4px 1%;
}
.cl_category{
	font-size:12px;
}
.clMessage{
	color:#0000ff;
}
@media only screen and (min-width: 768px){
	ul.cl_li50 li{
		width: 50% !important;
	}
}


.btn{
	border-radius: 0;
	padding:8px 16px;
	background-color: #333;
	color:#fff;
}
.btn.btn-demo{
	background-color: #002d91;
	color:#fff;
}

/*************************************************************************************************************************/
/*スマートフォン************************************************************************************************************/
/*************************************************************************************************************************/
@media only screen and (max-width: 767px) {
	/* iOSでのデフォルトスタイルをリセットAndroid？知らん */
	input[type="submit"],
	input[type="button"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
		outline-offset: -2px;
	}
	header{
		width: 100%;
		min-width: 100%;
		height:auto;
		padding:5px 10px;
		background-color: #333;
		overflow: hidden;
	}
	#haederInner{
		width: 100%;
		margin: 0 auto;
	}
	#haederInner h1 img{
		max-width: 100%;
	}
	#haederInner ul{
		display: none;
	}
	.spMenu{
		width:98%;
		margin:5px auto 0 auto;
		height:30px;
		letter-spacing: -.40em;
		text-align: justify;
		text-justify: distribute-all-lines;
		display: block;
	}
	.spMenu:after {
		content:"";
		display: inline-block;
		width: 100%;
		line-height:0;
		height: 0;
	}
	.spMenu li{
		width:100px;
		height:30px;
		background:#0E45C1;
		padding:0 5px;
		letter-spacing:normal;
		display: inline-block;
	}
	.spMenu li a{
		color:#ffffff;
		line-height: 30px;
		display: block;
		text-decoration:none;
	}
	header h1{
		color:#ffffff;
	}
	nav{
	}
	nav ul{
	}
	nav li{
	}
	footer {
		width: 100%;
		background-color: #333;
		line-height: 5em;
	}
	footer small{
		width: 100%;
		font-size:14px;
		color:#ffffff;
		display: block;
		text-align: center;
	}
	#footerInner {
		width: 100%;
		margin: 0 auto;
	}
	/*******************************************************/
	.cd-breadcrumb, .cd-multi-steps {
		width: 98%;
		padding: 0.3em 1em;
		margin: 0 auto 15px auto;
		background-color: #edeff0;
		border-radius: .25em;
	}
	.cd-breadcrumb::after, .cd-multi-steps::after {
		clear: both;
		content: "";
		display: table;
	}
	.cd-breadcrumb li, .cd-multi-steps li {
		display: inline-block;
		float: left;
		margin:0;
		line-height: 24px;
	}
	.cd-breadcrumb li::after, .cd-multi-steps li::after {
		display: inline-block;
		content: '\00bb';
		margin: 0 .6em;
		color: #959fa5;
	}
	.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
		display: none;
	}
	.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
		color: #96c03d;
	}
	.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
		color: #96c03d;
	}
	/****************************************************/
	#content{
		width: 100%;
		margin:0 auto 30px;
		padding:10px 0;
		overflow: hidden;
	}
	#content h2{
		font-size: 24px;
    	margin-top: 0;
    	margin-bottom: 10px;
    	padding: 0 3%;
	}
	#content .h2_title{
		color:#666666;
		border-bottom: 3px solid #666666;
		font-size: 23px;
		text-indent: 10px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	/*SIDE******************************************************/
	#sideMenu{
		width: 100%;
		padding-bottom:30px;
		float: none;
	}
	.searchBox{
		width: 98%;
		background-color: #f3f9ff;
		margin:0 auto 15px auto;
	}
	.searchBox h3{
		width: 100%;
		color:#ffffff;
		font-size:20px;
		text-align: center;
		line-height: 30px;
		padding:5px;
		background-color: #000000;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	.searchBox h4{
		width: 100%;
		font-size:18px;
	}
	.searchBox .inner{
		width: 100%;
		line-height: 30px;
		padding:10px 5px;
	}
	.searchBox .inner input[type=text]{
		width: 100%;
		line-height: 25px;
	}
	#sideMenu input[type=submit]{
		width: 48%;
		padding:3px;
		color:#ffffff;
		border: none;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		cursor: pointer;
		margin-bottom:15px;
		padding:15px;
	}
	#sideMenu input[type=button]{
		width: 48%;
		padding:3px;
		color:#ffffff;
		border: none;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		cursor: pointer;
		margin-bottom:15px;
		padding:15px;
	}
	.sideButton{
		overflow: hidden;
	}
	.sideButtonL{
		font-weight: bold;
		text-align: center;
		background-color: #2c82b3;
		padding:15px;
		float: left;
	}
	.sideButtonR{
		font-weight: bold;
		text-align: center;
		background-color: #2c6382;
		padding:15px;
		float: right;
	}
	/*MAIN******************************************************/
	#mainArea{
		width: 100%;
		float: none;
	}
	#mainArea .banner{
		width: 98%;
		margin:0 auto 20px auto;
	}
	#mainAreaNs{
		width: 98%;
		margin: 0 auto;
	}
	#reSearch{
		width: 98%;
		margin:10px auto;
		display: block;
	}
	#reSearch a{
		line-height: 50px;
		font-size: 18px;
		color:#ffffff;
		text-align: center;
		background-color: #f30084;
		display: block;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		text-decoration: none;
		display: block;
	}
	#mainArea .banner img{
		width: 100%;
		height:auto;
	}
	.searchRes{
		width: 98%;
		margin: 0 auto 15px auto;
	}
	.mainLoop{
		width: 96%;
		margin: 0 auto 20px;
		padding:10px;
		background-color: #f3f9ff;
		border-top:4px solid #1D55B2;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:3px solid #666666;
	}
	.photoArea{
		width: 100%;
		float: none;
		margin-bottom:10px;
		position: relative;
		padding-top: 75%;
	}
	.movieArea{
		width: 100%;
		float: none;
		margin-bottom:10px;
		position: relative;
	}
	.photoArea .p_img{
		width: 100%;
		height: auto;
		position: absolute;
		top:0;
		left:0;
	}
	.youtube{
		width: 100%;
		margin-bottom:10px;
	}
	/***********************/
	.photoArea .st_topleft{
		top:5px;
		left:5px;
		z-index: 99999;
	}
	.photoArea .st_topcenter{
		top:5px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99999;
	}
	.photoArea .st_topright{
		top:5px;
		right:5px;
		z-index: 99999;
	}
	.photoArea .st_bottomleft{
		bottom:5px;
		left:5px;
		z-index: 99999;
	}
	.photoArea .st_bottomcenter{
		bottom:5px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 99999;
	}
	.photoArea .st_bottomright{
		bottom:5px;
		right:5px;
		z-index: 99999;
	}
	/***********************/
	.dataArea{
		width: 100%;
		float: none;
	}
	.dataArea dl{
		overflow: hidden;
		border-bottom: 1px dotted #999999;
	}
	.dataArea dt{
		width: 30%;
		padding:5px;
		float: left;
	}
	.dataArea dt span{
		color:#ffffff;
		font-weight: bold;
		text-align: center;
		background-color: #000;
		padding:5px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		display: block;
	}
	.dataArea dd{
		width: 70%;
		text-align: left;
		padding:5px;
		float: right;
	}
	.dataArea p{
		padding:10px;
	}
	.dataAreaLow{
		width: 100%;
		clear: both;
	}
	#movieBox{
		width: 100%;
		clear: both;
	}
	#movieBox iframe{
	width: 100%;
	}
	.dataAreaLow dl{
		overflow: hidden;
		border-bottom: 1px dotted #999999;
	}
	.dataAreaLow dt{
		width: 35%;
		padding:10px;
		float: left;
	}
	.dataAreaLow dt span{
		color:#ffffff;
		font-weight: bold;
		text-align: center;
		background-color: #8f8f8f;
		padding:5px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		display: block;
	}
	.dataAreaLow dd{
		width: 65%;
		text-align: left;
		padding:10px;
		float: right;
	}
	.dataAreaLow dd img {
		max-width:100%;
		height:auto;
	}
	.mainLoop ul{
		clear: both;
		padding-top:20px;
		overflow: hidden;
	}
	.mainLoop li{
		width: 47%;
		color:#fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		background-color: #ff2074;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:15px;
		float: left;
	}
	.mainLoop li:hover{
		background-color: #f2008e;
	}
	.mainLoop li:last-child:hover{
		background-color: #002d91;
	}
	.mainLoop li:last-child{
		width: 49%;
		background-color: #0e45c1;
		float: right;
	}
	.mainLoop li a{
		color:#fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	.mainLoop input[type=submit],
	.linkBtn{
		width: 100%;
		color:#fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		background-color: #0e45c1;
		margin-top:20px;
		padding:15px;
		border:none;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	/*ENTRY******************************************************/
	#entryBox{}
	#entryBox dl{
		width: 100%;
		padding:3%;
		background-color: #cccccc;
		overflow: hidden;
		box-sizing: border-box;
	}
	#entryBox dl:nth-child(2n){
		background-color: #fff;
	}
	#entryBox dt{
		width: 100%;
		font-size: 17px;
		font-weight: bold;
		padding:3px;
		float: none;
	}
	#entryBox dd{
		width: 100%;
		padding:3px;
		float: none;
	}
	#entryBox input[type=text]{
		width: 100%;
		padding:5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-bottom:3px;
		height:45px;
		font-size: 12px;
	}
	#entryBox textarea{
		width: 100%;
		padding:5px;
		border-radius: 5px;
		border-color: #cccccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}
	#entryBox select {
		height:45px;
		margin-bottom:3px;
		border-radius: 3px;
	}
	#entryBox input[type=submit]{
		width: 100%;
		height:50px;
		padding:3px;
		font-size:20px;
		color:#fff;
		background-color: #666666;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		cursor: pointer;
	}
	.inp20p{
		width: 20%!important;
	}
	.inp30p{
		width: 30%!important;
	}
	.inp45p{
		width: 45%!important;
	}
	.inp50p{
		width: 50%!important;
	}
	.sp_hide{
		display:none;
	}
/**TOP***********************************************/
	#newEvent{
		width: 98%;
		margin:0 auto 15px auto;

	}
	#newEvent dl{
		width: 100%;
		margin-bottom: ;
		padding:5px 15px 5px 15px;
		overflow: hidden;
		border-bottom: 1px solid #e5e7e9;
	}
	#newEvent dt{
		line-height: 23px;
		float: left;
	}
	#newEvent dd{
		padding-left:10px;
		float: left;
	}
	.newEv_gen{
		width: 23px;
		height: 23px;
		color:#ffffff;
		text-align: center;
		line-height: 18px;
		padding:3px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		margin-left:3px;
	}
	#genList{
		width: 98%;
		margin:0 auto 15px auto;
	}
	#genList ul{
		width: 100%;
	}
	#genList li{
		color:#ffffff;
		background-color: #666666;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		margin:0 0 5px 3px;
		display: inline-block;
		white-space: nowrap;
	}
	#genList li a{
		padding:3px 8px;
		color:#ffffff;
		text-decoration: none;
		display: block;
	}
	#genBox{
		width: 98%;
		margin:0 auto 15px auto;
		overflow: hidden;
	}
	#genBox h3{
		width: 100%;
		color:#ffffff;
		background-color: #666666;
		margin-bottom:15px;
		padding:5px 0 5px 10px;
	}
	#genBox .genRep{
		width: 49%;
		background-color: #f3f9ff;
		margin:0  0 15px 0;
		float: right;
		cursor:pointer;
	}
	#genBox .genRep:nth-child(2n){
		margin-right:0;
		float: left;
	}
	/*2番目以降は非表示**************/
	#genBox .genRep:nth-child(n+4){
		display: none;
	}
	#genBox .photoBox{
		width: 100%;
		height: auto;
		min-height: 164px;
	}
	#genBox .photoBox img{
		width: 100%;
		height: auto;
	}
	#genBox ul{
		padding: 5px;
	}
	#genBox .title{
		margin-bottom:5px;
		overflow: hidden;
	}
	#genBox .schedule{
		overflow: hidden;
	}
	#genBox .links{
		height:25px;
		text-align: center;
		background-color: #0e45c1;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:0 15px;
		float: right;
		clear: both;
	}
	#genBox .links:hover{
		background-color: #477bf1;
	}
	#genBox .links a{
		color:#ffffff;
		line-height:25px;
		text-decoration: none;
		display: block;
	}
	.wdBox{
		width: 50%;
		float: left;
	}
	/******************/
	#otherBox{
		overflow: hidden;
	}
	#otherBox h3{
		width: 100%;
		color:#ffffff;
		background-color: #35b0dd;
		font-weight: bold;
		margin-bottom:10px;
		padding:5px;
	}
	#otherBox .otherRep{
		width: 98%;
		border:5px solid #535353;
		margin:0 auto 10px auto;
		padding: 5px;
		float: none;
		overflow: hidden;
	}
	#otherBox .otherRep:nth-child(2n){
		float: right;
	}
	#otherBox .photoBox{
		width: 49%;
		height: auto;
		float: left;
	}
	#otherBox .photoBox img{
		width: 100%;
		height: auto;
	}
	#otherBox .rightBox{
		width: 49%;
		height: 206px;
		float: right;
		position:relative;
	}
	#otherBox .textBox{
		width: 100%;
		height: auto;
		margin-bottom:5px;
	}
	#otherBox .links{
		width: 220px;
		height:25px;
		text-align: center;
		background-color: #ff2074;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		position:absolute;
		bottom:0;
		right:0;
	}
	#otherBox .links:hover{
		background-color: #ff7cad;
	}
	#otherBox .links a{
		color:#ffffff;
		line-height:25px;
		text-decoration: none;
		display: block;
	}
	/**MyPage***********************************************/
	.resEvent{
		width: 100%;
		background-color: #fffbf5;
		padding:10px;
		overflow: hidden;
		margin: 10px auto 20px auto;
	}
	.resEleft{
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.resTitle{
		width: 100%;
		height:auto;
		text-align: center;
		float: none;
		padding:5px;
		border: 1px solid #666666;
		margin-bottom:10px;
	}
	.resTitle br{
		display:none;
	}
	.resEleft dl{
		width: 100%;
		margin-left:0;
		float: none;
		overflow: hidden;
		margin-bottom:10px;
	}
	.resEleft dt{
		width: 25%;
		font-weight: bold;
		float: left;
	}
	.resEleft dd{
		width: 75%;
		float: left;
	}
	.resEright{
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.resEright ul{
		width: 100%;
		overflow: hidden;
	}
	.resEright li{
		width: 49%;
		line-height:40px;
		text-align: center;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		float: left;
		cursor: pointer;
	}
	.resEright li a{
		color:#ffffff;
		font-size:14px;
		font-weight: bold;
		text-decoration: none;
	}
	.resEright li:last-child{
		width: 49%;
		float: right;
	}
	.myMenu{
		width: 98%;
		overflow: hidden;
		margin: 10px auto 20px auto;
	}
	.myMenu ul{
		overflow: hidden;
	}
	.myMenu li{
		width: 49%;
		height:40px;
		color:#ffffff;
		line-height: 40px;
		text-align: center;
		background-color: #666666;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		margin-bottom: 5px;
		float: left;
		cursor: pointer;
	}
	.myMenu li:nth-child(2n){
		float: right;
	}
	.myMenu li a{
		color:#ffffff;
		text-decoration: none;
	}
	.resEvent_past dl{
		width: 100%;
	}
	.resEvent_past dt{
		width: 100%;
		font-weight: bold;
		float: none;
	}
	.resEvent_past dd{
		width: 100%;
		margin-bottom:10px;
		border-bottom: 1px dotted #999999;
		float: none;
	}
/****************************************************/
	#loginPanel{
		width: 98%;
		margin:20px auto;
		padding:20px;
		border: 1px solid #000;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	#loginPanel input[type=text], input[type=password]{
		width: 100%;
		padding:5px;
		margin-bottom:15px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	}
	#loginPanel input[type=submit]{
		width: 100%;
		padding:5px;
		color:#fff;
		background-color: #3275F0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	/*-------------------------------------------------------------------------------------------------------
	 * thanks SP */
	#CompletePC{
		display: none;
	}
	#CompleteSP{
		display: block;
		width:98%;
		margin:0 auto;
	}
	.CompBox{
		padding:1em;
	}
	.CompBox,.CompNavi{
		width:100% !important;
	}
	#CompleteSP img{
		margin-bottom:1em;
	}

}
/****************************************************
* Add@20250930 */
.selectArea {
	clear: both;
}
.selectArea dl {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 100%;
}
.selectArea dt{
	padding: 20px 10px 0 20px;
	width: 25%;
}
.selectArea dd{
	padding: 20px 20px 0 10px;
	width: 25%;
}
.selectArea dt span{
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #000;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display: block;
	font-size:12px;
}
.selectArea select {
	width: 100%;
}
@media only screen and (max-width: 767px) { 
.selectArea dt{
	padding: 20px 10px 0 0;
	width: 50%;
}
.selectArea dd{
	padding: 20px 0 0 0;
	width: 50%;
}
}