/*=========================================

## モジュールの命名規則 ##
１、単語の区切りはアンダースコア１つ
２、サブモジュールはハイフン２つ

例）.entry_list--title_small

## 基本モジュールはユーザーが操作しない部分 ##
=========================================*/
body {
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
}
a {
  color: #007ebe;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.l-header {
  border-top: 5px solid;
}
/*=========================================
	.branding
=========================================*/
.branding {
  display: inline-block;
  vertical-align: bottom;
  font-size: 18px;
  font-size: 1.8rem;
}
.branding:after {
  content: "";
  display: block;
  clear: both;
}
.branding--link {
  display: table;
  padding: 0;
  text-decoration: none;
}
.branding--link:after {
  content: "";
  display: block;
  clear: both;
}
.branding--link:hover {
  text-decoration: none;
  /*
			.keyframes(~'rumble,0%{transform:rotate(0deg)translate(0,0);}12.5%{transform:rotate(0.4deg)translate(1px,-1px);}25%{transform:rotate(0.8deg)translate(0px,1px);}37.5%{transform:rotate(0.4deg)translate(-1px,0);}50%{transform:rotate(0deg)translate(0,0);}62.5%{transform:rotate(-0.4deg)translate(1px,0);}75%{transform:rotate(-0.8deg)translate(0,1px);}87.5%{transform:rotate(-0.4deg)translate(-1px,-1px);}100%{transform:rotate(0deg)translate(0,0);}');
			.animation(rumble,.1s,linear,0s, infinite);
*/

  /*
			.keyframes(~'fadeIn,0%{opacity: 0;}100% {opacity: 1;}');
			.animation(fadeIn,.5s,linear,0s);
*/

}
.branding--img {
  display: inline-block;
  vertical-align: bottom;
}
.branding--logo {
  display: inline-block;
  vertical-align: bottom;
  max-height: 100px;
  margin-right: 40px;
}
.branding--title {
  display: inline-block;
  vertical-align: bottom;
  padding: 0;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: .2em;
  font-weight: bold;
}
.branding--desc {
  display: block;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: .1em;
  font-weight: normal;
}
/*=========================================
	.gnavi
=========================================*/
.gnavi {
  display: block;
  margin: 0 -100%;
  padding: 0 100%;
  clear: both;
  -webkit-box-shadow: 0 3px 0 0 #f3f3f3;
  -moz-box-shadow: 0 3px 0 0 #f3f3f3;
  box-shadow: 0 3px 0 0 #f3f3f3;
}
.gnavi--menu {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  border-left: 1px solid;
}
.gnavi--menu:after {
  content: "";
  display: block;
  clear: both;
}
.gnavi--menu li {
  display: table-cell;
  margin: 0;
  padding: 0;
  border-right: 1px solid;
}
.gnavi--menu li:after {
  content: "";
  display: block;
  clear: both;
}
.gnavi--menu li a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 13.333333333333334px;
  margin: 0;
  box-sizing: border-box;
}
.gnavi--menu li a:after {
  content: "";
  display: block;
  clear: both;
}
.gnavi--menu li a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.1);
}
.gnavi--menu li ul {
  display: none;
}
.gnavi--menu li:hover ul {
  position: absolute;
  display: block;
}
.gnavi--menu li.current-menu-item a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.15);
}
/*=========================================
	.entry
=========================================*/
.entry {
  /*
	border: 1px solid @border;
	padding: 30px;
*/

  box-sizing: border-box;
}
.entry--header {
  overflow: hidden;
}
.entry--meta {
  overflow: hidden;
  line-height: 1.8;
  margin-bottom: 10px;
}
.entry--date {
  font-weight: bold;
}
.entry--category a {
  color: #333333;
}
.entry--title {
  font-size: 30px;
  font-size: 3rem;
  margin: 0 0 40px;
}
.entry--title small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
}
.entry--thumb {
  display: block;
  margin: 0 auto 40px;
}
.entry--widget {
  margin: 30px 0;
}
.entry--widget_title {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0;
}
.entry--content:after {
  content: "";
  display: block;
  clear: both;
}
.entry--content p {
  display: block;
  margin: 40px 0;
  line-height: 2.15;
}
.entry--content h1,
.entry--content h2,
.entry--content h3,
.entry--content h4,
.entry--content h5,
.entry--content h6 {
  background: none;
  overflow: hidden;
  margin: 40px 0;
  padding: 20px 0;
  box-sizing: border-box;
  font-weight: bold;
  clear: both;
}
.entry--content h1 {
  font-size: 30px;
  font-size: 3rem;
}
.entry--content h2 {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  padding: 20px;
  -webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;
  background-clip: padding-box;
}
.entry--content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.entry--content h4 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 1px solid;
  padding: 0 0 0 20px;
}
.entry--content h5 {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 0;
}
.entry--content h6 {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0;
}
.entry--content blockquote {
  position: relative;
  background: #f9f9f9;
  padding: 10px 40px;
  margin: 20px 0;
}
.entry--content blockquote:before {
  position: absolute;
  top: 0;
  left: 10px;
  font-family: dashicons;
  font-size: 30px;
  content: "\f122";
  color: #e1e1e1;
}
.entry--content blockquote cite {
  color: #999;
}
.entry--content table {
  width: 100%;
  border: 1px solid #e1e1e1;
  margin: 20px 0;
}
.entry--content table thead tr th {
  border: 1px solid #e1e1e1;
  background: #f5f5f5;
  padding: 10px;
  text-align: center;
}
.entry--content table tr th {
  border: 1px solid #e1e1e1;
  background: #f9f9f9;
  padding: 10px;
  text-align: center;
}
.entry--content table tr td {
  border: 1px solid #e1e1e1;
  padding: 10px;
}
.entry--content dl {
  width: 100%;
  display: block;
  margin: 20px auto;
  border-bottom: 1px dotted #e1e1e1;
  letter-spacing: -1em;
}
.entry--content dl:after {
  content: "";
  display: block;
  clear: both;
}
.entry--content dl dt {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 30%;
  padding: 20px 0;
  letter-spacing: .1em;
  border-top: 1px dotted #e1e1e1;
}
.entry--content dl dt:first-child {
  border: none;
}
.entry--content dl dt:first-child + dd {
  border: none;
}
.entry--content dl dd {
  display: inline-block;
  box-sizing: border-box;
  width: 70%;
  padding: 20px 0 20px 20px;
  letter-spacing: .1em;
  border-top: 1px dotted #e1e1e1;
}
.entry--content ul {
  padding-left: 2em;
}
.entry--content ul[style] {
  list-style: none;
}
.entry--content ul[style] li {
  display: block;
  padding: 0;
  margin: 10px 0;
  position: relative;
}
.entry--content ul[style] li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: .4em;
  height: .4em;
  -webkit-border-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 100%;
  -moz-background-clip: padding;
  border-radius: 100%;
  background-clip: padding-box;
  position: relative;
  left: -1em;
}
.entry--content ul[style*="circle"] li:before {
  border: 1px solid;
  background: none;
}
.entry--content ul[style*="square"] li:before {
  -webkit-border-radius: 0%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0%;
  -moz-background-clip: padding;
  border-radius: 0%;
  background-clip: padding-box;
}
.entry--content ul li {
  margin: 20px 0;
}
.entry--content ol {
  padding-left: 30px;
}
.entry--content ol li {
  padding: 0;
  margin: 10px 0;
}
.entry--content address {
  font-style: normal;
}
.entry--content abbr {
  cursor: help;
  border-bottom: 1px dotted #333333;
}
.entry--content acronym {
  cursor: help;
  border-bottom: 1px dotted #333333;
}
.entry--content big {
  font-size: 1.5em;
}
.entry--content cite {
  color: #999;
}
.entry--content code,
.entry--content tt {
  font-size: 1em;
  background: #f5f5f5;
  color: #336699;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Lucida Console', monospace;
  vertical-align: baseline;
  word-wrap: break-word;
}
.entry--content em {
  font-weight: bold;
  font-style: normal;
}
.entry--content img {
  display: block;
}
.entry--content ins {
  color: #333333;
  max-width: 100%;
}
.entry--content pre {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin: 15px 0;
  font-size: 1em;
  letter-spacing: 0;
  background: #393939;
  color: #ccc;
  font-family: 'Source Code Pro', Consolas, Monaco, 'Lucida Console', monospace;
  vertical-align: baseline;
  word-wrap: break-word;
}
.entry--content strong {
  font-weight: bold;
}
.entry--content sub {
  font-size: .5em;
}
.entry--content sup {
  vertical-align: super;
  font-size: .5em;
}
.entry--content iframe,
.entry--content .wp-caption {
  max-width: 100%;
  margin-bottom: 20px;
}
.entry--content iframe img,
.entry--content .wp-caption img {
  margin-bottom: 10px;
}
.entry--content iframe-text,
.entry--content .wp-caption-text {
  font-size: 12px;
  font-size: 1.2rem;
}
.entry--content .aligncenter {
  margin: 0 auto 20px;
  text-align: center;
}
.entry--content .alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.entry--content .alignright {
  float: right;
  margin: 0 0 20px 20px;
}
.entry--content .headline {
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: normal;
  background: none;
  margin: 30px auto;
  overflow: hidden;
}
.entry--content .headline small {
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  margin: 0;
  padding: 10px 0 0;
  font-weight: normal;
  border-top: 1px solid;
}
.entry--content .headline.right {
  text-align: right;
}
.entry--content .headline.right small {
  float: right;
}
.entry--content .headline.center {
  text-align: center;
}
.entry--content .headline.center small {
  margin: 0 auto;
}
.entry--content .link {
  text-decoration: none;
  color: #333333;
  line-height: 1.8;
  padding: 0 0 0 2.5em;
  display: table;
  position: relative;
}
.entry--content .link:hover {
  text-decoration: underline;
}
.entry--content .link:before {
  position: absolute;
  left: 0;
  font-family: dashicons;
  font-weight: normal;
  content: "\f345";
  line-height: 1.8em;
  width: 1.8em;
  padding: 0;
  -webkit-border-radius: 0.9em;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0.9em;
  -moz-background-clip: padding;
  border-radius: 0.9em;
  background-clip: padding-box;
  display: inline-block;
  text-align: center;
  background: #e07939;
  color: #ffffff;
}
.entry--content .icons {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  box-sizing: border-box;
  border: 2px solid #e07939;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
  margin-right: 20px;
  color: #e07939;
  font-size: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.entry--content .icons:hover {
  background: #e07939;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.entry--content .dashicons,
.entry--content .dashicons:before {
  height: auto;
  width: auto;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: inherit;
  vertical-align: inherit;
}
.entry--footer {
  clear: both;
  overflow: hidden;
  padding: 0;
}
.entry--tags {
  margin: 20px 0;
}
.entry--tags a {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  color: #333333;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.entry--tags a:hover {
  text-decoration: none;
  color: #007ebe;
  border-bottom: 1px solid #007ebe;
}
.entry--tags a:before {
  position: relative;
  top: 3px;
  left: -5px;
  font-family: dashicons;
  content: "\f323";
}
/*=========================================
	loopショートコード系
	(.entry--content内部で使われるので詳細度をUP)
=========================================*/
html .entry_list {
  overflow: hidden;
}
html .entry_list.sticky {
  /*
		position: relative;
		margin-bottom: 30px;
		.entry_list--link{
			padding: 0;
			border: none;
			background: #000;
			.transition(all,.3s);
			img{
				.transition(all,.3s);
			}
			&:hover{
				img{
					.scale(1.2);
					.opacity(0.5);
				}
			}
		}
		.entry_list--meta{
			width: 100%;
			box-sizing: border-box;
			padding: 30px;
			position: absolute;
			bottom: 0;
			color: #fff;
			background: rgba(0,0,0,.5);
			-webkit-backdrop-filter: blur(20px);
			backdrop-filter: blur(20px);
		}
		.entry_list--date{
			float: none;
		}
*/

}
html .entry_list--link {
  overflow: hidden;
  display: block;
  padding: 30px 0;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom: 1px solid #e1e1e1;
  color: #333333;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_list--link:hover {
  background: #f3f3f3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_list--link:hover .entry_list--left img {
  display: block;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_list--link_small {
  padding: 20px;
}
html .entry_list--left {
  float: left;
  max-width: 240px;
  margin-right: 20px;
  overflow: hidden;
  display: table;
}
html .entry_list--left img {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_list--left_small {
  max-width: 105px;
  margin-right: 10px;
}
html .entry_list--left_small:before {
  font-size: 20px;
  font-size: 2rem;
}
html .entry_list--category {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_list--right {
  overflow: hidden;
}
html .entry_list--date {
  float: right;
  line-height: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_list--date_small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_list--author {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 40px;
  margin: 0 0 10px;
}
html .entry_list--author img {
  display: inline;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  margin-right: 5px;
}
html .entry_list--title {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  background: none;
}
html .entry_list--title_small {
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_list--excerpt {
  margin: 10px 0 0;
}
html .entry_list--tags {
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_list--tags .tag {
  padding: 5px 10px;
}
html .entry_content {
  display: block;
  padding: 5% 0;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
}
html .entry_content--left {
  max-width: 40%;
  margin-right: 5%;
  float: left;
  display: table;
}
html .entry_content--right {
  overflow: hidden;
}
html .entry_content--date {
  float: right;
  line-height: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_content--date_small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_content--author {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 40px;
  margin: 0 0 10px;
}
html .entry_content--author img {
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  margin-right: 5px;
}
html .entry_content--title {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0;
  padding: 0 0 5%;
  background: none;
}
html .entry_card {
  margin: 20px -20px;
  padding: 0;
  overflow: hidden;
  font-size: 0px;
  font-size: 0rem;
}
html .entry_card--inner {
  width: 25%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
html .entry_card--inner:hover {
  background-color: #f3f3f3;
}
html .entry_card--inner:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_card--link {
  text-decoration: none;
  display: block;
  overflow: hidden;
}
html .entry_card--thumbnail {
  width: 100%;
  height: 0;
  padding-bottom: 66.66666666666667%;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}
html .entry_card--thumbnail:before {
  position: relative;
  top: 50%;
  display: inline-block;
  width: 100%;
  line-height: 1;
  margin-top: -25px;
  text-align: center;
  content: "\f306";
  font-family: dashicons;
  color: #fff;
  font-size: 60px;
  font-size: 6rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
html .entry_card--thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
html .entry_card--date {
  font-size: 12px;
  font-size: 1.2rem;
}
html .entry_card--title {
  color: #333333;
}
/*=========================================
	.pagenation
=========================================*/
.pagenation {
  display: table;
  box-sizing: border-box;
  padding: 40px 0;
  margin: auto;
  text-align: center;
  border-bottom: 1px #e1e1e1;
}
.pagenation > span,
.pagenation .current,
.pagenation a {
  display: block;
  float: left;
  width: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 10px;
  box-sizing: border-box;
  text-decoration: none;
  border: 1px solid;
  font-size: 14px;
  font-size: 1.4rem;
}
.pagenation > span:hover,
.pagenation .current:hover,
.pagenation a:hover {
  text-decoration: none;
}
.pagenation a:hover {
  zoom: 1;
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/*=========================================
	.navigation
=========================================*/
.navigation {
  margin: 40px 0;
}
.navigation .screen-reader-text {
  height: 0;
  font-size: 0px;
  font-size: 0rem;
}
.navigation .nav-links {
  display: table;
  box-sizing: border-box;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e1e1e1;
}
.navigation .nav-links a {
  display: block;
  text-decoration: none;
  color: #333333;
}
.navigation .nav-previous,
.navigation .nav-next {
  display: table-cell;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.navigation .nav-previous:hover,
.navigation .nav-next:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #f3f3f3;
}
.navigation .nav-previous a:before,
.navigation .nav-next a:before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  font-family: dashicons;
  color: #333333;
  font-size: 20px;
  line-height: 1;
}
.navigation .nav-previous a {
  padding: 20px 20px 20px 50px;
}
.navigation .nav-previous a:before {
  left: 10px;
  content: "\f341";
}
.navigation .nav-previous a:hover:before {
  left: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.navigation .nav-next {
  text-align: right;
}
.navigation .nav-next a {
  padding: 20px 50px 20px 20px;
}
.navigation .nav-next a:before {
  right: 10px;
  content: "\f345";
}
.navigation .nav-next a:hover:before {
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/*=========================================
	.sidebar（ウィジェットエリア）
=========================================*/
.sidebar {
  padding: 20px;
  margin: 0 0 40px;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 3px 0 0 #f3f3f3;
  -moz-box-shadow: 0 3px 0 0 #f3f3f3;
  box-shadow: 0 3px 0 0 #f3f3f3;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.7;
  background: rgba(255, 255, 255, 0.8);
}
.sidebar--title {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding: 13.333333333333334px 20px;
  margin: -21px -21px 20px;
}
.sidebar--widget_archive ul,
.sidebar--widget_categories ul,
.sidebar--widget_meta ul,
.sidebar--widget_nav_menu ul,
.sidebar--widget_pages ul {
  padding: 0;
  position: relative;
  margin: -20px -20px -21px;
  /*
			.ui-icon{
				position: absolute;
				right: 10px;
				top: 50%;
				line-height: 24px;
				font-size: 24px;
				color: #ccc;
				margin-top: -12px;
			}
*/

}
.sidebar--widget_archive ul li,
.sidebar--widget_categories ul li,
.sidebar--widget_meta ul li,
.sidebar--widget_nav_menu ul li,
.sidebar--widget_pages ul li {
  display: block;
  padding: 20px;
  margin: 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
.sidebar--widget_archive ul li a,
.sidebar--widget_categories ul li a,
.sidebar--widget_meta ul li a,
.sidebar--widget_nav_menu ul li a,
.sidebar--widget_pages ul li a {
  display: block;
  padding: 20px;
  margin: -20px;
  color: #333333;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.sidebar--widget_archive ul li a:hover,
.sidebar--widget_categories ul li a:hover,
.sidebar--widget_meta ul li a:hover,
.sidebar--widget_nav_menu ul li a:hover,
.sidebar--widget_pages ul li a:hover {
  background: #f3f3f3;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.sidebar--widget_archive ul li a .count,
.sidebar--widget_categories ul li a .count,
.sidebar--widget_meta ul li a .count,
.sidebar--widget_nav_menu ul li a .count,
.sidebar--widget_pages ul li a .count {
  display: inline-block;
  padding: 0 5px;
  margin-left: 10px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.sidebar--widget_archive ul li ul,
.sidebar--widget_categories ul li ul,
.sidebar--widget_meta ul li ul,
.sidebar--widget_nav_menu ul li ul,
.sidebar--widget_pages ul li ul {
  margin-top: 20px;
}
.sidebar--widget_archive ul li li,
.sidebar--widget_categories ul li li,
.sidebar--widget_meta ul li li,
.sidebar--widget_nav_menu ul li li,
.sidebar--widget_pages ul li li {
  border-top: 1px solid #e1e1e1;
  border-bottom: none;
}
.sidebar--widget_archive ul .parent,
.sidebar--widget_categories ul .parent,
.sidebar--widget_meta ul .parent,
.sidebar--widget_nav_menu ul .parent,
.sidebar--widget_pages ul .parent,
.sidebar--widget_archive ul .menu-item-has-children,
.sidebar--widget_categories ul .menu-item-has-children,
.sidebar--widget_meta ul .menu-item-has-children,
.sidebar--widget_nav_menu ul .menu-item-has-children,
.sidebar--widget_pages ul .menu-item-has-children {
  overflow: hidden;
}
.sidebar--widget_archive ul .parent > a,
.sidebar--widget_categories ul .parent > a,
.sidebar--widget_meta ul .parent > a,
.sidebar--widget_nav_menu ul .parent > a,
.sidebar--widget_pages ul .parent > a,
.sidebar--widget_archive ul .menu-item-has-children > a,
.sidebar--widget_categories ul .menu-item-has-children > a,
.sidebar--widget_meta ul .menu-item-has-children > a,
.sidebar--widget_nav_menu ul .menu-item-has-children > a,
.sidebar--widget_pages ul .menu-item-has-children > a {
  padding: 20px 40px 20px 20px;
  position: relative;
  z-index: 3;
}
.sidebar--widget_archive ul .parent > a:before,
.sidebar--widget_categories ul .parent > a:before,
.sidebar--widget_meta ul .parent > a:before,
.sidebar--widget_nav_menu ul .parent > a:before,
.sidebar--widget_pages ul .parent > a:before,
.sidebar--widget_archive ul .menu-item-has-children > a:before,
.sidebar--widget_categories ul .menu-item-has-children > a:before,
.sidebar--widget_meta ul .menu-item-has-children > a:before,
.sidebar--widget_nav_menu ul .menu-item-has-children > a:before,
.sidebar--widget_pages ul .menu-item-has-children > a:before {
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 24px;
  color: #ccc;
  margin-top: -12px;
  font-family: dashicons;
  content: "\f347";
}
.sidebar--widget_archive ul .parent:hover,
.sidebar--widget_categories ul .parent:hover,
.sidebar--widget_meta ul .parent:hover,
.sidebar--widget_nav_menu ul .parent:hover,
.sidebar--widget_pages ul .parent:hover,
.sidebar--widget_archive ul .menu-item-has-children:hover,
.sidebar--widget_categories ul .menu-item-has-children:hover,
.sidebar--widget_meta ul .menu-item-has-children:hover,
.sidebar--widget_nav_menu ul .menu-item-has-children:hover,
.sidebar--widget_pages ul .menu-item-has-children:hover {
  background: #f3f3f3;
}
.sidebar--widget_archive ul .parent:hover > .children,
.sidebar--widget_categories ul .parent:hover > .children,
.sidebar--widget_meta ul .parent:hover > .children,
.sidebar--widget_nav_menu ul .parent:hover > .children,
.sidebar--widget_pages ul .parent:hover > .children,
.sidebar--widget_archive ul .menu-item-has-children:hover > .children,
.sidebar--widget_categories ul .menu-item-has-children:hover > .children,
.sidebar--widget_meta ul .menu-item-has-children:hover > .children,
.sidebar--widget_nav_menu ul .menu-item-has-children:hover > .children,
.sidebar--widget_pages ul .menu-item-has-children:hover > .children,
.sidebar--widget_archive ul .parent:hover > .sub-menu,
.sidebar--widget_categories ul .parent:hover > .sub-menu,
.sidebar--widget_meta ul .parent:hover > .sub-menu,
.sidebar--widget_nav_menu ul .parent:hover > .sub-menu,
.sidebar--widget_pages ul .parent:hover > .sub-menu,
.sidebar--widget_archive ul .menu-item-has-children:hover > .sub-menu,
.sidebar--widget_categories ul .menu-item-has-children:hover > .sub-menu,
.sidebar--widget_meta ul .menu-item-has-children:hover > .sub-menu,
.sidebar--widget_nav_menu ul .menu-item-has-children:hover > .sub-menu,
.sidebar--widget_pages ul .menu-item-has-children:hover > .sub-menu {
  /*
						position: relative;
						margin-top: @padding;
						.transition(margin-top,.3s);
*/

}
.sidebar--widget_archive ul .children,
.sidebar--widget_categories ul .children,
.sidebar--widget_meta ul .children,
.sidebar--widget_nav_menu ul .children,
.sidebar--widget_pages ul .children,
.sidebar--widget_archive ul .sub-menu,
.sidebar--widget_categories ul .sub-menu,
.sidebar--widget_meta ul .sub-menu,
.sidebar--widget_nav_menu ul .sub-menu,
.sidebar--widget_pages ul .sub-menu {
  margin-left: 0;
  background: #fff;
  border-left: 1px solid #e1e1e1;
  font-weight: normal;
  /*
				position: relative;
				float: right;
				clear: both;
				width: 110%;
				z-index: 1;
				background: #fff;
				border-left: 1px solid @border;
				margin-top: -200%;
				.transition(margin-top,.3s);
*/

}
.sidebar--widget_archive ul .cat-item-none,
.sidebar--widget_categories ul .cat-item-none,
.sidebar--widget_meta ul .cat-item-none,
.sidebar--widget_nav_menu ul .cat-item-none,
.sidebar--widget_pages ul .cat-item-none {
  padding: 20px;
}
.sidebar--widget_archive ul .current-cat,
.sidebar--widget_categories ul .current-cat,
.sidebar--widget_meta ul .current-cat,
.sidebar--widget_nav_menu ul .current-cat,
.sidebar--widget_pages ul .current-cat,
.sidebar--widget_archive ul .current_page_item,
.sidebar--widget_categories ul .current_page_item,
.sidebar--widget_meta ul .current_page_item,
.sidebar--widget_nav_menu ul .current_page_item,
.sidebar--widget_pages ul .current_page_item {
  font-weight: bold;
}
.sidebar--widget_archive label,
.sidebar--widget_categories label,
.sidebar--widget_meta label,
.sidebar--widget_nav_menu label,
.sidebar--widget_pages label {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: none;
  background-image: none;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.sidebar--widget_archive label:hover,
.sidebar--widget_categories label:hover,
.sidebar--widget_meta label:hover,
.sidebar--widget_nav_menu label:hover,
.sidebar--widget_pages label:hover {
  cursor: pointer;
  background: #f3f3f3;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.sidebar--widget_archive label:before,
.sidebar--widget_categories label:before,
.sidebar--widget_meta label:before,
.sidebar--widget_nav_menu label:before,
.sidebar--widget_pages label:before {
  content: "\f347";
  font-family: dashicons;
  height: auto;
  width: auto;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -12px;
  line-height: 24px;
}
.sidebar--widget_archive label select,
.sidebar--widget_categories label select,
.sidebar--widget_meta label select,
.sidebar--widget_nav_menu label select,
.sidebar--widget_pages label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  display: block;
  color: #333333;
  width: 110%;
  -lh-property: 0;
width:-webkit-calc(100% + 5em);
width:-moz-calc(100% + 5em);
width:calc(100% + 5em);
;
  height: auto;
  margin: 0;
  padding: 10px 35px 10px 10px;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 14px;
  line-height: 1.5;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.sidebar--widget_archive label select:hover,
.sidebar--widget_categories label select:hover,
.sidebar--widget_meta label select:hover,
.sidebar--widget_nav_menu label select:hover,
.sidebar--widget_pages label select:hover {
  cursor: pointer;
}
.sidebar--widget_calendar table {
  width: 100%;
  color: #333333;
}
.sidebar--widget_calendar table tfoot td {
  border: none;
}
.sidebar--widget_calendar table caption,
.sidebar--widget_calendar table th,
.sidebar--widget_calendar table td {
  text-align: center;
  padding: 10px 5px;
  font-weight: normal;
}
.sidebar--widget_calendar table caption a,
.sidebar--widget_calendar table th a,
.sidebar--widget_calendar table td a {
  text-decoration: none;
  color: #333333;
}
.sidebar--widget_recent_entries ul {
  padding: 0;
  margin: -20px -20px -21px;
}
.sidebar--widget_recent_comments ul {
  padding: 0;
  margin: -20px -20px -21px;
}
.sidebar--widget_recent_comments ul .recentcomments {
  display: block;
  margin: 0;
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px dotted #e1e1e1;
  color: #333333;
}
.sidebar--widget_recent_comments ul .recentcomments a {
  text-decoration: none;
  color: #333333;
}
.sidebar--widget_tag_cloud .tagcloud {
  margin: 0 -10px -10px;
  text-align: center;
}
.sidebar--widget_tag_cloud .tagcloud a {
  display: inline-block;
  color: #333333;
  text-decoration: none;
  background: #e1e1e1;
  padding: 5px 10px;
  margin: 0 2px 10px 2px;
  font-size: 14px;
  font-size: 1.4rem;
}
.sidebar--widget_tag_cloud .tagcloud a:hover {
  background: #f3f3f3;
  color: #000;
}
/*=========================================
	
	.copyright
	
=========================================*/
.copyright {
  display: inline-block;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
/*=========================================
	
	.fnavi
	
=========================================*/
.fnavi {
  display: inline-block;
}
.fnavi--menu {
  display: inline-block;
  padding: 0;
}
.fnavi--menu:after {
  content: "";
  display: block;
  clear: both;
}
.fnavi--menu li {
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  font-size: 0;
  border-right: 1px solid;
}
.fnavi--menu li:after {
  content: "";
  display: block;
  clear: both;
}
.fnavi--menu li.menu-item-last {
  border: none;
}
.fnavi--menu li a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.fnavi--menu li a:after {
  content: "";
  display: block;
  clear: both;
}
.fnavi--menu li a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}
/*=========================================
	.scroll_top
=========================================*/
.scroll_top {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.scroll_top:before {
  display: block;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  text-align: center;
  font-size: 20px;
  content: "\f343";
  font-family: dashicons;
}
.scroll_top:hover {
  cursor: pointer;
}
/*=========================================
	.comment系
=========================================*/
.comment--title {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 20px 0;
}
.comment--none {
  border: 1px solid #e1e1e1;
  padding: 20px;
  margin: 20px 0;
}
.comment-respond {
  padding: 20px 0;
}
.comment-reply-title {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-bottom: none;
}
.comment-reply-title small {
  font-size: 12px;
  font-size: 1.2rem;
}
.comment-notes {
  padding: 20px 0;
}
.table_form {
  display: table;
  table-layout: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 0;
  border: 1px solid #e1e1e1;
}
.table_form dl {
  display: table-row;
}
.table_form dl dt,
.table_form dl dd {
  display: table-cell;
  padding: 0 0 20px;
  vertical-align: middle;
}
.table_form dl label {
  margin-right: 20px;
}
.search-form {
  display: table;
  width: 100%;
  position: relative;
}
.search-form .screen-reader-text {
  display: none;
}
.search-form label {
  display: block;
  float: left;
  width: 80%;
}
.search-form .search-field {
  width: 100%;
  margin: 0;
}
.search-form .search-submit {
  display: block;
  text-align: center;
  width: 20%;
  position: absolute;
  left: 80%;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
}
form textarea,
form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  margin: 0;
  border: none;
  line-height: 1;
  border: 1px solid #e1e1e1;
  padding: 10px 0;
  box-sizing: border-box;
  color: #333333;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: .1em;
}
form textarea[type="search"],
form input[type="search"],
form textarea[type="text"],
form input[type="text"] {
  height: 40px;
}
form textarea[type="submit"],
form input[type="submit"] {
  width: auto;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-align: center;
}
form textarea[type="submit"]:hover,
form input[type="submit"]:hover {
  cursor: pointer;
}
form textarea:focus,
form input:focus {
  outline: none;
}
/*=========================================
	.btn系
=========================================*/
.btn {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: auto;
  padding: 1em 3em;
  text-decoration: none;
  border: 2px solid;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  /*
	&:after{
		content: "\f345";
		font-family: dashicons;
		position: absolute;
		left: 1em;
		.keyframes(~'yurayura,0%{transform:translateX(0px)}80%{transform:translateX(-3px)}100%{transform:translateX(0px)}');
		.animation(yurayura,.5s,linear,0s,infinite);
	}
*/

}
.btn:hover {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  text-decoration: none;
}
.btn:active {
  top: 2px;
}
.btn_counter {
  font-size: 14px;
  font-size: 1.4rem;
  display: table;
  margin: auto;
  padding: 1em 5em;
  text-decoration: none;
  border: 2px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_counter:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_counter_block {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  display: block;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  border: 2px solid;
  border-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_counter_block:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_block {
  width: 100%;
  display: block;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  border: 2px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn_block:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tategaki {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  margin: auto;
}