@charset "Shift_JIS";

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
hr {height:0;margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style: none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}

/* fonts */

body {
	font-size: 13px;
	line-height: 1.8;
	color : #555555;
	font-family:sans-serif;
	background-color: #fff;
}

/* 全体設定 */
html {
}


body {
    border:10px solid #000;/* 枠線 */

}

#container {
	width: 550px;
	margin: 0 auto;
	background: ;
}

#header {
	padding-top: 60px;
	height:90px;
	background: url(dd.jpg) center center / cover no-repeat;
	position:relative;
}

#contents {
	padding-top: 60px;
}

#footer{
	padding-top: 60px;
	text-align: center;
}

/* 要素 */
hr {
	border-top: 1px solid #000;
	margin-top: 20px;
	margin-bottom: 20px;
}

a:link,a:visited,a:active {color : #555555;text-decoration : none;}
a:hover {color : #FF8C00;text-decoration : underline;}

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

/* 記事部分 */
h1 {
	position:absolute;/* 絶対指定 */
	bottom:5px;/* 下からの位置 */
	right:0px;/* 右からの位置 */
	font-family: "ＭＳ Ｐ明朝";
	font-size: 4.0em;
	color: #fff;
}

.title {
	font-size: 1.3em;
	border-bottom-color: #333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 60px;

}

.inline {
	margin: 2.0em 0;
}

.inline li {
	display: inline;
	padding-right: 0.5em;
	border-right: 1px solid #333;
}

.inline li+ li {
	padding-left: 0.5em;
}

/* カスタム要素 */
.margin { margin: 1em 0; } /* 余白必要な場合 */
.text { text-indent: 1em; } /* インデント */
.center { text-align: center; }
.right { text-align: right; }

.grey { color: #888888; }
.site { color: #FF8C00; }
.day {
	text-align: right;
	padding-top: 40px;
}

/* pc非表示 */
.none{
	display:none;
}

@media screen and (max-width: 1024px) {
/* タブレット */

}/* 消さない */

@media screen and (max-width: 768px) {
/* スマホ */

body {
	font-size: 14px;
	color : #000;
	background-color: #fafafa;
	border:initial;

}
#container {
	width: 95%;
	margin: 0 auto;
	padding: 0;
}
}/* 消さない */