/* ベース部分 */

#change_mobile {display:none}


* {
	margin: 0;
	padding: 0;
      


    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

html,body {
	background: #f8f7f3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 100%;

    /* 縦の高さを100% */
}

.container {
	max-width: 100%;
	margin: 0 auto;
	position: relative;

    /* フッター部の配置用に定義 */
	min-height: 100%;
}

.main {
	margin: 10px;
	padding-bottom: 90px;

    /* フッターの高さの分余白を取る */
}

.footer-bk {
	background-color: #000;

    /* 背景色(黒) */
	width: 100%;

    /* 横の幅を100% */
	height: 60px;

    /* 縦の幅を120px */
	position: absolute;

    /* 絶対位置指定することを定義 */
	bottom: 0;

    /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;

    /* 上下に余白を取る */
}

.footer-bk a {
	color: white;
}

a {
	text-decoration: none;
	color: #222;
}

a:hover {
	text-decoration: underline;
	color: #00b2b2;
}

ul {
	list-style-type: none;
}
/* ベース部分ここまで */

/* トップメニュー部分 */

.bar {
	width: 100%;
	background: #000;
	text-align: center;
	z-index: 1;
}

.topmenu {
	width: 1080px;
	display: inline-block;
	background-color: #000;
	text-align: center;
}

.snsico {
	float: left;
	background-color: #000;
	line-height: 40px;
}

.snsico ul {
	display: table;
}

.snsico li {
	display: table-cell;
	color: white;
	vertical-align: middle;
	font-size: 0.8em;
}

.snsico img {
	vertical-align: middle;
}

.topright {
	text-align: right;
	float: right;
	line-height: 40px;
}

.rightli {
	color: white;
	font-size: 0.8em;
}

.rightli a {
	color: white;
}

.rightli img {
	vertical-align: middle;
}

.cateli {
	position: relative;
	cursor: pointer;
}

.cateli:hover {
	text-decoration: underline;
	color: #00b2b2;
}
/* トップカテゴリ部分 */

.topcate {
	position: absolute;
	top: 48px;
	display: none;
	background-color: #00b2b2;
	z-index: 1;
	width: 1080px;
}

.topcate li {
	color: white;
	text-align: left;
	font-size: 1em;
	float: left;
	padding: 0 10px 0 15px;
}

.snsico li a {
	color: white;
}

.topclose {
	margin: 10px 0 10px 20px;
	text-align: left;
	font-size: 1.5em;
	color: white;
}
/* トップカテゴリ部分ここまで */
/* トップメニュー部分ここまで */


/* ナビ部分 */

.navi {
	width: 100%;
	background-color: #f8f8f8;
	height: 50px;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

.navimenu {
	width: 1080px;
	display: inline-block;
}

.navimenu ul {
	display: table;
	width: 100%;
}

.navimenu li {
	display: table-cell;
	line-height: 50px;
	width: 20%;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: silver;
	Box-sizing: Border-box;
	color: #191919;
	font-size: 0.8em;
}

.navimenu li:last-child {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: silver;
}

.navimenu li a {
	display: block;
}

.navimenu li a:hover {
	background-color: #000;
}
/* ナビ部分ここまで */



/* コンテンツ部分*/

.contents {
	width: 1280px;
	margin: 0 auto;
}

.logoarea {
	width: 1280px;
	height: 100px;
	background-color: #000;
	margin-top: 20px;
}

/* RSSの場所 へいとで調整しよう*/
.bannerarea728 {
	float: right;
	width: 1280px;
	height: 40px;
	line-height: 90px;
	text-align: center;
	background-color: #f8f8f8;
}

.introduction {
	font-size: 1em;
	text-align: left;
	margin: 20px 0px 20px 0px;
}

.pankuzu {
	font-size: 1em;
	text-align: left;
	margin: 20px 0px 20px 0px;
}

.pankuzu a:visited {
	color: #00b2b2;
}

.maincontents {
	width: 1280px;
	margin-top: 20px;
}

.leftbar {
	float: left;
	width: 342px;
	margin-right: 40px;
	border: solid 1px silver;
	background-color: #fff;
}

.rightbar {
	float: left;
	width: 894px;
	border: solid 1px silver;
	background-color: #fff;
}

.bannerarea300 {
	text-align: center;
	padding: 20px 10px 10px 10px;
        z-index:0;
        position:relative;
}

.topentry {
	margin-top: 5px;
	width: 100%;
	background-color: #eee;
	Box-sizing: Border-box;
	position: relative;
}

h2 {
	padding: 20px;
	color: #222222;
	font-size: 1.3em;
	line-height: 40px;
}

.entryimg {
	float: left;
	margin: 20px;
	width: 200px;
	height: 150px;
}

.entryh2 {
	float: left;
	width: 450px;
}

.entrydescription {
	margin: 0 10px 20px 20px;
	font-size: 0.8em;
}

figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	color: white;
	font-size: 1.5em;
	text-align: center;
	line-height: 180px;
}

figure:hover figcaption {
	opacity: 1;
	cursor: pointer;
}

figcaption a {
	display: block;
	color: white;
	text-decoration: none;
}

figcaption a:hover {
	color: white;
	text-decoration: none;
}

.ymd {
	position: absolute;
	right: -80px;
	top: 0;
	height: 80px;
	width: 80px;
	z-index: 10;
	background-color: #00b2b2;
}

.ymd p {
	color: white;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
}

.entryarchive {
	position: relative;
	margin: 20px;
}

.entryinfo {
	font-size: 0.8em;
	color: #222;
	margin-bottom: 20px;
}

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

.entryarchive a {
	color: blue;
}

h3 {
	box-sizing: border-box;
	color: #222;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #222;
}
/* コンテンツ部分ここまで */

/* プラグイン*/

h4 {
	padding: 10px 0 0 0;
	box-sizing: border-box;
	color: #00b2b2;
	width: 320px;
	margin: 0 auto 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #222;
}

.plugin-freearea {
	color: #222;
	padding: 0 0 10px 10px;
}

.title_font {
	color: #222;
	padding: 0 0 0 10px;
}

.plugin-tag {
	color: #222;
	padding: 0 0 0 10px;
}

.recentcom {
	padding: 0 0 0 10px;
}

.recentcom li a {
	color: #222;
	text-decoration: underline;
	font-size: 0.8em;
	line-height: 30px;
}

.plugin-rss,.plugin-all,.plugin-month,.maypage,.plugin-calender,.searcharea,.mailform,.plugin-weather {
	color: #222;
	padding: 0 0 0 10px;
}

.plugin-calender {
	border-collapse: collapse;
}

.plugin-calender table {
	width: 320px;
}

.plugin-calender th {
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #00b2b2;
	border: 1px solid #b9b9b9;
}

.plugin-calender td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	text-align: center;
}

