@charset "utf-8";

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}


/* 回り込み解除 */
.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
body {
    padding: 0 0;
    background: #F2F3F8;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


p.date_head {
    text-align: right;
    color: #273D63;
    width: 96%;
    margin: 2% 0%;
    font-size: 1.2em;
}
.table {
    text-align: center;
	background: #ffffff;
}
.cw {
	color:#ffffff;
}
th.headc {
    background: #FF0059;
}
td.price {
    font-size: 1.2em;
    font-weight: bold;
}
td.price span{
    font-size: 0.8em;
    font-weight: normal;
}
#main {
	background:none;
}
.topmenu {
    padding: 0 1%;
}
.topmenu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.topmenu ul li {
    width: 46%;
    margin: 0 2% 3%;
    font-size: 1.2em;
    background: #ffffff;
    text-align: center;
}
.topmenu ul li i {
    font-size: 1.8em;
}
.topmenu ul li span {
    display: block;
}
.topmenu ul li a {
    display: block;
    padding: 10% 0;

}
#main ul.arealist li.active {
    font-weight: bold;
    font-size: 1.3em;

}
.box_head {
    background: #ffffff;
    border: solid 1px #E9E9E9;
}
p.p_title {
    color: #FF0059;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
    padding: 2% 0;
    border-bottom: solid 1px #E9E9E9;
}
.box_head ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 1% auto 0;
}
.box_head ul li.month {
    width: 70%;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
}
.box_head ul li {
    width: 15%;
	padding: 1% 0;
}
.box_head ul li a span {
    color: #ffffff;
    display: block;
    background: #333333;
    padding: 7% 0;
    text-align: center;
}
#main .box_head ul li a {
    display: block;
}
th.heads {
    background: #F6F6F6;
    color: #273D62;
    font-weight: bold;
}
p.r_cnt {
    width: 90%;
    margin: 0 auto 2%;
    text-align: right;
    color: #0D224E;
}
#main table.table.settbl td a {
    color: #FF0059;
    text-decoration: underline;
}
table.comp {
    color: #eeeeee;
}
tr.bre {
    color: #323232;
    background: #FFEFF5;
}
#main table.table.settbl.comp td a {
    color: #323232;
}
#main table.table.settbl.comp td.cr a,.table-bordered td.cr {
    color: #FF0059;
}
.table-bordered thead th.cr {
    color: #ff0000;
}
.table-bordered thead th.cb {
    color: #3462be;
}
.table-bordered td.hd {
    border-bottom: 1px #dee2e6 dotted;
}
.timetree {
    background: #E9E9E9;
    padding: 2%;
    font-size: 10px;
    text-align: left;
    border-radius: 5px;
	margin: 0 auto 10px;
cursor: pointer;
}
.timetree .time {

    margin: 0 auto;
	font-weight: bold;
}
.timetree .time,.timetree .area,.timetree .name{
	display:inline;
}
td.heads.trp10 {
    background: #dee2e6;
    width: 60%;
}
td.tdtr {
    font-weight: bold;
    text-align: right;
    padding: 1em 3%;
}
.fixtotal {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 40px;
    border: solid 3px #ededed;
}
.fixtotal .settingtbl {
    margin: 0;
}
.timetree .name {
    margin: 0 auto;
}
.search_box {
    width: 90%;
    margin: 10px auto;
    background: #ffffff;
    position: relative;
}
.search_box .schedule_add {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #2dabf9;
    color: #ffffff;
    font-size: 1.2em;
    border-radius: 50%;
    padding: 4px 10px;
    cursor: pointer;
}

.search_box .sel1 {
    border: solid 1px #0d224e;
    width: 100%;
    padding: 2%;
    color: #a5a2a2;
}
p.btn.mng {
    float: none;
    margin: 0 auto;
    background: #CECECE;
    text-align: center;
    width: 80%;
    display: block;
    padding: 2% 0;
}
ul.tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
	margin: 0 auto;
}
ul.tab li {
    border-top: 1px solid #EAEAEB;
    border-right: 1px solid #EAEAEB;
    border-left: 1px solid #EAEAEB;
    color: #a5a3a3;
    background: #F6F6F6;
    padding: 2% 4%;
    cursor: pointer;
}
ul.tab li.active{
	background:#ffffff;
    color: #333333;
}
.result_box {
    width: 100%;
    position: relative;
    margin: 30px auto 0;
}
.result_box p.r_cnt {
    position: absolute;
    top: 0;
    right: 2%;
}
.tabContents {
  display: none;
}
.tabContents.active {
  display: block;
}
#main ul.tab li a {
    display: block;
    color: #a5a3a3;
}
#main ul.tab li.active a {
    color: #333333;
}
.appdata p.ttl3 {
    background: #ffffff;
    margin: 10px auto 0;
    padding: 10px 5px;
    font-size: 1.2em;
    font-weight: bold;
}
.box_head ul.s_sel li.min {
    width: 10%;
}
.box_head ul.s_sel li {
    width: 45%;
    margin: 0 auto;
    text-align: center;
}
.box_head ul.s_sel li select.sel1 {
    width: 100%;
    padding: 2%;
}
p.btn.serach {
    float: none;
    margin: 10px auto 20px;
    background: #CECECE;
    text-align: center;
    width: 80%;
    display: block;
    padding: 2% 0;
}
ul.s_s li:first-child {
    width: 17%;
    font-weight: bold;
}
ul.s_s li:nth-child(2) {
    width: 70%;
    font-weight: bold;
}
ul.s_s li:last-child {
    width: 13%;
}
input.ss_box {
    width: 100%;
    padding: 1%;
    border: solid 1px #c1c1c1;
}
li.ss_btn {
    text-align: center;
    background: #E9E9E9;
    border: solid 1px #E9E9E9;
    padding: 0 5%;
    display: block;
    float: none;
}

