@charset "utf-8";

.word-white {
    text-align: left;
    color: rgb(4, 3, 65);
}

.flexbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 6px;
}
.f-item1 {
    flex-grow: 1;
    border:1.5px solid rgb(56, 52, 250);
    text-align: center;
    background-color: rgb(211, 246, 248);
    width: 30%;
}

.f-item2 {
    flex-grow: 1;
    border:1.5px solid rgb(56, 52, 250);
    text-align: center;
    background-color: rgb(211, 246, 248);
    width: 25%;
}

.img-wicon {
    /* height: 50px; */
    width: 100px;
    margin: 0 auto;
    /* width: 70px; */
    /* margin-left:110px; */
}

.word-break {
    word-break: break-all;
}

.temphigh {
    color: rgb(255, 5, 5);
}

.templow {
    color: rgb(5, 100, 209);
}

.rainpops {
    color: rgb(23, 19, 245);
}

.rainpops1 {
    color: rgb(23, 19, 245);
}

hr {
    border-top: 2px dashed #9dd1ff;
    background-color: rgb(23, 19, 245);
}

.weatherword {
    padding: 0.5em 1em;
    margin: 2em 0;
    /* color: #232323; */
    /* background: rgba(215, 253, 205, 0.61); */
    /* border-left: solid 10px #66bb6a; */
    /* color: rgba(1, 34, 15, 0.87); */
    background:rgba(145, 189, 42, 0.993);
    border-left:solid 10px #068517;
    /* border: solid 2px #FFC107; */
    color:#ffffff;
    font-size: x-large;
}

.box21 {
    /* float: left; */
    position: relative;
    font-size: 1.2rem;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #87e2f8;
    background: rgba(5, 94, 196, 0.61);
    color: #ffffff;
    border-radius: 10px;
    }

    .box21 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #87e2f8;
    /* color: #06109e; */
    color: #ffffff;
    font-weight: bold;
    }

.box21 a span {
    text-decoration: underline;
}
.text-white {
    color: #23e909;
}
.text-orange {
    color: #ffbe9c;
}

/* セレクトボックスのサイズ変更 */
select {
	width: 340px; /* 幅を変更したいサイズに調整 */
	height: 70px;
	text-align: center;
	font-family: "Oswald", 'sans-serif';
	font-size: 120%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
	background: #c0eaf7fb;
	border: 3px solid #04134e;
	color: #04134e;
}

select, option{
    font-family: Meiryo,'ＭＳ ゴシック','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', sans-serif;
}

/* 画面幅が767px以下のときにスタイルが適用されます */
@media screen and (max-width: 767px) {
    .rainpops1 {
        color: rgb(23, 19, 245);
        font-size: 12px;
    }
}