@charset "utf-8";

/* Latest */
div.flex_Latest {
	display: flex;
	flex-direction: row;
}
/* バックナンバー検索ボタンスタイル*/
a.btn_shadow {
	padding: 0.5em 3em;
	cursor: pointer;
	border: 3px solid #c90;
	background-color: yellow;
	transition: .2s;
	font-weight: bold;
	border-radius: 13px;
	display: block;
	font-size: 150%;
	max-width: 600px;
	margin: 2em auto;
}

/* バックナンバー検索ボタンここまで*/




/* hover 広報誌最新号スタイル*/
div.over{
	list-style: none;
	display: flex;
	justify-content:space-around;
	margin: 0;
	padding: 0;
}
.over a{
	position: relative;
}
.over img{
	height: auto;
	width: 100%;
	display: block;
}
.over div{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	opacity: 0;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	transition: .3s;
}
.over a:hover div{
	background: rgba(0,0,0,0.5);
	opacity: 1;
}
/* hover 広報誌最新号スタイルここまで*/

@media (max-width:639px) {
	div.flex_Latest {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

div.cover_Latest {
	margin: 0em 1em 1em 1em;
}

figure {
	margin-top: 0;
	margin-bottom: 0;
}

img.cover_Latest {
	width: 240px;
	min-width: 240px;
	height: auto;
}
.mokuzi {
	background-color:#F7F7F7;
	padding: 1em 10px 1em 0;
	border:1px solid #ccc;
	max-width: 600px;
	border-radius: 10px;
	height: max-content;
}



/* Questionnaire */
div.flex_Questionnaire {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: felx-start;
}

/* ::::プレゼント期間:::: */
.present {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	background: url(/information/koho/flowerquiz/_img/bg_present.jpg) repeat;
	padding: 20px;
	margin: auto;
	max-width: 800px;
}
.present img {
	margin: 20px;
	background: white;
}
/* :::::::::::::::::::::::: */

/* Back number */
div.flex_Backnumber {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 1em;
}

div.item_Backnumber {
	font-size: 85.7%;
	width: 140px;
	min-width: 140px;
	border: 1px solid #ccc;
	margin: 0 -1px -1px 0;
}

div.cover_Backnumber {
	text-align: center;
	height: calc(105px + 3em);
	padding: 5px;
}

div.cover_Backnumber a {
	color: #292F93 !important;
}

div.cover_Backnumber img {
	border-radius: 3px;
	margin-bottom: 5px;
}

div.cover_Backnumber p {
	line-height: 1;
	margin: 0;
}

div.article_Backnumber {
	padding: 0 5px 5px 5px;
}

div.article_Backnumber p {
	border-top: 1px solid #ccc;
	margin: 0;
	padding-top: 5px;
}

div.article_Backnumber ul {
	list-style: disc;
	margin: 0 !important;
	padding-left: 1em;
}

div.article_Backnumber ul li {
	background: none !important;
	padding: 0 !important;
	padding-bottom: 2px !important;
	line-height: 1.0;
}

div.article_Backnumber ul li:last-child {
	padding-bottom: 0px !important;
}

div.note_Backnumber {
	padding: 0 5px 5px 5px;
}

div.note_Backnumber p {
	border-top: 1px solid #ccc;
	margin: 0;
	padding-top: 5px;
}

div.note_Backnumber p a {
	color: #292F93 !important;
}
h2#backnumber {
	margin-top: 2em;
	margin-bottom: -1em;
}


/* Post */
.table100 {
	width:100%;
}
.number {
	width:15%;
}
.corner {
	width:15%;
}
.article {
	width:31%;
}
th.keyword {
	width:39%;
}
td.keyword {
	width:13%;
}