@charset "utf-8";

	.info_box .hatumoude_inbox {font-size: 18px; line-height: 1.6;}
	.info_box .f10 {font-size: 14px; line-height: 1.6;}
	.bg5 img.hatumoude-top {width: 645px; height: auto;}
	.bg5 .okotowari p, .bg4 .okotowari p {font-size: 12px;}
	.bg5 p {font-size: 16px; line-height: 1.6; font-weight: 500; padding: 0 10px;}
	.bg4 {padding-top: 30px;}
	.bg4 .hatumoudetoha {margin-top: 20px; color: #ff7e00; font-weight: bold; padding: 0 20px;}
	.bg4 p {font-size: 16px; line-height: 1.6; font-weight: 500; padding: 0 10px;}
	.bg2 p {font-size: 16px; line-height: 1.6; font-weight: 500; padding: 0 10px;}
	.bg2 .hatumoude_inbox {font-size: 18px;}
	.bg2 .info_box-j .f10 {font-size: 16px; line-height: 1.6;}
	.bg2 .info_box-j .f11 {font-size: 16px; line-height: 1.6;}
	.bg2 .info_box-t .f10 {font-size: 16px; line-height: 1.6;}
	.bg2 .info_box-t .f11 {font-size: 16px; line-height: 1.6;}
	.bg2 .info_box-j iframe {width: 100%;}
	.bg2 .info_box-t iframe {width: 100%;}
	.bg5 .hatumoude_inbox {font-size: 18px;}
	.bg5 .info_box-j .f10 {font-size: 16px; line-height: 1.6;}
	.bg5 .info_box-j .f11 {font-size: 16px; line-height: 1.6;}
	.bg5 .info_box-t .f10 {font-size: 16px; line-height: 1.6;}
	.bg5 .info_box-t .f11 {font-size: 16px; line-height: 1.6;}
	.bg5 .info_box-j iframe {width: 100%;}
	.bg5 .info_box-t iframe {width: 100%;}
	
	.hatu-box {padding: 10px;}
	.hatu-box a {display: inline-block; padding: 10px; background-color: #fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease;}
	.hatu-box a h5 {margin: 0; color: #121212; font-size: 18px; text-align: center; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; background-color: #eeffff;}
	.hatu-box a:hover h5 {background-color: #2e8585; color: #fff;}
	.hatu-box a:hover .hatu-inner p {color: #0070C0; text-decoration: underline;}
	.hatu-inner {margin-top: 10px;}
	.hatu-inner img {margin: 10px;}
	.hatu-box a .hatu-inner p {color: #121212; margin: 0; padding: 0; overflow: hidden;}
	.hatu-inner p span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	
	@media only screen and (max-width: 767px) {
		.info_box .fleft {width: 100%!important; display: block!important; text-align: center;}
		.hatu-nav {display: flex; flex-wrap: wrap;}
		.hatu-nav .ft_left {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin: 0;}
		.hatu-nav a img {width: 100%; height: auto; max-width: 110px; margin: 0 auto;}
		.bg table tr td a img {width:100%;}
		.bg5 img.hatumoude-top {width: 100%;}
		.bg5 .mb20 img {width: 100%;}
		.bg4 .mb20 img {width: 100%;}
		.bg2 .mb20 img {width: 100%;}
		.bg2 .info_box-j .fleft {width: 100%!important; display: block!important; text-align: center;}
		.bg2 .info_box-t .fleft {width: 100%!important; display: block!important; text-align: center;}
		.bg5 .info_box-j .fleft {width: 100%!important; display: block!important; text-align: center;}
		.bg5 .info_box-t .fleft {width: 100%!important; display: block!important; text-align: center;}
		.bg5 img.oldimg, .bg4 img.oldimg {max-width: 320px; padding: 0 15px;}
		.info_box-j h2 span, .info_box-t h2 span {display: block;}
		.top_con_box {width: 100%; height: auto; margin: 0;}
		.info_box-j .l-list-inbox-hatumoude, .info_box-t .l-list-inbox-hatumoude {float: none; margin: 0 auto 20px;}
		.syobtn span {display: inline-block;}
		.row-ar .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.chiiki_box {display: flex; flex-wrap: wrap; justify-content: center;}
		.chiiki_box .ft_left {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; text-align: center; margin: 10px 0;}
	}
	
	@media only screen and (max-width: 369px) {
		.chiiki_box .ft_left {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	}


/* ------------------------------------------------------------------------------------
 年号・干支・恵方
------------------------------------------------------------------------------------ */
.eto-table-wrap {margin-bottom: 2em;}
table.eto-table {width: 100%;}
table.eto-table td {padding: 0.5em 0.1em; line-height: 1.2;}


@media only screen and (max-width: 767px) {
	.eto-table-wrap {overflow-x: scroll;}
	table.eto-table {width: 645px;}
}