@charset "UTF-8";
/* CSS Document */

/*.sub_artcle_in {
	background-color: #534741;
}*/

.mon_title {
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    min-height: 70px;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
	margin-bottom: 50px;
}
 
.mon_title :before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:#866251;
  border-radius: 5px;

}   
.mon_title-in {
    width: 100%;
    font-size: 2.2em;
    color: #42210B;
    letter-spacing: 5px;
    font-weight: bold;
	text-align: center;
}
	

/*ーーーーー*/




.sk_li {

	
	text-decoration: none;
	color: #333333;
	border: 1px dashed #35441B;
	border-radius: 3px;
	transition: .4s;
	margin-right:1.2%;
	margin-bottom: 1%;
	width: 7%;
	background-color: #EBE9E7;
float: left;
	text-align: center;
	font-size: 1em;
	display: flex;
}
.sk_li a {
	padding-top: 1.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1.5em;
	text-decoration: none;
	width: 100%;
	text-align: center;
	height: 100%;
	 display: inline-block;
}
.sk_li a:hover {
}
.sk_li:hover {
	border-style: dotted;
		color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	 background-color:rgba(53,68,27,0.50);
	border-radius: 50px;
}
.sk_li_02 {
text-decoration: none;
	color: #333333;
	border: 1px dashed #35441B;
	border-radius: 3px;
	transition: .4s;
	margin-bottom: 1%;
	width: 7%;
	background-color: #EBE9E7;
float: left;
	text-align: center;
}
.sk_li_02 a {
	padding-top: 1.5em;
	padding-right: 2em;

	padding-bottom: 1.5em;
	text-decoration: none;
	width: 100%;
	text-align: center;
	height: 100%;
	 display: inline-block;
}
.sk_li_02 a:hover {
}
.sk_li_02:hover {
	border-style: dotted;
		color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	 background-color:rgba(53,68,27,0.50);
	border-radius: 50px;
}
/*ーーーーイベントーーーーーーー〜*/
.day_event_all {
	border-bottom:  1px dotted #BDBDBD;
		padding-top: 3%;
	padding-bottom: 3%;

}
.day_event_all_02 {/*12月ラスト*/
		padding-top: 3%;
	padding-bottom: 3%;

}

.day_month_title {
    position: relative;
    display: inline-block;
    padding: 3% 2% 2% 2%;
    width: 96%;
	margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 2.5em;
	 color: #534741;
    font-family: "Helvetica Neue",
	Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
	Meiryo,
    sans-serif;
    letter-spacing: 0.25em;
}

.day_month_title:before, .day_month_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 345px;
  height: 2px;
  background-color: black;
}

.day_month_title:before {
  left:0;
}
.day_month_title:after {
  right: 0;
}
.day_month_title:first-letter {
  font-size: 1.8em;
  color: #534741;
}

/*１行目だけ大きく数字*/
.first-letter {
	  font-size: 1.8em;
  color:#534741;
}

/*---*/
.day_event_main_title {
	width: 100%;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 3%;
	margin-top: 2%;
	padding-left: 2%;
	border-left: 8px solid #35441B;
	
}


.day_event_left {
	width: 30%;
	float: left;
	margin-right: 5%;
}
.day_event_left img {
	width: 100%;
}

.day_event_right {
	width:65%;
	float: left;
}
/*.day_event_right_title {
	
	border-bottom:3px solid #35441B;
}
*/
.day_event_right_title {
  position: relative;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom:3%;
}

.day_event_right_title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #856D5D, #856D5D 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #856D5D, #856D5D 2px, #fff 2px, #fff 4px);
}



.day_event_right_text {
	padding-top: 3%;
/*	font-size: 1.13em;*/
}
.day_event_right_text a {
	text-decoration: underline;
}
/*----庚申の日----*/
.what_text {
	background-color: #EBE9E7;
	padding: 2%;
}
/*----------------------------------------*/
@media screen and (max-width: 768px){
	
.sk_li {
	display: inline-block;
	padding:1%;
	text-decoration: none;
	color: #333333;
	border: 1px dashed #35441B;
	border-radius: 3px;
	transition: .4s;
	margin:1%;
	margin-left: 4%;
	width: 40%;
	background-color: #EBE9E7;
float: left;
	text-align: center;
	font-size: 1em;
	font-size: 0.88em;
}
	.sk_li a {
	display: inline-block;
	padding:1%;
	text-decoration: none;
	color: #333333;
	border-radius: 3px;
	transition: .4s;
	margin:1%;
	margin-left: 3%;
	width: 40%;
	text-align: center;
	font-size: 1em;
}
	.sk_li_02 {
	display: inline-block;
	padding:1%;
	text-decoration: none;
	color: #333333;
	border: 1px dashed #35441B;
	border-radius: 3px;
	transition: .4s;
	margin:1%;
	margin-left: 4%;
	width: 40%;
	background-color: #EBE9E7;
	text-align: center;
	font-size: 1em;
			font-size: 0.88em;
}
	.sk_li_02 a {
	display: inline-block;
	padding:1%;
	text-decoration: none;
	color: #333333;
	border-radius: 3px;
	transition: .4s;
	margin:1%;
	margin-left: 4%;
	width:40%;
	text-align: center;
	font-size: 1em;
}
.day_month_title {
    
    width: 90%;
	}
.day_month_title:before, .day_month_title:after {
  width: 110px;
}
.day_event_left {
	width: 96%;
	float: none;
margin-left:auto;
margin-right: auto;
}

.day_event_right {
	width: 96%;
	float: none;
margin-left:auto;
margin-right: auto;
}
.day_event_main_title {
	width: 90%;
	font-size: 1.25em;
	}
	.day_event_right_title {
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom:3%;
}
}