@charset "utf-8";

#menu{
    margin-top: 1em;
}

.blogs {
	margin: 1em 1em 2em;
}

.blogs h2{
    line-height: 1.2em!important;
    background-color: #4caf50;;
    padding: 0.8em;
    text-indent: 0!important;
}

.blogs h3 {
    line-height: 1.2em;
}

.blogs a {
font-weight: 700;
}

#btitle {
    background-color: #ffffff!important;
    color: #009688!important;
    font-size: 2rem!important;
    margin: 1.5em 0 1em!important;
    border: none!important;
    box-shadow: none!important;
}

#calendar {
	padding: 0px;
	text-align: center;
	margin: 10px auto 20px auto;
}

#calendar table {
	width: 168px;
	padding: 0px;
}

#calendar caption {
	text-align: center;
	font-weight: bold;
}

#calendar th {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

#calendar td {
	font-size: 12px;
	background-color: #f0f0f0;
	text-align: center;
}

#bright{
    max-width: 220px;
    margin-left: 1em;
}
#bright h2{
    color: #008a50;
    text-align: center;
    padding-left: 2em;
}
#bright ul {
    margin: 1em 0 1em 3em;
    list-style-image: url(../img/l_b08.gif);
}

#bright ul li {
    margin-bottom: 1em;
}

#list-c {
    text-align: center;
    margin: 2em 0;
    padding: 1em;
    border: 1px solid #afafaf;
    background-color: rgba(175, 175, 175, 0.17);
}

#bright ul li a {
	text-decoration: none;
}

#bright ul li a:link {
	color: #202020;
}

#bright ul li a:visited {
	color: #202020;
}

#bright ul li a:hover {
	color: green;
	text-decoration: underline;
}

#bright ul li a:active {
	color: #202020;
}

caption {
	background-image: none;
}

.more{
	background-image : url(../img/l_b08.gif);
background-repeat : no-repeat;background-position : right center;
text-align : right;
margin-top : 6px;
margin-left : 5px;
margin-right : 5px;
margin-bottom : 6px;
padding-right : 18px;
font-size : 12px;
font-weight : 700;
letter-spacing : 1px;
}

.b-list{
	margin-top : 50px;
margin-left : 200px;
margin-bottom : 50px;
list-style-type : none;
}

.b-list li{
	background-image : url(../img/l_b08.gif);
background-repeat : no-repeat;background-position : left center;
text-indent : 20px;
margin-bottom : 20px;
font-weight : 700;
}

.b-list li a{
	text-decoration : none;
}

.mt50 {
	margin-top: 50px;
}

.midashi1{
    background-color: #4caf50;
    margin-top: 1em!important;
    text-indent: 0!important;
    padding: 0.5em;
    line-height: 1.1em!important;
}

.c-list{
    margin: 2em;
    font-size: large;
    line-height: 2em;
    list-style: circle;
}

.display-2columns{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.display-2columns li{
    list-style: none;
    background-color: #f2f2f2;
    padding: 0 1.25rem 1rem;
	border-radius: 1rem;
}
.display-2columns li h3{
    margin: 0 !important;
    padding: 2rem 0 1rem;
}

/*ページ分割*/

.buteCount{margin:30px; text-align:center;}
.buteCount span{
padding:5px;
border:1px solid #CCC;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
.buteCount a{
padding:5px;
border:1px solid #CCC;
color:#069;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-radius:4px;
}
.button-p{
    background-color: #FCCFDE;
    padding: 1em 2em;
    border-radius: 30px;
    color: #383838!important;
    box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.dl02 {
	line-height: 1.5em;
	margin: 10px;
}
.dl02 dt {
	font-weight: 700;
	background-image: url(https://deodor.co.jp/img/mark5.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: left center;
}
.dl02 dd {
	margin: 2px 0 16px 16px;
}


/*スマホ最適化*/

@media screen and (max-width:920px){
#bright {
    max-width: inherit;
    margin: 1em auto;
}
#bright ul {
    margin: 1em 1em 1em 3em;
}
}

@media screen and (max-width:710px){
.blogs {
margin: 20px 1em 0;
padding-right: 1em;
}
}
@media screen and (max-width:580px){
.display-2columns{
	display: block;
}
.display-2columns li{
	margin-bottom: 1.25rem;
}
}