@charset "UTF-8";

body {
    background-color: #98d98e;
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

#main {
   background-color: #ffffff;
   padding-top: 1em;
}


.img-thumbnail {
    background-color: #98d98e;
}


.navbar {
  background: #55d342;
  color: #f5fbf4;
  min-height: 50px;
}

.navbar-brand {
  height: 50px;
  padding: 15px 15px;
  line-height: 20px;
}

.navbar-nav>li>a {
  line-height: 20px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #3c6c35;
  background-color: #a6de9d;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
      padding-top: 15px;
      padding-bottom: 15px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
}

#banner {
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	padding: 0.5em;
background: #28343b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #28343b 0%, #828c95 64%, #b5bdc8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* IE10+ */
background: linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#banner #banner-header {
	margin-top: 0px;
	margin-bottom: 0px;
}

#banner-header a,
#banner-header a:link,
#banner-header a:visited,
#banner-header a:active {
	font-size: 153.9%;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#banner #banner-description {
	margin-bottom: 5px;
	color: #e0ffe0;
}

footer {
    margin: 50px -15px;
    padding: 0px 15px;
background: #28343b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #28343b 0%, #828c95 64%, #b5bdc8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* IE10+ */
background: linear-gradient(-45deg,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.side ul, .side ol {
    padding-left: 16px;
}

.side ul li,
.side li {
	list-style-type: none;
	font-size: 95%;
}

#footer .module-tagcloud {
	background-color: white;
	margin: 1em;
}


.navmenu {
     padding: 4px 0px;
}

.navmenu > div  {
	background-color: white;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

.navmenu > div:first-child {
	border-left: 1px solid #cccccc;
}

.navmenu > div a {
	display: block;
	width: 100%;
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.module-tagcloud .module-content { text-align: left; }
.module-tagcloud .module-content ul { border: 1px solid #CCC; padding: 10px; margin: 10px; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list a { border-width: 0; color: #000; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 28px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 24px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 20px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 16px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 14px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel1 a { color: red; }
.module-tagcloud .module-content .module-list li.taglevel2 a { color: blue; }
.module-tagcloud .module-content .module-list li.taglevel3 a { color: black; }
.module-tagcloud .module-content .module-list li.taglevel4 a { color: #404040; }
.module-tagcloud .module-content .module-list li.taglevel5 a { color: #808080; }
.module-tagcloud .module-content .module-list li.taglevel6 a { color:#c0c0c0; }

rankingtitle {
	margin-left: 0.5em;
	font-weight: bold;
}

#pageviewranking {
	margin: 1em 3px;
	padding: 0.5em 1px;
	overflow: auto;
}

#pageviewranking li,
#recententry li {
	padding: 0.5em 0px 1.5em 0px;
	margin: 0.5em 0px;
	clear: left;
}

.rankingpv {
	font-size: 88%;
}


ul.urllink li,
ul.urllist li {
	list-style-type: none;
}

.urllink li:before,
.urllist li:before {
	content: "▼";
}

h3.tabelog {
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 116%;
	border-bottom: 2px dotted #202020;
}

.tabelogshop iframe {
	width: 100%;
}

.tabelogshop a {
	color: cornflowerblue;
}

.pickup {
    float: left;
    border: 1px solid #CCC;
    margin-top: 2px;
    margin-right: 10px;
    height: 80px;
    width: 80px;
}

.clearfix {
    display: block;
}

/* fg.menu */
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;  }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; color: #f0f0f0; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em;}
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }

ul.fg-menu li { list-style-type: none; text-align: left;}
ul.fg-menu li a {  margin: 0px; font-size: 13px; }
ul.fg-menu-breadcrumb li { color: white; opacity: .4; }

.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { font-size: 1.2em; cursor: default;}

/* アーカイブページの前後リンク */
.content-nav,
.content-nav a {
    text-align: center;
    font-size: 100%;
}

.vc .vctext {
	padding: 3px 0px 3px 0px;
	font-family: arial,sans-serif;
	font-size: 85%;
}
.vc .vctext li {
	padding: 1px 5px 1px 5px;
	display: inline;
}

.vc .vctext li a {
	text-decoration: underline;
}

#box-header .ads {
	text-align: center;
}

#content .ads {
	margin: 1em 0.5em 1em 1.5em;
	padding-top: 1.5em;
	padding-bottom: 2em;
}

.entry-metadata {
	font-size: 14px;
}

/*ブロック要素（ではないのもあるけど）内の段落要素*/
.entry-body ins p,
.entry-body dd p,
.entry-body ul p,
.entry-body ol p 
	margin: 0;
	line-height: 1.5;
	color: #4a525a;
	background-color: #ffffff; 
}

.cite {
	margin: 1em 0 0 20px;
}

.entry-body blockquote,
.entry-more blockquote,
.entry-body .blockquote,
.entry-more .blockquote {
}

.entry-body blockquote p,
.entry-more blockquote p {
}

.entry-body blockquote ul li,
.entry-more blockquote ul li {
	list-style-position: inside;
	list-style-type: square;
}