.plugin-calender td a {
	font-weight: bold;
}

.plugin-calender caption {
	background-color: #00b2b2;
	color: white;
	font-weight: bold;
}

.plugin-calender caption a {
	color: white;
	font-weight: bold;
}

.searcharea {
	margin-bottom: 10px;
}

.searcharea input {
	padding: 10px;
}
/* プラグインここまで*/


/* 拍手snsボタン*/

.fc2_footer {
	margin-top: 20px;
}
/*関連記事*/

.relate_dl {
	border: 1px solid silver;
	padding: 10px;
	margin-top: 20px;
}

dt.relate_dt {
	margin: 0 0 10px;
	color: #00b2b2;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #222;
}

dd.relate_dd {
	margin-left: 40px;
	line-height: 30px;
	font-size: 0.8em;
}

.relate_dd a {
	text-decoration: underline;
}
/*nextprev系*/

table.nexprev {
	width: 100%;
	border-collapse: collapse;
}

.nexprev th {
	color: #00b2b2;
	padding: 15px;
	width: 50%;
	backgound-color: #fff;
	border: 1px solid silver;
}

.nexprev th:first-child {
	text-align: left;
}

.nexprev th:last-child {
	text-align: right;
}

.nexprev td {
	padding: 15px;
	font-size: 0.8em;
	border: 1px solid silver;
	backgound-color: #fff;
}

.nexprev td:first-child {
	text-align: left;
}

.nexprev td:last-child {
	text-align: right;
}
/*コメントエリア*/

.comment_area {
	margin-top: 20px;
}

h5 {
	color: #00b2b2;
}

