body{
	color: #004364; 
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 160%;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

.ui-mobile [data-role="page"]{
	margin:0 auto;
	padding:0;
	min-width:320px;
	max-width:100%;
	position:relative;
	background:#fff;
}

/* clearfix */

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
  
.clearfix {
	display: inline-table;
}  

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* html */

img{
	border:none;
}

.mb15{
	margin-bottom:15px;
}

@media screen and (max-width:767px){

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

}

@media screen and (min-width:769px){

	.ui-header,
	.ui-content{
		margin:0;
		padding:0;
		border:none;
	}

}


/* header */

#header{
	width:100%;
	margin:auto 0;

	/* 配色変更可能 */
	background:#074298;　
	/* 配色変更可能 */

}

#header-content{
	width:1100px;
	height:110px;
	margin:auto;
	display:table;
	padding-top:10px;
	padding-left:15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background:url("./css/header.png") top left no-repeat;
}

#header-content h1,
#header-content h1 a,
#header-content h5,
#header-content h5 a {
	margin-top: 1em;
	color:#EFF8FC;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: normal;
	margin-left:65px;
}

#header-content p{
	color:#EFF8FC;
	font-weight:bold;
	text-shadow:none;
	margin-left:162px;
}


@media screen and (max-width:767px){

	#header-content{
		width:100%;
		height:auto;
		padding:10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	background:url("./css/header_sp.png") top left no-repeat;
	}

	#header-content h1,
	#header-content h1 a,
	#header-content h5,
	#header-content h5 a {
		font-size:1.1em;
		margin: 0;
		padding:0;
	margin-left:45px;
	}

	#header-content p{
		margin: auto 0;
		padding:0;
	margin-left:90px;
	}

}

/* content */

#content{
	width:1100px;
	display:table;
	margin:auto;
}

@media screen and (max-width:767px){

	#content{
		width:auto;
		display:block;
	}

}

/* content-main */

#content-main{
	display:table-cell;
	width:800px;
	padding:20px 10px;
	vertical-align:top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

div#arcname {
	width: 97%;
	font-size: 150% !important;
	color: #014563;
	font-weight:bold;
	margin:0 0 1em;
	border-bottom: 1px solid #333;
	padding: 5px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

div#pnkz_list {
	margin: 0px 3px 6px;
	padding: 0;
}

div.main {
	width: 97%;
	margin-bottom:25px;
	padding:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: none;
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	border: 1px solid #004364;*/
	background:#fff;
}

div.main_top_site {
	width: 97%;
	margin-top:-35px;
	margin-bottom:0;
	padding:0px 10px 10px 10px;
	background:#fff;
}

div.main h2, div#arcname h1, div#arcname h5 {
	font-size: 1.4em;
	margin:-10px -10px;
	padding:15px 10px 10px;

	/* 配色変更可能 */
	background:#FFFFFF;
	/* 配色変更可能 */

}
div.main h1, div.main h5 {
	font-size: 1.4em;
	margin:-10px -10px;
	padding:15px 10px 10px;

	/* 配色変更可能 */
	background:#FFFFFF;
	/* 配色変更可能 */
}

div.date {
	margin:-10px -10px 1em;
	padding:10px;
	color: gray;
	font-weight:bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:1px solid #004370;

	/* 配色変更可能 */
	background:#fff;
	/* 配色変更可能 */
}
div.date-non {
	margin:-20px -10px 1em;
	max-height:18px;
	padding:0px;
	color: gray;
	font-weight:bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:1px solid #004370;

	/* 配色変更可能 */
	background:#fff;
	/* 配色変更可能 */
}


@media screen and (max-width:767px){
div.date-non {
	margin:-10px -10px 1em;
	max-height:13px;
	padding:0px;
	color: gray;
	font-weight:bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:1px solid #ddd;

	/* 配色変更可能 */
	background:#FFFFFF;
	/* 配色変更可能 */
}
}

div.line {
	text-align: center;
	margin: 15px auto 10px;
	padding: 6px;
	/* 配色変更可能 */
	background:#C5DEFD;
	/* 配色変更可能 */
}

