@charset "UTF-8";
/*
Theme Name:     生酵素
Theme URI:      
Description:    エメトレワードプレステーマ
Author:         bythink
Author URI:     
Template:       bythink
Version:        0.1.0
*/
/* all display
-------------------------------------------------- */
body {
  background:url(images/background.jpg)0 0;
  background-attachment:fixed;
  color: #432412;
  font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}

.wrap {
  width: 1160px;
  position: relative;
}

.main-catch .wap{ width:100%;}

#side {
  width: 300px;
  margin-left: -300px;
}

.main-inner {
  margin-right: 330px;
}

a {
  color: #555;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
a:hover {
  color: #61b451;
  text-decoration: none;
}

body.home #content,
#content {
  padding-top: 0;
}

/*bread*/
.breadcrumb {
  margin: 22px 0;
  color: #333;
  font-size: 12px;
  line-height: 1.6;
}
.breadcrumb li {
  margin: 0 10px 0 0;
}
.breadcrumb li i {
  display: none;
}
.breadcrumb li a {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  color: #333;
}
.breadcrumb li a i {
  display: none;
}
.breadcrumb li a:hover {
  color: #61b451;
  text-decoration: underline;
}

article .special_keyword {
  color: #f89005;
}

/* header
-------------------------------------------------- */
#header {
  position: relative;
  height: 104px;
  padding: 0 0 0 0;
  border-top: 5px solid #432412;
  background: none;
  border-bottom:0;
}
#header #searchform {
  width: 250px;
  float: right;
  margin-top: -5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
#header #searchform input[type=text] {
  font-size: 12px;
  padding: 10px 1em;
}
#header #searchform button {
  top: 2px;
}
#header #logo {
/*  float: none;
  position: absolute;
  top: -10px;
  left: 50%;*/
}
#header #logo a {
	color:#432412;
	font-size:14px;
	font-weight:bold;

}

/* gnav
-------------------------------------------------- */
#gnav {
  position: relative;
  border-top: 1px solid #f5eada;
  border-bottom: 1px solid #f5eada;
}
#gnav #gnav-ul {
  display: table;
  width: 100%;
  margin: 18px 0;
  border-left: 1px solid #f5eada;
}
#gnav #gnav-ul li {
  display: table-cell;
  float: none;
  width: 25%;
  margin: 0;
  padding: 0;
  text-align: center;
}
#gnav #gnav-ul li a {
  margin: 0;
  padding: 0;
  border: none;
  border-right: 1px solid #f5eada;
  color: #545454;
  font-size: 14px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
#gnav #gnav-ul .menu-item-49 a:hover {
  color: #ffbc1b;
}
#gnav #gnav-ul .menu-item-49 a:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-image: url(./images/gnav_icon_cat2.png);
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}
#gnav #gnav-ul .menu-item-50 a:hover {
  color: #62d0e0;
}
#gnav #gnav-ul .menu-item-50 a:before {
  display: inline-block;
  width: 26px;
  height: 21px;
  margin-right: 12px;
  background-image: url(./images/gnav_icon_cat3.png);
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}
#gnav #gnav-ul .menu-item-51 a:hover {
  color: #f48db6;
}
#gnav #gnav-ul .menu-item-51 a:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  background-image: url(./images/gnav_icon_cat4.png);
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}
#gnav #gnav-ul .menu-item-52 a:hover {
  color: #84ce33;
}
#gnav #gnav-ul .menu-item-52 a:before {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 12px;
  background-image: url(./images/gnav_icon_cat5.png);
  background-position: 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}

/* side
-------------------------------------------------- */
#text-2 {
  margin-bottom: 30px;
  padding: 0;
  /*border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;*/
}
#text-2 .head {
  /*position: relative;
  width: 100%;
  height: 159px;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-image: url(./images/widget_policy_title.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;*/
}
#text-2 .cover {
  position: relative;
  text-align: center;
  margin: -26px auto 20px auto;
}
#text-2 h4 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  /*padding: 19px 0 28px 0;*/
}
#text-2 p {
  /*font-size: 16px;
  margin: 0;
  padding: 0 20px 20px 20px;
  color: #666;*/
}
#text-2 .widget-btn {
  margin: auto;
  padding-bottom: 23px;
  text-align: center;
}
#text-2 .widget-btn a {
  display: block;
  position: relative;
  margin: 0 20px;
  padding: 15px;
  font-size: 18px;
  color: #fff;
  line-height: 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #00730c;
  -moz-box-shadow: 0 4px 0 #00730c;
  -ms-box-shadow: 0 4px 0 #00730c;
  -o-box-shadow: 0 4px 0 #00730c;
  box-shadow: 0 4px 0 #00730c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c413+22,00a610+100 */
  background: #00c413;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00c413 22%, #00a610 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00c413 22%, #00a610 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00c413 22%, #00a610 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c413', endColorstr='#00a610',GradientType=0 );
  /* IE6-9 */
}
#text-2 .widget-btn a:after {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -10px;
  content: url("./images/angle_circle_right_wh2.png");
}
#text-2 .widget-btn a:hover {
  opacity: 0.65;
}

#text-3 {
  margin-bottom: 30px;
  padding: 0;
  text-align: center;
}
#text-3 .head {
  width: 100%;
  height: auto;
  background-image: url(./images/widget_banner_voice.jpg);
  background-position: 0;
  position: relative;
}
#text-3 .cover {
  position: absolute;
  top: 50%;
  left: 50%;
}
#text-3 .cover img {
  max-width: none;
  margin: -50% 0 0 -50%;
}
#text-3 .widget-btn {
  margin: auto;
  padding: 23px 0;
  border-right: 1px solid #b9ac9d;
  border-left: 1px solid #b9ac9d;
  border-bottom: 1px solid #b9ac9d;
  text-align: center;
  background-color: #eaeaec;
}
#text-3 .widget-btn a {
  display: block;
  position: relative;
  margin: 0 20px;
  padding: 15px;
  font-size: 20px;
  color: #fff;
  line-height: 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 -3px 0 #b5ea97;
  -moz-box-shadow: 0 -3px 0 #b5ea97;
  -ms-box-shadow: 0 -3px 0 #b5ea97;
  -o-box-shadow: 0 -3px 0 #b5ea97;
  box-shadow: 0 -3px 0 #b5ea97;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54cf0e+0,509a26+100 */
  background: #54cf0e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54cf0e), color-stop(100%, #509a26));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #54cf0e 0%, #509a26 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cf0e', endColorstr='#509a26',GradientType=0 );
  /* IE6-9 */
}
#text-3 .widget-btn a:after {
  content: url("./images/angle_circle_right_gr.png");
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  position: absolute;
  top: 15px;
  right: 30px;
}

#text-4 {
  max-width: 300px;
  margin: 0 auto 30px;
  padding: 0;
  text-align: center;
}
#text-4 a:hover {
  opacity: 0.65;
}

#wpp-2 {
  margin-bottom: 30px;
  padding: 0;
}
#wpp-2 h4 {
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #9F90AF;
  color: #545454;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
#wpp-2 ul.wpp-list li {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #f5eada;
}
#wpp-2 ul.wpp-list li .wpp-thumbnail {
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
#wpp-2 ul.wpp-list li .wpp-post-title {
  font-size: 14px;
  color: #666;
}
#wpp-2 ul.wpp-list li .wpp-post-title:hover {
  color: #61b451;
  text-decoration: underline;
}
.head-search{ margin-bottom:40px;}
.head-search #searchform{ background:none; border:1px solid #432412; border-radius:0;}
.head-search #searchform input{ background:none; color:#432412;}
.head-search #searchform button{ color:#432412;}
.side-widget-area{ border:1px solid #432412; padding:10px;}
.side-widget .side-title{ text-align:center; border-bottom:1px solid #432412; padding-bottom:10px;}
.widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_views a{ color:#432412; background:url(images/side_icon.png) left center no-repeat;}
.widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover, .widget_views a:hover{ color:#765751; background:url(images/side_icon_hover.png) left center no-repeat;}
.side-widget ul li{ border-color:#432412;}

/* footer
-------------------------------------------------- */
#footer {
  background-color: #fff;
}
#footer .footer-widget-area {
  overflow: hidden;
  max-width: 1160px;
  width: 100%;
  margin: auto;
  padding: 40px 60px 40px 0;
}
#footer .footer-widget-area .footer-widget {
  float: left;
}
#footer .footer-widget-area .footer-widget .footer-title {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}
#footer .footer-widget-area .footer-widget li {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1em;
}
#footer .footer-widget-area .footer-widget li a:hover {
  color: #61b451;
  text-decoration: underline;
}
#footer .footer-widget-area #nav_menu-2 {
  width: 25%;
  margin-right: 30px;
}
#footer .footer-widget-area #nav_menu-2 li {
  padding-left: 12px;
  background-image: url(./images/angle_right_gr.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#footer .footer-widget-area #text-5 {
  width: 50%;
  margin-right: 30px;
}
#footer .footer-widget-area #text-5 li {
  display: inline-block;
  margin-right: 10px;
}
#footer .footer-widget-area #nav_menu-3 {
  width: 25%;
  margin-right: -60px;
}
#footer .footer-widget-area #nav_menu-3 li {
  padding-left: 12px;
  background-image: url(./images/angle_right_gr.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#footer .footer-02 {
  background-color: #6E4D44;
}
#footer .footer-02 .wrap {
  padding: 15px 0;
}
#footer .footer-02 .footer-copy {
  text-align: center;
  font-size: 14px;
  color: #fff;
}

