body{
	color: #333333;  
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 160%;
	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:#98CFE4;
	background: -moz-linear-gradient(top, #98CFE4, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#98CFE4), to(#fff));　
	/* 配色変更可能 */

}

#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{
	color:#333;
	text-decoration:none;
}

#header-content p{
	color:#333;
	font-weight:bold;
	text-shadow:none;
}

@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;
	}

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

	#header-content p{
		margin:0;
		padding:0;
	}

}

/* 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 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;
}

div#arcname {
	width: 95%;
	font-size: 150% !important;
	color: #0280B2;
	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.main {
	width: 95%;
	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: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);
	background:#fff;
}

h2 {
	font-size: 150% !important;
	margin:-10px -10px;
	padding:15px 10px 10px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;

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

}

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 #ddd;

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

}

div.line {
	text-align: center;
	margin: 15px auto 10px;
	padding: 6px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

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

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

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

	h2 {
		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: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);
}

#content-side .ui-li-divider{
	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-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	
	/* 追加：白い縁取り削除 */
	text-shadow:none;
	/* 追加：白い縁取り削除 */

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

}

#content-side ul{
	text-overflow: clip;
	overflow: hidden;
	white-space: normal;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
}

#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:#333;
	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 #F7F7F7;
}

.side-ttl{
	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#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:#98CFE4;
	/* 配色変更可能 */

}

#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: #42A4C9 !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: #2191BF;
     text-decoration: none;
}

h2.color a:hover{
     color: #42A4C9;
     text-decoration: none;
}