@charset utf-8;
	
body{
	font-family: "UD新ゴ コンデンス90 L","UD Shin Go Conde90 L";
	color:#333333;
	}
		
	
.block{
	
	width:98%;
	background-color: tranceparent;
	background-image: url(img/back3.png);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:center;
	-webkit-box-sizing: border-box;
	-moz-bos-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 3px 3px 6px #aaaaaa;

}
.block p{ text-align:left; padding-left:1em; padding-right:1em;}
.block li{ text-align:left; padding-left:0.2em;}


.block1{
	
	width:98%;
	max-width: 800px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	background-color: tranceparent;
	background-image: url(img/back3.png);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:center;
	-webkit-box-sizing: border-box;
	-moz-bos-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 3px 3px 6px #aaaaaa;

} 

.block1 p{text-align:left; padding-left:1.5em; padding-right:1.5em;}

.block2{
	font-family:sans-serif;
	width:98%;
	max-width: 880px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	background:#6e7955;
	color:#003333; 
	margin:1px auto;
	padding:0.5em;
	-webkit-box-sizing: border-box;
	-moz-bos-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 3px 3px 6px #aaaaaa;
	border-radius:  3px 3px;
}

.box1{	
	margin:1em;
	padding:1em;
	border-radius:  3px 3px;
	box-shadow: 3px 3px 8px #8c8861;
}

/*  フォント　*/
h1{ 
	font-size:x-large;	
	font-family: "解ミン 月 B","Kaimin Tsuki Bold";  
	background-image:url(img/back2.png);
	padding:6px;
	box-shadow: 0px 0px 4px #a1a46d inset;
	}
h2{ 
	font-size:large; 
	font-family: "解ミン 月 B","Kaimin Tsuki Bold";  
	background-image:url(img/back2.png);
	padding:6px;
	box-shadow: 0px 0px 4px #839b5c inset;
	}
h3{ 
	font-size:medium; 
	background-image: url(img/back3.png);
	padding:6px;
	box-shadow: 0px 0px 4px #a99e93 inset;
	 }