/* main catch
-------------------------------------------------- */
#main-catch {
  position: relative;
  margin-bottom: 50px;
  padding: /*48px 0 37px*/ 5px 0 5px;
  /*background-image: url(./images/metal_bg.jpg);*/
  /*background-color:#6E4D44;*/
  background-position: 0 71px;
  color: #fff;
  font-size: 16px;
}
#main-catch .wrap{ width:100%;}
#main-catch h1 {
  /*float: left;
  width: 100%;*/
  text-align: center;
  margin:0 auto 8px;
  position:relative;
  width:1200px;
}
#main-catch h1:before{ content:url("images/tape.png"); position:absolute; top:-47px; left:-77px;}
#main-catch .caption {
  float: left;
  width: 702px;
  text-align: center;
  font-size: 14px;
}
#main-catch .movie {
  position: absolute;
  top: -60px;
  right: 0;
  width: 460px;
  height: auto;
  padding: 9px;
  border: 3px solid #a4ce48;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
}

/* top category3
-------------------------------------------------- */
#category3 {
  margin-bottom: 60px;
}
#category3 .cat-list {
  width: 100%;
  padding-right: 60px;
  font-size: 0;
}
#category3 .cat-list li {
  display: inline-block;
  position: relative;
  width: 25%;
  vertical-align: top;
  min-height: 564px;
  margin-right: 20px;
  box-sizing: border-box;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 16px;
}
#category3 .cat-list li:last-child {
  margin-right: -60px;
}
#category3 .cat-list li .cat-head {
  padding: 15px 20px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #f8f0e3;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#category3 .cat-list li .cat-caption {
  font-size: 16px;
  color: #666;
  padding: 20px 25px 85px 25px;
}
#category3 .cat-list li .cat-link {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1px;
}
#category3 .cat-list li .cat-link a {
  display: block;
  padding: 18px 10px 12px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  background-color: #f8f0e3;
  font-size: 15px;
  font-weight: bold;
  color: #775944;
  text-align: center;
  vertical-align: middle;
}
#category3 .cat-list .cat2 {
  border: 1px solid #ffbc1b;
}
#category3 .cat-list .cat2 .cat-head {
  background-color: #ffbc1b;
  background-image: url(./images/cat2_cover.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
#category3 .cat-list .cat2 .cat-link a {
  background-color: #fff8e8;
  color: #ff9933;
}
#category3 .cat-list .cat2 .cat-link a:after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("./images/angle_circle_right_or.png");
}
#category3 .cat-list .cat2 .cat-link a:hover {
  background-color: #ff9934;
  color: #fff;
}
#category3 .cat-list .cat3 {
  border: 1px solid #62d0e0;
}
#category3 .cat-list .cat3 .cat-head {
  background-color: #62d0e0;
  background-image: url(./images/cat3_cover.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
#category3 .cat-list .cat3 .cat-link a {
  background-color: #effafc;
  color: #62d0e0;
}
#category3 .cat-list .cat3 .cat-link a:after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("./images/angle_circle_right_bl.png");
}
#category3 .cat-list .cat3 .cat-link a:hover {
  background-color: #62d0e0;
  color: #fff;
}
#category3 .cat-list .cat4 {
  border: 1px solid #f48db6;
}
#category3 .cat-list .cat4 .cat-head {
  background-color: #f48db6;
  background-image: url(./images/cat4_cover.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
#category3 .cat-list .cat4 .cat-link a {
  background-color: #fef3f8;
  color: #ff6699;
}
#category3 .cat-list .cat4 .cat-link a:after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("./images/angle_circle_right_pk.png");
}
#category3 .cat-list .cat4 .cat-link a:hover {
  background-color: #f48db6;
  color: #fff;
}
#category3 .cat-list .cat5 {
  border: 1px solid #84ce33;
}
#category3 .cat-list .cat5 .cat-head {
  background-color: #84ce33;
  background-image: url(./images/cat5_cover.png);
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
#category3 .cat-list .cat5 .cat-link a {
  background-color: #f2faea;
  color: #99cc33;
}
#category3 .cat-list .cat5 .cat-link a:after {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  content: url("./images/angle_circle_right_gr.png");
}
#category3 .cat-list .cat5 .cat-link a:hover {
  background-color: #84ce33;
  color: #fff;
}