/* チャートグラフ */
.chartbox {
    width: 100%;
    margin: 0 auto;
}
/* チャートグラフ */
ul.areabox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px auto 10px;
}
ul.areabox li {
    margin-right: 10px;
    padding: 3px 2%;
    cursor: pointer;
    color: #dfdfdf;
}
ul.areabox li.active {
    font-weight: bold;
    color: #000000;
    text-shadow: none;
}
ul.areabox li.clebnt {
    background: #ededed;
    color: #111111;
}
.timetree span {
    display: block;
}
#main table.table.settbl.cal_tbl td a {
    color: #212529;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
p.exinfo_txt {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
}
div#main.cld {
    width: 100%;
    min-height: 90vh;
    background: #ffffff;
        overflow-y: scroll;
}
.fancybox-content {
/*    min-height: 80vh;*/
}
.cld .timetree {
    width: 100%;
    font-size: 1em;
    height: auto;
    margin: 5px auto;
}
.cld .timetree p {
    margin: 0 6px;
}
#tbl1 td p {
    margin-bottom: 0;
}
#tbl1.ad td:first-child {
    width: 70px;
}
.cal_tbl td.fn {
    padding: .75rem 0;
}
ul.arealist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 0 auto 10px;
}
ul.arealist li {
    font-size: 1.2em;
}
.ent_tblbox{
	width:90%;
}
ul.cssc {
	/*display: flex; */
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* display: inline-block; */
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.scroll {
    overflow-y: scroll;

    margin: 10px;
    background:#ffffff;
}
ul.cssc li {
    text-align: center;
    margin: 10px 10px 0;
    padding: 10px 5px 0;
    background: #ededed;
    display: inline-block;
}
ul.cssc li table td span {
    display: block;
    font-size: 0.8em;
}
ul.cssc li table td {
    padding: 5px;
}
#main ul.cssc li a {
    color: #333333;
}
p.cabe {
    text-align: center;
}
.arrowlnk a {
    font-size: 1.2em;
    color: #ffffff;
}
.arrowlnk {
    position: absolute;
    font-size: 1.2em;
    color: #ffffff;
    left: 10px;
    top: 12px;
}
.chart-area{/*円グラフがスマホでつぶれないようにする*/
  position: relative;
  width:100%;
  height:50vh;
}
table.table.table-bordered.cnt_t th, table.table.table-bordered.cnt_t td {
    width: 50%;
}
.box {
    position: relative;
}
p.t_p {
    position: absolute;
    top: 55%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
}
ul.adlist li {
    width: 29%;
}
.topmenu ul.adlist li span {
    font-size: 10px;
}
.adflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.adflex table.table {
    width: 49%;
}
p.date_head{
	display:none;
}
table.table.table-bordered.cnt_t td.fc, table.table.table-bordered.cnt_t td.price {
    width: 30%;
}

/* タブレット */
@media (max-width: 1024px) and (min-width: 768px) {

}
/* タブレット 横*/
@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

}
/* SP */
@media (max-width: 768px) {
	div#Header{
		background:#0D224E;
		color:#ffffff;
    	padding: 0;
	}
	#Header .SiteName {
	    float: none;
	    margin-top: 0;
	    margin-left: 0;
	    font-weight: bold;
	    max-width: 100%;
	    text-align: center;
	    padding: 0%;
	    font-size: 1.4em;
	    width: 30%;
	    background: #fff;
		height: 53px;
	}
	p.menu_btn span:before, p.menu_btn span:after {
    	background: #fff;
	}
	p.menu_btn span {
	    background: #fff;
	}
	p.menu_btn {
	    top: 4.5%;
	}
	p.menu_btn.active {
	    top: 4.5%;
	}
	.timetree {
	    text-align: left;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		overflow: hidden;
	    width: 48px;
	    height: 19px;
	    padding: 2% 0;
	    font-size: 8px;
	}
	.timetree span {
	    word-break: keep-all;
	    display:inline;
	}
	.search_box .schedule_add {
	    padding: 2% 3%;
	}
	#Header .SiteName.manage {
	    background: none;
	    padding-top: 3%;
	    width: 100%;
	}
	table#border select {
	    font-size: 16px;
	}
	table#border input.ymdtxt {
	    margin: 0 0 10px;
	}
	.search_box p.scd_sel select {
	    width: 100%;
	}
	.search_box p.scd_sel {
	    width: 100%;
	    padding: 10px 40px;
	}
	.search_box p.btn.upd {
	    padding: 5px 0;
	    width: 120px;
	    font-size: 16px;
	}
	ul.areabox li {
	    margin-right: 20px;
	    width: 28%;
	    padding: 7px 2%;
	    cursor: pointer;
	    text-align: center;
	    color: #aba9a9;
	    text-shadow: 0.5px 0px 0.5px black;
	    margin-bottom: 10px;
	}
	p.menu_btn {

	}
	.box {
	    width: 100%;
	    margin: 0 auto;
	}
	#main table#border th,#main table#border td {
	    width: 50%;
	    display: inline-block;
	}
	#main {
	    padding: 1% 1% 0;
	}
}

/* iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}

@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 480px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}


/* iPhone6 */
@media only screen and (device-height: 667px),
only screen and (device-width: 667px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}
}
/* iPhone6 plus */
@media only screen  and (device-height: 736px),
only screen  and (device-width: 736px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}

}
@media (min-width: 768px) {
	body {
		background:#ffffff;
	}
}