div.line a{
	color: #004364;
	text-decoration: underline;
	text-shadow:none;
}

div.line a:link{
	color: #004364;
	text-decoration: underline;
	text-shadow:none;
}

div.line a:visited{
	color: #004364;
	text-decoration: underline;
	text-shadow:none;
}


div.line a:hover{
	color: #004364;
	text-decoration: none;
	text-shadow:none;
}

div.line a:active{
	color: #004364;
	text-decoration: underline;
	text-shadow:none;
}

div.main img{
	border:1px solid;
}

@media screen and (max-width:767px){

	#content-main{
		display:block;
		width:auto;
		padding-top:0;
	}

	div.main h2, div.main h1, div#arcname h1, div.main h5, div#arcname h5 {
		font-size: 110% !important;
		margin:-10px -10px 0;
		padding:10px;
	}

	div.date {
		padding-bottom:0;
	}

	div.main {
		width: 100%;
		margin-bottom:15px;
		padding:10px;
	}

}

/* content-side */

#content-side{
	display:table-cell;
	width:300px;
	padding:20px 0;
	vertical-align:top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#content-side #entry,
#content-side #arcv,
#content-side #categ{
	margin-top:15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:1px solid #DDDDDD;
}

#content-side .ui-li-divider{
	color:#02408B;
	padding:5px;
	font-weight:bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #004364;
	text-shadow:none;

	/* 配色変更可能 */
	background:#fff;
	/* 配色変更可能 */

}

#content-side ul{
	text-overflow: clip;
	overflow: hidden;
	white-space: normal;
	list-style:none;
	margin:0;
	padding:0;
}

#content-side ul li{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-top:1px solid #ddd;
}

#content-side ul li a{
	color:#004364;
	text-decoration:none;
	display:block;
	text-overflow: clip;
	overflow: hidden;
	white-space: normal;
	font-size:14px;
	font-weight:normal;
	padding:5px 35px 5px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background:url("./css/images/icons-png/carat-r-black.png") center right no-repeat #fff;
}

#content-side ul li a:hover{
	background:url("./css/images/icons-png/carat-r-black.png") center right no-repeat #C5DEFD;
}

.side-ttl{
	color:#02408B;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid;
}

/* カレンダ */

div#calen {
	padding: 8px 2px;
	border-bottom: 1px solid #c0c0c0;
}

table.calen {
	width:80%;
	margin: 1em auto;
	border-collapse: collapse;
}

table.calen td {
	font-size: 12px;
	text-align: center;
	border: 1px solid #c0c0c0;
	padding: 3px 4px;
	color: #696969;
}

table.calen td.sun {
	color: #dd0000;
}

table.calen td.sat {
	color: #0000ff;
}

table.calen th {
	text-align: center;
}

table.calen span {
	margin: 0 12px;
}

/* 検索 */
div#find {
	margin: 5px 0;
}

/* プロフィール */
div#prof {
	padding: 8px 0;
	border-bottom:1px solid;
}
div.prof {
	margin: 5px 0;
	display:block;
}

div.prof div{
	display:table-cell;
	vertical-align:top;
	font-size:12px;
}

div.prof div:last-child{
	padding-left:8px;
}

div.prof div img{
	width:70px;
	height:auto;
	border:1px solid #c0c0c0;
}

@media screen and (max-width:767px){
	#content-side{
		display:block;
		width:auto;
		padding:0;
	}
	table.calen {
		width:100%;
	}
}

/* Footer */

#footer {
	width:100%;
	margin:auto 0;
	border-top:1px solid #ddd;

	/* 配色変更可能 */
	background:#C5DEFD;
	/* 配色変更可能 */

}

#footer-content{
	width:1100px;
	margin:auto;
	padding:10px 0;
	color:#333;
	text-align:center;
	font-weight:normal;
	text-shadow:none;
	display:table;
}

@media screen and (max-width:767px){
	#footer-content{
		width:auto;
		padding:10px 0;
		display:block;
		font-size:0.8em;
	}
}