/* other post
-------------------------------------------------- */
/*#otherpost{
	margin-bottom:36px;
	.wrap{
		display:table;
		border:1px solid #b9ac9d;
		background-color:#fff;
		h1{
			display:table-cell;
			width:195px;
			border:4px solid #fff;
			vertical-align:middle;
			font-size:20.22px;
			font-family:$mincho;
			text-align:center;
			color:#fff;
			background-color:#604a3c;
		}
		.caption{
			display:table-cell;
			border-left:1px solid #b9ac9d;
			vertical-align:middle;
			font-size:16px;
			color:#775944;
			padding:18px 20px;
		}
		.link{
			display:table-cell;
			border:4px solid #fff;
			background-color:#f8f0e3;
			width:310px;
				vertical-align:middle;
			a{
				display:block;
				text-align:center;
				font-size:18.4px;
				font-family:$mincho;
				color:#775944;
				padding:24px;
				&:after{
					@include angle_circle_right_br(15px);
				}
			}
		}
	}
}*/
/* post-loop
-------------------------------------------------- */
.rank-list {
  margin-bottom: 60px;
}
.rank-list .rank-h1-title {
  position: relative;
  margin-bottom: 33px;
  padding: 0 0 15px;
  border-bottom: 3px solid #9F90AF;
  font-size: 26px;
  font-weight: bold;
  color: #555;
}
.rank-list .rank-h1-title span {
  background-color: #fbfdcc;
  display: inline-block;
  line-height: 1em;
  margin-right: 10px;
  padding: 8px 16px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
}
.rank-list .rank-h1-title:after {
  display: block;
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 23px;
  height: 13px;
  margin-left: -12px;
  background-image: url(./images/top_h1_bg.png);
  background-repeat: no-repeat;
  content: "";
}
.rank-list .post-rank-wrap {
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.rank-list .post-rank-wrap .post {
  border: none;
  border-top: 1px solid #f5eada;
  margin-bottom: 0;
  padding: 29px;
  overflow: hidden;
}
.rank-list .post-rank-wrap .post a {
  display: block;
}
.rank-list .post-rank-wrap .post a:hover {
  opacity: 0.65;
}
.rank-list .post-rank-wrap .post .post-thumbnail {
  width: 250px;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.rank-list .post-rank-wrap .post .post-thumbnail img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.rank-list .post-rank-wrap .post .post-thumbnail:before {
  position: absolute;
  top: -12px;
  left: -12px;
}
.rank-list .post-rank-wrap .post .post-header {
  margin-left: 280px;
  padding: 0;
}
.rank-list .post-rank-wrap .post .post-header .post-title {
  clear: none;
  font-size: 24px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 20px;
}
.rank-list .post-rank-wrap .post .post-header .post-meta {
  border: none;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 12px;
  color: #bababa;
}
.rank-list .post-rank-wrap .post .post-header .post-meta li {
  margin: 0;
}
.rank-list .post-rank-wrap .post .post-content {
  margin-left: 280px;
  padding: 0;
  font-size: 16px;
  color: #666;
}
.rank-list .post-rank-wrap .rank1,
.rank-list .post-rank-wrap .rank2 {
  float: left;
  width: 50%;
  border-right: 1px solid #f5eada;
  border-top: none;
}
.rank-list .post-rank-wrap .rank1 .post-thumbnail,
.rank-list .post-rank-wrap .rank2 .post-thumbnail {
  width: 100%;
  float: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.rank-list .post-rank-wrap .rank1 .post-header,
.rank-list .post-rank-wrap .rank2 .post-header {
  padding: 0;
  float: none;
  margin: 0;
}
.rank-list .post-rank-wrap .rank1 .post-content,
.rank-list .post-rank-wrap .rank2 .post-content {
  float: none;
  margin: 0;
  padding: 0;
}
.rank-list .post-rank-wrap .rank1 .post-thumbnail:before,
.rank-list .post-rank-wrap .rank2 .post-thumbnail:before,
.rank-list .post-rank-wrap .rank3 .post-thumbnail:before,
.rank-list .post-rank-wrap .rank4 .post-thumbnail:before,
.rank-list .post-rank-wrap .rank5 .post-thumbnail:before {
  display: inline-block;
  width: 70px;
  height: 69px;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.rank-list .post-rank-wrap .rank1 .post-thumbnail:before {
  background-image: url(./images/icon_rank1.png);
}
.rank-list .post-rank-wrap .rank2 {
  border-left: 1px solid #f5eada;
  border-right: none;
  border-top: none;
  margin-left: -1px;
}
.rank-list .post-rank-wrap .rank2 .post-thumbnail:before {
  background-image: url(./images/icon_rank2.png);
}
.rank-list .post-rank-wrap .rank3 {
  clear: both;
}
.rank-list .post-rank-wrap .rank3 .post-thumbnail:before {
  background-image: url(./images/icon_rank3.png);
}
.rank-list .post-rank-wrap .rank4 .post-thumbnail:before {
  background-image: url(./images/icon_rank4.png);
}
.rank-list .post-rank-wrap .rank5 .post-thumbnail:before {
  background-image: url(./images/icon_rank5.png);
}

.latest {
  margin: 0 0 50px;
}
.latest .latest-title {
  position: relative;
  margin-bottom: 33px;
  padding: 0 0 15px;
  border-bottom: 3px solid #9F90AF;
  font-size: 26px;
  font-weight: bold;
  color: #555;
}
.latest .latest-title:after {
  display: block;
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 23px;
  height: 13px;
  margin-left: -12px;
  background-image: url(./images/top_h1_bg.png);
  background-repeat: no-repeat;
  content: "";
}
.latest .post-loop-wrap {
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.latest .post-loop-wrap .post {
  border: none;
  border-bottom: 1px solid #f5eada;
  margin-bottom: 0;
  padding: 29px;
  overflow: hidden;
}
.latest .post-loop-wrap .post a {
  display: block;
}
.latest .post-loop-wrap .post a:hover {
  opacity: 0.65;
}
.latest .post-loop-wrap .post:last-child {
  border-bottom: none;
}
.latest .post-loop-wrap .post .post-thumbnail {
  width: 250px;
  height: auto;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.latest .post-loop-wrap .post .post-thumbnail img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.latest .post-loop-wrap .post .post-thumbnail:before {
  position: absolute;
  top: -12px;
  left: -12px;
}
.latest .post-loop-wrap .post .post-header {
  margin-left: 280px;
  padding: 0;
}
.latest .post-loop-wrap .post .post-header .post-title {
  clear: none;
  font-size: 24px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 20px;
}
.latest .post-loop-wrap .post .post-header .post-meta {
  border: none;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 12px;
  color: #bababa;
}
.latest .post-loop-wrap .post .post-header .post-meta li {
  margin: 0;
  padding-left: 2px;
  background: none;
}
.latest .post-loop-wrap .post .post-content {
  margin-left: 280px;
  padding: 0;
  font-size: 16px;
  color: #666;
}
.latest .post-loop-wrap .category-cat2 .post-thumbnail:before,
.latest .post-loop-wrap .category-cat3 .post-thumbnail:before,
.latest .post-loop-wrap .category-cat4 .post-thumbnail:before,
.latest .post-loop-wrap .category-cat5 .post-thumbnail:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.latest .post-loop-wrap .category-cat2 .post-thumbnail:before {
  background-image: url(./images/icon_cat2.png);
}
.latest .post-loop-wrap .category-cat3 .post-thumbnail:before {
  background-image: url(./images/icon_cat3.png);
}
.latest .post-loop-wrap .category-cat4 {
  clear: both;
}
.latest .post-loop-wrap .category-cat4 .post-thumbnail:before {
  background-image: url(./images/icon_cat4.png);
}
.latest .post-loop-wrap .category-cat5 {
  clear: both;
}
.latest .post-loop-wrap .category-cat5 .post-thumbnail:before {
  background-image: url(./images/icon_cat5.png);
}

.more {
  line-height: 1em;
  display: block;
  position: relative;
  width: 460px;
  padding: 25px;
  margin: 50px auto;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  background-color: #ff9f1a;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #b87212;
  -moz-box-shadow: 0 4px 0 #b87212;
  -ms-box-shadow: 0 4px 0 #b87212;
  -o-box-shadow: 0 4px 0 #b87212;
  box-shadow: 0 4px 0 #b87212;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f1a+22,f78d00+100 */
  background: #ff9f1a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9f1a 22%, #f78d00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f1a', endColorstr='#f78d00',GradientType=0 );
  /* IE6-9 */
}
.more:hover {
  color: #fff;
  opacity: 0.65;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f78d00+22,ff9f1a+100 */
}
.more:after {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -12px;
  content: url("./images/angle_circle_right_wh1.png");
}

#infscr-loading {
  text-align: center;
  margin: 0 auto;
}

.next {
  display: none;
}

/****** 記事内装飾 ******/

/* ボックス1 */
.post-content dl.box_01{ position:relative; border:1px solid #000; border-radius:5px; padding:20px 20px 10px; width:100%; font-size:0.9em;}
.post-content dl.box_01 dt{ position:absolute; top:-10px; background-color:#FFF; padding:0 10px;}
.post-content dl.box_01 dd{ margin:0 0 10px 0 !important; border:none !important; padding:15px 0 0 !important;}

/* ボックス2 */
.post-content .box_02{ border:1px solid #CCC !important; margin-bottom:30px;}
.post-content .box_02 table{ border:none !important; margin:0 !important;}
.post-content .box_02 th{ padding:20px !important; vertical-align:middle; width:160px; background:none !important; border:none !important;}
.post-content .box_02 th img{ margin:0; border-radius:50%;}
.post-content .box_02 table td{ text-align:left !important; vertical-align:top; padding:20px !important; font-size:0.9em; line-height:170%; border:none !important;}
/* strong(背景黄) */
strong.yellow{ display: inline-block; background-color:yellow; line-height:120%;}



/* ----------------------------------------
* pagination
---------------------------------------- */
.pagination {
  overflow: hidden;
  margin: 50px 0;
  padding: 0;
  text-align: center;
}
.pagination span,
.pagination a {
  display: inline-block;
  float: none;
  margin: 0 10px 0 0;
  padding: 10px 18px;
  border: 2px solid #66418F;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  color: #66418F;
}
.pagination a:hover {
  border: 2px solid #66418F;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #66418F;
  color: #fff;
  text-decoration: none;
}
.pagination .current {
  padding: 10px 18px;
  border: 2px solid #66418F;
  background: #66418F;
  color: #fff;
}

/* original-category
-------------------------------------------------- */
.original-category .main-inner {
  overflow: hidden;
  position: relative;
  margin-right: 0;
}
.original-category .articleswrap {
  padding: 40px;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.original-category .cat-content {
  padding: 0;
  margin: 0;
  border: none;
}
.original-category .cat-content .cat-header .cat-title {
  position: relative;
  margin-bottom: 25px;
  padding: 0 15px 15px;
  border-bottom: 3px solid #9F90AF;
  color: #66418F;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.original-category .cat-content .cat-header .cat-title:after {
  display: block;
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 23px;
  height: 13px;
  margin-left: -12px;
  background-image: url(./images/cat_h1_bg.png);
  background-repeat: no-repeat;
  content: "";
}
.original-category .cat-content .cat-header .cat2:before {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  content: url("./images/cat_h1_icon_cat2.png");
}
.original-category .cat-content .cat-header .cat3:before {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  content: url("./images/cat_h1_icon_cat3.png");
}
.original-category .cat-content .cat-header .cat4:before {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  content: url("./images/cat_h1_icon_cat4.png");
}
.original-category .cat-content .cat-header .cat5:before {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  content: url("./images/cat_h1_icon_cat5.png");
}
.original-category .cat-content .cat-content-area .cat-title {
  margin-bottom: 10px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
.original-category .cat-content .cat-content-area .cat-title:before {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  content: url("./images/icon_check.png");
}
.original-category .cat-content .cat-content-area .cat-content {
  margin-bottom: 40px;
}
.original-category .post-content-area {
  margin: 0 0 30px;
}
.original-category .post-content {
  padding: 0;
}
.original-category .cat-post-title {
  position: relative;
  margin-top: 21px;
  margin-bottom: 28px;
  padding: 18px 16px 16px 23px;
  border: 1px solid #9F90AF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #9F90AF;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
}
.original-category .post-loop-wrap {
  overflow: hidden;
  margin: 0 !important;
  padding-right: 40px;
  border: none !important;
  font-size: 0;
}
.original-category .post-loop-wrap .post {
  display: inline-block;
  width: 50%;
  margin-right: 40px;
  margin-bottom: 30px !important;
  padding: 0 !important;
  overflow: hidden;
  border: none !important;
  vertical-align: top;
}
.original-category .post-loop-wrap .post a {
  display: block;
}
.original-category .post-loop-wrap .post a:hover {
  opacity: 0.65;
}
.original-category .post-loop-wrap .post .post-thumbnail {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 154px !important;
  height: auto;
  float: none;
}
.original-category .post-loop-wrap .post .post-thumbnail img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.original-category .post-loop-wrap .post .post-header {
  margin-left: 180px !important;
  padding: 0;
}
.original-category .post-loop-wrap .post .post-header .post-title {
  font-size: 24px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 10px !important;
  padding: 0;
}
.original-category .post-loop-wrap .post .post-header .post-title:before {
  content: none;
}
.original-category .post-loop-wrap .post .post-content {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #666;
}
.original-category .post-loop-wrap .post:nth-child(even) {
  margin-right: -40px;
}
.original-category .post-cta {
  margin: 60px 0;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.original-category .post-cta .cta-post-title {
  margin-bottom: 0;
  padding: 25px 20px 22px 20px;
  border-bottom: 3px solid #9F90AF;
  color: #9F90AF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.original-category .post-cta .post-cta-cont {
  font-size: 16px;
  color: #444;
  line-height: 1.8em;
}
.original-category .post-cta .post-cta-cont br {
  display: none;
}
.original-category .post-cta .post-cta-btn {
  clear: both;
  margin: 30px 0;
  text-align: center;
}
.original-category .post-cta .post-cta-btn a {
  line-height: 1em;
  display: block;
  position: relative;
  width: 460px;
  padding: 25px;
  margin: 0 auto;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #ff9f1a;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #b87212;
  -moz-box-shadow: 0 4px 0 #b87212;
  -ms-box-shadow: 0 4px 0 #b87212;
  -o-box-shadow: 0 4px 0 #b87212;
  box-shadow: 0 4px 0 #b87212;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f1a+22,f78d00+100 */
  background: #ff9f1a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9f1a 22%, #f78d00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f1a', endColorstr='#f78d00',GradientType=0 );
  /* IE6-9 */
}
.original-category .post-cta .post-cta-btn a:after {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -12px;
  content: url("./images/angle_circle_right_wh1.png");
}
.original-category .post-cta .post-cta-btn a:hover {
  opacity: 0.65;
}
.original-category .bzb-sns-btn {
  margin: 0 39px 20px;
  text-align: center;
}
.original-category .bzb-sns-btn li.bzb-googleplus {
  width: 60px;
}
.original-category .bzb-sns-btn li.bzb-pocket {
  width: 88px;
}

/* search & archive
-------------------------------------------------- */
.search .cat-content,
.archive .cat-content {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}
.search .cat-content .post-title,
.archive .cat-content .post-title {
  position: relative;
  margin-bottom: 33px;
  padding: 0 0 0 50px;
  /*border-bottom: 3px solid #9F90AF;*/
  font-size: 26px;
  font-weight: normal;
  color: #432412;
  background:url(images/fusen.png)0 center no-repeat;
  line-height:50px;
}
/*.search .cat-content .post-title:after,
.archive .cat-content .post-title:after {
  display: block;
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 23px;
  height: 13px;
  margin-left: -12px;
  background-image: url(./images/top_h1_bg.png);
  background-repeat: no-repeat;
  content: "";
}*/
.search .post-loop-wrap,
.archive .post-loop-wrap {
  margin-bottom: 60px;
  background: url(images/main_bg.png) -15px 0 repeat-y;
  overflow: hidden;
  /*border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;*/
}
.search .post-loop-wrap .post,
.archive .post-loop-wrap .post {
  border: none;
  border-bottom: 1px solid #f5eada;
  margin-bottom: 0;
  padding: 29px;
  overflow: hidden;
  margin-left:45px;
  width:95%;
}
.search .post-loop-wrap .post a,
.archive .post-loop-wrap .post a {
  display: block;
}
.search .post-loop-wrap .post a:hover,
.archive .post-loop-wrap .post a:hover {
  opacity: 0.65;
}
.search .post-loop-wrap .post .post-thumbnail,
.archive .post-loop-wrap .post .post-thumbnail {
  width: 250px;
  height: auto;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.search .post-loop-wrap .post .post-thumbnail img,
.archive .post-loop-wrap .post .post-thumbnail img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.search .post-loop-wrap .post .post-header,
.archive .post-loop-wrap .post .post-header {
  margin-left: 280px;
  padding: 0;
}
.search .post-loop-wrap .post .post-header .post-title,
.archive .post-loop-wrap .post .post-header .post-title {
  clear: none;
  font-size: 24px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 20px;
  padding: 0;
}
.search .post-loop-wrap .post .post-header .post-title:before,
.archive .post-loop-wrap .post .post-header .post-title:before {
  content: none;
}
.search .post-loop-wrap .post .post-header .post-meta,
.archive .post-loop-wrap .post .post-header .post-meta {
  display: block;
  border: none;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 12px;
  color: #bababa;
}
.search .post-loop-wrap .post .post-header .post-meta li,
.archive .post-loop-wrap .post .post-header .post-meta li {
  margin: 0;
  padding-left: 2px;
  background: none;
}
.search .post-loop-wrap .post .post-content,
.archive .post-loop-wrap .post .post-content {
  margin-left: 280px;
  padding: 0;
  font-size: 16px;
  color: #666;
}
.search .post-loop-wrap .post:last-child,
.archive .post-loop-wrap .post:last-child {
  border-bottom: none;
}
.search .post-loop-wrap article#post-404,
.archive .post-loop-wrap article#post-404 {
  padding: 30px 40px;
}
.search .post-loop-wrap article#post-404 .post-content,
.archive .post-loop-wrap article#post-404 .post-content {
  margin-left: 0;
}

/* page
-------------------------------------------------- */
.page article.page {
  position: relative;
  padding: 0;
  border:none;
  background:url(images/main_bg.png)-15px 0 repeat-y;
  /*border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;*/
}
.page article.page .article_inner{ margin-left:40px; padding-top:39px; background-color:#FFF;}
.page article.page .post-header {
  padding: 0 39px;
   background:none;
}
.page article.page .post-header .post-meta {
  display: none;
}
.page article.page .post-header .post-title {
  position: relative;
  margin-bottom: 30px;
  padding: 18px 0 16px 0;
  border: none;
  /*-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #9F90AF;*/
  color: #333;
  font-size: 28px;
  line-height: 1.2em;
  font-weight:normal;
}
.page article.page .post-content {
  padding: 0 39px;
}
.page article#post-27 {
  /*inquiry*/
}
.page article#post-27 .wpcf7-form ul {
  list-style-type: none;
  width: 100%;
  border-top: 1px solid #b9ac9d;
  padding: 0;
}
.page article#post-27 .wpcf7-form li {
  display: table;
  border-bottom: 1px solid #b9ac9d;
  margin: 0;
  width: 100%;
}
.page article#post-27 .wpcf7-form li .title {
  width: 200px;
  display: table-cell;
  line-height: 1em;
  font-size: 14px;
  padding: 30px 20px;
  margin: 0;
  background-color: #f8f7f3;
}
.page article#post-27 .wpcf7-form li .input-field {
  display: table-cell;
  line-height: 1em;
  font-size: 14px;
  padding: 30px 20px;
  margin: 0;
}
.page article#post-27 .wpcf7-form li .input-field input,
.page article#post-27 .wpcf7-form li .input-field textarea {
  width: 100%;
}
.page article#post-27 .wpcf7-form .submitbtn input {
  display: block;
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 15px;
  font-size: 20px;
  color: #fff;
  line-height: 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 -3px 0 #b5ea97;
  -moz-box-shadow: 0 -3px 0 #b5ea97;
  -ms-box-shadow: 0 -3px 0 #b5ea97;
  -o-box-shadow: 0 -3px 0 #b5ea97;
  box-shadow: 0 -3px 0 #b5ea97;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54cf0e+0,509a26+100 */
  background: #54cf0e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54cf0e), color-stop(100%, #509a26));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #54cf0e 0%, #509a26 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #54cf0e 0%, #509a26 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cf0e', endColorstr='#509a26',GradientType=0 );
  /* IE6-9 */
}
.page article#post-27 .privacy_link {
  text-align: center;
  margin-top: -2em;
}
.page article#post-24 dl {
  border-top: 1px solid #b9ac9d;
}
.page article#post-24 dl dt {
  border: none;
  width: 150px;
  line-height: 1.5em;
  padding: 1em;
  margin: 0;
}
.page article#post-24 dl dd {
  border: none;
  border-bottom: 1px solid #b9ac9d;
  line-height: 1.5em;
  padding: 1em 1em 1em 150px;
  margin: -3.5em 0 0 0;
}

