a {text-decoration:none;}

td {font-size:11pt;}

a:hover{
  font-weight : normal;
  color : red;
  text-decoration : underline;
}

body {
	margin: 0;
	padding: 0;
	background: #FFE1E1 url(none);
}
h2{
	color: #3333CC;
}
h3 {
	text-align: center;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-right-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 14pt;
}
h4 {
	font-size: 14px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FFCC66;
	background-color: #E0E0E0;
	text-indent: 10px;
	height: 18px;
	padding-top: 5px;
	padding-left: 5px;
}
h5 {
    border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-right-style: none;
	border-left-style: none;	
    padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 9pt;
}
h6 {
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-right-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 8pt;
}
.h2{
	color: #CC3399;
	background-color: #FFCC66;
	padding: 6px;
	font-weight: bold;
}
.h4{
	color: #3333CC;
	font-weight: bold;
	background: none;
	border: none;
	text-align: center;
}
ul{
	list-style: none;
	padding-left: 0;
}

a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}

.mobile-none{
	display: block;
}
.mobile-block{
	display: none;
}
.mobile-none.table-cell{
	display: table-cell;
}

.container{
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 0 1rem;
}
.text-center{
	text-align: center;
}
header{
	padding: 1rem 0;
	text-align: center;
}
footer{
	padding: 1.5rem 0;
}
a> img:hover{
	opacity: .8;
}
#home main{
	display: flex;
}
#home main #left-sidebar{
	flex-basis: 20%;
}
#home main #right-sidebar{
	flex-basis: 30%;
	padding-left: 15px;
}
#home main #main-content{
	flex-basis: 50%;
}
.table-calender{
	margin: 1rem auto;
}
.table-calender,
.table-calender td{
	border: 1px solid #000;
	text-align: center;
	border-collapse: collapse;
}
.table-calender td{
	vertical-align: top;
	padding: 1rem;
	width: 20%;
}
.table-calender td a,
.table-calender td strong,
.table-calender td img{
	display: block;
}
.table-calender td strong{
	margin-bottom: 1rem;
}
.table-calender td img{
	margin: auto;
}
.table-month, .table-date{
	border-collapse: collapse;
	margin: 15px auto;
}
.table-month td, .table-date td{
	text-align: center;
	background-color: #CCCCCC;
	border: 2px solid #FFF;
	padding: 4px 8px;
}
.table-month .current,
.table-date .current{
	background-color: #FF99CC;
}
.box-flower{
	display: flex;
}
.flower-name{
	color: #ff00ff;
	font-weight: bold;
}
.flower-name-meaning{
	font-weight: bold;
}
.d-block{
	display: block;
}
.m-auto{
	margin: auto;
}
.font-color1{
	color: #ff00ff;
}
.font-color2{
	color: #CC0066;
}
.box-flower-desc{
	flex-basis: calc((100% - 340px) * .35);
}
.box-flower-rel{
	flex-basis: calc((100% - 340px) * .65);
	padding: 0 1rem;
}
.box-flower-ad{
	flex-basis: 340px;
}
.box-flower-rel th{
	text-align: left;
	white-space: nowrap;
	padding: 5px;
}
.table-month .current a,
.table-date .current a{
	pointer-events: none;
	text-decoration: none;
	color: #000
}
.table-month .current a:hover,
.table-date .current a:hover{
	text-decoration: none;
	color: #000
}
.table td:first-child{
	white-space: nowrap;
}
.box-flower-desc img{
	display: block;
	margin: auto;
}
.link-today{
	margin-block-start: 0;
	text-align: center;
	margin-top: 0;
}
.link-today a{
	display: inline-block;
	background-color: #3333CC;
	color: #FFF;
	padding: 4px 20px;
	border-radius: 20px;
	font-size: 1.2rem;
}
.footer-ad{
	margin-top: 20px;
}
#cse-search-box{
	margin: 20px auto;
}
.box-form,.box-rule,.box-links{
	display: flex;
	justify-content: center;
}
.container-rule,.box-ad-page{
	margin: 0 10%;
}
.strong-ad{
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	color: #FF0000;
}
.day-bottom-wide-ad{
	margin: 30px 0;
}
@media screen and (max-width:768px){
	a{
		word-break: break-all;
	}
	#home main #right-sidebar{
		padding-left: 0;
	}
	.container{
		width: auto;
	}
	table{
		width: 100%;
		border: none;
	}
	table td{
		display: block;
		width: 100%;
	}
	table.table-cat-year td{
		display: table-cell;
	}
	table.table-calender tr td{
		width: 98%;
	}
	table.table-cat-year td img{
		max-width: 100%;
	}
	table.table-date{
		margin-bottom: 30px;
	}
	table.table-month tr,
	table.table-date tr{
		display: flex;
		flex-wrap: wrap;
	}
	table.table-month tr td,
	table.table-date tr td{
		flex-basis: calc(20% - 4px);
	}
	img{
		max-width: 100%;
	}
	.mobile-none,
	.mobile-none.table-cell{
		display: none;
	}
	.mobile-block{
		display: block;
	}
	.table-calender{
		border: none;
	}
	.table-calender td{
		padding: 1rem 0;
	}
	#home main{
		display: block;
	}
	.date{
		display: flex;
		justify-content: space-around;
	}
	.box-flower{
		display: block;
	}
	.box-flower-rel{
		padding: 1rem 0;
	}
	.box-flower-rel th{
		display: block;
	}
	textarea{
		width: 100%;
	}
	.container-rule,.box-ad-page{
		margin: auto;
	}
}