@charset "utf-8";
/*==================================================
スライダーのためのcss
===================================*/
#slider {
    width: max(106vw,80rem);
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    margin-top: -30px;
}

/*========= レイアウトのためのCSS ===============*/
html{
    font-family: 'Bitter', serif;
}
a{
	color: #fff;
}
.bi:hover {
    color: #0bd;
}
a:hover,
a:active{
	text-decoration: none;
}
/* マウスオーバー時 */
tr:hover {
    color: #ffffff;
    background-color: #05df105e;
    cursor: pointer;
}

/* 記事部分 */

h1{
    font-size: max(1.4vw, 2.1rem);
    text-align: center;
	margin-top: 100px;
    margin-left: max(10vw, -3rem);
	color: #ffffff;
	width:  max(35vw, 50rem);
    font-family: 'Bitter', serif;
}
h2{
	font-size:1.8rem;
	text-align: center;
	margin: 10px 0 0px 0;
	color: #ffffff;
}
.what-day {
    font-size: max(1vw, 1.5rem);
    color: #ffffff;
    text-decoration: none;
    list-style: none;
    margin-bottom: 0px;
}
#area-2 {
    width: 1200px;
}
.coramu {
        font-size: max(1vw, 1.5rem);
    color: #ffffff;
    width: 1000px;
}
span#view_today {
	font-size: max(1.3vw, 1.5rem);
	color: #0d8fdac9;
}
span#view_clock {   
	font-size: max(1.3vw, 1.5rem);
	color: #0d8fdac9;
}
.big-box {
    border: #fff 2px solid;
    width: max(59.5vw, 59.5rem);
    height: 650px;
    margin-left: 18px;
}

.item {
    text-align: center;
    border: #d5edeb 2px solid;
    margin: 0 auto;
    width: max(29.5vw, 29.5rem);
    margin-bottom: 10px;
    margin-left: -6px;
    padding: 40px 10px 20px 10px;
}
.item-1 {
    text-align: center;
    border: #d5edeb 2px solid;
    margin: 0 auto;
    width: max(29.5vw, 29.5rem);
    margin-bottom: 10px;
    margin-left: -6px;
    padding: 40px 40px 20px 40px;
}
h2.th {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
.ti {
    font-family: 'Bitter', serif;
    font-size: max(2vw, 1.7rem);
    color: #ffffff;
    text-align: center;
}
rt {
    font-size: 1.2rem;
    margin-top: 30px;
}
.grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr ;
    margin-top: 6%;
    margin-bottom: 50px;
    margin-left: 20px;
  }

body {
    background-color: #050505f6;
} 
.aaa {
    width: max(77vw, 77rem);
    margin: 0 auto;
}
.aaa {
    display: flex;
    justify-content: space-between;
    background-color:#050505f6;
}
article {
    width: max(20vw, 20rem);
    order: 1;
    background-color:#050505f6;
    margin-bottom: 100px;
    left: -200px;
}
aside {
    width: max(13vw, 15rem);
    order: 2;
    background-color: #021324;
    text-align: center;
    margin-bottom: 20px;
}

.rainbow {
	margin-top: 60px;
    margin-bottom: 10px;
}
#zz {
    color: #ffffff;
    text-decoration: none;
    font-size: max(0.8vw, 1rem);
}
li {
    list-style-type: none;
    margin-top: 20px;
}