/* post (& editor-style)
-------------------------------------------------- */
.single-post article.post {
  position: relative;
  padding: 0;
  border:none;
  background:url(images/main_bg.png)-15px 0 repeat-y;
  /*border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;*/
}
.single-post article.post .article_inner{ margin-left:40px; padding-top:39px; background-color:#FFF;}
/*.single-post article.post:before {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  padding: 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-color: #66418F;
  line-height: 0;
  content: "";
}*/
.single-post article.post .post-header {
  overflow: hidden;
  padding: 0;
}
.single-post article.post .post-header .category-name {
  float: left;
  padding-left: 39px;
  color: #333;
  font-size: 13px;
}
.single-post article.post .post-header .category-name li i {
  margin-right: 5px;
  color: #e8c99f;
}
.single-post article.post .post-header .category-name li a:hover {
  text-decoration: underline;
}
.single-post article.post .post-header .post-meta {
  float: right;
  margin-bottom: 30px;
  padding-right: 39px;
  border: none;
  color: #b9b9b9;
}
.single-post article.post .post-header .post-meta li {
  margin: 0;
  padding: 0;
}
.single-post article.post .post-header .post-title {
  clear: both;
  font-size: 32px;
  color: #333;
  line-height: 1.2em;
  padding: 6px 10px 6px 40px;
  /*border-left: 5px solid #9F90AF;*/
  position: relative;
  font-weight:normal;
}
.single-post article.post .post-header .post-header-meta {
  margin: 0 39px 20px;
  text-align: center;
}
.single-post article.post .post-header .post-header-meta .bzb-sns-btn li.bzb-googleplus {
  width: 60px;
}
.single-post article.post .post-header .post-header-meta .bzb-sns-btn li.bzb-pocket {
  width: 88px;
}
.single-post article.post .post-content {
  padding: 0 39px;
}
.single-post article.post .post-content #toc_container,
.original-category .post-content #toc_container {
  width: 100% !important;
  margin-bottom: 60px;
  padding: 20px 40px 40px;
  border: 1px solid #f5eada;
  background-color: #fbfbf0;
}
.single-post article.post .post-content #toc_container .toc_title,
.original-category .post-content #toc_container .toc_title {
  width: 150px;
  margin: 0 auto;
  padding: 10px 0;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px;
  background-color: #9F90AF;
  color: #fff;
  font-size: 16px;
}
.single-post article.post .post-content #toc_container .toc_title .toc_toggle a,
.original-category .post-content #toc_container .toc_title .toc_toggle a {
  color: #fff;
}
.single-post article.post .post-content #toc_container .toc_list li a,
.original-category .post-content #toc_container .toc_list li a {
  color: #4aa62c;
}
.single-post article.post .post-content #toc_container .toc_list li:before,
.original-category .post-content #toc_container .toc_list li:before {
  content: none;
}
.single-post article.post .post-content p,
.original-category .post-content p {
  margin: 0 0 1.6em;
  padding: 0 10px;
  color: #666;
  font-size: 16px;
  line-height: 2;
}
.single-post article.post .post-content h2,
.original-category .post-content h2 {
  position: relative;
  margin-top: 21px;
  margin-bottom: 28px;
  padding: 18px 16px 16px 23px;
  /*border: 1px solid #9F90AF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #9F90AF;*/
  color: #333;
  font-size: 22px;
  line-height: 1.2em;
  background:url(images/line_02.png) 0 bottom repeat-x;
}
.single-post article.post .post-content h3,
.original-category .post-content h3 {
  margin-top: 65px;
  margin-bottom: 28px;
  padding: 12px 16px 5px 0 !important;
  border: 0;
  /*-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;*/
  color: #333;
  font-size: 20px;
  line-height: 1.2em;
  background:url(images/line_03.png) 0 bottom no-repeat;
  font-weight:normal;
}
.single-post article.post .post-content h4,
.original-category .post-content h4 {
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 10px;
  border-bottom: 3px solid #9F90AF;
  color: #4a4a4a;
  font-size: 18px;
}
.single-post article.post .post-content h5,
.original-category .post-content h5 {
  margin-top: 50px;
  margin-bottom: 20px;
  padding: 0;
  color: #9F90AB;
  font-size: 16px;
}
.single-post article.post .post-content h5:before,
.original-category .post-content h5:before {
  content: "・";
}
.single-post article.post .post-content a,
.original-category .post-content a {
  color: #4398c9;
  text-decoration: none;
}
.single-post article.post .post-content ul,
.original-category .post-content ul {
  padding: 0 0 0 20px;
  list-style-type: none;
}
/*.single-post article.post .post-content ul li:before,
.original-category .post-content ul li:before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  content: url("./images/icon_post_li_disc_gr.png");
}*/
.single-post article.post .post-content ol,
.original-category .post-content ol {
  padding: 0 0 0 40px;
}
.single-post article.post .post-content ol li,
.original-category .post-content ol li {
  margin-left: 44px;
}
.single-post article.post .post-content dl,
.original-category .post-content dl {
  padding: 0 0 0 20px;
}
.single-post article.post .post-content dl dt,
.original-category .post-content dl dt {
  margin: 0;
  font-weight: bold;
}
.single-post article.post .post-content dl dd,
.original-category .post-content dl dd {
  margin: 0 0 0 44px;
  padding: 0 0 0 40px;
  border: none;
}
.single-post article.post .post-content table,
.original-category .post-content table {
  margin-bottom: 60px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fbf6ef;
  /*border-bottom: 2px solid #9F90AF;*/
}
.single-post article.post .post-content table tbody th,
.original-category .post-content table tbody th {
  background-color: #9F90AF;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  padding: 5px 10px;
}
.single-post article.post .post-content table tbody td,
.original-category .post-content table tbody td {
  text-align: center;
  border: 1px solid #fbf6ef;
  padding: 5px 10px;
}
.single-post article.post .post-content table.mce-item-table,
.original-category .post-content table.mce-item-table {
  margin-bottom: 60px;
  border: 1px solid #fbf6ef;
  /*border-bottom: 2px solid #9F90AF;*/
}
.single-post article.post .post-content table.mce-item-table tbody th,
.original-category .post-content table.mce-item-table tbody th {
  background-color: #9F90AF;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  padding: 5px 10px;
}
.single-post article.post .post-content table.mce-item-table tbody td,
.original-category .post-content table.mce-item-table tbody td {
  text-align: center;
  border: 1px solid #fbf6ef;
  padding: 5px 10px;
}
.single-post article.post .post-content blockquote,
.original-category .post-content blockquote {
  background-color: #f8f7f4;
  border: none;
  padding: 55px 25px 20px 25px;
  margin-right: 0;
  margin-left: 0;
}
.single-post article.post .post-content blockquote a,
.original-category .post-content blockquote a {
  display: block;
  text-align: right;
}
.single-post article.post .post-content blockquote p,
.original-category .post-content blockquote p {
  margin: 0;
}
.single-post article.post .post-content blockquote:before
.original-category .post-content blockquote:before {
  font-size: 28px;
  color: #787878;
  position: absolute;
  top: 12px;
  left: 25px;
}
.single-post article.post .post-content .attention,
.original-category .post-content .attention {
  margin-bottom: 30px;
}
.single-post article.post .post-content .attention.a-1,
.original-category .post-content .attention.a-1 {
  position: relative;
  border: 2px solid #9F90AF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #f3f9f0;
}
.single-post article.post .post-content .attention.a-1:after,
.original-category .post-content .attention.a-1:after {
  position: absolute;
  top: -15px;
  left: 15px;
  content: url("./images/icon_a-1-point.png");
}
.single-post article.post .post-content .attention.a-1 .attention-title,
.original-category .post-content .attention.a-1 .attention-title {
  display: block;
  padding: 12px 15px 12px 130px;
  background-color: #9F90AF;
  color: #fff;
  font-size: 22px;
}
.single-post article.post .post-content .attention.a-1 ul,
.original-category .post-content .attention.a-1 ul {
  margin: 0;
  padding: 30px 40px 30px 55px;
}
.single-post article.post .post-content .attention.a-2,
.original-category .post-content .attention.a-2 {
  position: relative;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fbfbf0;
}
.single-post article.post .post-content .attention.a-2:before,
.original-category .post-content .attention.a-2:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  padding: 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-color: #9F90AF;
  line-height: 0;
  content: "";
}
.single-post article.post .post-content .attention.a-2 .attention-title,
.original-category .post-content .attention.a-2 .attention-title {
  display: block;
  padding: 25px 30px 15px 30px;
  border-bottom: 1px dotted #f5eada;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background-color: #fff;
  color: #333;
  font-size: 22px;
}
.single-post article.post .post-content .attention.a-2 .attention-title:before,
.original-category .post-content .attention.a-2 .attention-title:before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  content: url("./images/icon_a-2.png");
}
.single-post article.post .post-content .attention.a-2 ul,
.original-category .post-content .attention.a-2 ul {
  margin: 0;
  padding: 15px 40px 30px 55px;
}
.single-post article.post .post-content .attention.a-3,
.original-category .post-content .attention.a-3 {
  padding: 35px 40px;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.single-post article.post .post-content .attention.a-3 .attention-title,
.original-category .post-content .attention.a-3 .attention-title {
  display: inline-block;
  background: linear-gradient(transparent 40%, #fbfdcc 40%);
  color: #333;
  font-size: 20px;
}
.single-post article.post .post-content .attention.a-3 ul,
.original-category .post-content .attention.a-3 ul {
  margin: 0;
  padding: 15px 0 0 15px;
}
.single-post article.post .post-content #green_button,
.original-category .post-content #green_button {
  margin: 30px 0;
  text-align: center;
}
.single-post article.post .post-content #green_button a,
.original-category .post-content #green_button a {
  line-height: 1em;
  display: block;
  position: relative;
  width: 460px;
  padding: 25px;
  margin: 0 auto;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #ff9f1a;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #00730c;
  -moz-box-shadow: 0 4px 0 #00730c;
  -ms-box-shadow: 0 4px 0 #00730c;
  -o-box-shadow: 0 4px 0 #00730c;
  box-shadow: 0 4px 0 #00730c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c413+22,00a610+100 */
  background: #00c413;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00c413 22%, #00a610 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00c413 22%, #00a610 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00c413 22%, #00a610 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c413', endColorstr='#00a610',GradientType=0 );
  /* IE6-9 */
}
.single-post article.post .post-content #green_button a:after,
.original-category .post-content #green_button a:after {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -12px;
  content: url("./images/angle_circle_right_wh2.png");
}
.single-post article.post .post-content #green_button a:hover,
.original-category .post-content #green_button a:hover {
  opacity: 0.65;
}
.single-post article.post .post-content .alignleft,
.single-post article.post .post-content .alignright,
.single-post article.post .post-content .aligncenter,
.original-category .post-content .alignleft,
.original-category .post-content .alignright,
.original-category .post-content .aligncenter {
  clear: both;
}
.single-post article.post .post-content .special_keyword {
  color: #f89005;
}
.single-post article.post .post-content .post-thumbnail,
.original-category .post-content .post-thumbnail {
  width: 100%;
  margin: 0 0 20px 0;
}
.single-post article.post .post-content .post-thumbnail img,
.original-category .post-content .post-thumbnail img {
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.single-post article.post .post-footer {
  padding: 60px 39px 0;
}
.single-post article.post .post-footer .footer-social-wrap {
  margin: 30px 0 60px;
  padding: 30px 30px 0;
  border: 2px solid #f5eada;
}
.single-post article.post .post-footer .footer-social-wrap .footer-social-title {
  position: relative;
  padding: 5px 20px;
  background-image: url(./images/footer_social_bg.png);
  color: #333;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
.single-post article.post .post-footer .footer-social-wrap .footer-social-title img {
  position: absolute;
  right: -100%;
  bottom: 55px;
  left: -100%;
  margin: auto;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-sns-btn {
  text-align: center;
  padding: 25px 0;
}
.single-post article.post .post-footer .footer-social-wrap li {
  text-align: center;
  margin: 0 15px;
}
.single-post article.post .post-footer .footer-social-wrap .btn a {
  display: inline-block;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
.single-post article.post .post-footer .footer-social-wrap .btn a:before {
  width: 100%;
  color: #fff;
  font-size: 32px;
  line-height: 1em;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  text-align: center;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-facebook .btn a {
  background-color: #305097;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-facebook .btn a:before {
  display: block;
  content: "\f09a";
  font-family: FontAwesome;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-twitter .btn a {
  background-color: #00aced;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-twitter .btn a:before {
  display: block;
  content: "\f099";
  font-family: FontAwesome;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-googleplus .btn a {
  background-color: #db4a39;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-googleplus .btn a:before {
  display: block;
  content: "\f0d5";
  font-family: FontAwesome;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-hatena .btn a {
  background-color: #008fde;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-hatena .btn a:before {
  display: block;
  content: "\e801";
  font-family: 'icomoon';
}
.single-post article.post .post-footer .footer-social-wrap .bzb-pocket .btn a {
  background-color: #d3505a;
}
.single-post article.post .post-footer .footer-social-wrap .bzb-pocket .btn a:before {
  display: block;
  content: "\e803";
  font-family: 'icomoon';
}
.single-post .post-category .category-name {
  margin: 0 20px;
  color: #333;
  font-size: 13px;
}
.single-post .post-category .category-name li i {
  margin-right: 5px;
  color: #e8c99f;
}
.single-post .post-category .category-name li a:hover {
  text-decoration: underline;
}
.single-post .post-cta {
  margin: 60px 0;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.single-post .post-cta .cta-post-title {
  margin-bottom: 0;
  padding: 25px 20px 22px 20px;
  border-bottom: 3px solid #9F90AF;
  color: #9F90AF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.single-post .post-cta .post-cta-cont {
  font-size: 16px;
  color: #444;
  line-height: 1.8em;
}
.single-post .post-cta .post-cta-cont br {
  display: none;
}
.single-post .post-cta .post-cta-btn {
  margin: 30px 0;
  text-align: center;
}
.single-post .post-cta .post-cta-btn a {
  line-height: 1em;
  display: block;
  position: relative;
  width: 460px;
  padding: 25px;
  margin: 0 auto;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #ff9f1a;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #b87212;
  -moz-box-shadow: 0 4px 0 #b87212;
  -ms-box-shadow: 0 4px 0 #b87212;
  -o-box-shadow: 0 4px 0 #b87212;
  box-shadow: 0 4px 0 #b87212;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f1a+22,f78d00+100 */
  background: #ff9f1a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9f1a 22%, #f78d00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f1a', endColorstr='#f78d00',GradientType=0 );
  /* IE6-9 */
}
.single-post .post-cta .post-cta-btn a:after {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -12px;
  content: url("./images/angle_circle_right_wh1.png");
}
.single-post .post-cta .post-cta-btn a:hover {
  opacity: 0.65;
}
.single-post .under_post .textwidget {
  padding: 40px 30px;
  position: relative;
}
.single-post .under_post .textwidget h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1em;
}
.single-post .under_post .textwidget p {
  font-size: 16px;
  line-height: 1.5em;
}
.single-post .under_post .textwidget img {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.single-post .related-post {
  margin: 60px 0;
}
.single-post .related-post .related-post-headline {
  margin: 0 0 25px;
  padding: 5px;
  border-bottom: 2px solid #9F90AF;
  font-size: 21px;
}
.single-post .related-post .post-list {
  width: 100%;
  padding-right: 90px !important;
  font-size: 0;
}
.single-post .related-post .post-list li {
  display: inline-block;
  width: 25% !important;
  margin: 0 30px 0 0 !important;
  border-top: none !important;
}
.single-post .related-post .post-list li:last-child {
  margin-right: -90px !important;
}
.single-post .related-post .post-list li .related-post-thumb {
  width: 100%;
  height: auto;
}
.single-post .related-post .post-list li .related-post-thumb img {
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.single-post .related-post .post-list li .related-post-title {
  font-size: 14px;
}
.single-post .related-post .post-list li a {
  color: #666;
}
.single-post .related-post .post-list li a:hover {
  color: #61b451;
  text-decoration: underline;
}
.single-post .post-author {
  margin: 60px 0;
  padding: 40px;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.single-post .post-author .post-author-meta {
  margin-left: 110px;
}
.single-post .post-author .post-author-meta h4 {
  margin: 0 0 15px;
  padding: 0 0 10px 5px;
  border-bottom: 2px solid #9F90AF;
  color: #545454;
  font-size: 16px;
}
.single-post .post-author .post-author-meta p {
  color: #666;
}
.single-post #comments {
  margin: 60px 0;
  padding: 40px;
  border: 1px solid #f5eada;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}
.single-post #comments #reply-title {
  margin-bottom: 30px;
  padding: 8px 12px;
  border: 1px solid #f5eada;
  border-left: 3px solid #66418F;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  color: #4a4a4a;
  font-size: 16px;
  font-weight: bold;
}
.single-post #comments .comment-form-comment textarea {
  width: 100%;
  margin: 0 0 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.single-post #comments .comment-form-author {
  width: 48%;
}
.single-post #comments .comment-form-author input {
  width: 100%;
}
.single-post #comments .comment-form-email {
  width: 48%;
  margin-bottom: 20px;
}
.single-post #comments .comment-form-email input {
  width: 100%;
}
.single-post #comments .form-submit {
  position: relative;
  clear: both;
  width: 270px;
  margin: 0 auto;
  padding-bottom: 4px;
}
.single-post #comments .form-submit:after {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -16px;
  content: url("./images/angle_circle_right_wh1.png");
}
.single-post #comments .form-submit #submit {
  display: block;
  width: 270px;
  padding: 15px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 0 #b87212;
  -moz-box-shadow: 0 4px 0 #b87212;
  -ms-box-shadow: 0 4px 0 #b87212;
  -o-box-shadow: 0 4px 0 #b87212;
  box-shadow: 0 4px 0 #b87212;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f1a+22,f78d00+100 */
  background: #ff9f1a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff9f1a 22%, #f78d00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff9f1a 22%, #f78d00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f1a', endColorstr='#f78d00',GradientType=0 );
  /* IE6-9 */
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}
.single-post #comments .form-submit #submit:hover {
  opacity: 0.65;
}

/* spmode menu
-------------------------------------------------- */
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}

#spmode-menu {
  width: 90%;
  margin: 0 auto;
  padding: 0 0 5px;
  background-color: #fff;
  list-style-type: none;
}
#spmode-menu .menu-head {
  position: relative;
  background-color: #9F90AF;
}
#spmode-menu .menu-head .menu-title {
  text-align: center;
  letter-spacing: 2px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  border: none;
  padding: 10px;
}
#spmode-menu .menu-head a:before {
  position: absolute;
  top: 15px;
  right: 15px;
  content: "\e804";
  font-size: 22px;
  font-family: 'icomoon';
  line-height: 1em;
  color: #fff;
}
#spmode-menu .footer-title {
  margin: 10px;
  padding: 5px 10px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}
