@charset "utf-8";
/* ぱたぱたアニメ館 */

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  h1 site-logo
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

h1.site-logo {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.site-logo a {
	display: inline-block;
	padding-left: 48px; /* ← 画像＋左右余白 */
	font-size: 37px;
	font-weight: normal;
	font-family: HG創英角ﾎﾟｯﾌﾟ体, "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-image: url('../layout_image/pata_icon.gif');
	background-repeat: no-repeat;
	background-position: 10px center; /* ← ここで左側の余白を追加 */
	background-size: 32px 32px;
	text-decoration: none;
	color: #fff;
	vertical-align: top;
	letter-spacing: -1px; 
}
.site-logo a {color:#ffffff;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  width-95
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.width-95 {
	width:95%;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  font color
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.red {color:#ff2626;}
.red2 {color:#fe8c6b;}
.darkblue {color:#0000cc;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  next link
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.next-link-wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #dce7ff;
}
.next-link {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none; 
}
.next-link li {
	flex: 1;
	list-style-type: none;
	font-weight: bold;
}
.next-link li a {
	padding: 17px 10px;
	display: block;
	color: #0000cc;
	text-align: center;
}
.next-link li:hover {
	background-color: #b8cfff;
}
.next-link li:hover a {
	color: #ffffff;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 bottom link
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#bottom-link-wrap {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#a5dcff;
}
.bottom-link {
	width:96%;
	margin:0 auto;
	padding:10px 0px;
	text-align:center;
	line-height:1.5;
}
.bottom-link a {
	padding:10px 0px;
}
.divider {
	color: #0000cc;
	margin: 0 5px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  h2
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

h2 {
	margin:0;
	padding:5px 0;
	color:#000000;
	}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  h3 h3.asterisk
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

h3.asterisk {
	width:90%;
	margin:20px auto;
	padding: 0.3em;
	text-align: center;
	color: #003333;
	background: #fff;
	border-top:2px dashed #aaa;
	border-bottom:2px dashed #aaa;
}
h3.asterisk::before,
h3.asterisk::after {
	content: '✱';
	margin: 0px 5px;
	font-size: 1.2em;
	vertical-align: middle;
	color:#e32203;
}
 
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  h3 h3-denim
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.h3-denim {
	width:100%;
	margin:0;
	padding:7px 0px;
	text-align:left;
	text-indent:0.5em;
	background-color:#a5dcff;
	background-image:url("../layout_image/denim2.jpg");
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  img
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

img {
	max-width:100%;
	height:auto;
	border:none;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  page-top
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#page-top {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:999;
	opacity:0.6;	
}
#page-top img {
	vertical-align:bottom;
}
#page-top a:hover {
	background-color:transparent;
}