sup{ color:#800000; font-size:small;}
 


.kakaku{ color:#8f2e14; font-size:large; font-weight:bold;}
.fu{ font-size:large; font-weight:bold; 	font-family: "解ミン 月 B","Kaimin Tsuki Bold"; }
.fu2{ color:#800000; font-size:large; font-weight:bold; 	font-family: "解ミン 月 B","Kaimin Tsuki Bold"; }

/*   */
.migi{ text-align: right; }
.naka{ text-align: center; }
.mini{ font-size:small;}
.modoru{ text-align: right; line-height:1px; font-size:small;}
.li_me{font-size:small; padding:5px; text-align:left; background-color:#fffffe;}
.bigbig{ font-size:xx-large; font-family: "解ミン 月 B","Kaimin Tsuki Bold"; }

/* リンク  */
a{ text-decoration: none;}
a:link{ color:#333333; }
a:visited { color: #800000; }
a:hover{ background-color: #aaaaaa; color: #000000; }

.block2 a:link{ color:#ffffff; }
.block2 a:visited { color: #ffffff; }


/* リスト */
.t_list{ list-style-image:url(list.png); }

article ul li{
	list-style-image:url(image/list.png);
	width:68%;
	text-align:left;
	}



/* 画像 */
.gazou1{ width:100% ; height: auto; }
.gazou2{ width:auto; height:200px;}
.gazou3{ width:380px; height:380px;}
.gazou4{ width:380px; height:380px; }
.gazou5{ 

	width:98% ; height: auto;
	max-width: 880px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	border-radius: 9px 9px ;
	}

.gazou00{ 

	width:98% ; height: auto;
	max-width: 880px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	border-radius: 9px 9px ;
	}

.block2 img{ 
	border:solid 3px #fffffe;
	border-radius: 9px 9px ;
	}

/*　記事レイアウト　*/

article{	
	background-image:url(image/blog_back.png);
	padding:15px;
	text-align:left;
	width:98%;
	margin:0px auto;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-bos-sizing: border-box;
	box-sizing: border-box;
}


/*	パネル	*/
.menu{ 
	width:80%; 
	margin:5px;}


.menu label {
	font:normal bold x-large sans-serif;
	background-image:url(image/blog_back.png);
	text-shadow:3px 3px 6px #aaaaaa;
    color: #000;
    padding: 10px;
    display: block;
    margin: 2px;
    box-shadow: 3px 3px 6px #aaaaaa;
	border-radius:5px;

}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
	width:88%;
	text-align:left;
	font-family:sans-serif;
	color:#333333;
	border:solid 1px #e8ecef;
    padding: 3px;
	background-image:url(image/blog_back2.png);

}
.menu p{	
	margin:1.5em;
	padding:0.5em;
	background-image:url(image/blog_back.png);
}
.menu h2{
	padding-left:0.2em;
	background-image:url(image/blog_back.png);
}
	


input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;	}

/* ヘッダー設定 */

header{
	background-image:url(img/back2.png);
	font-family:  "解ミン 月 B","Kaimin Tsuki Bold";  
	text-align:left;
	padding-left:1em;
	position:fixed;
	width:100%;
	z-index: 30;/* 数値が大きいほど画像を前面に */
	
	}

.popup_wrap input {
  display: none;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #6e79553d;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  align-self: center;
  width: 75%;
  max-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
}
.popup_content p{
    padding:20px 20px 5px 20px;
    text-align: center;
}
.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color:#6e7955;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
    color: #6e7955;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #dcd3b2;
    margin-left:0.5em;
    padding:5px 5px;
    font-weight: bold;
}
.open_btn:hover{
    background:#dcd3b2;
    color:#fff;
    transition: .3s ease;
}


.popmenu{ 
	width:80%; 
	}


.popmenu label {
	background-image:url(image/blog_back.png);
	text-shadow:3px 3px 6px #aaaaaa;
    color: #000;
    padding: 10px;
    display: block;
    margin: 2px;
    box-shadow: 3px 3px 6px #aaaaaa;
	border-radius:5px;

}

.popmenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.popmenu li {
	width:88%;
	text-align:center;
	font-family:sans-serif;
	color:#333333;
	border:solid 1px #e8ecef;
    padding: 3px;
	background-image:url(image/blog_back2.png);

}
.popmenu p{	
	margin:0.5em;
	padding:0.2em;
	background-image:url(image/blog_back.png);
}
.popmenu h2{
	padding-left:0.2em;
	background-image:url(image/blog_back.png);
}
	
/*　ボタン　*/

.botan{
	font-family: "解ミン 月 B","Kaimin Tsuki Bold"; 
	width:96%;
	max-width: 880px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	background-image:url(img/blog_back.png);
	text-align:center;
	padding:0.2em;
	margin:0.2em;
    box-shadow: 3px 3px 6px #aaaaaa;
    text-shadow: 3px 3px 6px #ffffff;
    border-radius:5px;
    -webkit-box-sizing: border-box;
	-moz-bos-sizing: border-box;
	box-sizing: border-box;


}

.botan a{ text-decoration: none;}
.botan a:link{ color:#8f2e14; }
.botan a:hover { background-color:#ffffff; }
.botan a:visited { color: #e6b422; }



/* カレンダーテーブル */
table{
	width:98%;
	max-width: 800px; /* 最大幅 */
	min-width: auto; /* 最小幅 */
	}
.cal{
	border:solid 2px #aaaaaa;
	vertical-align:top;}
.futu{
	text-align:center;}

.do{	
	background-color:#669999;
	text-align:center;}
.niti{	
	background-color:#cc3300;
	text-align:center;}
	
.suji{ text-align:left; font-size:large; font-weight:bold;}
.kansi{ color:#666633;}
.kansi2{ color:#333333; font-size:small;}

.kyou{ color:#990000; font-size:large;}
.kichi{ color:#000000; font-size:x-large;}
.hei{ color:#333333; font-size:x-large;}
.moon{ color:#333333; font-size:medium;}
.sun{ color:#333333; font-size:medium;}

.kekka{ background-color:#ffcccc; text-align:center; }



/* newカレンダー */

.cal1_1{
	width:10%;
	background-color:#bbbb99;
	text-align:center;}
.cal1_2{
	width:10%;
	background-color:#bbbb99;
	text-align:center;}
.cal1_3{
	width:75%;
	background-color:#bbbb99;
	text-align:center;}
.cal1_4{
	width:5%;
	background-color:#bbbb99;
	text-align:center;
	font-size:small;}

.cal2{
	background-color:#cccc99;
	}
.cal3{
	background-color:#fffff0;
	text-align:left;}
.cal4{
	background-color:#fffff0;
	text-align:center;}



/* */

.fadeIn{
	font-size:10em;
	animation-name: fadeInAnime;
	animation-duration:8s;
	animation-fill-mode:forwards;
	opacity: 0;
	}
	
@keyframes fadeInAnime{
	0%{
		opacity:0;
		}
	100%{
		opacity:1;
		}
		

/* */