#spmode-menu ul {
  margin-bottom: 10px;
}
#spmode-menu ul li a {
  display: block;
  font-size: 14px;
  padding: 5px 20px;
}
#spmode-menu ul li a:before {
  content: url("./images/angle_right_gr.png");
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#spmode-menu ul li a:hover {
  text-decoration: underline;
}

#header-menu-tog {
  position: absolute;
  top: -10px;
  right: 20px;
  text-decoration: none;
  color: #000;
}
#header-menu-tog a {
  font-size: 35px;
}
#header-menu-tog a:before {
  content: '\f0c9';
  font-family: FontAwesome;
}
#header-menu-tog a.active:before {
  content: '\f05c';
  font-family: FontAwesome;
  color: #9f9f9f;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1160px) {
  /* laptop */
  .wrap {
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
  }

  /* main catch
  -------------------------------------------------- */
  .rank-list .rank-h1-title {
    font-size: 20px;
  }

  #main-catch h1 {
    width: 51%;
  }
  #main-catch .caption {
    width: 51%;
  }

  /* laptop end */
}
@media screen and (max-width: 991px) {
  /* tablet */
  .wrap {
    margin: 0;
  }

  #side {
    padding-top: 0px;
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

  .breadcrumb {
    margin: 22px;
  }

  /* header
  -------------------------------------------------- */
  #header {
    /*#logo{
    	position:relative;
    	top:auto;
    	left:auto;
    	a{
    		display:block;
    		width:200px;
    		height:0;
    		padding-top:41px;
    		@include bgimg("logo_emetore.png");
    		background-repeat: no-repeat;
    		background-size: contain;
    		overflow:hidden;
    		margin-left:15px;
    	}
    }*/
	height:inherit;
	padding:10px !important;
  }
  #header .head-search {
    display: none;
  }

  /* footer
  -------------------------------------------------- */
  #footer .footer-widget-area {
    display: none;
  }

  /* main catch
  -------------------------------------------------- */
  #main-catch {
    margin: 0;
    margin-bottom: 30px;
    padding: 20px 0;
  }
  #main-catch h1 {
    float: none;
    width: auto;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  #main-catch .caption {
    float: none;
    width: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  #main-catch .movie {
    position: relative;
    top: auto;
    right: auto;
    margin: auto;
  }

  /* top category3
  -------------------------------------------------- */
  #category3 {
    margin-bottom: 10px;
  }
  #category3 .wrap {
    margin: 0 12px;
  }
  #category3 .cat-list {
    padding-right: 20px;
  }
  #category3 .cat-list li {
    width: 50%;
    min-height: 100%;
    margin-bottom: 20px;
  }
  #category3 .cat-list li:nth-child(even) {
    margin-right: -20px;
  }

  /* other post
  -------------------------------------------------- */
  #otherpost {
    margin: 0;
  }
  #otherpost .wrap {
    display: block;
  }
  #otherpost .wrap h1 {
    display: block;
    border: none;
    margin: 0;
    padding: 1em;
    width: 100%;
  }
  #otherpost .wrap .caption {
    display: block;
  }
  #otherpost .wrap .link {
    display: block;
    border: none;
    margin: 1em;
    padding: 0;
    width: auto;
  }
  #otherpost .wrap .link a {
    padding: 18px;
  }

  /* top posts
  -------------------------------------------------- */
  .rank-list {
    margin: 0 0 30px;
  }
  .rank-list .rank-h1-title {
    font-size: 16px;
    margin: 0 0 20px;
    padding: 10px;
    text-align: center;
  }
  .rank-list .rank-h1-title span {
    padding: 7px 10px;
  }
  .rank-list .post-rank-wrap .post {
    padding: 20px;
  }
  .rank-list .post-rank-wrap .post a {
    display: block;
  }
  .rank-list .post-rank-wrap .post .post-thumbnail {
    width: 120px;
  }
  .rank-list .post-rank-wrap .post .post-header {
    margin-left: 140px;
  }
  .rank-list .post-rank-wrap .post .post-header .post-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .rank-list .post-rank-wrap .post .post-header .post-meta {
    margin-bottom: 10px;
  }
  .rank-list .post-rank-wrap .post .post-content {
    display: none;
  }
  .rank-list .post-rank-wrap .rank1,
  .rank-list .post-rank-wrap .rank2 {
    /*			float:none;
    			width:auto;*/
  }
  .rank-list .post-rank-wrap .rank1 .post-thumbnail,
  .rank-list .post-rank-wrap .rank2 .post-thumbnail {
    width: 100%;
    float: none;
  }
  .rank-list .post-rank-wrap .rank1 .post-thumbnail img,
  .rank-list .post-rank-wrap .rank2 .post-thumbnail img {
    width: 100%;
    height: auto;
  }
  .rank-list .post-rank-wrap .rank1 .post-header,
  .rank-list .post-rank-wrap .rank2 .post-header {
    margin: 0;
  }
  .rank-list .post-rank-wrap .rank1 .post-content,
  .rank-list .post-rank-wrap .rank2 .post-content {
    display: block;
    padding: 0 !important;
  }
  .rank-list .post-rank-wrap .rank3 .post-thumbnail:before,
  .rank-list .post-rank-wrap .rank4 .post-thumbnail:before,
  .rank-list .post-rank-wrap .rank5 .post-thumbnail:before {
    width: 50px;
    height: 49px;
  }

  .latest {
    margin: 0 0 30px !important;
  }
  .latest .latest-title {
    font-size: 16px;
    margin: 0 0 20px;
    padding: 10px;
    text-align: center;
  }
  .latest .post-loop-wrap .category-cat2 .post-thumbnail:before,
  .latest .post-loop-wrap .category-cat3 .post-thumbnail:before,
  .latest .post-loop-wrap .category-cat4 .post-thumbnail:before,
  .latest .post-loop-wrap .category-cat5 .post-thumbnail:before {
    width: 40px;
    height: 40px;
  }

