@charset "utf-8";
/* CSS Document */

h2{
	text-align: center;
	font-size:20px;
	font-weight: 300;
	letter-spacing: 0.5em;
	color: #ffd800;
}

.daycontainer{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 45vw;
	max-width: 45vw;
	margin-left: 4vw;
}
.daycontainer01{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 98vw;
	margin-left: auto;
	margin-right: auto;
}

.daycontainer02{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-around;
	width: 98vw;
	margin-left: auto;
	margin-right: auto;
}

/*　時計　*/
.tokeimark{
	background-image: url("https://chibana.info/img/tokei.png");
	background-size:contain;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	z-index: 6;
	margin-bottom: 20px;
	margin-top: 0px;
}

/*　写真　*/

.daypiccontainer{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 90vw;
	border-radius: 10px;
	margin-bottom: 55px;
	margin-left: auto;
	margin-right: auto;
}

.daypic{
	width:28vw;
	background-image: url("img/day01.jpg");
	min-width:280px;
	border-radius: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.daypic01{
	width:28vw;
	height:190px;
	background-image: url("https://chibana.info/img/day01.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	min-width:280px;
	border-radius: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.daypic02{
	width:28vw;
	height:190px;
	background-image: url("https://chibana.info/img/day02.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	min-width:280px;
	border-radius: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.daypic03{
	width:28vw;
	height:190px;
	background-image: url("https://chibana.info/img/day03.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	min-width:280px;
	border-radius: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
	margin-bottom: 1vw;
}


.timecontainer01{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
	flex-direction: row;
	margin-top:5px;
	margin-bottom:5px;
	height: 160px;
}

.group_siro{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color:#000;
	font-size:1em;
	border: solid 5px #505050;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 55px;
}
.group_kii{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:1em;
	background-color:  #ffd800;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 60px;
}
.group_aka{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:1em;
	background-color:  #EB0E12;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 60px;
}
.group_midori{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:1em;
	background-color:  #009a44;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 60px;
}
.group_momo{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:1em;
	background-color:  #fbefc9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 60px;
}
.group_nyuuji{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:35vw;
	min-width: 240px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:1em;
	background-color:  #fbefc9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	height: 60px;
}
.time_siro{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #505050;
	border-radius: 10px;
	font-size: 0.9em;
}
.time_kii{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #ffd800;
	border-radius: 10px;
	font-size: 0.9em;
}
.time_aka{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #EB0E12;
	border-radius: 10px;
	font-size: 0.9em;
}
.time_midori{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #009a44;
	border-radius: 10px;
	font-size: 0.9em;
}
.time_momo{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #fbefc9;
	border-radius: 10px;
	font-size: 0.9em;
}

.time_nyuuji{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width:40vw;
	min-width: 300px;
	height: 1120px;
	min-height: 820px;
	margin-top: 10px;
	border: solid 5px #fbefc9;
	border-radius: 10px;
	font-size: 0.9em;
}
.clock{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color:  #d3f7e9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_siro{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	border: solid 5px #505050;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_siro_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	border: solid 5px #505050;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}


.clock_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color:  #d3f7e9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}
.clock_kii{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #ffd800;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_kii_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #ffd800;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}
.clock_aka{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #EB0E12;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_aka_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #EB0E12;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}
.clock_momo{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #fbefc9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_momo_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #fbefc9;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}
.clock_midori{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #009a44;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 30px;
}
.clock_midori_w{
	font-family: tbchibirgothicplusk-pro, sans-serif;
	width:10vw;
	min-width: 100px;
    font-weight: bolder;
    font-style: normal;
	color: #000;
	font-size:0.8em;
	background-color: #009a44;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	margin-left:10px;
	height: 60px;
}
.Scheduletitle{
	color: #000;
	font-size:0.75em;
	background-color: none;
	width:23vw;
	min-width: 175px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin-left:10px;
	height: 30px;
	
}
.Scheduletitle_w{
	color: #000;
	font-size:0.75em;
	background-color: none;
	width:23vw;
	min-width: 175px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin-left:10px;
	height: 60px;
	
}

.Scheduletitle_t{
	color: #000;
	font-size:0.75em;
	background-color: none;
	width:23vw;
	min-width: 175px;
	line-height: 30px;
	border-radius: 20px;
	text-align: center;
	margin-left:10px;
	height: 90px;
	
}


.Schedule{
	font-size:0.8em;
	width:53vw;
	margin:10px;
}

/*背景*/
.chibana_bg02{
	position: absolute;
	background-image: url("https://chibana.info/img/cb_backgroundbar01.png");
	background-size:cover;
	background-position: right;
	background-repeat: no-repeat;
	width: 22vw;
	min-width: 180px;
	height: 200vh;
	max-height: 1600px;
	min-height: 500px;
	left: 0;
	z-index:-10;
}

.chibana_bg03{
	position: absolute;
	background-image: url("https://chibana.info/img/cb_backgroundbar02.png");
	background-size:cover;
	background-position: left;
	background-repeat: no-repeat;
	width: 22vw;
	min-width: 180px;
	height: 200vh;
	max-height: 1600px;
	min-height: 500px;
	right: 0;
	margin-right:0px;
	z-index:-10;
}


@media screen and (min-width:480px){
	
.tokeimark{
	width: 140px;
	height: 140px;
}
.daycontainer{
	height:1400px;
	margin-bottom: 30px;
}
	
.daypic{
	margin-left: auto;
	margin-right: auto;
}
	
.clock{
	font-size:1em;
}

.clock_w{
	font-size:1em;
}

.clock_siro{
	font-size:1em;
}

.clock_siro_w{
	font-size:1em;
}
.clock_aka{
	font-size:1em;
}

.clock_aka_w{
	font-size:1em;
}
.clock_momo{
	font-size:1em;
}

.clock_momo_w{
	font-size:1em;
}
.clock_midori{
	font-size:1em;
}

.clock_midori_w{
	font-size:1em;
}
	
.time_siro{
	font-size: 1em;
}
.time_kii{
	font-size: 1em;
}
.time_aka{
	font-size: 1em;
}
.time_midori{
	font-size: 1em;
}
.time_momo{
	font-size: 1em;
}

.time_nyuuji{
	font-size: 1em;
}

.Scheduletitle{
	font-size:1em;
	
}
.Scheduletitle_w{
	font-size:1em;
}

.Scheduletitle_t{
	font-size:1em;
}
}

@media screen and (min-width:660px){
	.daycontainer{
	height:1600px;
		}
}

@media screen and (min-width:796px){
	.daycontainer{
	height:140vw;
		}
}