/*エントリー本文の段落要素*/
.entry-body p,
.entry-more p {
	margin: 1em 0 0 20px;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 0;
	/*\*/
	letter-spacing: 1px;
	/**/
	color: #4a525a;
}

.entry-body ul,
.entry-more ul {
	margin: 1em 0 0 40px;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 0;
	/*\*/
	letter-spacing: 1px;
	/**/
	color: #4a525a;
}

.entry-body h4,
.entry-more h4 {
	margin: 10px 0 0;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #007b43;
}

.entry-body h5,
.entry-more h5 {
	margin: 1em 0 0 0.5em;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
}

.blogbody h2.pltitle {
	margin-bottom: 10px;
}


.archive-list h2.pltitle {
	padding: 2px 1px 2px 3px;
	margin: 3px;
	border-left: thick solid navy;
	font-size: 26px;
	font-weight: bold;
	color: #808080;
}

.archive-list dl dd {
	font-size: 16px;
}


.entry-content h2.pltitle {
	padding: 2px 1px 2px 3px;
	margin: 3px;
	border-left: thick solid #cd5c5c;
	border-bottom: 1px solid #cd5c5c;
	font-size: 20px;
	font-weight: bold;
	color: #808080;
}

.entry-footer {
	padding-top: 1.0em;
	margin: 0.5em 0 1.5em 10px;
	border-top: 1px dotted #4A525A;
}

.entry-tags a {
	font-size: 20px;
	padding: 0.5em;
	background-color: #ebebeb;
	border: 1px solid #999999;
	border-radius: 5px;
	color: black;
	text-decoration: none;
}

.entry-tags a:hover,
.category-subcategory a:hover,
.category-tags a:hover {
	background-color: navy;
	color: snow;
	text-decoration: none;
}

.relentries-content {
    margin: 10px 0;
}

.relentries-content ul {
	margin: 0px 3px;
	padding: 0.5em 1px;
	overflow: auto;
}

.relentries-content ul li {
	padding: 0.5em 0px 1.5em 0px;
	margin: 0.5em 0px;
	list-style-type: none;
}

.relentries-content ul a {
	color: blue;
}

.relentries-header {
	font-size: 24px;
	margin-top: 5px;
    margin-bottom: 11px;
}


.category-subcategory a,
.category-tags a {
	font-size: 20px;
	padding: 5px;
	margin: 2px;
	background-color: #ebebeb;
	border: 1px solid #999999;
	border-radius: 5px;
	color: black;
	text-decoration: none;
	display: inline-block;
}


/* RSSフィード */
.syndicate {
    text-align: left;
    color: #666666;
    font-size: 16px;
    line-height: 150%;
}

.syndicate li {
	list-style-type: none;
}

/* クレジットバナー */
.powered {
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	color: #4A525A;
	font-size: 16px;
	text-align: center;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
.powered li {
	list-style-type: none;
}


.amazlet-box,
.kaerebalink-box {
	margin: 1.0em 0.5em;
	padding: 0.5em;
	border: 1px dotted #202020;
}

.amazlet-box .amazlet-name a,
.kaerebalink-box .kaerebalink-name a{
	font-size: 18px;
}

.amazlet-box .amazlet-name .amazlet-powered-date,
.amazlet-box .amazlet-name .amazlet-powered-date a,
.kaerebalink-box .kaerebalink-name .kaerebalink-powered-date,
.kaerebalink-box .kaerebalink-name .kaerebalink-powered-date a {
	font-size: 14px;
}

.amazlet-box .amazlet-detail,
.amazlet-box .amazlet-review,
.kaerebalink-box .kaerebalink-detail,
.kaerebalink-box .kaerebalink-review {
	font-size: 15px;
}

.social-status {
	display:table;
	padding:0 0 0 2px;
}

#twitter-status,
#facebook-status,
#gree-status,
#hatena-bookmark,
#google-plus-one-status,
#mixi-status,
#bookmark-status,
#line-status {
	float: left;
}

#twitter-status {
	width:75px;height:64px;
}

#facebook-status {
	width:75px;height:64px;
}

#hatena-bookmark {
	width:85px;height:62px;
}

#google-plus-one-status {
	width:56px;height:64px;
}

#line-status {
	width:44px;height:62px;
}

#searchbox,
#searchbox input {
	line-height: normal;
}

#searchbox *,
#searchbox *:before,
#searchbox *:after
{
	-webkit-box-sizing: content-box;
	box-sizing: content
}

#entries img.loader {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* share html */
.link-box{border:1px solid #e1e1e1;padding:10px;display:flex;margin:30px}.link-box:hover{background-color:#f3f3f3;-webkit-transition:background-color .35s;transition:background-color .35s}.img-box{width:25%;float:left}.img-box div{min-height:170px;background-size:cover;background-position:center center}.text-box{width:75%;float:left;padding-left:20px;line-height:1.7;margin:0}.text-box .title{font-size:18px;font-weight:600;color:#428bca;padding:0;margin:0}.text-box .description{font-size:15px;color:#333;padding:0}@media only screen and (max-width:479px){.img-box div{min-height:80px}.text-box{margin-left:10px;line-height:1.5}.text-box .title{font-size:13px;margin:0}.text-box .description{font-size:11px;margin-top:5px}}
