@charset "utf-8";
body {margin: 0 auto; padding: 0; letter-spacing: 1px; font-family: "メイリオ", meiryo, Arial, Helvetica!important; background: url(images/body.jpg);}
img {border: 0; vertical-align: middle;}

ul li {list-style: none}

.black,.red,.blue,.green,.cha,.orange,.r-blue,.r-green {
    margin: 0;
	padding: 0;
}
.cha {color: #993300;}
.red {color: #FF0000;}
.blue {color: #0000FF;}
.green {color: #00CC99;}
.orange {color: #FF9900;}
.r-blue {color: #0099FF;}
.black {color: #000000;}
.bold {font-weight: bold;}
.gray {color: #666666;}
.r-gray {color: #999999;}
.r-green {color: #65B1B1;}
.pink {color: #FF6699;}
.purple {color:#CC66CC;}

a:hover {text-decoration: none;}
.small {font-size: 88%;}
/*イメージリンク*/
a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}

/*h2*/
.page-h2-1 {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 136%;
	line-height: 150%;
}

.post-h2-1 {
	clear: both;
	margin: 0;
	padding: 8px 0 0 10px;
	font-size: 117%;
	line-height: 134%;
	width: 678px;
	height: 62px;
	color: #FFFFFF;
	font-weight: normal;
	background: url(images/page-h2-1.jpg) no-repeat;
}

/*h3*/
#item-data h3,.post-area h3,.post-foot h3,.item-lists h3,.search-form h3,.post-page h3,.post-master h3 {
	width: 620px;
	height: 28px;
	margin: 0;
	padding: 12px 0 0 40px;
	font-size: 100%;
	line-height: 117%;
}
#item-data h3,.post-area h3,.post-foot h3,.item-lists h3,.post-page h3,.post-master h3 {background: url(images/h3-1.gif);}
.search-form h3{background: url(images/search-h3.gif); color: #FFFFFF;}

#home-new h3,#home-new2 h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 134%;
}

.h3-2 {
	clear: both;
	margin: 0;
	padding: 6px 0 0 10px;
	font-size: 100%;
	line-height: 117%;
	width: 648px;
	height: 24px;
	color: #FFFFFF;
	background-color: #522C12;
	border: 1px solid #310000;
	font-weight: normal;
}

.post-new3 h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 117%;
}

.h3-3,.post-cat h3 {
	clear: both;
	padding: 8px 0 0 4px;
	width: 656px;
	height: 36px;
	font-size: 100%;
	line-height: 117%;
	font-weight: normal;
	color: #000000;
	background: url(images/cat-h3-1.gif);
}
.post-cat h3 {margin: 0;}
.h3-3 {margin: 0 0 0 0;}
.h3-4 {margin: 0; padding: 28px 0 0 70px; color: #FFFFFF; font-size: 117%; line-height: 151%; background: url(images/h3-h4.gif); height: 42px; width: 590px; font-weight: normal;}

.foot-h3-a {
	clear: both;
	margin: 0;
	padding: 4px 0 0 25px;
	font-size: 100%;
	line-height: 134%;
	color: #4D2626;
	width: 135px;
	height: 22px;
	font-weight: normal;
	background: url(images/foot-h3-a.jpg);
}


/*h4*/
.post-area h4,.post-page h4,.post-master h4 {
	margin: 0;
	padding: 0;
	width: 658px;
	height: 24px;
	font-size: 100%;
	line-height: 117%;
	color: #663300;
	border-bottom: 1px dotted #666666;
	/*border: 1px dotted #522C12;
	background-color: #FAF3F3;*/
}

.post-ninki-list h4 {
	margin: 4px 0 0 4px;
	padding: 0;
	width: 116px;
	float: left;
}


/*ul*/
.post-area ul,.post-page ul,.post-master ul {margin: 0; padding: 0 0 10px 0;}

/*li*/
.post-area li,.post-page li,.post-master li {margin: 0; padding: 4px 10px 4px 10px; font-weight: bold; font-size: 100%; line-height: 117%; color: #444444;}

blockquote {
	margin: 10px 0 10px 0;
	padding: 10px;
	background-color: #FAF3F3;
	font-size: 84%;
	border: 1px dashed #663300;
}

#all {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#main {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#content {
    margin: 0;
	padding: 0;
	float: left;
	width: 700px;
}

.post-date {
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

form {
    margin: 0;
	padding: 0;
}

/*サイドバー*/
#sidebar,#sidebar-home {
	width: 290px;
	float: right;
	color: #333333;
	padding: 0;
}
#sidebar {margin: 0;}
#sidebar-home {margin: 20px 0 0 0;}
.side-class {
	margin: 0 0 30px 0;
	padding: 4px;
	width: 282px;
	background-color: #663333;
}

.side-h3-1 {
	margin: 0;
	padding: 0 0 0 6px;
	font-size: 100%;
	line-height: 134%;
	color: #FFFFFF;
	font-weight: normal;
}
.side-sns {
	margin: 0 auto 6px;
    padding: 4px 0 0 2px;
    height: 64px;
    width: 280px;
    background-color: #FFFFFF;
}
.side-sns li {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
}

.side-searchbox {
	margin: 0 auto 6px;
	padding: 4px 0 0 1px;
	height: 36px;
	width: 273px;
}

#side-pickup,#side-pickup2 {
	margin: 0 0 30px 0;
	padding: 4px;
	width: 282px;
	background-color: #F0EBE1;
}

.side-class2 {
	margin: 0 0 30px 0;
	padding: 4px;
	width: 282px;
	background-color: #F0EBE1;
}
.side-class3 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 290px;
}
.img-new-list {
	margin: 10px 0 10px 0;
	padding: 0 0 0 17px;
	overflow: auto;
}
.img-new-list li {
	margin: 0;
	padding: 0;
	width: 82px;
	height: 82px;
	/*background-color: #DBCFC1;*/
	text-align: center;
	float: left;
}

#word {
    float: left;
    margin: 0;
	padding: 2px;
	color: #666666;
	width: 188px;
	height: 20px;
	font-size: 100%;
	line-height: 117%
}

#searchsubmit {
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
    width: 70px;
    height: 27px;
    border: none;
    color: #333333;
    text-align: center;
    background: #E9D6B4;
    border: #CCCCCC solid 1px;
}
#searchsubmit:hover {
    color: #FFFFFF;
    background: #663300;
    border: #CCCCCC solid 1px;
}

.side-h3-2 {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 134%;
	color: #333333;
	font-weight: normal;
}

.pr_p {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

.side-new-dl {
	margin: 4px auto 4px;
	padding: 4px;
	width: 274px;
	height: 122px;
	background-color: #F2EEE6;
}
.side-new-dt {
	margin: 0;
	padding: 0;
	width: 118px;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: left;
}
.side-new-dd1 {
	margin: 0;
	padding: 0 0 0 10px;
	width: 144px;
	font-size: 84%;
	line-height: 117%;
	float: left;
}
.side-new-dd2 {
	margin: 0;
	padding: 16px 0 0 10px;
	width: 144px;
	font-size: 100%;
	line-height: 134%;
	font-weight: bold;
	float: left;
}
.side-new-dd2 a {color: #663300; text-decoration: underline;}
.side-new-dd2 a:hover {text-decoration: none;}

.side-maker,.side-maker2 {
	margin: 0;
	padding: 10px 0 0 20px;
	background-color: #F0EBE1;
}
.side-maker2 {height: 184px;}
/*.side-maker li {
	margin: 0;
	padding: 0;
	background-color: #F0EBE1;
	width: 121px;
	height: 41px;
	text-align: center;
	float: left;
}*/

.side-maker_li1 {
	margin: 0 1px 1px 0;
	padding: 10px 10px 0 10px;
	background-color: #F3F0E9;
	width: 100px;
	height: 24px;
	font-size: 84%;
	line-height: 117%;
	font-weight: bold;
	float: left;
}
.side-maker_li2 {
	clear: both;
	margin: 0 1px 10px 0;
	padding: 10px 10px 0 10px;
	background-color: #F3F0E9;
	width: 220px;
	height: 24px;
	font-size: 84%;
	line-height: 117%;
	font-weight: bold;
}
.side-maker a,.side-maker2 a {color: #663333; text-decoration: none; display: block;}
.side-maker a:hover,.side-maker2 a:hover {text-decoration: underline; background-color: #CC9933; display: block; color: #FFFFFF; font-weight: normal;}

.word-list {margin: 0; padding: 0; height: 100px;}
.word-list li {margin: 7px 5px 0 5px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; background-color: #F1E7D1; font-size: 74%; float: left;}
.word-list li a {text-decoration: none; color: #663300; display: block; padding: 6px; border: 1px dotted #663300;}
.word-list li a:hover {opacity: .5;}

/*single.php　記事ページ*/
#content-post {
    margin: 0;
	padding: 0;
	float: left;
	width: 688px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#content-post2 {
    margin: 0;
	padding: 0;
	float: left;
	width: 690px;
}

.post-area,.post-cat,.post-new3,.post-master,.post-contents {
    clear: both;
	width: 660px;
	margin: 0;
	padding: 0 14px 10px 14px;
	color: #333333;
}

/*記事中画像*/
.img-left {float: left;}

.post-area h2,.post-master h2,.post-contents h2 {
    margin: 0;
	padding: 10px 0 0 0;
	color: #333333;
	font-size: 16px;
	line-height: 18px;
	clear: both;
}

.post-contents h3 {
    margin: 0 0 30px 0;
	padding: 56px 8px 6px 8px;
	font-size: 160%;
	border-bottom: 1px solid #CCCCCC;
}
.post-contents h4 {
    clear: both;
    margin: 0;
	padding: 30px 0 4px 0;
	font-size: 120%;
	color: #996633;
}
.post-contents dl {
    margin: 0 2% 10px 2%;
	padding: 0;
	width: 96%;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: -webkit-flex; display: flex; justify-content: center;
	background-color: #FCFCFC;
}
.post-contents dt {
    margin: 0;
	padding: 0 2px 0 2px;
	width: 158px;
	border-right: 1px solid #CCCCCC;
}
.post-contents dd {
    margin: 0;
    padding: 12px 24px 12px 16px;
	text-align: justify;
    font-size: 104%;
    line-height: 150%;
    color: #666666;
	letter-spacing: 2px;
}
.contens_fix {
    margin: 0 2%;
	padding: 0 0 56px 0;
	width: 96%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: -webkit-flex; display: flex; justify-content: space-between;
}
.contens_ul1 {
    margin: 0;
	padding: 0; 
	width: 50%;
}
.contens_ul1 li {
    margin: 0;
    padding: 0 0 0 8px;
    font-size: 92%;
	line-height: 128%;
}
.contens_link1 {
    margin: 0;
	padding: 0;
}
.contens_link1 a {margin: 0; padding: 0;}

.post-area p,.post-page p,.post-master p {
    margin: 0;
	padding: 30px 0 30px 0;
	font-size: 100%;
	line-height: 168%;
}

.cap-data {
	margin: 0;
	padding: 30px 0 30px 0;
	text-align: center;
}
.cap-data img{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/*page.php　固定*/
.post-page {
    clear: both;
	width: 660px;
	margin: 0;
	padding: 0 14px 0 14px;
	color: #333333;
}

.next {
    margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
}

.previous {
    margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
}

/*コメント欄*/
.user {
    width: 585px;
	height: 25px;
	margin: 0;
	padding: 20px 0 0 15px;
	font-size: 14px;
	line-height: 16px;
}

.c-text {
    width: 600px;
	height: auto;
	margin: 0;
	padding: 0;
}

.c-text p {
    margin: 0;
	padding: 0 40px 0 20px;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
}

.c-date {
    clear: both;
    margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

#comment-end {
    margin: 0;
	padding: 0;
}

#commentwrap {
	margin: 0;
	padding: 0;
}

.adm {
    margin: 0;
	padding: 0 0 4px 0;
	color: #666666;
	font-size: 12px;
	line-height: 14px;
}

#commentwrap h3 {
    height: 30px;
    margin: 0;
	padding: 0;
	color: #CCCC00;
	font-size: 14px;
	line-height: 16px;
}

#commentform {
    margin: 0;
	padding: 0;
	height: auto;
}

#commentform p {
    margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 117%
}

#author,#email,#url {
    width: 150px;
	height: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%;
	line-height: 117%
}

#submit {
    width: 80px;
	height: 24px;
    margin: 0;
	padding: 0;
	font-size: 12px;
}

#comment {
    width: 500px;
	height: 160px;
	margin: 0;
	padding: 4px 4px 4px 4px;
}

.r-com {
    margin: 0;
	padding: 7px 0 0 0;
	width: 580px;
	height: 23px;
	font-size: 14px;
	line-height: 16px;
}

.c-na {
    margin: 0;
	padding: 0 0 0 4px;
	font-size: 100%;
	line-height: 117%
}

#author,#email,#url {
    width: 150px;
	height: 16px;
	margin: 0;
	padding: 0;
}

/*フッター*/
#foot {
    clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 100%;
	line-height: 117%;
	color: #000000;
}

.foot1 {
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}
.foot1 ul {
	margin: 0;
	padding: 10px 0 20px 0;
}
.foot1 li {
	margin: 2px 0 0 0;
	padding: 0 0 0 30px;
	width: 130px;
	height: 42px;
	font-size: 84%;
	line-height: 117%;
	color: #4D2626;
	background: url(images/foot1-li.jpg);
}
.foot1 li a {
	width: 130px;
	line-height: 42px;
	display: block;
	text-decoration: none;
	color: #4D2626;
}

.foot2 {
	margin: 0;
	padding: 0;
	width: 570px;
	float: left;
}
.f2-ul1 {
	margin: 0;
	padding: 5px 0 0 0;
	height: 100px;
}

.f2-ul2 {
	margin: 0;
	padding: 0 0 0 20px;
	height: 80px;
}

.f2-li1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
	text-align: center;
}
.f2-li2 {
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 0 16px;
	width: 90px;
	font-size: 84%;
	line-height: 117%;
	background: url(images/li-icon1.gif) no-repeat;
}
.f2-li2 a {text-decoration: none; color: #4D2626;}
.f2-li2 a:hover {display: block;}

/*FaceBook*/
#fb {
	clear:both;
	width: 500px;
	height: 214px;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 0;
}
.fb-like-box {height: 260px;}
/*div#aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown {background-color: #FFFFFF;}*/

.foot3 {
	margin: 0;
	padding: 0;
	width: 230px;
	float: left;
}

.foot3 dl {
	margin: 0;
	padding: 10px 0 0 0;
	width: 220px;
}

.foot3 dt {
	margin: 0;
	padding: 0;
	float: left;
	width: 70px;
}

.foot3 dd {
	margin: 0;
	padding: 0;
	width: 150px;
	float: right;
	font-size: 84%;
	line-height: 100%;
	color: #4C2626;
}

.foot4 {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	width: 230px;
	float: left;
}
.rt-tw {
	margin: 10px 0 0 0;
	padding: 0;
}

.copyright {
	clear: both;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 100%;
	line-height: 134%;
	color: #FFFFFF;
	background: #4C2626;
}

.copyright p {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}