/* CSS Document */
h2{
	font-size: 2rem;
	font-weight: bold;
}

.style_SAT {
		color: royalblue;
	background-color: #EFFFFF;
}
.style_SUN {
		color: orangered;
	background-color: #FFCCCC;
}
.bg_gray {
		background-color: gainsboro;
}
.style_topbar {
		height: 4rem;
		padding-top: 1%;
		font-size: 1.5rem;
}
/*スケジュールページ用スタイル*/
.img-limit-logo {
		width: auto;
		height: 40px;
}
.img-limit-title {
		width :60%;
		max-width: 500px !important;
	height: auto;
	
}

.setting_shadow{
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
	
}
/*ボーダーの設定*/
.border_month {
		border-top: 1px solid silver;
		border-right: 1px solid silver;
}
.border_contents {
		border-top: 1px solid silver;
}
.border_month_end {
		border-top: 1px solid silver;
		border-right: 1px solid silver;
		border-bottom: 1px solid silver;
}
.border_contents_end {
		border-top: 1px solid silver;
		border-bottom: 1px solid silver;
}

.setting_days{
	display: flex;
	height: auto;
	width: 100%;
	font-size: 1.0rem;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding-top:15px;
	padding-bottom: 5px;
	
}

/*.setting_contents{
	display: flex;
	height: auto;
	width: 100%;
	font-size: 1.0rem;
	align-items: center;
	justify-content: flex-start;
	vertical-align: middle;
	padding-top:15px;
	padding-bottom: 5px;
}*/

.setting_contents{
	display: flex;
	height: auto;
	width: 100%;
	font-size: 1.0rem;
	align-items: center;
	justify-content: flex-start;
	vertical-align: middle;
	gap: 15px;/*要素の間隔*/
	padding-top:15px;
	padding-bottom: 5px;
}

.element1 {
  display: flex;
  flex-direction: column; /* ← これで縦並びに */
}

.element2 {
  /* 通常のブロック表示でOK */
}

.setting_icon{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color: royalblue;
	margin-right: 10px;
}

.setting_icon_FC{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color: #3300FF;
	margin-right: 10px;
}

.setting_icon_SCHOOL{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color:#FF9900;
	margin-right: 10px;
}

.setting_icon_goudou{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color: #0066FF;
	margin-right: 10px;
}

.setting_icon_kids{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color: #CC00CC;
	margin-right: 10px;
}

.setting_icon_tyuusi{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #FFFFFF;
	background-color: #FF0000;
	margin-right: 10px;
}

.setting_icon_shiai{
	height: 1.5rem;
	width:65px;
	text-align: center;
	align-items: center;
	justify-content: flex-start;
	color: #000000;
	background-color: #FFD600;
	margin-right: 10px;
}

/*
.setting_contents{
	display: flex;
	height: auto;
	widows: 100%;
	
}

.setting_contents {
		font-size: 1.0rem;
		align-content: left;
		justify-content: center;
	padding-top:15px;
	padding-bottom: 5px;
	
}

*/
.container_date{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	
	
}
/*区切り線*/
.hr_schedule {
		position: relative;
		height: 3px;
		border-width: 0;
		background-image: -webkit-linear-gradient(left, transparent 0%, blue 50%, transparent 100%);
		background-image: linear-gradient(90deg, transparent 0%, blue 50%, transparent 100%);
}
.hr_title {
		height: 2px;
		background: blue;
		padding-top: 2px;
}
.u_title {
		text-decoration: underline;
		text-decoration-thickness: 2px;
}
.style_dropDown {
		font-size: 1.2rem;
}
/*ドロップダウンリストのデザイン　参考：https://copypet.jp/797/*/
.cp_ipselect {
		position: relative;
		width: 100%;
		margin: auto;
		text-align: center;
}
.cp_sl06 {
		position: relative;
		font-family: inherit;
		font-weight: bold;
		background-color: transparent;
		width: 100%;
		padding: 0;
		font-size: 1.2rem;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.cp_sl06:focus {
		outline: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.cp_ipselect .cp_sl06 {
		appearance: none;
		-webkit-appearance: none
}
.cp_ipselect select::-ms-expand {
		display: none;
}
.cp_ipselect:after {
		position: absolute;
		top: 1rem;
		right: 10px;
		width: 0;
		height: 0;
		padding: 0;
		content: '';
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid rgba(0, 0, 0, 0.3);
		pointer-events: none;
}
.cp_sl06_selectlabel {
		color: rgba(0, 0, 0, 0.5);
		font-size: 1rem;
		font-weight: normal;
		position: absolute;
		pointer-events: none;
		left: 0;
		top: 10px;
		transition: 0.2s ease all;
}
.cp_sl06:focus ~ .cp_sl06_selectlabel, .cp_sl06:valid ~ .cp_sl06_selectlabel {
		color: #da3c41;
		top: -20px;
		transition: 0.2s ease all;
		font-size: 1rem;
}
.cp_sl06_selectbar {
		position: relative;
		display: block;
		width: 100%;
}
.cp_sl06_selectbar:before, .cp_sl06_selectbar:after {
		content: '';
		height: 2px;
		width: 0;
		bottom: 1px;
		position: absolute;
		background: #66CDAA;
		transition: 0.2s ease all;
}
.cp_sl06_selectbar:before {
		left: 50%;
}
.cp_sl06_selectbar:after {
		right: 50%;
}
.cp_sl06:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
		width: 50%;
}
.cp_sl06_highlight {
		position: absolute;
		top: 25%;
		left: 0;
		pointer-events: none;
		opacity: 0.5;
}
/*ボタン用矢印アイコン*/
.arrow_right {
		position: relative;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
}
.arrow_right::before { /* くの字の表示設定 */
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 0.6rem; /* くの字を山なりに見た時、左側の長さ */
		height: 0.6rem; /* くの字を山なりに見た時、右側の長さ */
		border-top: 3px solid #000; /* くの字を山なりに見た時、左側の太さと色 */
		border-right: 3px solid #000; /* くの字を山なりに見た時、右側の太さと色 */
		transform: rotate(45deg); /* くの字の向き */
}
.arrow_left {
		position: relative;
		text-align: right;
		text-decoration: none;
		font-weight: bold;
}
.arrow_left::before { /* くの字の表示設定 */
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0.6rem; /* くの字を山なりに見た時、左側の長さ */
		height: 0.6rem; /* くの字を山なりに見た時、右側の長さ */
		border-top: 3px solid #000; /* くの字を山なりに見た時、左側の太さと色 */
		border-right: 3px solid #000; /* くの字を山なりに見た時、右側の太さと色 */
		transform: rotate(225deg); /* くの字の向き */
}
/*イメージをフワフワ　*/
.img_fuwafuwa {
		animation-name: fuwafuwa;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: 3.0s;
}
@keyframes fuwafuwa {
		0% {
				transform: translate(0, 0px);
		}
		50% {
				transform: translate(0, 15px);
		}
		100% {
				transform: translate(0, -15px)
		}
}

 @keyframes blink {
            0% { background-color: #FFFF66; }
            50% { background-color: transparent; }
            100% { background-color: #FFFF66; }
        }

        .highlight {
            animation: blink 1.5s infinite ease-in-out;
        }