.comment_area {
	font-size: 0.8em;
}

.comment_area dl {
	margin: 20px 0 20px 10px;
}

.comment_area dt {
	font-weight: bold;
}

.comment_area dd {
	text-indent: 20px;
}

.comment_area dd.comfooter {
	margin: 5px 0 5px 10px;
}
/*トラックバックエリア*/

.tbarea {
	margin-top: 20px;
}

.tbarea div.content {
	padding: 10px;
	font-size: 0.8em;
}

.tbarea div.tbtitle {
	font-size: 0.8em;
	padding-left: 10px;
	font-weight: bold;
}

.tbarea div.tbfooter {
	margin: 10px 0;
}
/*トップリンク部分*/

li.linkmenu {
	position: relative;
}

.toplink {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.toplink {
	position: absolute;
	top: 50px;
	left: -1px;
	width: 100%;
	background: #000;
	z-index: 100;
	box-sizing: content-box;
	border: solid 1px silver;
}

li.linkmenu:hover .toplink {
	visibility: visible;
	opacity: 1;
}

.toplink li {
	padding: 0;
	display: block;
	width: 100%;
	border-style: none;
	line-height: 20px;
	text-align: left;
	border-bottom: solid 1px silver;
	padding: 10px;
}

.toplink a {
	color: white;
	font-size: 1.3em;
	display: block;
}

.toplink a:hover {
	color: #00b2b2;
	background-color: #000;
}

.toplink li:li:last-child {
	border-style: none;
}
/*アイコンフォントスタイル*/

.iconstyle {
	color: #00b2b2;
}
/* clearfix*/

.nexprev:after,.snsico:after,.topentry:after,.maincontents:after,.logoarea:after,.topmenu:after,.contents:after,.top:after,.acprofile:after,.rankin:after,.junlerk:after,.alllist:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/*レスポンシブここから*/

/*レスポンシブ専用要素*/

.toggle,.mobmenu{
display:none;
}



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

.topmenu ,
.topcate ,
.navimenu ,
.contents ,
.logoarea{

width:100%;
margin:0;
padding :0;

}

*{
z-index:0;

}

h1{

font-size:1em;

}
.contents {
	width: 100%;
	margin: 0 auto;
}

.topmenu{

display:none;

width:100%;


}
.maincontents {

width:100%;

}


.toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
  }
  .toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #222;
    text-align: center;
    text-decoration: none;
  }

.mobmenu{
display:block;
padding :10px;

cursor:pointer;
background-color:#222;
width:100%;
color:white;

}

.navi{
display:none;
position:relative;
z-index:100;
width: 100%;

}

.navimenu {
	width: 100%;
	display:block;
position:relative;

}

.navimenu ul {
display:block;
z-index:100;
	}

.navimenu li {
	display: block;
	line-height: 50px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	Box-sizing: Border-box;
	color: #191919;
	font-size: 0.8em;
z-index:100;

background-color:#000;
}

.navimenu li:last-child {
	display:none;

}

.navimenu li a {
	display: block;
color:white;
}

.navimenu li a:hover {
	background-color: #000;
}



.logoarea {
	display:none;
}

.bannerarea728 {
	float: none;

}

.introduction {
margin:0;
padding:0;
	font-size: 1em;
	text-align: left;
	width: 100%;
}

.leftbar {
	float: none;
	width: 100%;
	margin-:0;
	border: solid 1px silver;
	background-color: #fff;
margin: 0 auto;

}

.rightbar {
	float: none;
	width: 100%;
	border: solid 1px silver;
	background-color: #fff;
margin-top:20px;
margin: 0 auto;

}

.ymd {
position: relative;

left: 0;
	top: 0;
	height: 80px;
		width: 100%;
	z-index: 10;
	background-color: #00b2b2;
}

.ymd p {
	color: white;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
}

.entrydescription {
	margin: 0;
	font-size: 0.8em;
width:340px;
word-wrap:break-word;

padding: 20px;

box-sizing:border-box;

}

h2 {
	padding: 20px;
	color: #222222;
	font-size: 1.3em;
	line-height: 40px;
box-sizing:border-box;
width:340px;
}

figcaption {

display:none;

}



}

/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 150px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #999;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}