/* ページ繰越ボタン */
span.pg-on,
span.pg-off{
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	width: 22px;
	height: 22px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

span.pg-on,span.pg-on a {
	color: #333;
	background: #E9E9E9;
	text-decoration:none;
}

span.pg-off,span.pg-off a {
	color: #3388CC !important;
	background: #fff;
	text-decoration:none;
}

div.pg-btn {
	width: 100%;
	text-align: center;
	margin: 1.5em auto;
}

@media screen and (max-width:767px){
	div.pg-btn {
		margin-bottom:0;
	}
}

/* コメント部 */
div.com-area {
	width: 95%;
	padding: 5px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

div.com-area p {
	margin-left: 2em;
}

div.com-area span {
	color: #737373;
}

input.comfm-m {
	width: 230px;
	height: 22px;
}

input.comfm-l {
	width: 340px;
	height: 22px;
}

textarea.comfm-t {
	width: 340px;
	height: 6em;
}

input.comfm-btn {
	width: 95px;
	height: 30px;
}

table.comfm-tbl {
	margin: 1.5em;
}

table.comfm-tbl td {
	color: #737373;
	padding: 3px;
}

input.cook-on {
	margin-top:2px;
}

@media screen and (max-width:767px){
	div.com-area {
		width: 100%;
	}
	table.comfm-tbl td {
		display:block;
	}
	input.comfm-m {
		width: 100%;
		height: 22px;
	}
	input.comfm-l {
		width: 100%;
	}
	textarea.comfm-t {
		width: 100%;
	}
	input.comfm-btn {
		width: 100%;
	}
}

h2 a{
     text-decoration: none;
}

h2.color a{
     color: #013C8A;
     text-decoration: none;
}

h2.color a:hover{
     color: #3388CC;
     text-decoration: none;
}

h1 a{
     text-decoration: none;
}

/* h1.color a{
     color: #013C8A;
     text-decoration: none;
}

h1.color a:hover{
     color: #3388CC;
     text-decoration: none;
} */


h1.color {
width: 97%;
	font-size: 28px !important;
	color: #014563;
	font-weight:bold;
	margin:0px 0 1em;
	border: none;
	padding: 5px 10px 10px;
}



/*トップページの目次のHタグ */

div.mokuji h2 {
padding: 0.5em;/*文字周りの余白*/
margin-left:-10px;
color: #00002D;/*文字色*/
background: #EEF5FF;/*背景色*/
border-left: solid 5px #0F7DCA;/*左線（実線 太さ 色）*/
margin-bottom:0.5em;
}

div.mokuji h2 a{
text-decoration: none;
color: #00002D;/*文字色*/
}


div.mokuji h3 {
padding: 0.5em;/*文字周りの余白*/
margin:-10px 0 -10px -10px;
color: #00002D;/*文字色*/
border-bottom: solid 1px #999999;/*下線（実線 太さ 色）*/
font-size:1.2em;
text-decoration: none;
}

div.mokuji h3 a{
text-decoration: none;
}


div.mokuji h4 {
margin-left:1em;
color: #02408B;/*文字色*/
font-size:1.2em;
}

div.mokuji h4 a{
text-decoration: none;
}


/* 個別ページの目次のHタグ */

div.nakami h2 {
padding: 0.5em;/*文字周りの余白*/
margin-left:-10px;
color: #00002D;/*文字色*/
background: #EEF5FF;/*背景色*/
border-left: solid 5px #0F7DCA;/*左線（実線 太さ 色）*/
margin-bottom:0.5em;
}

div.nakami h2 a{
text-decoration: none;
color: #00002D;/*文字色*/
}


div.nakami h3 {
padding: 0.5em;/*文字周りの余白*/
margin:-10px 0 -10px -10px;
color: #00002D;/*文字色*/
border-bottom: solid 1px #999999;/*下線（実線 太さ 色）*/
font-size:1.2em;
text-decoration: none;
}

div.nakami h3 a{
text-decoration: none;
}


div.nakami h4 {
margin-left:1em;
color: #02408B;/*文字色*/
font-size:1.2em;
}

div.nakami h4 a{
text-decoration: none;
}

/*その他 */

div.main p{
font-size: 16px;
line-height:28px;
margin:0;
}

/* ページトップに戻るボタン */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #C5DEFD;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}