/****** 記事内装飾 ******/
	.post-content .box_02 table, .post-content .box_03 table{ white-space:normal;}
	.post-content .box_02 table th, .post-content .box_03 table th{ padding:20px 10px 20px 10px; width:90px; vertical-align:top;}
	.post-content .box_02 table td{ padding:20px 0 20px 10px !important;}


  /* page
  -------------------------------------------------- */
  .page article.page .post-header {
    padding: 0 20px !important;
  }
  .page article.page .post-header .post-title {
    margin-bottom: 10px;
    padding: 15px;
    font-size: 20px;
  }
  .page article#post-27 {
    /*inquiry*/
  }
  .page article#post-27 .wpcf7-form ul {
    border: none;
  }
  .page article#post-27 .wpcf7-form li {
    display: block;
    border: none;
    margin: 0;
    width: 100%;
  }
  .page article#post-27 .wpcf7-form li .title {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
  }
  .page article#post-27 .wpcf7-form li .input-field {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .page article#post-27 .privacy_link {
    text-align: center;
    margin-top: -2em;
  }

  /* list
  -------------------------------------------------- */
  .single-post .post-footer-related,
  .latest,
  .search,
  .archive {
    margin: 0;
  }
  .single-post .post-footer-related .post-loop-wrap .post,
  .latest .post-loop-wrap .post,
  .search .post-loop-wrap .post,
  .archive .post-loop-wrap .post {
    padding: 20px;
    border: none;
    border-bottom: 1px solid #f5eada;
  }
  .single-post .post-footer-related .post-loop-wrap .post a,
  .latest .post-loop-wrap .post a,
  .search .post-loop-wrap .post a,
  .archive .post-loop-wrap .post a {
    display: block;
  }
  .single-post .post-footer-related .post-loop-wrap .post .post-thumbnail,
  .latest .post-loop-wrap .post .post-thumbnail,
  .search .post-loop-wrap .post .post-thumbnail,
  .archive .post-loop-wrap .post .post-thumbnail {
    width: 120px;
  }
  .single-post .post-footer-related .post-loop-wrap .post .post-header,
  .latest .post-loop-wrap .post .post-header,
  .search .post-loop-wrap .post .post-header,
  .archive .post-loop-wrap .post .post-header {
    margin-left: 140px;
  }
  .single-post .post-footer-related .post-loop-wrap .post .post-header .post-title,
  .latest .post-loop-wrap .post .post-header .post-title,
  .search .post-loop-wrap .post .post-header .post-title,
  .archive .post-loop-wrap .post .post-header .post-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .single-post .post-footer-related .post-loop-wrap .post .post-header .post-meta,
  .latest .post-loop-wrap .post .post-header .post-meta,
  .search .post-loop-wrap .post .post-header .post-meta,
  .archive .post-loop-wrap .post .post-header .post-meta {
    margin-bottom: 0;
  }
  .single-post .post-footer-related .post-loop-wrap .post .post-content,
  .latest .post-loop-wrap .post .post-content,
  .search .post-loop-wrap .post .post-content,
  .archive .post-loop-wrap .post .post-content {
    display: none;
  }

  /* original-category
  -------------------------------------------------- */
  .original-category .articleswrap {
    padding: 20px;
  }
  .original-category .cat-content .cat-header .cat-title {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 22px;
  }
  .original-category .cat-content .cat-content-area .cat-title {
    font-size: 20px;
  }
  .original-category .cat-post-title {
    padding: 12px 15px 10px;
    font-size: 20px;
  }
  .original-category .post-content {
    padding: 0 !important;
  }
  .original-category .post-loop-wrap {
    overflow: hidden;
    padding-right: 0;
  }
  .original-category .post-loop-wrap .post {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .original-category .post-loop-wrap .post .post-thumbnail {
    width: 120px !important;
  }
  .original-category .post-loop-wrap .post .post-header {
    margin-left: 140px !important;
  }
  .original-category .post-loop-wrap .post:nth-child(even) {
    margin-right: 0;
  }
  .original-category .post-loop-wrap .post .post-content {
    padding: 0 !important;
  }
  .original-category .post-cta {
    margin: 40px 0;
  }
  .original-category .post-cta .post-cta-img {
    text-align: center;
  }
  .original-category .post-cta .post-cta-btn a {
    font-size: 18px;
  }
  .original-category .post-cta .post-cta-btn a:after {
    right: 20px;
  }

  /* single-post 
  -------------------------------------------------- */
  .single-post article.post .post-header .category-name {
    padding-left: 20px;
  }
  .single-post article.post .post-header .post-meta {
    padding-right: 20px;
  }
  .single-post article.post .post-header .post-title {
    padding: 0 20px;
    font-size: 22px;
  }
  .single-post article.post .post-header .post-header-meta {
    margin: 0 20px;
  }
  .single-post article.post .post-content h2,
  .original-category .post-content h2 {
    padding: 12px 15px 10px;
    font-size: 20px;
  }
  .single-post article.post .post-content h3,
  .original-category .post-content h3 {
    padding: 12px 15px 10px;
    font-size: 20px;
  }
  .single-post article.post .post-content h4,
  .original-category .post-content h4 {
    font-size: 18px;
  }
  .single-post article.post .post-content h5,
  .original-category .post-content h5 {
    font-size: 18px;
  }
  .single-post article.post .post-content .attention.a-1 .attention-title,
  .original-category .post-content .attention.a-1 .attention-title {
    font-size: 18px;
  }
  .single-post article.post .post-content .attention.a-2 .attention-title,
  .original-category .post-content .attention.a-2 .attention-title {
    font-size: 18px;
  }
  .single-post article.post .post-content .attention.a-3 .attention-title,
  .original-category .post-content .attention.a-3 .attention-title {
    font-size: 18px;
  }
  .single-post article.post .post-content #green_button a,
  .original-category .post-content #green_button a {
    width: 100%;
    padding: 25px 30px 25px 15px;
    font-size: 18px;
  }
  .single-post article.post .post-content #green_button a:after,
  .original-category .post-content #green_button a:after {
    right: 20px;
  }
  .single-post article.post .post-footer .footer-social-wrap .footer-social-title {
    font-size: 18px;
  }
  .single-post article.post .post-footer .footer-social-wrap .btn a {
    width: 60px;
    height: 60px;
  }
  .single-post article.post .post-footer .footer-social-wrap .btn a:before {
    font-size: 24px;
  }
  .single-post .post-cta {
    padding: 0 !important;
  }
  .single-post .post-cta .cta-post-title {
    padding: 20px;
    font-size: 20px;
  }
  .single-post .post-cta .post-cta-cont .post-cta-img {
    text-align: center;
  }
  .single-post .post-cta .post-cta-btn a {
    width: 100%;
    padding: 25px 30px 25px 15px;
    font-size: 18px;
  }
  .single-post .post-cta .post-cta-btn a:after {
    right: 20px;
  }
  .single-post .post-author .post-author-img {
    margin: 0 auto;
  }
  .single-post #comments .comment-form-author {
    width: 100%;
  }
  .single-post #comments .comment-form-email {
    width: 100%;
  }

  .post-content table {
    display: table;
  }

  .more {
    width: 80%;
    margin: 30px auto 60px;
    font-size: 18px;
  }

  .pagination {
    margin: 30px auto 60px;
  }

  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  /* main catch
  -------------------------------------------------- */
  #main-catch h1 {
    margin: 0 0 /*20px*/;
	padding:0;
  }

  /* top category3
  -------------------------------------------------- */
  #category3 {
    margin: 0 0 30px;
    margin-bottom: 30px;
  }
  #category3 .cat-list {
    display: block;
    padding-right: 0;
  }
  #category3 .cat-list li {
    display: block;
    width: 100%;
    border-right: 1px solid #b9ac9d;
  }

  /* top posts
  -------------------------------------------------- */
  .rank-list .post-rank-wrap .rank1 {
    border-bottom: 1px solid #f5eada;
  }
  .rank-list .post-rank-wrap .rank1,
  .rank-list .post-rank-wrap .rank2 {
    float: none;
    width: auto;
  }
  .rank-list .post-rank-wrap .rank1 .post-thumbnail,
  .rank-list .post-rank-wrap .rank2 .post-thumbnail {
    width: 100%;
    float: none;
  }
  .rank-list .post-rank-wrap .rank1 .post-thumbnail img,
  .rank-list .post-rank-wrap .rank2 .post-thumbnail img {
    width: 100%;
    height: auto;
  }
  .rank-list .post-rank-wrap .rank1 .post-header,
  .rank-list .post-rank-wrap .rank2 .post-header {
    margin: 0;
  }
  .rank-list .post-rank-wrap .rank1 .post-content,
  .rank-list .post-rank-wrap .rank2 .post-content {
    display: block;
    padding: 0 !important;
  }

  /* list
  -------------------------------------------------- */
  .single-post .related-post {
    padding: 0 15px;
  }
  .single-post .related-post .post-list {
    padding-right: 0 !important;
  }
  .single-post .related-post .post-list li {
    display: block !important;
    overflow: hidden;
    width: 100% !important;
    margin: 0 0 20px !important;
  }
  .single-post .related-post .post-list li:last-child {
    margin-right: 0 !important;
  }
  .single-post .related-post .post-list li .related-post-thumb {
    float: left;
    width: 120px;
  }
  .single-post .related-post .post-list li .related-post-title {
    margin-left: 140px;
    padding: 0;
  }

  #main .post-cta {
    padding: 0 !important;
  }
  #main .post-cta .cta-post-title {
    padding: 20px !important;
    font-size: 20px !important;
  }

  /* original-category
  -------------------------------------------------- */
  .original-category .post-cta .post-cta-btn .button {
    width: 100%;
  }

  /* phone end */
}
@media screen and (max-width: 430px) {
  /* phone */
  /* main catch
  -------------------------------------------------- */
  #header #logo{ line-height:1;}
  #main-catch .movie {
    width: 100%;
  }
  #main-catch .movie iframe {
    width: 100%;
  }
  #main-catch h1:before{ top:-30px; left:-160px;}
  .single-post article.post{background-size: 15%;}
  .single-post article.post .article_inner{margin-left: 20px;}
  .single-post .post-footer-related .post-loop-wrap .post, .latest .post-loop-wrap .post, .search .post-loop-wrap .post, .archive .post-loop-wrap .post{ padding:20px 20px 20px 0;}
  .search .post-loop-wrap .post, .archive .post-loop-wrap .post{ width:90%;}
  #footer .footer-02 .footer-copy{ padding:0 10px;}

  /* phone end */
}