@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

/* ******************************************* */
/*		  total
/* ******************************************* */
/* For modern browsers */
article { margin-bottom: 2rem; }
article article { margin-bottom: 1em; }

.fitting {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba( 255, 255, 255, 0.85 );
	top: 0px; left: 0px;
	z-index: 10000;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.loading p { font-weight: bold; text-align: center;}

.commodus {
	position: fixed;
	bottom: 20%;
	right: -150px; width: 120px; height: 120px;
	z-index: 1000;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px; height: 20px;
	border-radius: 20px;
	overflow: hidden;
	background: #DDD;
	box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.4 );
	transition: 0.2s;
	cursor: pointer;
}
.switch::before {
	content: "";
	display: block;
	position: absolute;
	background: #FFF;
	border-radius: 20px;
	top: 0px; left: 0px;
	width: 20px; height: 20px;
	box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.4 );
	transition: 0.2s;
}
.switch.on {
	background: #91d4fc;
}
.switch.on::before {
	top: 0px; left: 20px;
	background: #1DA1F2;
}

/* ******************************************* */
/*		  font
/* ******************************************* */
.hiragino { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
.meiryo { 	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; }
.mincho {	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.girl { color: #ff79bd; font-weight: bold; }
.boy { color: #20a8ff; font-weight: bold; }
.hatena { color: #999999; font-weight: bold; }

/* ******************************************* */
/*		  body
/* ******************************************* */
body {
	font-family: 'Roboto', 'Kosugi Maru', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #303231;
	word-wrap: break-word;
	overflow-y: scroll;
	counter-reset: points;
}
/* ******************************************* */
/*		  container wrapper section etc
/* ******************************************* */
#container {
	min-width: 1150px;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
}
/* wrapper */
.wrapper {
	width: 1150px;
	margin: 0px auto;
}
.lower_wrapper {
	width: 880px;
	margin: 0px auto;
}
strong { color: #1DA1F2; font-size: 1.2em; }
.invisible { display: none !important; }
rt { position: relative; top: 3px; transform: translateY( 3px ); }

a.textlink { color: #0080CB; text-decoration: underline; display: inline-block; }
a.textlink:hover { color: #0080CB; text-decoration: none; }

@media(min-width: 737px){
	.pc_left { float: left; }
	.pc_right { float: right; }
	.pc_flex { display: flex; justify-content: space-between; }
	.pc_flexs { display: flex; justify-content: space-between; align-items: center; }
	.pc_flexend { display: flex; justify-content: flex-end; align-items: center; }
	.pc_flex .orders,
	.pc_flexs .orders { order: 50; }
	.c0 { display: none; }
	.c1 { width:  5.83%; margin: 0 auto; }
	.c2 { width: 14.16%; margin: 0 auto; }
	.c3 { width: 22.50%; margin: 0 auto; }
	.c4 { width: 30.83%; margin: 0 auto; }
	.c5 { width: 39.16%; margin: 0 auto; }
	.c6 { width: 47.50%; margin: 0 auto; }
	.c7 { width: 55.83%; margin: 0 auto; }
	.c8 { width: 64.16%; margin: 0 auto; }
	.c9 { width: 72.50%; margin: 0 auto; }
	.c10 { width: 80.83%; margin: 0 auto; }
	.c11 { width: 90%; margin: 0 auto; }
	.c12 { width: 100%; margin: 0 auto; }
}
@media(max-width: 1149px){
	body {
		font-size: 14px;
		line-height: 1.4;
		-webkit-text-size-adjust: 100%;
	}
	#container { min-width: 100%; }
	.wrapper { width: 100%; padding: 0 3vw; }
	.padding_wrapper { padding: 0 10px; margin: 0px auto; }
	.lower_wrapper {
		width: 100%;
		padding: 1px 3.5%;
		background: #FFFFFF;
	}
	.white_wrapper {
		margin: 4vw auto;
		background: #FFFFFF;
		padding: 3vw;
	}
}

/* ******************************************* */
/*		  汎用素材
/* ******************************************* */
@media( min-width: 1150px ) {
	.main_area {
		display: flex;
		margin: 0 -20px 80px;
		align-items: flex-start;
	}
	.main_area > * { margin: 0 20px; }
	.left_column { order: 1; width: calc( 25% - 40px ); }
	.main_column { order: 2; flex: 1; }
	.right_column { order: 3; width: calc( 25% - 40px ); }
}
.main_column .image { box-shadow: 3px 3px 8px rgba( 0, 0, 0, 0.3); }
/* ************* 囲いボックス **************/
.padding_box,
.border_box,
.border_box2 {
	position: relative;
	background: rgba(255, 255, 255, 0.85 );
	padding: 30px;
	box-shadow: 2px 2px 2px 2px rgba( 0, 0, 0, 0.3 );
	z-index: 0;
}
.padding_box,
.border_box2 { padding: 24px 40px; }
.border_box2 { border: 6px solid #1DA1F2; }
.border_box::before {
	position: absolute;
	content: "";
	width: calc( 100% - 16px );
	height: calc( 100% - 16px );
	top: 6px;
	left: 6px;
	border: 2px dashed #ccc;
	z-index: -1;
}
.border_contents {
	border: 10px solid #1DA1F2;
	padding: 40px;
	box-shadow: 2px 2px 2px 2px rgba( 0, 0, 0, 0.3 );
	margin: 40px auto;
}
.underline_box {
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.comment_box {
	margin: 20px auto;
	padding: 1.5rem;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 1px rgba( 0, 0, 0, 0.3 );
}
.comment_box p {
	line-height: 45px;
	font-size: 18px;
	background: url('/images/note1.png');
	background-size: 4px 45px;
}
.contents_box1 { padding: 0 1rem; }
.contents_box2 { padding: 0 2rem; }
.contents_box3 { padding: 0 2.5rem; }
@media(max-width:1040px){
	.padding_box { padding: 3vw; }
	.border_box { padding: 25px; }
	.border_box2 { padding: 20px; }
	.contents_box1 { padding: 0 0vw; }
	.contents_box2 { padding: 0 1.5vw; }
	.contents_box3 { padding: 0 3vw; }
}

/* ************* メインイメージ＋サムネイル画像（クリック差し換え式） **************/
.thumbnails li .image,
.mainimage {
	margin: 0px auto 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	height: 384px;
}
.thumbnails li .image { height: 126px; }
.thumbnails li { margin-bottom: 10px; }
.thumbnails li .caption {
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.thumbnails img { cursor: pointer;  }
.mainimage,
.thumbnails img { box-shadow: 0 0 8px rgba( 0, 0, 0, 0.2 ); }
.thumbnails img,
.mainimage img { width: 100%; }
@media(max-width:1040px){
	.mainimage {
		margin: 0px auto 20px;
		height: auto;
	}
	.thumbnails { display: flex; flex-wrap: wrap; margin: 20px -5px; }
	.thumbnails li .image { height: auto; margin: 0px; }
	.thumbnails li {
		margin: 0 5px 10px;
		width: calc( 50% - 10px );
	}
	.thumbnails li .caption {
		font-size: 90%;
		font-weight: bold;
		text-align: center;
		color: #000;
	}
}

/* ************* 写真風画像 **************/
.photocaption {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: center;
}
.detail { font-size: 120%; }
.photoimage {
	padding: 8px 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 4px 3px 11px;
	background: #fff;
	margin: 0 auto 20px;
	max-width: 500px;
	position: relative;
}
.photoimage p.title {
	position: absolute;
	bottom: 1em; right: 1em;
	padding: 0.3em 1em;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
}
.photoimage p.serif {
	position: absolute;
	top: 1em; left: 50%;
	text-align: center;
	font-size: 0.8rem; font-weight: bold;
	width: 90%; margin-left: -45%;
	padding: 0.2em 1em;
	background: rgba( 255, 255, 255, 0.7 );
	border-radius: 30px;
}
.photoimage.l05 { transform: rotate( -0.5deg ); }
.photoimage.l10 { transform: rotate( -1.0deg ); }
.photoimage.l15 { transform: rotate( -1.5deg ); }
.photoimage.r05 { transform: rotate(  0.5deg ); }
.photoimage.r10 { transform: rotate(  1.0deg ); }
.photoimage.r15 { transform: rotate(  1.5deg ); }
@media(max-width: 1040px){
	.photoimage { padding: 7px 8px; max-width: 75%; margin: 0 auto 1rem; }
}

/* ************* 丸囲いイメージ **************/
.circleimage {
	position: relative;
	overflow: hidden;
	border-radius: 1000px;
	background-size: cover;
	background-position: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 10px solid #ffffff;
	box-shadow: 4px 4px 5px rgba( 0, 0, 0, 0.3 );
}

.effect { opacity: 0; transition: 1.0s; position: relative; top: 100px; }
.effect.scroll { opacity: 1; top: 0; }

p.mark0 { display: inline-block; padding: 0px 8px; background: #eeeeee; color: #ffffff; font-size: 70%; border-radius: 4px; margin-left: 10px; }
p.mark1 { display: inline-block; padding: 0px 8px; background: #fc9317; color: #ffffff; font-size: 70%; border-radius: 4px; margin-left: 10px; }
p.mark2 { display: inline-block; padding: 0px 8px; background: #00cc58; color: #ffffff; font-size: 70%; border-radius: 4px; margin-left: 10px; }
p.mark3 { display: inline-block; padding: 0px 8px; background: #17aafc; color: #ffffff; font-size: 70%; border-radius: 4px; margin-left: 10px; }
/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  a link setting
/* ******************************************* */
a {
	color: #303030;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:hover, a:focus, a:active {
	color: #303030;
	text-decoration: none;
}
a img {
	border: 0;
}
img {
	max-width: 100%;
}
a[href^="tel:"] { cursor: default; }

sub { font-size: .7em; vertical-align: bottom; position: relative; bottom: -2px; }
ion-icon { bottom: -0.15em; position: relative; }
p a { color: #1DA1F2; text-decoration: underline;  }
p a:hover { color: #1DA1F2; }
i.fas { font-size: 0.75em; top: -2px; position: relative; margin-right: 0.2em; }

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  header PC
/* ******************************************* */
@media(min-width:1041px){
	#header {
		background: #ffffff;
		position: fixed;
		z-index: 9999;
		width: 100%;
		top: 0;
		transition: 0.1s;
		padding-bottom: 8px;
		border-bottom: 2px solid #1DA1F2;
	}
	#header.skeleton { opacity: 0.9; }
	#header.skeleton:hover { opacity: 1.0; }
	#header .header_top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#header .header_top h1 {
		font-size: 12px;
		border-bottom: #999;
		margin-bottom: 8px;
		color: #19508a;
		transition: 0.1s;
		margin: 8px auto;
	}
	#header .header_top .logo { width: 400px; transition: 0.1s; }
	#header .header_top .header_info .inner {
		font-size: 12px;
		line-height: 12px;
		display: flex;
		justify-content: flex-end;
	}
	#header .header_top .header_info .inner a { color: #333333; }
	#header .header_top .header_info .inner a:hover { opacity: 0.7; }
	#header .header_top .header_info {
		text-align: right;
	}
	#footer .footer_main .tel,
	#header .header_top .header_info .tel {
		margin: 0px 0px;
		text-align: center;
	}
	#footer .footer_main .tel p:nth-of-type(1),
	#header .header_top .header_info .tel p:nth-of-type(1) {
		font-size: 32px;
		line-height: 32px;
		font-weight: bold;
		color: #1DA1F2;
		font-family: "Roboto", sans-serif;
	}
	#footer .footer_main .tel p:nth-of-type(2),
	#header .header_top .header_info .tel p:nth-of-type(2) {
		font-size: 11px;
		line-height: 13px;
	}
	#footer .footer_main .mail,
	#header .header_top .header_info .mail { display: flex; align-items: center; justify-content: flex-end; }
	#footer .footer_main .mail a,
	#header .header_top .header_info .mail a {
		display: inline-block;
		padding: 8px 20px 10px;
		margin-left: 12px;
		text-align: center;
		color: #ffffff;
		background: #1DA1F2;
		border: 2px solid #1DA1F2;
		font-size: 16px;
		border-radius: 5px;
	}
	#footer .footer_main .mail a:nth-of-type(n+2),
	#header .header_top .header_info .mail a:nth-of-type(n+2) {
		background: #eeba00;
		border: 2px solid #eeba00;
	}
	#footer .footer_main .mail a:hover,
	#header .header_top .header_info .mail a:hover {
		background: #FFFFFF;
		color: #1DA1F2;
	}
	#footer .footer_main .mail a:nth-of-type(n+2):hover,
	#header .header_top .header_info .mail a:nth-of-type(n+2):hover {
		background: #FFFFFF;
		color: #eeba00;
	}
	#header .header_top .header_info .mail a:nth-of-type(n+3) {
		background: #0080CB;
		border: 2px solid #0080CB;
	}
	#header .header_top .header_info .mail a:nth-of-type(n+3):hover {
		background: #FFFFFF;
		color: #0080CB;
	}
	#header .wrapper { position: relative; }
	.header_info .button {
		color: #ffffff;
		font-size: 0.8em;
		display: inline-block;
		margin-left: 1em;
		padding: 2px 16px;
		border-radius: 5px;
		background-color: #1DA1F2;
	}
	/* #header.skeleton { padding-bottom: 2px; }
	#header.skeleton .header_top h1 { margin-top: -24px; }
	#header.skeleton .header_top .logo { width: 185px; } */
}
/* ******************************************* */
/*		  header SP
/* ******************************************* */
@media(max-width:1040px){
	#header {
		top: 0;
		left: 0;
		position: fixed;
		transition: 0.2s;
		background: #ffffff;
		z-index: 9999;
		width: 100%;
		box-shadow: 0px 2px 2px 2px rgba( 0, 0, 0, 0.1 );
	}
	.header_info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0px 2px 2px 2px rgba( 0, 0, 0, 0.1 );
	}
	.header_info .logo {
		margin: 2vw;
		width: 75vw;
		max-width: 450px;
		display: flex;
	}
	.header_info .logo img {
		max-width: 100%;
		height: auto;
	}
	.header_info .button {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header_info .button > div { margin: 2vw 1vw; }
	.header_info .trigger {
		vertical-align: middle;
		display: inline-block;
	}
	.header_info .menu {
		background: url('/images/menu.png') 0 0 no-repeat;
		background-size: 100% 100%;
		border-radius: 4px;
		transition: 0.3s;
		width: 15vw; height: 15vw;
		max-width: 60px;
		max-height: 60px;
	}
	.header_info .open .menu {
		background: url('/images/close.png') 0 0 no-repeat;
		transition: 0.3s;
		background-size: 100% 100%;
	}

}

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  gnav PC
/* ******************************************* */
@media(min-width:1041px){
	#gnav {
		margin: 8px auto;
	}
	#gnav ul {
		display: flex;
		justify-content: flex-end;
		position: relative;
		text-align: center;
		margin-bottom: 6px;
	}
	#gnav ul > li {
		border-left: 1px solid #AAA;
		position: relative;
	}
	#gnav ul > li:last-of-type {
		border-right: 1px solid #AAA;
	}
	#gnav ul > li > a {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		position: relative;
		color: #323232;
		font-size: 16px;
		height: 35px;
		line-height: 20px;
		padding: 8px 15px;
		text-decoration: none;
		transition: 0.2s;
		overflow: hidden;
		letter-spacing: -0.1em;
	}
	#gnav ul > li:hover > a,
	#gnav ul > li > a.current1 {
		color: #666;
	}
	#gnav ul > li:hover > a::after,
	#gnav ul > li > a.current1::after {
		content: "";
		width: 96%;
		position: absolute;
		height: 3px;
		left: 2%; bottom: 0px;
		background: #1DA1F2;
	}
}
/* ******************************************* */
/*		  gnav SP
/* ******************************************* */
@media(max-width:1040px){
	#rwd_menu {
		background: #1DA1F2;
		color: #fff;
		width: 100%;
	}
		#rwd_menu ul {
			width: 100%;
			max-height: 75vh;
			overflow-y: scroll;
		}
		#rwd_menu ul li {
			border-bottom: 1px solid rgba( 0, 0, 0, 0.3 );
		}
		#rwd_menu ul li a {
			display: block;
			font-size: 15px;
			color: #fff;
			line-height: 2.5;
			text-align: center;
			text-decoration: none;
		}
		#rwd_menu ul li a::after {
			content: "　≫";
		}

}

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  見出し・セクション
/* ******************************************* */

