@charset'UTF-8';

html{
	margin:0;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
body{
	position: inherit;
}

/*title*/
.title{
	position:relative;
	display: flex;
	width:100%;
	height:80px;
	background-color: #BCD7FF;
}
.titleimg{
	align-self: center;
	width:100%;
	height:70%;
	background-image: url(./img/yoteinfo360.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position-y: center; 
	cursor: pointer;
	margin-left:6px;
}

/* 凡例のマーク */
.mark240,.mark241,.mark242{
	position:relative;
	width:64px;
	height:24px;
	float:left;
	margin:1px;
	margin-right:10px;
	text-align:right;
	background-repeat: no-repeat;
}
.mark240{
	background-image: url(./img/mark0_24.png);
}
.mark241{
	background-image: url(./img/mark1_24.png);
}
.mark242{
	background-image: url(./img/mark2_24.png);
}


.topMessage{
	padding:13px;
	margin-top:10px;
	font-size:1.2em;
	line-height: 140%;
}

.mainArea{
	flex-direction: column;
	margin-top:10px;
	padding:10px;
	font-size:1em;
	background-color:lightblue;
	display:none;
	box-sizing: border-box;
}

/*imgwaku*/
.imgwaku{
	align-self: center;
	margin-right:10px;
	width:46px;
	height:46px;
	display: none;
}
.userimg{
	align-self: center;
	width:46px;
	height:46px;
	border-radius: 50%;
	cursor: pointer;
}
.social_img{
	position:absolute;
	right:4px;
	top:16px;
	width:16px;
	height:16px;
	border-radius: 20%;
	user-select: none;
}
.social_btn{
	cursor:pointer;
	width:64px;
	height:64px;
	margin:5px;
	user-select: none;
}

/*mainbtn*/
.btnWaku{
	width:100%;
	margin-top:10px;
}
.mainbtn{
	background:rgb(0, 0, 224);
	color:#FFFFFF;
	border:0px !important;
	width:100%;
	font-size:20px;
}
.mailcopybtn{
	width:100%;
	margin-top:10px;
	display:none;
}

/*mark*/
.mark, .markd{
	width:32px;
	height:32px;
	background-position: center center;
	background-repeat: no-repeat;
	margin:0 auto;
	position:relative;
  background-clip: padding-box;
}
.mark{
	cursor:pointer;
}
.markd{
	cursor:default;
	opacity:0.4;
}
.mark-0{
	background-image: url(./img/mark0.png);
}
.mark-1{
	background-image: url(./img/mark1.png);
}
.mark-2{
	background-image: url(./img/mark2.png);
}

.oxs{
	position: relative;
	float:left;
	width:72px;
	height:24px;
	background-image: url(./img/oxs.png);
	background-repeat: no-repeat;
}
.oxss{
	position: relative;
	float:left;
}

.schtitle{
	padding-left:10px;
	font-size: 36px;
	font-weight:bold;
	border-left: inset 6px blue;
}
.subTitle{
	font-size:20px;
	font-weight: bold;
	margin-left:4px;
	margin-bottom:-3px;
	margin-top:10px;
	padding-left:4px;
	border-left: inset 10px blue;
}
.schsubtitle{
	font-size:18px;
	padding-left:10px;
	background:#FFF;
}

/*least*/
.least{
	margin-top:10px;
	padding:10px;
	padding-left:10px;
	padding-bottom: 5px;
	font-size:12px;
	line-height: 100%;
	background-color:lightblue;
	display: none;
}
.least li{
	font-size:16px;
}
.leastTitle{
	font-size:16px;
	font-weight: bold;
}
.alink{
	text-decoration: none;
	margin:5px;
}
.alink:hover{
	text-decoration: underline;
}

/*footer*/
.footer{
	width:100%;
	margin-top:10px;
	text-align: right;
	line-height: 100%;
}
.footerstr{
	font-size:18px;
	margin-right:10px;
	bottom:0;
	color:#CCC;
	display: teble-cell;
	text-decoration: none;
	-webkit-text-decoration-skip: none;
}

.social_btn{
	transition:box-shadow .5s;
	border-radius: 10px;
}
.social_btn:hover{
	box-shadow: 0 12px 12px silver;
}


.holiday a{
	color: orange !important;
}
.saturday a {
  color: blue !important;
}
.sunday a {
  color: red !important;
}

input[type=text], textarea{
	border: thin solid blue;
	padding:5px;
	resize: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.4);
}
input[type=text]:focus, textarea:focus {
	background-color: beige;
	border:1px orange double;
}

.dateBox{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-bottom:2px;
	font-size:20px;
	font-weight: bold;
	color:#FFF;
	background-color:#48d;
	border: 1px dashed transparent;
	z-index:100;
	height:36px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	padding:2px;
}
.dateBox_dt{
	align-self: center;
}
.dateBox_tm, .tilda{
	padding:0;
	align-self:center;
	color:#FFFFFF;
}
.dateBox_tilda{
	align-self: center;
}
.dateBox_iconX{
	align-self: center;
	float:right;
	right:2px;
	width:30px;
	height:30px;
	background-image:url(./img/iconX.png);
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
}
.iconX{
	float:right;
	position: relative;
	margin-right:0;
	width:30px;
	height:30px;
	background-image:url(./img/iconX.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:contain;
	cursor:pointer;
	border-radius: 5px;
}

.kk{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px 2px #666;
	-moz-box-shadow: 2px 2px 3px 2px #666;
	-webkit-box-shadow: 2px 2px 3px 2px #666;
}
.kadomaru{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.kage{
	box-shadow: 2px 2px 3px 2px #666;
	-moz-box-shadow: 2px 2px 3px 2px #666;
	-webkit-box-shadow: 2px 2px 3px 2px #666;
}

.ui-state-default, .ui-widget-content .ui-state-default{
	font-size:20px !important;
	text-align:center !important;
}

#tbody td:first-child, #thead th:first-child {
  /* 横スクロールを固定 */
  position: sticky;
  left: 0;
  background: #FFFFFF;
	z-index:9999;
}