.lowerpage h2 {
	position: relative;
	margin: 0px -1000px 0px;
	font-size: 30px;
	line-height: 40px;
	padding: 20px 1000px;
	border-bottom: 2px solid #1DA1F2;
	color: #FFFFFF;
	background: url('/images/bg_h2.png');
	font-weight: bold;
	z-index: 1;
}
.lowerpage h2 span {
	display: block;
	font-size: 15px;
	line-height: 20px;
	position: relative;
	z-index: 1;
}
.lowerpage h2::before {
	position: absolute;
	content: "";
	left: 50%; margin-left: 150px; bottom: 0px;
	width: 400px; height: 100px;
	background-size: cover;
}
.lowerpage .p01 h2::before { background-image: url('/images/ama_h2_01.png'); }
.lowerpage .p02 h2::before { background-image: url('/images/ama_h2_02.png'); }
.lowerpage .p03 h2::before { background-image: url('/images/ama_h2_03.png'); }
.lowerpage .p04 h2::before { background-image: url('/images/ama_h2_04.png'); }
.lowerpage .p05 h2::before { background-image: url('/images/ama_h2_05.png'); }
.lowerpage .p06 h2::before { background-image: url('/images/ama_h2_06.png'); }
.lowerpage .p07 h2::before { background-image: url('/images/ama_h2_07.png'); }
.lowerpage .p08 h2::before { background-image: url('/images/ama_h2_08.png'); }
.lowerpage .p09 h2::before { background-image: url('/images/ama_h2_09.png'); }
.lowerpage .p10 h2::before { background-image: url('/images/ama_h2_10.png'); }
.lowerpage h3 {
	font-size: 160%;
	font-weight: bold;
	padding: 0.25em 0em 0.25em 1.7em;
	color: #1DA1F2;
	border-top: 2px solid #1DA1F2;
	border-bottom: 2px solid #1DA1F2;
	position: relative;
	margin: 0em auto 0.5em;
	text-shadow: 2px 2px #ffffff, 4px 4px #9dd5f7;
}
.lowerpage h3::before, .lowerpage h3::after {
	content: "";
	position: absolute;
	width: 1.0em; height: 1.0em;
	background: #1DA1F2;
}
.lowerpage h3 span { display: block; font-size: 0.8rem; text-shadow: none; border-top: 1px dotted #1DA1F2; }
.lowerpage h3::before { top: 0.4em; left: 0em; opacity: 0.8; }
.lowerpage h3::after { top: 0.7em; left: 0.3em; opacity: 0.5; }
.toppage h4,
.lowerpage h4 {
	font-size: 120%;
	font-weight: bold;
	border-left: 0.5em solid #1DA1F2;
	padding: 0.25em 0 0.25em 0.75rem;
	margin: 0 auto 0.5em;
	position: relative;
}
.lowerpage h5 {
	font-size: 130%;
	font-weight: bold;
	margin: 0 auto 0.25em;
	padding: 4px 0px;
}
.lowerpage2 h5 { font-size: 135%; font-weight: bold; margin: 0 auto 0.25em; color: #1DA1F2;}
.lowerpage h4 span {
	background: #999999;
	border-radius: 4px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0.3rem;
	color: #FFFFFF;
	font-size: 0.5rem;
	font-weight: normal;
	margin: 0 0 0.2rem 0.5rem;
}
.lowerpage h4 span.祝日 { background: #ff2f2f; }
.lowerpage h4 span.国民の祝日 { background: #ff2f2f; }
.lowerpage h4 span.記念日 { background: #4dbd19; }
.lowerpage h4 span.節季 { background: #ffa113; }
.lowerpage h4 span.雑節 { background: #ffa113; }
.lowerpage h4 span.年中行事 { background: #cf419a; }
.lowerpage h4 span.できごと { background: #878787; }
.lowerpage h4 span.イベント { background: #9e31e0; }
.lowerpage h4 span.国際デー { background: #27affb; }
.lowerpage h4 span.誕生日 { background: #ff6666; }

.lowerpage h4.subtitle { padding-top: 0.15rem; }
.lowerpage h4.subtitle::after {
	content: attr(data-text);
	display: block;
	font-size: 0.7rem; opacity: 0.7;
	border-top: 1px solid #1DA1F2;
	padding-top: 0.25rem;
	margin-top: 0.25rem;
}

@media(max-width:1040px){
	.lowerpage h2 {
		margin: 0px -1000px 0px;
		font-size: 24px;
	}
	.lowerpage h2::before {
		left: auto; right: 50%;
		margin-right: -50vw;
		width: 100vw; max-width: 400px;
		height: 25vw; max-height: 100px;
		z-index: -1;
	}
	.lowerpage h3 {
		font-size: 1.5rem;
	}
	.lowerpage h4 {
		font-size: 1.3rem;
		border-left: 0.3em solid #1DA1F2;
		padding: 0.25em 0 0.25em 1.0em;
		margin: 0 auto 0.3em;
	}
	.lowerpage h5 {
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0 auto 0.25em;
		padding: 4px 0px;
	}
	.lowerpage2 h5 { font-size: 1.2rem; font-weight: bold; margin: 0 auto 0.25em; color: #1DA1F2;}
}

/* ******************************************* */
/*		  ボタン関係
/* ******************************************* */
.backbutton,
.linkbutton { text-align: center; }
.linkbutton.left { text-align: left; }
.linkbutton.right { text-align: right; }
.linkbutton.left a { margin: 10px 0px; }
.linkbutton.right a { margin: 10px 0px; }
.backbutton a,
.linkbutton2 a,
.linkbutton a {
	display: inline-block;
	margin: 10px 20px;
	padding: 1em 3.5em;
	border-radius: 100px;
	border: 2px solid #ffffff;
	background: #1DA1F2;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.3 ), 0 1px 0 rgba( 255, 255, 255, 0.3 );
	position: relative;
	font-size: 120%;
	line-height: 1em;
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.2 );
	text-align: center;
}
.linkbutton a { min-width: 340px; }
.linkbutton.type2 a {
	font-size: 110%;
	width: 280px;
	margin: 10px;
	padding: 1em 2em;
}
.linkbutton.type3 a {
	font-size: 110%;
	min-width: 200px;
	margin: 8px;
	padding: 0.5em 1.8em;
}
.backbutton a { background: #8e8e8e; }
.backbutton a::before,
.linkbutton_ex a::after,
.linkbutton2 a::after,
.linkbutton a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138\00a0";
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -0.42em;
}
.linkbutton.type3 a::after {
	right: 4px;
	margin-top: -0.52em;
}
.backbutton a::before {
	content: "\f137\00a0";
	right: auto; left: 12px;
	margin-top: -0.42em;
}
.linkbutton2 a::after { right: 2px; }
.linkbutton_ex a::after { right: 8px; }
.backbutton a:hover,
.linkbutton2 a:hover,
.linkbutton a:hover {
	background: #71c2f4;
	box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.3 );
}
.backbutton a:hover { background: #a1a1a1; }
.backbutton a:active,
.linkbutton2 a:active,
.linkbutton a:active {
	top: 2px;
	box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.7 );
}
.linkbutton2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 -10px;
}
.linkbutton2 a {
	display: block;
	margin: 8px 10px;
	width: calc( 20% - 20px );
	padding: 0.5em 1.5em 0.5em 0.7em;
	border-radius: 8px;
	font-size: 115%;
}
.linkbutton_ex {
	position: absolute;
	top: 35px; right: 30px;
}
.underline_box .linkbutton_ex { top: 12px; right: 0px; }
.linkbutton_ex a {
	display: inline-block;
	padding: 0.4em 3em;
	font-size: 100%;
	line-height: 1em;
	background: #1DA1F2;
	color: #ffffff;
	border-radius: 6px;
	border: 2px solid #ffffff;
	box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.3 );
}
.linkbutton_ex a:hover { opacity: 0.7; }
ul.sidelink {
	margin: 0 auto 40px;
}
ul.sidelink li {
	border-top: 1px solid #ccc;
}
ul.sidelink li:last-of-type {
	border-bottom: 1px solid #ccc;
}
ul.sidelink li a {
	display: block;
	font-size: 110%;
	padding: 0.5em 0;
	font-weight: bold;
}
ul.sidelink li a.current2,
ul.sidelink li a:hover {
	color: #1DA1F2;
}
ul.sidelink li a.current2:hover { opacity: 0.75; }
.simplelink,
.anchorlink {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 40px -16px;
}
.anchorlink.rows { justify-content: center; }
.simplelink a,
.anchorlink a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	border: 2px solid #1DA1F2;
	color: #1DA1F2;
	border-radius: 4px;
	background: #ffffff;
	margin: 8px 16px;
	width: calc( 25% - 32px );
	height: 68px;
	padding: 0px 1rem 10px;
	font-weight: bold;
	line-height: 1.3;
}
.simplelink a { padding: 0 2rem 0 1rem; }
.anchorlink a::after {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	font-weight: 900;
	content: "\f107";
	display: block;
	bottom: 0px; left: 50%; width: 30px; margin-left: -15px;
}
.simplelink a::after {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	font-weight: 900;
	content: "\f138";
	display: block;
	top: 50%; right: 12px; margin-top: -0.5em; line-height: 1.0em;
}
.simplelink a:hover,
.anchorlink a:hover {
	color: #71c2f4;
	border: 2px solid #71c2f4;
	border-radius: 4px;
	background: #ffffff;
}
.wikipedia a {
	display: block;
	margin: 0 auto 8px;
	color: #1DA1F2;
	text-decoration: underline;
}
.wikipedia a:hover { opacity: 0.75; }
.wikipedia a i.fab {
	display: inline-block;
	color: #000000;
	background: #ffffff;
	border: 1px solid #000;
	margin-right: 0.3em;
	padding: 2px;
	border-radius: 3px;
}

@media(max-width:1040px){
	.linkbutton a { min-width: auto; padding: 1em 2.7em 1em 1.8em; }
	.linkbutton2 a {
		margin: 8px 10px;
		padding: 1em 2em;
		width: calc( 50% - 20px );
	}
	.underline_box .linkbutton_ex { top: 8px; right: 0px; }
	.linkbutton_ex a {
		padding: 0.4em 2em;
		font-size: 80%;
	}
	.linkbutton_ex a::after { right: 6px; }
	.simplelink,
	.anchorlink { margin: 20px -4px; }
	.simplelink a,
	.anchorlink a {
		font-size: 14px;
		margin: 4px;
		width: calc( 50% - 8px );
		height: 55px;
		padding: 0px 1rem 10px;
	}
}

/************ リンクに矢印を付与 ************/
.arrow_icon a {
	display: block;
	position: relative;
	padding-left: 1em !important;
}
.arrow_icon a::before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	margin-left: 0px;
	transition: 0.2s;
	left: 0px;
}
.arrow_icon a:hover { opacity: 0.6; }
.arrow_icon a:hover::before { margin-left: 4px; }
.next_icon a {
	display: block;
	position: relative;
}
.next_icon a::after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	margin-left: 0px;
	right: 0px;
}
/************ フッター用フラットナビ ************/
.flat_navi {
	margin: 8px auto;
	display: flex;
	justify-content: center;
}
.flat_navi li { border-left: 1px solid #aaa; }
.flat_navi li:last-of-type { border-right: 1px solid #aaa; }
.flat_navi li a { padding: 2px 1em; }
.flat_navi li a:hover { opacity: 0.6; }

/* ******************************************* */
/*		  画像汎用・テキスト汎用
/* ******************************************* */
.imagebox,
.imagebox_full { text-align: center; margin: 0 auto 20px; }
.text {
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 1.0em;
}
.comments {
	font-weight: 400;
	line-height: 2.0;
	margin-bottom: 1.0em;
}
.comments p,
.text p { margin-bottom: 1.0em;	}
.comments p:last-of-type,
.text p:last-of-type { margin-bottom: 0px; }
.answer a,
.comments a,
.text a { color: #1DA1F2; display: inline-block; margin: 0 0.25em; text-decoration: underline; }
.answer a:hover,
.comments a:hover,
.text a:hover { text-decoration: none; }

.toptext {
	font-size: 110%;
	line-height: 1.6;
	margin-bottom: 1.5em;
}
.toptext p { margin-bottom: 1.3em; }
.toptext p:last-of-type { margin-bottom: 0px; }

.largetext {
	font-size: 135%;
	font-weight: 600;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
.largetext p { margin-bottom: 1.0em; }
.largetext p:last-of-type { margin-bottom: 0px; }
.bigtext {
	font-size: 150%;
	font-weight: 600;
	margin-bottom: 0.5em;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.bigtext p { margin-bottom: 1.0em;	}
.bigtext p:last-of-type { margin-bottom: 0px; }
.sample,
.caption {
	font-size: 0.8em;
	color: #777;
	margin-bottom: 1.0em;
}
.caption p {
	position: relative;
	margin-bottom: 0.25em;
	padding-left: 1.5em;
}
.sample p:nth-last-of-type(-n+1) {
	margin-bottom: 0.5em;
}
.caption p::before { position: absolute; content: "※"; margin-left: -1.5em; }
.caption p:last-of-type { margin-bottom: 0px; }
@media(max-width:1040px){
	.imagebox { max-width: 80%; margin: 0 auto 10px; }
	.imagebox_full { margin: 0 auto 10px; }
	.largetext,
	.bigtext {
		font-size: 1.25rem;
		margin-bottom: 1.0em;
	}
}
p.on {
	display: inline-block;
	border: 1px solid #1DA1F2;
	color: #1DA1F2;
	border-radius: 6px;
	padding: 0.3rem 1rem;
	margin: 4px 2px;
}
p.off {
	display: inline-block;
	border: 1px solid #EEEEEE;
	color: #EEEEEE;
	border-radius: 6px;
	margin: 4px 2px;
	padding: 0.3rem 1rem;
}

/* ******************************************* */
/*		  リスト汎用・テーブル汎用
/* ******************************************* */
@media(min-width:1041px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		margin: 0px -10px 40px;
	}
	ul.col_2 li { width: calc( 50% - 20px ); margin: 10px; }
	ul.col_3 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_4 li { width: calc( 25% - 20px ); margin: 10px; }
	ul.col_5 li { width: calc( 20% - 20px ); margin: 10px; }
}
@media(max-width:1040px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		margin: 0px -10px 30px;
	}
	ul.col_2 li { width: calc( 50% - 20px ); margin: 10px; }
	ul.col_3 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_4 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_5 li { width: calc( 33% - 20px ); margin: 10px; }
}
@media(max-width:736px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 {
		margin: 20px -5px 20px;
	}
	ul.col_2 li { width: calc( 100% - 10px ); margin: 5px; }
	ul.col_3 li { width: calc( 50% - 10px ); margin: 5px; }
	ul.col_4 li { width: calc( 50% - 10px ); margin: 5px; }
	ul.col_5 li { width: calc( 50% - 10px ); margin: 5px; }
}
@media(max-width:480px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 {
		margin: 20px -5px 20px;
	}
	ul.col_2 li { width: calc( 100% - 10px ); margin: 5px; }
	ul.col_3 li { width: calc( 100% - 10px ); margin: 5px; }
	ul.col_4 li { width: calc( 50% - 10px ); margin: 5px; }
	ul.col_5 li { width: calc( 50% - 10px ); margin: 5px; }
}
/* ******************************************* */
/*		  スライダー関連 PC
/* ******************************************* */
@media(min-width:1041px){
	.top_slider { position: relative; z-index: 1000; box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.4 ); left: 50%; margin-left: -960px; width: 1920px; padding: 10px 0px;}
	.top_slider .slick-slide { width: 800px; height: 300px; margin: 0 10px; }
}
@media(max-width:1040px){
	.top_slider { position: relative; z-index: 1000; box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.4 ); width: calc( 100% + 8vw ); margin: 0 -4vw; }
	.top_slider .slick-slide { width: 100vw; height: 36.5vw; max-width: 800px; max-height: 300px; }
}

/* ******************************************* */
/*		  TOP NEWS Ticker
/* ******************************************* */
.news_slider {
	background: #1e2425;
	position: relative;
	width: 100%; left: 0px; top: 0px;
	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.5 );
	z-index: 1200;
}
.news_slider ul {
	margin: 0 auto;
}
.news_slider ul li {
	color: #ffe03d;
	font-size: 175%;
	font-weight: 500;
	text-shadow: 0 0 3px #ffe03d, 0 0 3px #ffe03d;
}
.news_slider::after {
	position: absolute;
	content: "";
	width: 100%; height: 100%;
	top: 0px; left: 0px;
	background: url('/images/flash_board.png');
	background-size: 3px 3px;
	z-index: 1000;
}

/* ******************************************* */
/*		  トップページ PC
/* ******************************************* */
.toppage h2 {
	text-align: center;
	color: #1DA1F2;
	border-top: 3px double #1DA1F2;
	border-bottom: 3px double #1DA1F2;
	font-size: 180%;
	font-weight: bold;
	margin: 10px auto 2rem;
	position: relative;
}
.toppage h2::before, .toppage h2::after {
	width: 80px; height: 1px;
	content: "";
	background: #1DA1F2;
	top: 50%;
	position: absolute;
}
.toppage h2::before { margin-left: -100px; }
.toppage h2::after { margin-left: 20px; }
@media(max-width:1040px){
	.toppage h2 {
		font-size: 1.6rem; margin: 1rem auto;
	}
	.toppage h2::before, .toppage h2::after { width: 30px; }
	.toppage h2::before { margin-left: -40px; }
	.toppage h2::after { margin-left: 10px; }
}

/* ******************************************* */
/*		  キャラ紹介
/* ******************************************* */
ul.character .title {
	margin: 0.5em auto;
	font-size: 120%;
	color: #1DA1F2;
}
ul.character .subtitle {
	margin: 0em auto 0.5em;
	text-align: center;
	background: #AAAAAA;
	padding: 4px 8px;
	border-radius: 100px;
	color: #FFFFFF;
}
ul.character li { position: relative; background: #ffffff; padding: 1.5em 1.5em 1.5em; border-radius: 8px; box-shadow: 3px 3px 8px rgba( 0, 0, 0, 0.25 ); }
ul.chara li:hover,
ul.character li:hover { opacity: 0.75; }
ul.character li::after {
	position: absolute;
	bottom: 10px; right: 10px;
	font-size: 20px; line-height: 20px;
	color: #1DA1F2;
	font-family: "Font Awesome 5 Free";
	font-weight: 900; text-align: center;
	content: "\f35a";
}
.table td a { color: #1DA1F2; }
.table td a:hover { opacity: 0.7; }
.noimage { position: relative; opacity: 0.4; }
.noimage::after {
	position: absolute;
	content: "NO IMAGE";
	top: 50%; left: 0; width: 100%;
	text-align: center;
	z-index: 100;
	opacity: 1.0;
	font-size: 30px; line-height: 30px; margin-top: -15px; font-weight: bold;
	font-family: 'Quicksand', sans-serif;
	text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}
@media(max-width:1040px){
	ul.character li { padding: 1.0em 1.0em 2.0em; }
}

/* ******************************************* */
/*		  観光案内所
/* ******************************************* */
.map_canvus {
	position: relative;
	border: 6px solid #fff;
	box-shadow: 2px 2px 8px	#555;
	border-radius: 10px;
	overflow: hidden;
}
.map_pin {
	position: absolute;
	width: 25px; height: 25px; line-height: 20px;
	font-size: 45px;
	margin-top: -30px; margin-left: -10px;
	text-align: center;
	color: #e80000; top: 50%; left: 50%;
	opacity: 0;
	transition: 0.3s;
}
@keyframes spin {
	0% { transform: rotateY( 0deg ); color: #e80000; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #e80000; }
	24% { transform: rotateY( 86.4deg ); color: #ffcbcb; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #ffcbcb; }
	25% { transform: rotateY( 90deg ); color: #691010; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #691010; }
	50% { transform: rotateY( 180deg ); color: #e80000; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #e80000; }
	74% { transform: rotateY( 266.4deg ); color: #ffcbcb; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #ffcbcb; }
	75% { transform: rotateY( 270deg ); color: #691010; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #691010; }
	100% { transform: rotateY( 360deg ); color: #e80000; text-shadow: 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 1px #FFFF00, 0 0 5px #e80000; }
}
.map_tourist {
	margin: 10px -10px 20px;
	display: flex;
	flex-wrap: wrap;
}
.map_tourist li {
	cursor: pointer;
	margin: 0 4px 8px;
	width: calc( 33.3% - 8px );
}
.map_tourist li.on_pins {
	opacity: 0.5;
}
.map_tourist p {
	position: relative;
	top: -3px;
	text-align: center;
	background: #466f88;
	color: #628295;
	padding: 0.3em;
	font-weight: bold;
	text-shadow: 0 1px 0px #3a5160;
	border: 3px solid #ffffff;
	box-shadow: 0 3px #ccc;
	border-radius: 30px;
}
.map_tourist p:hover {
	color: #5f8eaa;
}
.map_tourist .on_pins p {
	top: 0px;
	background: #1DA1F2;
	color: #e2f4ff;
	text-shadow: 0 0 3px #1DA1F2;
	box-shadow: 0 0 0 1px #ccc;
}
.map_tourist .on_pins p:active {
	top: 1px;
	background: #45b7fe;
	color: #e2f4ff;
	text-shadow: 0 0 3px #1DA1F2;
	box-shadow: 0 -2px #ccc;
}
.map_comment li {
	display: none;
	background: #ffffff;
	padding: 1em;
	box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.35 );
	line-height: 2;
}
@media(max-width:1040px){
	.map_tourist { margin: 20px -5px;}
	.map_tourist li { margin: 0 2px 5px; width: calc( 50% - 10px ); }
}

/* ******************************************* */
/*		  365
/* ******************************************* */
.calendar {
	border: 2px solid #1DA1F2;
	border-radius: 4px;
	padding: 4px;
	margin: 0 auto 40px;
}
.calendar .date_title {
	display: flex;
	justify-content: center;
}
.calendar .date_title a { color: #1DA1F2; margin: 0 1em; }
.calendar .date_area {
	display: flex;
	flex-wrap: wrap;
	margin: 4px -2px 0px;
}
.calendar .date_area > *:nth-child(7n+1) { color: #e80000; }
.calendar .date_area > *:nth-child(7n+7) { color: #0000e8; }
.calendar .date_area p,
.calendar .date_area a {
	display: block;
	width: calc( 14.285% - 4px );
	margin: 2px;
	border: 1px solid #ddd;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.calendar .date_area a.now { border-color: #1DA1F2; background: #a3dcff; }
.calendar .date_area a.choice { border-color: #5ebdf7; background: #c9ebff; }
.calendar .date_area a:hover { opacity: 0.75; }


.at_monthry {
	display: flex;
	flex-wrap: wrap;
	align-items: normal;
	margin: 10px -6px 20px;
}
.at_monthry .days {
	position: relative;
	margin: 6px;
	width: calc( 14.285% - 12px );
}
.at_monthry.pt2 .days {
	width: calc( 16.666% - 12px );
	background: #880000;
	display: flex; align-items: center;
}
.at_monthry .days:hover { opacity: 0.75; }
.at_monthry .days .date {
	text-align: center;
	font-size: 70%;
}
.at_monthry .days .image {
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
}
.at_monthry .days .title {
	color: #1DA1F2;
	font-size: 0.9rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	margin: 0.5rem 0;
}
.at_monthry.pt2 .days .date {
	position: absolute;
	background:rgba( 0, 0, 0, 0.4 ); color: #FFFFFF;
	top: 4px; left: 4px; padding: 0.2rem 0.5rem;
	font-size: 0.75rem; font-weight: bold;
}
.at_monthry.pt2 .days .title {
	position: absolute;
	bottom: 4px; left: 4px; width: calc( 100% - 8px ); padding: 0.2rem; background: rgba( 0, 0, 0, 0.4 );
	color: #FFFFFF; font-weight: normal;
	font-size: 0.75rem; text-align: center; margin: 0;
}
@media(max-width:768px){
	.at_monthry { margin: 10px -2px 20px; }
	.at_monthry .days { margin: 2px; width: calc( 25% - 4px ); }
	.at_monthry .days .title { font-size: 0.5rem; }
}

.at_year {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -8px 20px;
}
.at_year .month {
	position: relative;
	margin: 8px;
	width: calc( 25% - 16px );
}
.at_year .month:hover { opacity: 0.75; }
.at_year .month .image {
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
}
.at_year .month .date {
	position: absolute;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF; font-weight: bold;
	top: 50%; left: 0; width: 100%; margin-top: -15px; line-height: 30px;
	text-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;
}
@media(max-width:768px){
	.at_year { margin: 10px -4px 20px; }
	.at_year .month { margin: 4px; width: calc( 50% - 8px ); }
	.at_year .month .title { font-size: 0.5rem; }
}
/* ******************************************* */
/*		  教室検索
/* ******************************************* */


/* ******************************************* */
/*		  table
/* ******************************************* */
table.chara_table,
table.common_table {
	width: 100%;
	max-width: 1000px;
}
table.chara_table tr,
table.common_table tr {
	display: flex;
	margin: 8px auto;
	align-items: center;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;
}
table.chara_table tr th,
table.common_table tr th {
	width: 25%;
	min-width: 100px;
	padding: 0.5rem 1rem;
	text-align: center;
	border-radius: 100px;
	border: 4px double #1DA1F2;
	color: #1DA1F2;
}
table.common_table tr td {
	flex: 1;
	padding-left: 1.5rem;
}
table.chara_table tr td {
	flex: 1;
	font-size: 20px;
	padding-left: 1.5rem;
}
table.log_table { width: 100%; text-align: center; }
table.log_table tr th { background: #1DA1F2; color: #ffffff; }
table.log_table tr th, table.log_table tr td { padding: 4px 1rem; }

table.result_table {
	width: 100%;
}
table.result_table tr th {
	padding: 0.5rem 1rem;
	text-align: center;
	font-size: 1.05em; font-weight: bold;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 1px solid #1DA1F2;
	color: #1DA1F2;
}
table.result_table tr td {
	padding: 0.5rem 1rem;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 1px solid #6ec1f4;
}

/* ******************************************* */
/*		  新着情報
/* ******************************************* */
.at_news {
	width: 80%;
	margin: 0 auto;
}
.at_news article {
	margin: 0.5em auto;
}
.at_news article .image { display: none; }
.at_news article .inner {
	display: flex;
	align-items: center;
}
.at_news article .inner .date {
	min-width: 90px;
	text-align: center;
}
.at_news article .inner .title a {
	display: block;
	flex: 1;
	font-size: 105%;
	font-weight: bold;
}
.at_news article .inner .title a:hover {
	text-decoration: none;
	color: #d93f3f;
}
.tags a,
.category a {
	font-size: 90%;
	display: block;
	color: #ffffff;
	margin: 0 2em;
	padding: 0.05em 1em;
	width: 145px;
	text-align: center;
	border-radius: 4px;
}
.atpost_news .tags a,
.atpost_news .category a { margin: 0;}
.tags a[href$="メディア情報"], .category.メディア情報 a { background: #492dbb; }
.tags a[href$="開校情報"], .category.開校情報 a { background: #1DA1F2; }
.tags a[href$="イベント情報"], .category.イベント情報 a { background: #eeb300; }
.tags a[href$="運営情報"], .category.運営情報 a { background: #0080CB; }
.tags a[href$="キャンペーン"], .category.キャンペーン a { background: #ee7a00; }
.tags a:hover,
.category a:hover { opacity: 0.7; }
@media(max-width:1040px){
	.at_news {
		width: auto	;
		margin: 0 auto;
	}
	.at_news article {
		margin: 1em auto;
		padding-bottom: 0.5em;
		border-bottom: #e0e0e0 1px solid;
	}
	.at_news article .image { display: none; }
	.at_news article .inner {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.at_news article .inner .date {
		font-size: 105%;
		text-align: left;
	}
	.at_news article .inner .category a {
		margin: 0;
	}
	.at_news article .inner .title {
		width: 100%;
		margin: 8px auto;
	}
}

/* -------------------------------------------------------------------------------------------------- */
.atview_list ul li {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 4px;
}
.atview_list ul li a {
	display: inline-block;
	min-width: 620px;
}
.atview_list ul li span:nth-of-type(1) {
	display: inline-block;
	color: #aaa;
	font-size: 0.8em;
	width: 120px;
}
.atview_list ul li span:nth-of-type(2) {
	display: inline-block;
	color: #aaa;
	font-size: 0.8em;
	width: 180px;
}
/* -------------------------------------------------------------------------------------------------- */

/* ************************************** */
/*  	NEWS								  */
/* ************************************** */

/* ******************************************* */
/*		  Footer PC
/* ******************************************* */
@media(min-width:1041px){
	#footer {
		background: #ffffff;
		box-shadow: 0px -2px 4px rgba( 0, 0, 0, 0.1 );
		padding: 10px 0px 0px;
	}
	.footer_main {
		margin-top: 10px;
	}
	.footer_main .logo { width: 300px; margin: 0px auto 10px; }
	.footer_info {
		margin: 0 -1000px;
		padding: 10px 1000px;
		background: #ddf2ff;
	}
	#fnav {
		font-size: 90%;
		display: flex;
		justify-content: space-between;
		align-items: top;
		margin: 20px auto;
	}
		#fnav ul {
			padding-right: 2em;
		}
		#fnav ul li {
			margin-left: 1em;
		}
		#fnav ul li:first-of-type { margin-left: 0em; margin-top: 1em; }
		#fnav ul li a {
			display: block;
			text-align: left;
			font-size: 0.9em;
			transition: 0.2s;
			padding: 4px 0px;
		}
		#fnav ul li a:hover {
			opacity: 0.7;
		}
		#fnav ul li:first-of-type a { font-size: 1.2em; font-weight: bold; }

	#footer .footer_main .tel p:nth-of-type(1) { font-size: 40px; line-height: 40px; }
	#footer .footer_main .tel p:nth-of-type(2) { font-size: 13px; line-height: 14px; }
	.copyright {
		font-size: 10px;
		line-height: 30px;
		color: #fff;
		background: #1DA1F2;
	}
	.copyright p { flex: 1; text-align: center; }
	.copyright a { text-decoration: underline; color: #ffffff; margin-left: 1.5em; }
	.copyright a:hover { text-decoration: none; }
	/************ pagetop *************/
	#pagetop {
		position: fixed;
		bottom: 60px;
		right: 60px;
		width: 64px;
		height: 64px;
		z-index: 1000;
	}
		#pagetop a {
			display: block;
			text-align: center;
			width: 64px;
			height: 64px;
			background: #FFFFFF;
			color: #1DA1F2;
			font-size: 30px;
			line-height: 30px;
			border-radius: 100px;
			padding-top: 8px;
			border: 2px solid #1DA1F2;
		}
		#pagetop a span {
			font-size: 10px;
			line-height: 10px;
			font-weight: 600;
			display: block;
		}
		#pagetop a:hover {
			opacity: 0.75;
		}
}
/* ******************************************* */
/*		  Footer SP
/* ******************************************* */
@media(max-width:1040px){
	#footer {
		background: #FFFFFF;
	}
	.footer_info {
		display: block;
		padding: 20px 0px;
	}
		.footer_info .logo,
		.footer_info .contents {
			width: 66%;
			margin: 8px auto;
		}
		.footer_info .contents a {
			margin: 20px auto;
		}

	#fnav {
		background: #1784de;
	}
		#fnav ul {
			text-align: center;
			margin: 0px auto;
		}
		#fnav ul li {
			font-size: 4vw;
			padding: 2vw 0vw;
		}
		#fnav ul li:nth-of-type(n+2) { border-top: 1px solid #fff; }
		#fnav ul li a {
			color: #fff;
			text-decoration: none;
		}
	.copyright {
		font-size: 10px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background: #1DA1F2;
	}
	.copyright a { color: #fff; margin: 0 1em; text-decoration: underline; }
	/************ pagetop *************/
	#pagetop {
		position: fixed;
		bottom: 70px;
		right: 10px;
		width: 64px;
		height: 64px;
		z-index: 1000;
		opacity: 0.7;
	}
		#pagetop a {
			display: block;
			text-align: center;
			width: 64px;
			height: 64px;
			background: #1DA1F2;
			color: #fff;
			font-size: 30px;
			line-height: 30px;
			border-radius: 100px;
			padding-top: 8px;
		}
		#pagetop a span {
			font-size: 10px;
			line-height: 10px;
			font-weight: 600;
			display: block;
		}

	#footer .fixed_entry,
	#footer .fixed_button {
		position: fixed;
		justify-content: space-between;
		bottom: 0; left: 0;
		width: 100%;
		padding: 3vw;
		display: flex;
		background: #ffffff;
		text-align: center;
		z-index: 4000;
	}
		#footer .fixed_entry a,
		#footer .fixed_button a {
			display: block;
			width: 45.5vw;
			background: #EE9600;
			color: #FFFFFF;
			border: 3px solid #ffffff;
			border-radius: 40vw;
			padding: 0.5rem;
			box-shadow: 0 0 3px rgba( 0, 0, 0, 0.3 );
		}
		#footer .fixed_button a:nth-of-type(2) { background: #1DA1F2; }
		#footer .fixed_entry { justify-content: center; transition: 0.2s; }
		#footer .fixed_entry a { width: 90vw; }
		#footer .fixed_entry.scroll { bottom: -100px; }
}

/* ******************************************* */
/*		  汎用パーツ PC
/* ******************************************* */
@media(min-width:737px){
	.mailcheck,
	.mailform {
		margin: 40px auto 80px;
		text-align: center;
	}
	.mailend {
		margin: 0 auto 100px;
		text-align: center;
	}
	.mailcheck .confirmation,
	.mailend .confirmation {
		line-height: 1.6;
	}
	.mailcheck table,
	.mailform table {
		width: 100%;
		margin: 40px auto;
	}
	.mailform table tr {
		display: block;
		border-bottom: 1px dotted #bbb;
	}
	.mailform table tr:last-of-type { border: none; }
	.mailform table th {
		padding: 1em;
		vertical-align: middle;
		text-align: left;
		font-size: 1.1em;
		font-weight: bold;
		width: 300px;
	}
	.mailform table td {
		padding: 1em;
		vertical-align: middle;
		text-align: left;
	}
	.mailform table a {
		color: #1784de;
		text-decoration: underline;
	}
	.mailform table a:hover { text-decoration: none; }

	.mailcheck table th {
		padding: 20px 15px;
		text-align: center;
		font-weight: bold;
		width: 30%;
		border-bottom: 1px dotted #ccc;
	}
	.mailcheck table td {
		padding: 20px 15px;
		text-align: center;
		width: 70%;
		border-bottom: 1px dotted #ccc;
	}
	.mailform input[type="text"] {
		width: 500px;
		margin: 4px auto;
		border-radius: 10px;
		padding: 8px;
		border: 1px solid #666;
	}
	.mailform select,
	.mailform input[type="month"],
	.mailform input[type="date"] {
		width: 200px;
		margin: 4px auto;
		border-radius: 10px;
		padding: 8px;
		border: 1px solid #666;
	}
	.mailform select { width: 300px; }
	.mailform label[type="radio"],
	.mailform label[type="check"] {
		display: block;
		margin: 0px auto;
		text-align: left;
	}
	.mailform input[name^="第"] { width: 200px; }
	.mailform label.radioflat {
		display: inline-block;
		margin-right: 2em;
	}
	.mailform input[name="captcha"] { width: 8rem; }
	.mailform label[type="submit"] { display: block; text-align: center; }
	.mailform textarea {
		width: 500px;
		height: 200px;
		margin: 8px auto 8px;
		border-radius: 10px;
		padding: 8px;
		border: 1px solid #666;
	}
	.mailform input[type="button"],
	.mailcheck input[type="submit"],
	.mailform input[type="submit"] {
		width: 400px;
		margin: 8px auto 8px;
		border-radius: 5px;
		padding: 8px;
		border: 5px double #1784de;
		background: #1784de;
		cursor: pointer;
		color: #fff;
		font-weight: 600;
		transition: 0.2s;
		font-family: 'Quicksand', 'Kosugi Maru', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.mailcheck input[type="submit"] {
		margin-left: 20px;
	}
	.mailform input[type="button"]:hover,
	.mailcheck input[type="submit"]:hover,
	.mailform input[type="submit"]:hover {
		background: #fff;
		color: #1784de;
	}
	.mailcheck input[type="button"][value="戻る"] {
		width: 400px;
		margin: 8px auto 8px;
		border-radius: 5px;
		padding: 8px;
		border: 5px double #999;
		background: #999;
		cursor: pointer;
		color: #fff;
		font-weight: 600;
		transition: 0.2s;
		font-family: 'Quicksand', 'Kosugi Maru', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.mailcheck input[type="button"]:hover {
		background: #fff;
		color: #999;
	}
	.needs {
		background: #fcc8c5;
		font-weight: 400;
		padding: 2px 8px;
		margin: 0 4px;
		border-radius: 5px;
		color: #df4e45;
	}
	.err { color: #df4e45; font-weight: bold; }
	.rule {
		margin: 20px auto;
		border: 1px solid #999;
		background: #fff;
		padding: 10px 16px;
		height: 180px;
		overflow-y: scroll;
	}
}
/* ******************************************* */
/*		  汎用パーツ SP
/* ******************************************* */
@media(max-width:736px){
	.mailcheck,
	.mailform {
		margin: 0 auto;
		text-align: center;
	}
	.mailend {
		margin: 0 auto 50px;
		text-align: center;
	}
	.mailcheck .confirmation,
	.mailend .confirmation {
		line-height: 1.6;
	}
	.mailform table {
		width: 100%;
		margin: 40px auto;
	}
	.mailform table tr {
		display: block;
	}
	.mailform table th {
		margin: 10px 0px 0px;
		display: block;
		font-weight: bold;
		font-size: 1.2em;
	}
	.mailform table td {
		margin: 0px 0px 15px;
		display: block;
		padding-bottom: 15px;
		border-bottom: 1px dotted #ccc;
	}
	.mailform table a {
		color: #1784de;
		text-decoration: underline;
	}

	.mailcheck table {
		width: 100%;
		margin: 20px auto;
	}
	.mailcheck table th {
		padding: 20px 15px;
		text-align: center;
		font-weight: bold;
		width: 25%;
	}
	.mailcheck table td {
		padding: 20px 15px;
		text-align: left;
		width: 75%;
	}
	.mailform input[type="text"] {
		width: 100%;
		margin: 8px auto 8px;
		border-radius: 10px;
		padding: 12px;
		border: 1px solid #666;
	}
	.mailform select,
	.mailform input[name^="第"],
	.mailform input[type="date"] {
		width: 50%;
		margin: 8px auto 8px;
		border-radius: 10px;
		padding: 12px;
		border: 1px solid #666;
	}
	.pc_flex2 { margin: 10px auto; text-align: left; padding: 0 5vw; }
	.mailform .radio_wrapper { margin: 10px auto; }
	.mailform label[type="radio"] {
		display: inline;
		margin: 10px auto;
		text-align: left;
	}
	.mailform label[type="check"] {
		display: block;
		margin: 10px auto;
		text-align: left;
		width: 65%;
	}
	.mailform label[type="submit"] { display: block; text-align: center; }
	.mailform textarea {
		width: 100%;
		height: 150px;
		margin: 8px auto 8px;
		border-radius: 10px;
		padding: 12px;
		border: 1px solid #666;
	}
	.mailform input[type="button"],
	.mailcheck input[type="button"][value="戻る"],
	.mailcheck input[type="submit"],
	.mailform input[type="submit"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  	display: none;
	}
	input[type="submit"]:focus,
	input[type="button"]:focus {
	  	outline-offset: -2px;
	}
	.mailform input[type="button"],
	.mailcheck input[type="submit"],
	.mailform input[type="submit"] {
		width: 90%;
		margin: 8px auto 8px;
		border-radius: 5px;
		padding: 15px;
		background: #1784de;
		cursor: pointer;
		color: #fff;
		font-weight: 600;
		transition: 0.2s;
		font-family: 'Quicksand', 'Kosugi Maru', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.mailcheck input[type="submit"] {
		margin-right: 10px;
	}
	.mailcheck input[type="button"][value="戻る"] {
		width: 90%;
		margin: 8px auto 8px;
		border-radius: 5px;
		padding: 15px;
		background: #999;
		cursor: pointer;
		color: #fff;
		font-weight: 600;
		transition: 0.2s;
		font-family: 'Quicksand', 'Kosugi Maru', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.mailcheck input[type="button"][value="戻る"]:hover {
		background: #fff;
		color: #999;
	}
	.needs, .err { color: #df4e45; font-weight: bold; }
	.rule {
		margin: 20px auto;
		border: 1px solid #999;
		background: #fff;
		padding: 10px;
		height: 140px;
		font-size: 12px;
		text-align: left;
		overflow-y: scroll;
	}
}

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  Breadcrumb PC
/* ******************************************* */
@media(min-width:1041px){
	#breadcrumb {
		font-size: 14px;
		line-height: 1.0em;
		color: #3D3D3D;
	}
	#breadcrumb ul {
		display: block;
		text-align: left;
		padding: 1em 0px;
	}
	#breadcrumb ul li {
		display: inline;
		padding: 0em 0em;
	}
	#breadcrumb ul li:nth-of-type(n+2)::before{
		display: inline;
		text-align: center;
		content: "> ";
		color: #1784de;
		width: 1.5em;
		height: 1em;
		padding: 0em 0.5em;
	}
	#breadcrumb ul li a {
		color: #1784de;
		text-decoration: none;
	}
	#breadcrumb ul li a:hover{
		color: #1784de;
		text-decoration: underline;
	}
}
/* ******************************************* */
/*		  Breadcrumb SP
/* ******************************************* */
@media(max-width:1040px){
	#breadcrumb {
		padding: 2vw 0vw;
		font-size: 12px;
		line-height: 24px;
		color: #3D3D3D;
	}
	#breadcrumb ul {
		display: block;
		text-align: left;
	}
	#breadcrumb ul li {
		display: inline;
		padding: 0em 0em;
	}
	#breadcrumb ul li:nth-of-type(n+2)::before{
		display: inline-block;
		text-align: center;
		content: "> ";
		color: #1784de;
		width: 18px;
		height: 12px;
		padding: 0em 0.5em;
	}
	#breadcrumb ul li a {
		color: #1784de;
		text-decoration: none;
	}
}

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  PC SP 共通（拡張）
/* ******************************************* */
.mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.alp-gothic {
	font-family: 'Century Gothic', 'Quicksand', sans-serif;
}
.italic { font-style: italic; }
.add-relative { position: relative; }
.tx_red { color: #CF000D; }
.tx_blue { color: #1A5FAD; }
.hover_white:hover { opacity: 0.75; }

/* ******************************************* */
/*		  pagenation
/* ******************************************* */
ul.pagenation {
	display: flex;
	justify-content: center;
	margin: 40px auto;
}
	ul.pagenation li {
		min-width: 32px; min-height: 32px;
		line-height: 32px;
		text-align: center;
		margin: 0 4px;
	}
	ul.pagenation li p,
	ul.pagenation li a {
		display: block;
		font-size: 1.1em;
		line-height: 32px;
		font-weight: bold;
		color: #fff;
		background: #ccc;
		min-width: 32px; min-height: 32px;
		text-align: center;
		border: 1px solid #bbb;
		border-radius: 5px;
		padding: 0 4px;
	}
	ul.pagenation li p.current {
		background: #fff;
		color: #bbb;
	}
	ul.pagenation li a {
		color: #fff;
		background: #1DA1F2;
		border: 1px solid #71c2f4;
	}
	ul.pagenation li a:hover {
		background: #ffffff;
		color: #1DA1F2;
		border: 1px solid #71c2f4;
	}

/* -------------------------------------------------------------------------------------------------- */

/* ******************************************* */
/*		  iframe
/* ******************************************* */
.googlemap_wrap{
	position: relative;
	padding-bottom: 55%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}
.googlemap_wrap img.fitimage{
	max-width: 900px;
}
.googlemap_wrap iframe,
.googlemap_wrap object,
.googlemap_wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.youtube_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: rgba( 0, 0, 0, 0.05 );
}
.youtube_wrap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	box-shadow: 2px 2px 5px #999;
}
.game_wrap {
	position: relative;
	width: 100%;
	padding-top: 80.25%;
	background: rgba( 0, 0, 0, 0.05 );
}
.game_wrap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	box-shadow: 2px 2px 5px #999;
}

.kurukuru { animation: kurukuru 5s infinite linear; }
.fuwafuwa { animation: fuwafuwa 3s infinite ease-in-out alternate; }
.pukapuka { animation: pukapuka 4s infinite ease-in-out alternate; }
@keyframes kurukuru {
	0% {transform: rotate(0deg); }
	100% {transform: rotate(360deg); }
}
@keyframes fuwafuwa {
	0% {transform: translate( 0, -5px ); }
	50% {transform: translate( 0, 5px ); }
	100% {transform: translate( 0, -5px ); }
}
@keyframes pukapuka {
	0% {transform: scale( 1.0 ); }
	50% {transform: scale( 1.05 ); }
	100% {transform: scale( 1.0 ); }
}
.error {
	color: #e70001;
	margin: 0.5em auto;
	text-align: center;
}

/* ******************************************* */
/*		  ticker
/* ******************************************* */
@keyframes ticker {
	0% {
		transform: translate(0, 0);
		visibility: visible;
	}
	100% {
		transform: translate(-100%, 0);
	}
}
.ticker {
	overflow: hidden;
	height: 2.5em;
	padding-left: 200vw;
	box-sizing: content-box;
	margin: 0 -100vw;
}

.ticker ul {
	display: inline-block;
	white-space: nowrap;
	height: 2.5em;
	line-height: 1.25em;
	padding-right: 85vw;
	box-sizing: content-box;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: ticker;
	animation-duration: 200s;
}
.ticker ul li {
	display: inline-block;
	padding: 0.35em 15em 0.35em 0em;
}
.ticker:hover ul {
	animation-play-state: paused;
}

article.hint {
	border: 2px solid #1DA1F2;
	padding: 0.5rem;
	border-radius: 8px;
	margin: 2.5rem auto 2rem;
	max-width: 800px;
	position: relative;
}
article.hint::before {
	content: "HINT !!";
	padding: 0.2rem 1rem;
	background: #1DA1F2;
	border-radius: 5px 5px 0px 0px;
	position: absolute;
	font-size: 0.65rem; color: #ffffff; font-weight: bold;
	top: -1.5rem; left: 0.25rem;
}

.fuwafuwa { animation: fuwafuwa 1s infinite ease-in-out alternate; }
.pukapuka { animation: pukapuka 4s infinite ease-in-out alternate; }
@keyframes fuwafuwa {
	0% {transform: translate( 0, -10px ); }
	50% {transform: translate( 0, 10px ); }
	100% {transform: translate( 0, -10px ); }
}

.popup_message {
	position: fixed;
	top: 50%; left: 50%;
	min-width: 20em; min-height: 8em;
	margin-top: -6em; margin-left: -10em;
	padding: 1rem;
	border: 3px solid #1DA1F2;
	box-shadow: 0 0 0 5px #FFFFFF;
	background: #FFFFFF;
	border-radius: 8px; z-index: 9999;
	text-align: center;
	display: flex; justify-content: center; align-items: center;
	transition: 0.3s;
	opacity: 0.9;
}

ul.monthry_view { margin: 1rem auto 2rem; }
ul.monthry_view li {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 0.5rem;
	padding-left: 90px;
	margin-bottom: 0.5rem;
	position: relative;
}
ul.monthry_view li .image {
	width: 80px; height: 80px;
	top: 0; left: 0; position: absolute;
}
ul.monthry_view li .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.3rem;
}
ul.monthry_view li .top h4 { margin: 0; }
ul.monthry_view li .top a {
	font-size: 1.0rem;
	background: #1DA1F2;
	padding: 0.2rem 1.0rem; border-radius: 4px;
	color: #FFFFFF;
	font-weight: bold;
	border: 2px solid #FFFFFF;
	box-shadow: 2px 2px 4px rgba( 0, 0, 0, 0.2 );
}
ul.monthry_view li .top a:hover { opacity: 0.8; }
ul.monthry_view li .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
ul.monthry_view li .inner > a {
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 4px;
	font-size: 0.8rem;
	border: 2px solid #1DA1F2;
	padding: 0.5rem;
	line-height: 1.0;
	margin: 0.2rem 0.5rem 0.2rem 0rem;
	color: #1DA1F2;
}
ul.monthry_view li .inner > a:hover { opacity: 0.8; }

.day20230102, .day20230109, .day20230211, .day20230223, .day20230321, .day20230429, .day20230503, .day20230504, .day20230505, .day20230717, .day20230811, .day20230918, .day20230923, .day20231009, .day20231103, .day20231123, 
.day20240101, .day20240108, .day20240211, .day20240212, .day20240223, .day20240320, .day20240429, .day20240503, .day20240504, .day20240505, .day20240506, .day20240715, .day20240811, .day20240812, .day20240916, .day20240922, 
.day20240923, .day20241014, .day20241103, .day20241104, .day20241123, .day20250101, .day20250113, .day20250211, .day20250223, .day20250224, .day20250320, .day20250429, .day20250503, .day20250504, .day20250505, .day20250506, 
.day20250721, .day20250811, .day20250915, .day20250923, .day20251013, .day20251103, .day20251123, .day20251124, .day20260101, .day20260112, .day20260211, .day20260223, .day20260320, .day20260429, .day20260503, .day20260504, 
.day20260505, .day20260506, .day20260720, .day20260811, .day20260921, .day20260922, .day20260923, .day20261012, .day20261103, .day20261123, .day20270101, .day20270111, .day20270211, .day20270223, .day20270321, .day20270322, 
.day20270429, .day20270503, .day20270504, .day20270505, .day20270719, .day20270811, .day20270920, .day20270923, .day20271011, .day20271103, .day20271123, .day20280101, .day20280110, .day20280211, .day20280223, .day20280320, 
.day20280429, .day20280503, .day20280504, .day20280505, .day20280717, .day20280811, .day20280918, .day20280922, .day20281009, .day20281103, .day20281123, .day20290101, .day20290108, .day20290211, .day20290212, .day20290223, 
.day20290320, .day20290429, .day20290430, .day20290503, .day20290504, .day20290505, .day20290716, .day20290811, .day20290917, .day20290923, .day20290924, .day20291008, .day20291103, .day20291123, .day20300101, .day20300114, 
.day20300211, .day20300223, .day20300320, .day20300429, .day20300503, .day20300504, .day20300505, .day20300506, .day20300715, .day20300811, .day20300812, .day20300916, .day20300923, .day20301014, .day20301103, .day20301104, 
.day20301123, .day20310101, .day20310113, .day20310211, .day20310223, .day20310224, .day20310321, .day20310429, .day20310503, .day20310504, .day20310505, .day20310506, .day20310721, .day20310811, .day20310915, .day20310923, 
.day20311013, .day20311103, .day20311123, .day20311124, .day20320101, .day20320112, .day20320211, .day20320223, .day20320320, .day20320429, .day20320503, .day20320504, .day20320505, .day20320719, .day20320811, .day20320920, 
.day20320921, .day20320922, .day20321011, .day20321103, .day20321123, .day20330101, .day20330110, .day20330211, .day20330223, .day20330320, .day20330321, .day20330429, .day20330503, .day20330504, .day20330505, .day20330718, 
.day20330811, .day20330919, .day20330923, .day20331010, .day20331103, .day20331123, .day20340101, .day20340102, .day20340109, .day20340211, .day20340223, .day20340320, .day20340429, .day20340503, .day20340504, .day20340505, 
.day20340717, .day20340811, .day20340918, .day20340923, .day20341009, .day20341103, .day20341123, .day20350101, .day20350108, .day20350211, .day20350212, .day20350223, .day20350321, .day20350429, .day20350430, .day20350503, 
.day20350504, .day20350505, .day20350716, .day20350811, .day20350917, .day20350923, .day20350924, .day20351008, .day20351103, .day20351123, .day20351224, .day20360101, .day20360114, .day20360211, .day20360223, .day20360320, 
.day20360429, .day20360503, .day20360504, .day20360505, .day20360506, .day20360721, .day20360811, .day20360915, .day20360922, .day20361013, .day20361103, .day20361123, .day20361124, .day20370101, .day20370112, .day20370211, 
.day20370223, .day20370320, .day20370429, .day20370503, .day20370504, .day20370505, .day20370506, .day20370720, .day20370811, .day20370921, .day20370922, .day20370923, .day20371012, .day20371103, .day20371123, .day20380101, 
.day20380111, .day20380211, .day20380223, .day20380320, .day20380429, .day20380503, .day20380504, .day20380505, .day20380719, .day20380811, .day20380920, .day20380923, .day20381011, .day20381103, .day20381123, .day20390101, 
.day20390110, .day20390211, .day20390223, .day20390321, .day20390429, .day20390503, .day20390504, .day20390505, .day20390718, .day20390811, .day20390919, .day20390923, .day20391010, .day20391103, .day20391123, .day20400101, 
.day20400102, .day20400109, .day20400211, .day20400223, .day20400320, .day20400429, .day20400430, .day20400503, .day20400504, .day20400505, .day20400716, .day20400811, .day20400917, .day20400922, .day20401008, .day20401103, 
.day20401123, .day20401224, .day20410101, .day20410114, .day20410211, .day20410223, .day20410320, .day20410429, .day20410503, .day20410504, .day20410505, .day20410506, .day20410715, .day20410811, .day20410812, .day20410916, 
.day20410923, .day20411014, .day20411103, .day20411104, .day20411123, .day20420101, .day20420113, .day20420211, .day20420223, .day20420224, .day20420320, .day20420429, .day20420503, .day20420504, .day20420505, .day20420506, 
.day20420721, .day20420811, .day20420915, .day20420923, .day20421013, .day20421103, .day20421123, .day20421124, .day20430101, .day20430112, .day20430211, .day20430223, .day20430321, .day20430429, .day20430503, .day20430504, 
.day20430505, .day20430506, .day20430720, .day20430811, .day20430921, .day20430922, .day20430923, .day20431012, .day20431103, .day20431123, .day20440101, .day20440111, .day20440211, .day20440223, .day20440320, .day20440321, 
.day20440429, .day20440503, .day20440504, .day20440505, .day20440718, .day20440811, .day20440919, .day20440922, .day20441010, .day20441103, .day20441123, .day20450101, .day20450102, .day20450109, .day20450211, .day20450223, 
.day20450320, .day20450429, .day20450503, .day20450504, .day20450505, .day20450717, .day20450811, .day20450918, .day20450922, .day20451009, .day20451103, .day20451123, .day20460101, .day20460108, .day20460211, .day20460212, 
.day20460223, .day20460320, .day20460429, .day20460430, .day20460503, .day20460504, .day20460505, .day20460716, .day20460811, .day20460917, .day20460923, .day20460924, .day20461008, .day20461103, .day20461123, .day20461224, 
.day20470101, .day20470114, .day20470211, .day20470223, .day20470321, .day20470429, .day20470503, .day20470504, .day20470505, .day20470506, .day20470715, .day20470811, .day20470812, .day20470916, .day20470923, .day20471014, 
.day20471103, .day20471104, .day20471123, .day20480101, .day20480113, .day20480211, .day20480223, .day20480224, .day20480320, .day20480429, .day20480503, .day20480504, .day20480505, .day20480506, .day20480720, .day20480811, 
.day20480921, .day20480922, .day20481012, .day20481103, .day20481123, .day20490101, .day20490111, .day20490211, .day20490223, .day20490320, .day20490429, .day20490503, .day20490504, .day20490505, .day20490719, .day20490811, 
.day20490920, .day20490921, .day20490922, .day20491011, .day20491103, .day20491123, .day20500101, .day20500110, .day20500211, .day20500223, .day20500320, .day20500321, .day20500429, .day20500503, .day20500504, .day20500505, 
.day20500718, .day20500811, .day20500919, .day20500923, .day20501010, .day20501103, .day20501123 {
	color: #e80000 !important;
}