@charset "UTF-8";
/*
Template:xeory_base
Theme Name:XeoryBase-Child
Description:アフィリノオトオリジナル 子テーマ
*/
/* all display
-------------------------------------------------- */
body{
  border-top: 2px solid #333;
}
.wrap {
  width: 1000px;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}
.wrap:before { display: inline-table; }
.wrap:after {
  content: "";
  display: block;
  clear: both;
}
a{ color: #0044CC; }
.post-template-page-bigthumbnail .post-thumbnail,
.page-template-page-bigthumbnail .post-thumbnail{
  margin-left: 0;
  margin-bottom: 0;
  float: none;
}
#main {
  width: 100%;
  float: left;
}
.main-inner { margin-right: 325px; }
#side {
  width: 290px;
  float: left;
  margin-left: -290px;  
}
#side.explain a{ font-weight: 550; color: #0044CC; }
.side-inner{
  background: #EEE;
  padding: 22px 20px;
}
.toc_fixed{
  margin-top: 30px;
}
.toc_fixed h3{
  margin-bottom: 20px;
  padding: 7px 5px;
  background: #eee;
  text-align: center;
  font-weight: 550;
  font-size: 18px;
}
.toc_fixed .toc_fixed_inner{
  overflow: hidden;
  overflow-y: scroll;
  height: 600px;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}
.toc_fixed .toc_fixed_inner::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display:none;
}
.toc_fixed a{ color: #333; }
.toc_fixed .current{
  padding: 5px 10px;
  font-weight: 550;
  /*background: -webkit-linear-gradient(transparent 60%, #9cdbfb 60%);
  background: -o-linear-gradient(transparent 60%, #9cdbfb 60%);
  background: linear-gradient(transparent 60%, #9cdbfb 60%);*/
  background: #9cdbfb;
  background: #d5f1ff;
}
.toc_fixed li{ padding: 3px 0; }
.toc_fixed li span{ display: none; }
.toc_fixed ul.toc_list > li > a{
  display: block;
  margin-top: 0;
  /*background: #eee;*/
}
.toc_fixed ul.toc_list > li > a:before{
  margin-right: 10px;
  content: "\f35a";
  float: left;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 550;
}
.toc_fixed ul.toc_list > li{
  margin-top: 10px;
}
.toc_fixed li ul{
  padding-top: 5px;
  margin-left: 20px;
}
.toc_fixed li ul li{
  margin-left: 20px;
  list-style-type: disc;
  font-size: 15px;
}
.left-content #main {
  width: 100%;
  float: left;
}
.left-content .main-inner {
  margin-right: 325px;
  margin-left: 0;
}
.left-content #side {
  width: 290px;
  float: left;
  margin-left: -290px;
  background: #EEE;
  padding: 22px 20px;
}

.right-content #main {
  width: 100%;
  float: left;
}
.right-content .main-inner {
  margin-left: 325px;
  margin-right: 0;
}
.right-content #side {
  width: 290px;
  float: left;
  margin-left: -100%;
}

.one-column #content .wrap {
  width: 1000px;
}
.one-column #content .wrap #main {
  width: 100%;
  float: none;
}
.one-column #content .wrap #main .main-inner {
  width: 100%;
  margin: 0;
}
.one-column #content .wrap #side { display: none; }
/*.dashicons{ font-size: 25px !important; }*/
.review-content .catchcopy{ margin-bottom:30px; text-align: center; font-weight: 550; font-size: 24px; }

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

  .main-inner {
    margin-right: 320px;
    box-sizing: border-box;
  }

  /* laptop end */
}
@media screen and (max-width: 991px) {
  /* tablet */
  .wrap,
  .one-column #content .wrap {
    margin-left: 20px;
    margin-right: 20px;
  }

  #main,
  .main-inner,
  #side {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .left-content #main,
  .right-content #main {
    float: none;
  }
  .left-content .main-inner,
  .right-content .main-inner {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .left-content #side,
  .right-content #side {
    width: 100%;
    float: none;
    margin: 0;
  }

  #side {
    padding-top: 42px;
  }

  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  .wrap,
  .one-column #content .wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* phone end */
}
/* ----------------------------------------
* カラースキーム
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
  font-size: 16px;
  background: #FFF;
  color: #333333;
}

a {
  text-decoration: none;
  color: #0044CC;
}
a:hover {
  text-decoration: underline;
}

/* form
---------------------------------------- */
form input[type="submit"],
form button {
  background: #2581c4;
  color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
  cursor: pointer;
}

/* ----------------------------------------
* header
---------------------------------------- */
#header {
  background: #09c5f4;
  background: #fff;
  color: #FFF;
  padding: 30px 0 40px;
  border-bottom: none;
}
#header #logo {
  margin-top: 5px;
  /*float: left;*/
  text-align: center;
  font-size: 13px;
  letter-spacing: 4px;
}
#header #logo a {
  color: #FFF
}

#header #logo img{
  /*margin-right: 25px;*/
  width: 280px;
}
#header a{
  color: #000;
}

#header #logo span{
  position: relative;
  top: 8px;
}
#header #header-sns {
  float: right;
}
#header #header-sns img{
  border: 1px solid #aaa;
  border-radius: 5px;
}
#header #header-sns ul {
  padding: 0;
}
#header #header-sns li {
  display: table-cell;
  padding-left: 10px;
  height: 63px;
  font-size: 21px;
  vertical-align: middle;
}
#header #header-sns li a {
  color: #ccc;
}
#header #header-sns li a:hover {
  color: #57585a;
}

@media screen and (max-width: 991px) {
  /* tablet */
  #header #logo span{
    position: static;
    display: block;
  }

  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  

  /* phone end */
}

/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb {
  margin: 0 0 60px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  padding: 0;
}
.breadcrumb li {
  float: left;
  margin-left: 10px;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 480px) {
  .category .breadcrumb,
  .search .breadcrumb,
  .single .breadcrumb,
  .page .breadcrumb,
  .paged .breadcrumb{ margin-top: 30px; }
}

/* ----------------------------------------
* gloval nav
---------------------------------------- */
#gnav {
  margin-top: -1px;
  background: #fff;
  background: #4379ba;
  background: #333;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  font-size: 14px;
}
#gnav .sub-menu {
  z-index: 10;
  font-size: 14px;
  margin: 0;
}
#gnav ul {
  margin: 0;
  padding: 0;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#gnav li {
  position: relative;
  padding: 0 12px;
}
#gnav li.current-menu-item a {
  border-top: 1px #2581c4 solid;
}
#gnav li a {
  display: block;
  border-top: 1px #ddd solid;
  margin-top: -1px;
  padding: 15px 0px;
  font-weight: bold;
  color: #09c5f4;
  color: #fff;
  background: #fff;
  background: #4379ba;
  background: #333;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}
#gnav li a:hover {
}
#gnav li a:hover .sub-menu {
  display: block;
}
#gnav li .sub-menu {
  display: none;
  position: absolute;
  width: 200px;
  background: #fff;
  border: none;
  border-bottom: none;
  margin: 0;
}
#gnav li .sub-menu li {
  float: none;
  border-bottom: none;
  margin-right: 0;
  padding: 0;
}
#gnav li .sub-menu li:list-child {
  border-bottom: none;
}
#gnav li .sub-menu li a {
  opacity: 1;
  color: #fff;
  background: #0cf;
  background: #555;
  background: #333;
  font-size: 12px;
  padding: 10px 18px;
  margin-top: 0;
  border: none;
  overflow: hidden;
}
#gnav li .sub-menu li a:hover {
  background: #000;
  color: #fff;
}
#gnav li .sub-menu li a:after {
  content: "\f105";
  float: right;
  font-family: 'Font Awesome 5 Pro';
}
#gnav li .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
  padding: 15px 0 52px;
}
.category #content{ padding-bottom: 100px; }
#content .wp-caption {
  max-width: 100%;
  border: 1px solid #efefef;
  text-align: center;
  padding: 5px;
}
#content .wp-caption-text {
  padding: 12px 16px;
  margin-bottom: 0;
  text-align: center;
}

body.home #content { padding-top: 20px; }
.home .f_view{ margin-bottom: 30px; }
@media screen and (max-width: 480px) {
  body.home #content { padding-top: 0; }
}

/*-------------------------
  検索フォーム
-------------------------*/

.searchbox{
  margin: 0 auto 80px;
  padding: 40px 20px;
  background: #fffdeb;
  background: #e6f1fd;
  background: #ffe9e9;
  background: #eee;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.searchbox{
  padding: 0;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-align: center;
}
.searchbox [type=text]{
  margin-right: 5px;
  max-width: 400px;
  border-radius: 100px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
article.post + .searchbox{
  margin-top: 50px;
}
.searchbox .searchbox-title{
  margin-bottom: 25px;
  text-align: center;
  font-weight: 550;
  font-size: 20px;
}
.searchbox .searchbox-title:before{
  margin-right: 8px;
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
}
.searchbox [type=text]{
  display: inline-block;
  width: calc( 100% - 98px );
  height: 40px;
}
.searchbox form label:first-of-type{ margin-left: -8px; }
form input[type=text] + input[type=submit]{
  margin: 0;
  padding: 0 15px;
  min-width: 50px;
  max-width: 100px;
  height: 40px;
  border-radius: 3px;
  background: linear-gradient(#ffa113,#ff8e08);
  border: 0;
  text-shadow: 0 -1px 0 #e18807;
  font-weight: 700;
}
.searchbox .hotkw{
  margin-bottom: 5px;
  text-align: left;
  line-height: 180%;
  font-size: 0.75em;
}
@media screen and (max-width: 480px) {
  .searchbox{ margin: 0 10px 50px; padding: 30px 10px 20px; }
  .searchbox .searchbox-title{
    margin-bottom: 10px;
    font-size: 16px;
  }
  .searchbox [type=text]{
    margin: 10px 0;
    padding-left: 15px;
    padding-right: 15px;
    width: calc( 100% - 70px );
  }
  .searchbox .hotkw{
    margin-top: 10px;
    padding: 0;
    font-size: 0.85em;
  }
}
/*-------------------------
  //検索フォーム
-------------------------*/

/* ----------------------------------------
* main
---------------------------------------- */
.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
  margin-bottom: 40px;
}

.post-header {
  padding: 0;
}

.single-post .post-header ul.post-meta{
  display: none;
}

.home .post-title{
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.3;
}

.post-title a {
  color: #383838;
}
.post-title a:hover {
  color: #f24e4f;
  text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
  padding: 0;
  margin-bottom: 0;
  background: #fff;
}
.cat-content .post-title,
article.page .post-title {
  margin-bottom: 30px;
  line-height: 1.2;
}

.post-thumbnail {
  /*margin-left: 20px;
  margin-bottom: 20px;
  float: right;*/
}
.post-thumbnail img {
  max-width: 100%;
  height: auto;
}

.post-content {
  padding: 0;
  overflow: hidden;
}
.post-content hr {
  border-bottom: 1px solid #efefef;
  margin: 20px 0;
  clear: both;
}
.post-content ul {
  list-style: disc;
}
.post-content ol {
  list-style: decimal;
}
.post-content dl dt {
  font-weight: bold;
  margin-bottom: 4px;
}
.post-content dl dd {
  margin: 0 0 20px;
  border-left: 4px solid #e5e5e5;
  padding: 0 0 0 10px;
}
.post-content pre {
  padding: 20px;
  overflow: scroll;
  font-family: 'Courier', monospace;
}
.post-content h1 {
  clear: both;
}
.home .post-content h2.post-title,
.search .post-content h2.post-title,
.category .post-content h2.post-title{
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: none;
  border: none !important;
  font-size: 16px;
}
.home .post-content h2.post-title:before,
.search .post-content h2.post-title:before,
.category .post-content h2.post-title:before{
  background: none;
}
body:not(.home):not(.category):not(.search) .post-content h2 {
  position: relative;
  margin: 80px 0 40px;
  border-bottom: none !important;
  padding: 10px 25px !important;
  clear: both;
  font-size: 24px;
  font-weight: bold;
  background: #EEE;
}
.post-content h2:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6em;
  display: block;
  height: 1.2em;
  width: 6px;
  background: #0CF;
  background: #ff5546;
}
.post-content h2 a,.post-content h3 a,.post-content h4 a,.post-content h5 a { color: #333; }
/*.post-content h3 {
  margin: 50px 0 30px;
  clear: both;
  border-left: 6px solid #0CF !important;
  border-left: none !important;
  padding: 4px 0;
  line-height: 1.2;
  font-size: 20px;
  color: #333;
}*/
.post-content h3 {
  position: relative;
  /*background: url(/wp-content/themes/affinote_child/images/ptibg-red.gif) 0px 11px no-repeat;*/
  padding:12px 10px 10px 17px;
  margin-bottom:30px;
  border-bottom:#e0e0e0 solid 1px;
  border-left:none !important;
  color: #555;
  font-weight:600;
  font-size:20px;
}
.post-content h3:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6em;
  display: block;
  height: 1.2em;
  width: 4px;
  background: #0CF;
  background: #ff5546;
}
.post-content h4 {
  padding: 10px 5px 10px 25px;
  background: url(/wp-content/themes/affinote_child/images/icon.png) 0 14px no-repeat;
  background-size: 16px;
}
.post-content h5{ margin-bottom: 30px; font-size:18px; }
.post-content h5:first-letter{
  font-size: 24px;
}
.post-content table {
  border: 1px #ddd solid;
  max-width: 100%;
}
.post-content table th,
.post-content table td {
  padding: 8px 10px;
  border: #ddd solid 1px;
}
.post-content table th {
  color: #fff;
}
.post-content table thead th {
  background: #5e6265;
}
.post-content table tbody th {
  background: #919598;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
  border-color: #fff;
}
.post-content table.table-line th {
  background: transparent;
  color: #383838;
  font-weight: bold;
}
.post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
.post-content table.table-line tr {
  background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
.post-content img.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.post-content img.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.post-content h2:first-child {
  margin: 0 0 32px;
}
.post-content a{
  color: #0044CC;
  font-weight: 600;
}

.post-cta {
  margin: 0;
  background: #f5f5f5;
  color: #383838;
  border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
  padding: 0 45px 30px;
}
.post-cta .cta-post-title {
  padding: 25px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.post-cta .post-cta-img {
  float: right;
  width: 230px;
  margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
  overflow: hidden;
}
.post-cta .post-cta-btn {
  margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
  background: #4ac420;
  color: #fff;
  display: block;
  padding: 15px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  width: 100%;
}
.post-cta .post-cta-btn a:before{
  content: ">";
  display: inline-block;
  margin-right: 10px;
  transform: scaleX(.75);
}
.post-cta .post-cta-btn a:hover {
  opacity: .9;
}
.post-cta p {
  margin-bottom: 1em;
}
.post-cta .btn {
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
  background: #2581c4;
}
.post-cta .btn:hover {
  text-decoration: none;
  background: #f24e4f;
}

.post-share {
  padding: 0 90px 30px;
  background: #f5f5f5;
}
.post-share .post-share-fb {
  margin-bottom: 0;
  padding-top: 40px;
  text-align: center;
}
.post-share .post-share-fb > span{
  margin: 0 auto;
}
.post-share .post-share-title {
  font-size: 15px;
  padding: 10px 0;
  margin-bottom: 0;
  color: #fff;
  background-color: #57585A;
  text-align: center;
  margin-left: -45px;
  margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
  overflow: hidden;
  padding: 30px 0;
  margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
  text-decoration: none;
  font-family: 'Didact Gothic';
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
  display: block;
  border: 1px #eee solid;
  border-radius: 3px;
  padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
  text-align: center;
  float: left;
  margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  font-size: 2em;
}
.post-share .post-share-list1 li {
  width: 97.92%;
}
.post-share .post-share-list2 li {
  width: 47.92%;
}
.post-share .post-share-list3 li {
  width: 31.25%;
  font-size: .8em;
}
.post-share .post-share-list4 li {
  width: 22.92%;
}
.post-share .post-share-list4 {
  text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
  display: block;
}
.post-share .post-share-list4 .big {
  font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
  color: #305097;
}
.post-share .post-share-twitter a:hover {
  color: #00aced;
}
.post-share .post-share-google a:hover {
  color: #db4a39;
}
.post-share .post-share-feedly a:hover {
  color: #2bb24c;
}

.post-sns {
  border-top: 1px #eee solid;
  margin: 0 -45px 0;
  padding: 0;
  background: #FFF;
}
.post-sns ul {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.post-sns ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  color: #929292;
  font-size: 16px;
  text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
  content: "\f099";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
  content: "\f09e";
  font-family: FontAwesome;
  font-size: 24px;
  padding-right: 10px;
}
.post-sns ul li:last-child {
  border-right: none;
  padding: -10px 0;
}
.post-sns ul li:hover {
  background-color: #f7f7f7;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
.post-sns ul li span {
  font-size: 20px;
}
.post-sns ul li a {
  width: 100%;
  display: block;
  color: #929292;
  text-decoration: none;
  padding: 15px 0;
}
.post-sns ul li a:hover {
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}

.post-footer {
  border-radius: 0 0 3px 3px;
  margin-top: 50px;
}
.post-footer h4{
  margin: 30px 0 0;
  color: #666;
  font-weight: 600;
  font-size: 18px;
}
.post-footer ul.post-footer-list{
  margin-top: 50px;
}
.post-footer ul li {
  display: inline-block;
  vertical-align: top;
}
.post-footer ul li a:hover {
  text-decoration: underline;
}
.post-footer .bzb-sns-btn {
  padding: 0 0 64px;
  font-size: 0;
}
.post-footer .bzb-sns-btn li {
  display: inline-block;
  font-size: 16px;
  width: auto;
  vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}
.post-footer:after {
  content: '';
  display: block;
  clear: both;
  zoom: 1;
}

.post-footer-list {
  margin: 0 0 40px;
}
.post-footer-list li {
  margin-right: 10px;
}

.post-author {
  border-radius: 3px;
  margin-bottom: 0px;
  padding: 40px 64px;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #383838;
}
.post-author .post-author-img {
  width: 80px;
  float: left;
}
.post-author .post-author-img .inner {
  padding: 0;
}
.post-author a {
  color: #2581c4;
}
.post-author .post-author-meta {
  margin-left: 100px;
}
.post-author .post-author-meta h4 {
  margin: 0 40px 10px 0;
  font-weight: bold;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
  max-width: 100% !important;
}

/* bzb sns */
.post-header-meta {
  overflow: visible;
}
.post-header-meta:after {
  content: "";
  clear: both;
  display: block;
}

.bzb-sns-btn {
  padding: 0;
  margin: 0;
  font-size: 0;
}
.bzb-sns-btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: auto;
  margin:4px;
}
/*
.bzb-sns-btn li.bzb-facebook {
  width: 98px;
}
.bzb-sns-btn li.bzb-facebook span {
  vertical-align: top !important;
}
.bzb-sns-btn li.bzb-twitter {
  width: 93px;
}
.bzb-sns-btn li.bzb-googleplus {
  width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
  width: 93px;
}*/
.bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img {
  vertical-align: top;
}

.bzb-facebook .fb-like > span {
  vertical-align: top !important;
}

.bzb-twitter {
  width: 92px;
}

.bzb-googleplus {
  width: 80px;
}

.post-header-category {
  float: right;
  width: 300px;
  text-align: right;
  padding: 20px 0 10px;
}

/* comment
---------------------------------------- */
#comments {
  padding: 40px 0;
}

.comment-list > .comment {
  margin-bottom: 40px;
  border-bottom: 1px #eee solid;
}

.comment-list > .comment > .comment-body {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .comment-list > .comment > .comment-body {
    padding: 0 !important;
  }
}

.comment-list .children {
  margin-left: 30px;
  margin-right: 30px;
}
.comment-list .children .comment-body {
  padding: 20px;
  margin-bottom: 20px;
  background: #f7f7f7;
}

.comment-author {
  float: left;
  vertical-align: top;
  font-size: 12px;
  margin-left: 10px;
}
.comment-author img {
  vertical-align: top;
}
.comment-meta {
  font-size: 12px;
  margin-bottom: 12px;
}

.reply a {
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 12px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.reply a:before {
  content: ' ';
  font-family: 'Font Awesome 5 Pro';
}
.reply a:hover {
  text-decoration: none;
}

.comment-form-comment label {
  display: none;
}
.comment-form-comment textarea {
  width: 80%;
  margin: 20px 0;
  border-radius: 3px;
}

.form-allowed-tags {
  font-size: 12px;
  margin-bottom: 20px;
  display: none;
}

.comment-meta:after {
  content: ' ';
  display: block;
  clear: both;
}

.comments-title {
  font-size: 24px;
  padding: 20px 0;
  text-align: center;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  overflow: hidden;
  margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  width: 15%;
  float: left;
  font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  width: 40%;
  float: left;
  margin-left: 5%;
  border-radius: 3px;
  padding: 5px;
}

.form-submit #submit {
  width: 100%;
  height: 50px;
  background-color: #4ac420;
  border:none;
  color: #FFFFFF;
  font-size: 15px;
}
.form-submit #submit:hover {
  cursor: pointer;
}

.comment-form-comment textarea {
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}

.comment-form {
  overflow: hidden;
}

.comment-form-author,
.comment-form-email {
  width: 49%;
  margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
  width: 90%;
  float: none;
  margin: 0 0 10px;
}

.comment-form-author {
  float: left;
}

.comment-form-email {
  float: right;
}

/* loop
---------------------------------------- */
.cat-content {
  background: #fff;
  margin-bottom: 30px;
}

.post-loop-wrap article {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 20px 0;
  width: 100%;
  height: 120px;
  border-bottom: 1px solid #ccc;
}
.post-loop-wrap article p {
  margin-top: 0;
}
.post-loop-wrap .post-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
  width: 120px;
  height: 120px;
}
.post-loop-wrap .post-thumbnail img {
  max-width: 100%;
  height: auto;
}
.post-loop-wrap .post-content {
  width: auto;
  padding: 0;
}
.post-loop-wrap .post-footer {
  border-top: 1px #efefef solid;
  padding-top: 10px;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
  padding: 0;
  margin-right: 50px;
  float: left;
}
.post-loop-wrap .post-footer .loop-comment-icon {
  float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
  font-size: 18px;
  margin-right: 5px;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
  display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
  font-size: 14px;
}

.more-link {
  border: 1px #2581c4 solid;
  padding: 12px 24px;
  line-height: 26px;
  margin-bottom: 64px;
  box-sizing: border-box;
  clear: both;
  color: #2581c4;
  font-size: 14px;
}
.more-link:hover {
  background: #2581c4;
  color: #fff;
  text-decoration: none;
}

/* content-none */
.content-none {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .cat-content {
    margin-bottom: 0;
  }
}

/* ----------------------------------------
* pagenation
---------------------------------------- */
.pagination {
  overflow: hidden;
  margin: 50px 0 80px;
  padding: 0;
  text-align: center;
}
.pagination span, .pagination a {
  display: inline-block;
  margin: 0 8px 20px 0;
  border: 1px solid #CCC;
  padding: 2px 8px;
  text-decoration: none;
  width: auto;
  background: #EEE;
  color: #333;
}
.pagination a:hover { background: #eee; }
.pagination .current {
  padding: 4px 12px;
  border: 1px solid #333;
  background: #333;
  color: #FFF;
}
@media screen and (max-width: 480px) {
  .pagination span, .pagination a,.pagination .current { padding: 8px 15px; }
}

/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
  padding: 0;
}

.side-widget {
  margin-bottom: 30px;
  /*padding-bottom: 40px;*/
  line-height: 1.6;
  font-size: 14px;
}
.side-widget .side-title {
  margin: 0 0 32px;
  font-size: 15px;
}
.side-widget ul li {
  /*padding: 11px 0;*/
}
.side-widget .side-title {
  margin: 0 0 13px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #0CF;
  color: #555;
}
.side-widget a {
  color: #5e6265;
  text-decoration: none;
}
.side-widget a:hover {
  color: #2581c4;
}
.side-widget.widget_recent_comments a {
  background: none;
}
.side-widget .post-date {
  margin: 0;
  font-size: 13px;
}

.side-widget .txt_pink{
  color: #f09;
  background: none !important;
}

.side-widget .profileOutline p{
  font-size: 13px;
}

.side-widget .profileOutline p.name{
  text-align: center;
}

.side-widget .profileBtn p{
  margin-bottom: 8px !important;
}

.side-widget .profileBtn{ margin-top: 30px; }
.side-widget .profileBtn p a{
  display: block;
  padding: 7px 5px;
  font-size: 14px;
  background: #00ccff;
  background: #ffa113;
  color: #FFF !important;
}
.side-widget .explain a{ font-weight: 550; }

.side-widget .wpp-list-with-thumbnails{
  font-size: 13px;
}

.side-widget .wpp-list-with-thumbnails .wpp-thumbnail{
  margin-right: 12px;
}

.side-widget .wpp-list-with-thumbnails .wpp-views{
  padding: 3px 7px;
  background: none;
  background: #ffa113;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
}

.side-widget .wpp-list-with-thumbnails .post-stats{
  margin-top: 0;
  padding-left: 92px;
}

#views-2 ul li span {
  margin: 0 0 0 36px;
  font-size: 13px;
  color: #999999;
}

.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
  color: #333;
  text-decoration: none;
  padding-left: 0;
  display: block;
  font-size: 13px;
  /*background: url('lib/images/icon_arw_lit.png?1418372717') 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: #2581c4;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

/* comment */
.recentcomments {
  color: #808080;
  font-size: 12px;
}
.recentcomments a {
  color: #383838;
  font-size: 14px;
}

/* 実装中止----------- */
/* calendar */
.widget_calendar {
  border-radius: 3px;
  font-size: 16px;
}
.widget_calendar .side-widget-inner {
  border-radius: 3px;
  padding: 0 20px 20px;
}
.widget_calendar table {
  width: 100%;
}
.widget_calendar caption {
  border-radius: 3px 3px 0 0;
  padding: 14px 20px;
  margin: 0 -20px 20px;
  font-size: 18px;
  text-align: center;
}
.widget_calendar a {
  color: #666;
}
.widget_calendar li {
  margin-bottom: 1em;
}
.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
  margin: 0 20px;
}
.widget_calendar th,
.widget_calendar td {
  text-align: center;
}
.widget_calendar tbody a {
  display: block;
}
.widget_calendar tbody a:hover {
  text-decoration: none;
}

/* follow */
#side .share-list-wrap {
  margin: 0 -20px 20px;
  background: #f9f9f9;
  padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
  overflow: hidden;
  margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
  float: left;
  width: 24%;
  margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
  border-radius: 100%;
  background: #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  font-size: 32px;
  color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
  display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}

/* author */
#side-author {
  overflow: hidden;
  font-size: 12px;
}
#side-author h4 {
  padding: 12px 0;
  margin-bottom: 20px;
  font-size: 16px;
}
#side-author .side-author-img {
  float: left;
  width: 100px;
}
#side-author .side-author-meta {
  float: right;
  width: 180px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
footer:not(.post-footer){
  padding: 0 10px;
  background: #333;
  line-height:180%;
  font-size: 13px;
}
footer .footer_wrap{
  margin: 0 auto;
  padding: 40px 0 30px;
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  background: #333;
}
footer .footer_wrap:last-child{ padding: 20px 0 30px; }
footer [class*=footer-0]{
  margin-bottom: 100px;
  display: inline-block;
  vertical-align: top;
  width: 23%;
  background: transparent;
  border: none;
  color: #fff;
}
footer h3{
  margin-bottom: 15px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #fff;
  font-weight: 550;
  font-size: 14px;
}
footer a{ color: #fff; }
footer [class*=footer-0] ul li{
  position: relative;
  display: block;
  color: #fff;
}
footer [class*=footer-0] ul li:before{
  position: absolute;
  top: 20%;
  float: left;
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
}
footer [class*=footer-0] ul li a{
  display: block;
  padding: 5px 0 5px 15px;
  color: #fff;
}
footer [class*=footer-0] img{ width: 100%; }
footer .footer-01{ line-height: 180%; font-size: 13px; }
/*footer .footer-01{ width: 21%; }
footer .footer-02,footer .footer-03{ width: 18%; }
footer .footer-04{ width: 32%; }*/
footer [class*=footer-0][class*=w15]{ width: 15%; }
footer [class*=footer-0][class*=w16]{ width: 16%; }
footer [class*=footer-0][class*=w17]{ width: 17%; }
footer [class*=footer-0][class*=w18]{ width: 18%; }
footer [class*=footer-0][class*=w19]{ width: 19%; }
footer [class*=footer-0][class*=w20]{ width: 20%; }
footer [class*=footer-0][class*=w21]{ width: 21%; }
footer [class*=footer-0][class*=w22]{ width: 22%; }
footer [class*=footer-0][class*=w23]{ width: 23%; }
footer [class*=footer-0][class*=w24]{ width: 24%; }
footer [class*=footer-0][class*=w25]{ width: 25%; }
footer [class*=footer-0][class*=w26]{ width: 26%; }
footer [class*=footer-0][class*=w27]{ width: 27%; }
footer [class*=footer-0][class*=w28]{ width: 28%; }
footer [class*=footer-0][class*=w29]{ width: 29%; }
footer [class*=footer-0][class*=w30]{ width: 30%; }
footer [class*=footer-0][class*=w31]{ width: 31%; }
footer [class*=footer-0][class*=w32]{ width: 32%; }
footer [class*=footer-0][class*=w33]{ width: 33%; }
footer [class*=footer-0][class*=w34]{ width: 34%; }
footer [class*=footer-0][class*=w35]{ width: 35%; }
footer [class*=footer-0][class*=w36]{ width: 36%; }
footer [class*=footer-0][class*=w37]{ width: 37%; }
footer [class*=footer-0][class*=w38]{ width: 38%; }
footer [class*=footer-0][class*=w39]{ width: 39%; }
footer [class*=footer-0][class*=profile]{ position: relative; }
footer [class*=footer-0][class*=profile] .inner_profile{
  position: absolute;
  top: -90px;
  padding: 40px 30px 10px;
  background: rgba(150, 150, 150, 0.25);
}
footer [class*=footer-0][class*=profile] .icon{
  position: absolute;
  top: 20px;
  left: calc( 50% - 50px );
  width: 100px;
  /*letter-spacing: 0.5px;*/
  text-align: center;
  font-weight: 550;
  font-size: 18px;
}
footer [class*=footer-0][class*=profile] .icon img{
  margin-bottom: 10px;
  /*padding: 5px;*/
  width: 100%;
  background: #fff;
  border: 2px solid #eee;
  border-radius: 50%;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
footer [class*=footer-0][class*=profile] .icon img ~ img{ display: none; background: #eee; } /*マウスオーバーで画像切り替え*/
footer [class*=footer-0][class*=profile] .icon:hover img{ display: none; }
footer [class*=footer-0][class*=profile] .icon:hover img ~ img{ display: inline; }
footer [class*=footer-0][class*=profile] .twitter{
  margin-top: 135px;
  text-align: center;
}
footer [class*=footer-0][class*=profile] .discription{
  margin-top: 30px;
  text-align: left;
}
footer [class*=footer-0][class*=profile] a{ color: #fff; font-weight: 550; }
footer .logo{
  margin: 0 0 20px 0;
  width: 200px;
  float: left;
}
footer .logo a{
  font-size: 14px;
  color: #FFF !important;
}
footer .footer-copy {
  float: right;
  padding-top: 18px;
  /*padding-right: 100px;*/
  color: #fff;
  font-size: 11px;
}
footer .footer-copy a{ color: #fff; }
footer p{ margin-bottom: 15px; }
@media screen and (max-width: 768px) {
  footer .footer_wrap{
    padding: 30px 10px;
    display: inline-block;
    max-width: 100%;
  }
  footer .footer_wrap:last-of-type{
    padding: 0 20px 20px;
    width: 100%;  
  }
  footer .footer-01{
    margin-bottom: 20px;
    width: 100% !important;
  }
  footer .footer-02,footer .footer-03,footer .footer-04{
    margin: 0 20px 30px 0;
    width: 30% !important;
  }
  footer .footer-04{ margin-right: 0; }
  /*footer .footer-04{ text-align: center; }*/
  footer .footer-04 img{ max-width: 90%; }
  footer .footer-02{ position: relative; }
  footer .footer-02 > [class^="menu-"]{
    position: absolute;
    left: 20%;
  }
  footer [class*=footer-0][class*=profile] .inner_profile{
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    padding: 20px;
    background: transparent;
    border: 1px double #fff;
  }
  footer [class*=footer-0][class*=profile] .icon{ position: relative; }
  footer [class*=footer-0][class*=profile] .twitter{ margin: 50px 20px 0; }
}
@media screen and (max-width: 480px) {
  footer .footer-04{
    margin-bottom: 20px;
    width: 100% !important;
  }
  footer .footer-02,footer .footer-03{
    margin: 0 5px 30px 0;
    width: 47% !important;
  }
  footer .footer-03{ margin-right: 0; }
  footer .footer-02 > [class^="menu-"]{
    position: relative;
    left: 0;
  }
  footer .footer_wrap:last-child{ padding: 0 0 30px; text-align: center; }
  footer .logo{ float: none; margin-bottom: 20px; width: 100%; }
  footer .logo img{ max-width: 200px; }
  footer .footer-copy { padding: 0 20px; }
}

/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
  padding: 40px 0;
}
.single-lp .lp-wrap {
  width: 1157px;
  border: 1px solid #efefef;
  margin: 0 auto;
  background: #fff;
  padding: 45px 0;
}
.single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  float: right;
  margin: 0 0 13px 13px;
  border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
  vertical-align: top;
}
.single-lp .post-content {
  padding: 0;
  overflow: hidden;
}
.single-lp #lp-header {
  background: #fff;
  padding: 0 56px;
}
.single-lp #lp-header h1 {
  font-size: 32px;
  color: #2581c4;
  padding-bottom: 35px;
  border-bottom: 1px solid #efefef;
}
.single-lp #content {
  padding: 40px 56px;
  overflow: hidden;
}
.single-lp #main {
  width: 100%;
}
.single-lp .main-inner {
  overflow: hidden;
  margin-right: 350px;
}
/* one-column */
.one-column.single-lp #main{
  float: none;
}
.one-column.single-lp .main-inner {
  margin-left: 0;
  margin-right: 0;
}
.one-column.single-lp #side{
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #side {
  width: 320px;
  margin-left: -320px;
}
.single-lp.right-content #side {
  width: 320px;
  margin-left: -100%;
}
.single-lp.right-content .main-inner{
  margin-left: 350px;
  margin-right: 0;
}
.single-lp .post-footer {
  padding: 20px 0;
}
.single-lp .lp-form {
  background: #494c4e;
  color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.single-lp .lp-form h3{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
  width: 90%;
  padding: 10px 5%;
  border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
  width: 100%;
  padding: 10px 0;
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
  -webkit-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
  border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
  background: #6ed472;
}
.single-lp .lp-form dl {
  margin-bottom: 13px;
}

/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#header-menu-tog {
  display: none;
}
#header-menu-tog .fa-align-justify:before{
  color: #555; 
}

@media screen and (max-width: 1200px) {
  .single-lp .lp-wrap {
    width: auto;
    margin: 0 36px;
  }
  .single-lp .main-inner {
    margin-right: 350px;
  }
}
@media screen and (max-width: 991px) {
  /* tablet */
  .sp-hide {
    display: none !important;
  }

  .sp-show {
    display: block !important;
  }

  #main .post-sns {
    margin: 0 -20px -20px !important;
  }
  #main .post-share-title {
    margin: 0 -20px !important;
  }

  .single-lp #lp-header {
    padding-left: 24px;
    padding-right: 24px;
  }
  .single-lp #lp-header .lp-title {
    padding: 0;
    margin: 0;
    font-size: 21px;
  }
  .single-lp #content {
    padding: 20px;
  }
  .single-lp .lp-wrap {
    padding: 24px 0;
    width: auto;
    margin: 0 24px;
  }
  .single-lp .lp-wrap input[type=text] {
    width: 100%;
  }
  .single-lp .lp-wrap input[type=submit] {
    margin-top: 30px;
  }
  .single-lp .post-content {
    padding: 0 !important;
  }
  .single-lp #side {
    margin-left: 0;
    width: 100%;
  }
  .single-lp #side dl,
  .single-lp #side dt,
  .single-lp #side dd {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
  }
  .single-lp #side dt {
    margin-bottom: 8px;
  }

  .alignleft,
  .alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

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

  /* header */
  #header {
    position: relative;
    padding: 18px 0 16px !important;
  }
  #header .wrap {
    padding: 0;
  }
  #header #logo img {
    vertical-align: top;
    /*max-width: 50vw;*/
    margin-left: 5px;
    width: 200px;
  }
  #header #logo span {
    margin-top: 5px;
    font-size: 12px;
    letter-spacing: 0;
  }
  #header #header-primary-nav {
    display: none;
  }

  #header-menu-tog {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
  }

  #header-menu-tog a{
    color: #FFF;
  }

  #gnav {
    display: none;
  }
  #gnav.active {
    display: block;
  }

  #gnav {
    margin: 20px 2%;
    border: 1px solid #cccccc;
    padding: 10px;
  }
  #gnav .wrap {
    margin: 0;
  }
  #gnav ul{
    display: block;
  }
  #gnav ul li {
    float: none;
    position: relative;
    margin-right: 0;
    margin-bottom: 1px;
    padding: 0;
  }
  #gnav ul li.current-menu-item a {
    border-top: none;
    background: #f7f7f7;
  }
  #gnav ul li a {
    display: block;
    border-top: none;
    padding: 12px 8px;
    color: #2B2D2D;
    background: #fff;
    text-decoration: none;
    -webkit-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
    border-bottom: 1px #e5e5e5 solid;
  }
  #gnav ul li a:hover {
    color: #2B2D2D;
    border-top: none;
  }
  #gnav ul li a:hover .sub-menu {
    display: block;
  }
  #gnav ul li .sub-menu {
    display: block;
    position: relative;
    width: auto;
    margin-left: 20px;
    background: #fff;
    border: none;
    border-bottom: none;
  }
  #gnav ul li .sub-menu li {
    float: none;
    margin-right: 0;
  }
  #gnav ul li .sub-menu li:list-child {
    border-bottom: none;
  }
  #gnav ul li .sub-menu li a {
    color: #2581c4;
    background: #fff;
    padding: 10px 15px;
    border-bottom: 1px #e5e5e5 solid;
  }
  #gnav ul li .sub-menu li a:hover {
    background: #fafafa;
    color: #2581c4;
    box-shadow: 0;
  }
  #gnav ul li .sub-menu .sub-menu {
    left: auto;
    top: auto;
  }

  /* loop */
  .cat-content {
    padding: 20px;
  }
  /*
  .post-loop-wrap .post-thumbnail {
    height: 215px;
    float: none;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }*/
  /*.post-loop-wrap .post-thumbnail img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }*/
  .post-loop-wrap .post-title {
    margin-bottom: 0;
  }
  .post-loop-wrap .post-content {
    /*padding: 0 40px;*/
    padding: 0 !important;
  }
  .post-loop-wrap .post-footer {
    display: none;
  }

  /* comment */
  .comment-form-author,
  .comment-form-email {
    float: none;
    width: auto;
  }

  /* padding */
  .post-header {
    /*padding: 42px 20px 20px;*/
  }

  .post-content,
  .cta-post-title,
  .post-cta,
  .post-cta-inner,
  .post-share,
  .post-author,
  article.page .post-header {
    padding: 20px !important;
  }

  .post-thumbnail,
  .post-cta-img {
    margin-left: 0;
    margin-right: 0;
    float: none;
  }

  .post-footer {
    padding: 0 20px;
  }

  .more-link {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }

  /* tablet end */
}
@media screen and (max-width: 767px) {
  /* phone */
  .breadcrumb{
    margin-bottom: 30px;
  }
  .post-content h2 {
    font-size: 22px;
    margin-top: 56px;
  }
  .post-content h3 {
    font-size: 20px;
    margin-top: 56px;
  }
  .post-content h4 {
    font-size: 18px;
  }
 .post-content table{
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    display: block;
    white-space: nowrap;
  }
  .post-loop-wrap .post-thumbnail{
    padding-left: 10px;
  }
  .home article header.post-header{
    padding-left: 100px !important;
  }
  /*
  .post-loop-wrap .post-thumbnail img{
    width: 100%;
  }*/
  /*
  .home article header.post-header,
  .home article section div.content{
    padding: 0 20px !important;
  }
  .home article header.post-header{
    margin-bottom: 20px;
  }*/
  .home article section.post-content{
    padding: 0 !important;
  }
  #main .post-share .post-sns {
    margin: 0 -20px -20px;
  }
  #main .post-share .post-sns ul li {
    width: auto;
    float: none;
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  #main .post-share .post-sns ul li a {
    padding: 16px 0;
    font-size: 16px;
  }
  #main .post-share .post-sns ul li a span {
    font-size: 16px;
  }
  #main .post-share .post-sns ul li a:before {
    font-size: 18px;
  }
  #main #comments {
    padding: 20px;
  }
  #main .post-author {
    padding: 20px;
  }
  #main .post-author .post-author-img {
    float: none;
  }
  #main .post-author .post-author-meta {
    padding: 0;
    margin: 10px 0 0;
  }

  .post-cta .post-cta-img {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
  .post-cta .post-cta-btn {
    margin: 24px 0 10px;
  }
  .post-cta .post-cta-btn a {
    width: 100%;
    box-sizing: border-box;
  }

  .post-header{ padding-top: 0; }
  .home article header.post-header{ margin-bottom: 0; }

  .post-header h1{
    margin-bottom: 0;
    padding: 10px 20px;
  }

  .post-footer {
    padding: 0 20px !important;
  }

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

  /* phone end */
}
/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
body.color01 {
}
body.color01 body {
  background: #fafafa;
  color: #494D50;
}
body.color01 a {
  color: #1ABB9A;
}
body.color01 form input[type="submit"],
body.color01 form button {
  background: #1ABB9A;
}
body.color01 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color01 #header #logo a {
  color: #494D50;
}
body.color01 #header #header-sns li a {
  color: #ccc;
}
body.color01 #header #header-sns li a:hover {
  color: #34465C;
}
body.color01 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color01 #gnav li.current-menu-item a {
  border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color01 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color01 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color01 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page,
body.color01 article.wp101,
body.color01 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color01 .post-title a {
  color: #494D50;
}
body.color01 .post-title a:hover {
  color: #1ABB9A;
}
body.color01 .post-meta {
  border-top: 1px #ededed solid;
}
body.color01 .post-meta li {
  background: #fff;
}
body.color01 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color01 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color01 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color01 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color01 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
  color: #808080;
}
body.color01 .post-content table {
  border: 1px #ddd solid;
}
body.color01 .post-content table th,
body.color01 .post-content table td {
  border: #ddd solid 1px;
}
body.color01 .post-content table th {
  color: #fff;
}
body.color01 .post-content table thead th {
  background: #5e6265;
}
body.color01 .post-content table tbody th {
  background: #919598;
}
body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
  border-color: #fff;
}
body.color01 .post-content table.table-line th {
  background: transparent;
  color: #494D50;
}
body.color01 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color01 .post-content table.table-line tr {
  background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color01 .post-cta {
  background: #f5f5f5;
  color: #494D50;
  border-top: 3px solid #5e6265;
}
body.color01 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color01 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color01 .post-cta .btn {
  color: #fff;
  background: #1ABB9A;
}
body.color01 .post-cta .btn:hover {
  background: #BB2C46;
}
body.color01 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color01 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color01 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color01 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color01 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color01 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color01 .post-sns {
  border-top: 1px #eee solid;
}
body.color01 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color01 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color01 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color01 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color01 .post-sns ul li a {
  color: #929292;
}
body.color01 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color01 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color01 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #494D50;
}
body.color01 .post-author a {
  color: #1ABB9A;
}
body.color01 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color01 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color01 .more-link {
  border: 1px #1ABB9A solid;
  color: #1ABB9A;
}
body.color01 .more-link:hover {
  background: #1ABB9A;
  color: #fff;
}
body.color01 .pagination span, body.color01 .pagination a {
  color: #494D50;
}
body.color01 .pagination a:hover {
  background: #eee;
}
body.color01 .pagination .current {
  background: #eee;
}
body.color01 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget a {
  color: #5e6265;
}
body.color01 .side-widget a:hover {
  color: #1ABB9A;
}
body.color01 .side-widget .post-date {
  color: #999999;
}
body.color01 #views-2 ul li span {
  color: #999999;
}
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a {
  color: #5e6265;
  /*background: url('lib/images/icon_arw_lit.png?1418372717') left center no-repeat;*/
}
body.color01 .widget_recent_entries a:hover,
body.color01 .widget_archive a:hover,
body.color01 .widget_categories a:hover,
body.color01 .widget_meta a:hover {
  color: #1ABB9A;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color01 .recentcomments a {
  color: #494D50;
}
body.color01 #side .share-list-wrap {
  background: #fafafa;
}
body.color01 #side .share-list-wrap .post-share-list1 li a,
body.color01 #side .share-list-wrap .post-share-list2 li a,
body.color01 #side .share-list-wrap .post-share-list3 li a,
body.color01 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color01 #footer {
  color: #1E252C;
}
body.color01 #footer a {
  color: #1E252C;
}
body.color01 #footer a:hover {
  color: #1ABB9A;
}
body.color01 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color01 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color01 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
  background: #fff;
}
body.color01 .single-lp #lp-header h1 {
  color: #1ABB9A;
  border-bottom: 1px solid #ededed;
}
body.color01 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color01 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 02
---------------------------------------- */
body.color02 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color02 body {
  background: #fafafa;
  color: #656364;
}
body.color02 a {
  color: #FB4343;
}
body.color02 form input[type="submit"],
body.color02 form button {
  background: #FB4343;
}
body.color02 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color02 #header #logo a {
  color: #656364;
}
body.color02 #header #header-sns li a {
  color: #ccc;
}
body.color02 #header #header-sns li a:hover {
  color: #4E4E4E;
}
body.color02 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color02 #gnav li.current-menu-item a {
  border-top: 1px #FB4343 solid;
}
body.color02 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color02 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #FB4343 solid;
}
body.color02 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color02 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color02 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page,
body.color02 article.wp101,
body.color02 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color02 .post-title a {
  color: #656364;
}
body.color02 .post-title a:hover {
  color: #FB4343;
}
body.color02 .post-meta {
  border-top: 1px #ededed solid;
}
body.color02 .post-meta li {
  background: #fff;
}
body.color02 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color02 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color02 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color02 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color02 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
  color: #808080;
}
body.color02 .post-content table {
  border: 1px #ddd solid;
}
body.color02 .post-content table th,
body.color02 .post-content table td {
  border: #ddd solid 1px;
}
body.color02 .post-content table th {
  color: #fff;
}
body.color02 .post-content table thead th {
  background: #5e6265;
}
body.color02 .post-content table tbody th {
  background: #919598;
}
body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
  border-color: #fff;
}
body.color02 .post-content table.table-line th {
  background: transparent;
  color: #656364;
}
body.color02 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color02 .post-content table.table-line tr {
  background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color02 .post-cta {
  background: #f5f5f5;
  color: #656364;
  border-top: 3px solid #5e6265;
}
body.color02 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color02 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color02 .post-cta .btn {
  color: #fff;
  background: #FB4343;
}
body.color02 .post-cta .btn:hover {
  background: #58DADF;
}
body.color02 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color02 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color02 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color02 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color02 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color02 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color02 .post-sns {
  border-top: 1px #eee solid;
}
body.color02 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color02 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color02 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color02 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color02 .post-sns ul li a {
  color: #929292;
}
body.color02 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color02 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color02 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #656364;
}
body.color02 .post-author a {
  color: #FB4343;
}
body.color02 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color02 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color02 .more-link {
  border: 1px #FB4343 solid;
  color: #FB4343;
}
body.color02 .more-link:hover {
  background: #FB4343;
  color: #fff;
}
body.color02 .pagination span, body.color02 .pagination a {
  color: #656364;
}
body.color02 .pagination a:hover {
  background: #eee;
}
body.color02 .pagination .current {
  background: #eee;
}
body.color02 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget a {
  color: #5e6265;
}
body.color02 .side-widget a:hover {
  color: #FB4343;
}
body.color02 .side-widget .post-date {
  color: #999999;
}
body.color02 #views-2 ul li span {
  color: #999999;
}
body.color02 .widget_recent_entries a,
body.color02 .widget_archive a,
body.color02 .widget_categories a,
body.color02 .widget_meta a {
  color: #5e6265;
  /*background: url('lib/images/icon_arw_lit.png?1418372717') left center no-repeat;*/
}
body.color02 .widget_recent_entries a:hover,
body.color02 .widget_archive a:hover,
body.color02 .widget_categories a:hover,
body.color02 .widget_meta a:hover {
  color: #FB4343;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color02 .recentcomments a {
  color: #656364;
}
body.color02 #side .share-list-wrap {
  background: #fafafa;
}
body.color02 #side .share-list-wrap .post-share-list1 li a,
body.color02 #side .share-list-wrap .post-share-list2 li a,
body.color02 #side .share-list-wrap .post-share-list3 li a,
body.color02 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color02 #footer {
  color: #1E252C;
}
body.color02 #footer a {
  color: #1E252C;
}
body.color02 #footer a:hover {
  color: #FB4343;
}
body.color02 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color02 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color02 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
  background: #fff;
}
body.color02 .single-lp #lp-header h1 {
  color: #FB4343;
  border-bottom: 1px solid #ededed;
}
body.color02 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color02 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 03
---------------------------------------- */
body.color03 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color03 body {
  background: #fafafa;
  color: #444756;
}
body.color03 a {
  color: #F37D3D;
}
body.color03 form input[type="submit"],
body.color03 form button {
  background: #F37D3D;
}
body.color03 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color03 #header #logo a {
  color: #444756;
}
body.color03 #header #header-sns li a {
  color: #ccc;
}
body.color03 #header #header-sns li a:hover {
  color: #21262D;
}
body.color03 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color03 #gnav li.current-menu-item a {
  border-top: 1px #F37D3D solid;
}
body.color03 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color03 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #F37D3D solid;
}
body.color03 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color03 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color03 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page,
body.color03 article.wp101,
body.color03 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color03 .post-title a {
  color: #444756;
}
body.color03 .post-title a:hover {
  color: #F37D3D;
}
body.color03 .post-meta {
  border-top: 1px #ededed solid;
}
body.color03 .post-meta li {
  background: #fff;
}
body.color03 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color03 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color03 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color03 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color03 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
  color: #808080;
}
body.color03 .post-content table {
  border: 1px #ddd solid;
}
body.color03 .post-content table th,
body.color03 .post-content table td {
  border: #ddd solid 1px;
}
body.color03 .post-content table th {
  color: #fff;
}
body.color03 .post-content table thead th {
  background: #5e6265;
}
body.color03 .post-content table tbody th {
  background: #919598;
}
body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
  border-color: #fff;
}
body.color03 .post-content table.table-line th {
  background: transparent;
  color: #444756;
}
body.color03 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color03 .post-content table.table-line tr {
  background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color03 .post-cta {
  background: #f5f5f5;
  color: #444756;
  border-top: 3px solid #5e6265;
}
body.color03 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color03 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color03 .post-cta .btn {
  color: #fff;
  background: #F37D3D;
}
body.color03 .post-cta .btn:hover {
  background: #23B0F3;
}
body.color03 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color03 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color03 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color03 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color03 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color03 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color03 .post-sns {
  border-top: 1px #eee solid;
}
body.color03 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color03 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color03 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color03 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color03 .post-sns ul li a {
  color: #929292;
}
body.color03 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color03 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color03 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #444756;
}
body.color03 .post-author a {
  color: #F37D3D;
}
body.color03 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color03 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color03 .more-link {
  border: 1px #F37D3D solid;
  color: #F37D3D;
}
body.color03 .more-link:hover {
  background: #F37D3D;
  color: #fff;
}
body.color03 .pagination span, body.color03 .pagination a {
  color: #444756;
}
body.color03 .pagination a:hover {
  background: #eee;
}
body.color03 .pagination .current {
  background: #eee;
}
body.color03 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget a {
  color: #5e6265;
}
body.color03 .side-widget a:hover {
  color: #F37D3D;
}
body.color03 .side-widget .post-date {
  color: #999999;
}
body.color03 #views-2 ul li span {
  color: #999999;
}
body.color03 .widget_recent_entries a,
body.color03 .widget_archive a,
body.color03 .widget_categories a,
body.color03 .widget_meta a {
  color: #5e6265;
  /*background: url('lib/images/icon_arw_lit.png?1418372717') left center no-repeat;*/
}
body.color03 .widget_recent_entries a:hover,
body.color03 .widget_archive a:hover,
body.color03 .widget_categories a:hover,
body.color03 .widget_meta a:hover {
  color: #F37D3D;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color03 .recentcomments a {
  color: #444756;
}
body.color03 #side .share-list-wrap {
  background: #fafafa;
}
body.color03 #side .share-list-wrap .post-share-list1 li a,
body.color03 #side .share-list-wrap .post-share-list2 li a,
body.color03 #side .share-list-wrap .post-share-list3 li a,
body.color03 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color03 #footer {
  color: #1E252C;
}
body.color03 #footer a {
  color: #1E252C;
}
body.color03 #footer a:hover {
  color: #F37D3D;
}
body.color03 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color03 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color03 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
  background: #fff;
}
body.color03 .single-lp #lp-header h1 {
  color: #F37D3D;
  border-bottom: 1px solid #ededed;
}
body.color03 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color03 end
---------------------------------------- */
/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
body.color04 {
  /* ----------------------------------------
  * all
  ---------------------------------------- */
  /* form
  ---------------------------------------- */
  /* ----------------------------------------
  * header
  ---------------------------------------- */
  /* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
  /* ----------------------------------------
  * gloval nav
  ---------------------------------------- */
  /* ----------------------------------------
  * content
  ---------------------------------------- */
  /* ----------------------------------------
  * main
  ---------------------------------------- */
  /* comment
  ---------------------------------------- */
  /* loop
  ---------------------------------------- */
  /* ----------------------------------------
  * pagenation
  ---------------------------------------- */
  /* ----------------------------------------
  * side
  ---------------------------------------- */
  /* comment */
  /* follow */
  /* ----------------------------------------
  * footer
  ---------------------------------------- */
  /* ----------------------------------------
  * LP
  ---------------------------------------- */
}
body.color04 body {
  background: #fafafa;
  color: #474747;
}
body.color04 a {
  color: #F6706F;
}
body.color04 form input[type="submit"],
body.color04 form button {
  background: #F6706F;
}
body.color04 #header {
  background: #fff;
  border-bottom: 1px solid #ededed;
}
body.color04 #header #logo a {
  color: #474747;
}
body.color04 #header #header-sns li a {
  color: #ccc;
}
body.color04 #header #header-sns li a:hover {
  color: #34465C;
}
body.color04 #gnav {
  background: #fff;
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
}
body.color04 #gnav li.current-menu-item a {
  border-top: 1px #F6706F solid;
}
body.color04 #gnav li a {
  border-top: 1px #ededed solid;
  color: #2B2D2D;
  background: #fff;
}
body.color04 #gnav li a:hover {
  color: #2B2D2D;
  border-top: 1px #F6706F solid;
}
body.color04 #gnav li .sub-menu li a {
  background: #2b2b2b;
  color: #fff;
  border: none;
}
body.color04 #gnav li .sub-menu li a:hover {
  background: #373B3B;
  color: #fff;
}
body.color04 #content .wp-caption {
  border: 1px solid #ededed;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
  background: #fff;
  border: 1px #e5e5e5 solid;
}
body.color04 .post-title a {
  color: #474747;
}
body.color04 .post-title a:hover {
  color: #F6706F;
}
body.color04 .post-meta {
  border-top: 1px #ededed solid;
}
body.color04 .post-meta li {
  background: #fff;
}
body.color04 .post-content hr {
  border-bottom: 1px solid #ededed;
}
body.color04 .post-content h2 {
  border-bottom: 1px solid #ededed;
}
body.color04 .post-content h3 {
  border-left: 5px solid #e5e5e5;
}
body.color04 .post-content blockquote {
  border: 1px #e5e5e5 solid;
}
body.color04 .post-content blockquote:before {
  color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
  color: #808080;
}
body.color04 .post-content table {
  border: 1px #ddd solid;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
  border: #ddd solid 1px;
}
body.color04 .post-content table th {
  color: #fff;
}
body.color04 .post-content table thead th {
  background: #5e6265;
}
body.color04 .post-content table tbody th {
  background: #919598;
}
body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
  border-color: #fff;
}
body.color04 .post-content table.table-line th {
  background: transparent;
  color: #474747;
}
body.color04 .post-content table.table-line thead th {
  background: #5e6265;
  color: #fff;
}
body.color04 .post-content table.table-line tr {
  background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
  background: #ddd;
}
body.color04 .post-cta {
  background: #f5f5f5;
  color: #474747;
  border-top: 3px solid #5e6265;
}
body.color04 .post-cta .cta-post-title {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color04 .post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
body.color04 .post-cta .btn {
  color: #fff;
  background: #F6706F;
}
body.color04 .post-cta .btn:hover {
  background: #5EE1E1;
}
body.color04 .post-share {
  border-top: 1px solid #e5e5e5;
}
body.color04 .post-share .post-share-title {
  color: #fff;
  background-color: #57585A;
}
body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
  border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
  text-decoration: none;
  background: #f7f7f7;
}
body.color04 .post-share .post-share-facebook a:hover {
  color: #305097;
}
body.color04 .post-share .post-share-twitter a:hover {
  color: #00aced;
}
body.color04 .post-share .post-share-google a:hover {
  color: #db4a39;
}
body.color04 .post-share .post-share-feedly a:hover {
  color: #2bb24c;
}
body.color04 .post-sns {
  border-top: 1px #eee solid;
}
body.color04 .post-sns ul li {
  border-right: 1px solid #eee;
  color: #929292;
}
body.color04 .post-sns ul li:hover {
  background-color: #f7f7f7;
}
body.color04 .post-sns ul li.post-sns-twitter:hover {
  color: #00ACED;
}
body.color04 .post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}
body.color04 .post-sns ul li a {
  color: #929292;
}
body.color04 .post-sns ul li.post-sns-twitter a:hover {
  background-color: #00aced;
  color: #fff;
}
body.color04 .post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}
body.color04 .post-author {
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  color: #474747;
}
body.color04 .post-author a {
  color: #F6706F;
}
body.color04 .comment-list > .comment {
  border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
  background: #f7f7f7;
}
body.color04 .post-loop-wrap .post-footer {
  border-top: 1px #ededed solid;
}
body.color04 .more-link {
  border: 1px #F6706F solid;
  color: #F6706F;
}
body.color04 .more-link:hover {
  background: #F6706F;
  color: #fff;
}
body.color04 .pagination span, body.color04 .pagination a {
  color: #474747;
}
body.color04 .pagination a:hover {
  background: #eee;
}
body.color04 .pagination .current {
  background: #eee;
}
body.color04 .side-widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget a {
  color: #5e6265;
}
body.color04 .side-widget a:hover {
  color: #F6706F;
}
body.color04 .side-widget .post-date {
  color: #999999;
}
body.color04 #views-2 ul li span {
  color: #999999;
}
body.color04 .widget_recent_entries a,
body.color04 .widget_archive a,
body.color04 .widget_categories a,
body.color04 .widget_meta a {
  color: #5e6265;
  /*background: url('lib/images/icon_arw_lit.png?1418372717') left center no-repeat;*/
}
body.color04 .widget_recent_entries a:hover,
body.color04 .widget_archive a:hover,
body.color04 .widget_categories a:hover,
body.color04 .widget_meta a:hover {
  color: #F6706F;
  background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
body.color04 .recentcomments a {
  color: #474747;
}
body.color04 #side .share-list-wrap {
  background: #fafafa;
}
body.color04 #side .share-list-wrap .post-share-list1 li a,
body.color04 #side .share-list-wrap .post-share-list2 li a,
body.color04 #side .share-list-wrap .post-share-list3 li a,
body.color04 #side .share-list-wrap .post-share-list4 li a {
  background: #fff;
  color: #5e6265;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
  color: #305097;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
  color: #00aced;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
  color: #db4a39;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
  color: #2bb24c;
}
body.color04 #footer {
  color: #1E252C;
}
body.color04 #footer a {
  color: #1E252C;
}
body.color04 #footer a:hover {
  color: #F6706F;
}
body.color04 .footer-01 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color04 .footer-02 {
  background: #fff;
  border-top: 1px #ededed solid;
}
body.color04 .single-lp .lp-wrap {
  border: 1px solid #ededed;
  background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
  border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
  background: #fff;
}
body.color04 .single-lp #lp-header h1 {
  color: #F6706F;
  border-bottom: 1px solid #ededed;
}
body.color04 .single-lp .lp-form {
  background: #494c4e;
  color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
  background: #5ace5f;
  color: #fff;
  border-bottom: 5px solid #38bd3e;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
  background: #6ed472;
}

/* color04 end
---------------------------------------- */

/* レイアウト */

h2{
  font-size: 18px;
}

.contact_user{
  margin-bottom: 50px;
  padding: 20px;
}
.contact_user h3{
  margin: 5px 0 15px 0;
  padding: 0;
  text-align: center;
  border: none !important;
}
.contact_user.q{
  border: 1px solid #115da9;
  background-color: #E9f3fd;
  margin-bottom: 30px;
}
.contact_user.a{
  border: 1px solid #a91111;
  background-color: #fde9e9;
}
@media screen and (max-width: 480px) {
  .home .post-content h2.post-title{ line-height: 150%; font-size: 14px; }
  #content{ padding-top: 0; padding-bottom: 0; }
  #header { padding-bottom: 0 !important; }
  #header #logo{ margin-left: 10px; }
  h1.post-title{ font-size: 18px; }
  .wrap, .one-column #content .wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .post-footer { margin-top: 0; }
  .cta-post-title,
  .post-cta,
  .post-cta-inner{
    padding: 20px 10px !important;   
  }
  .post-cta-img{ text-align: center; }
  .footer-02 .footer-copy{
    float: none;
    text-align: center;
  }
  .footer-02 .sitemap{ display: none; }

}
/*コメント欄のメールアドレスを非表示*/
.comment-notes,.comment-form-email{
  display:none;
}
.comment-body p{
  margin: 20px 10px;
}

/* YARPP standard*/
.yarpp-related{
  margin-bottom: 50px !important;
  padding: 15px;
  background: #eee;
}
.yarpp-related h3{
  margin-bottom: 10px !important;
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
}
.yarpp-related li a{
  display: block;
}
.yarpp-standard h5{
  margin-bottom: 30px;
  padding: .60em 1em;
  border: 1px solid #ccc;
  border-top: 3px solid #db5e34;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  color: #333;
  font-size: 18px;
  font-weight: 500;
}
.yarpp-standard dl{
  clear:both;
  margin-bottom: 10px;
}
.yarpp-standard img{
  float:left;
  margin: 0px 10px 5px 0;
}
.yarpp-standard a.title {
  font-weight: 700;
  text-decoration:none;
  color: #3c94dd;
}
.yarpp-standard a.title:hover {
  color: #3c94dd;
}
.yarpp-standard small {
  color: #5c5c5c;
}
.yarpp-standard .date {
  font-size: 0.8em;
  color: #A9A9A9;
}
/* 人気の記事 */
.post-stats{
  margin-top: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 13px !important;
}
.wpp-views{
  padding: 2px 5px 2px 5px;
  background-color: #F29600;
}
@media screen and (max-width: 480px) {
  .contact_user{
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px;
  }
}
/* 汎用 */

.view_pc{ display: block !important; }
.view_sp{ display: none !important; }
@media screen and (max-width: 480px) {
    .view_pc{ display: none !important; }
    .view_sp{ display: block !important; }
}
.img.left{
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
}
.img.right{
  margin-left: 15px;
  margin-bottom: 10px;
  float: right;
}
.img.left img,
.img.right img{
  max-width: 300px;
  max-height: 200px;
}
@media screen and (max-width: 480px) {
  .img.left,.img.right{
    margin: 0 0 20px 0;
    text-align: center;
    float: none;
  }
  .img.left img,
  .img.right img{
    max-width: 100%;
  }
}
p.inyou{
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
}
.border.gray{ border: 1px solid #ccc; }
.af_button{
  margin: 20px auto 0;
  text-align: center;
}
.af_button img{
  max-width: 400px;
}
.af_button.designed img{
  max-width: 500px;
}
.af_button a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 480px) {
  .af_button img{
    max-width: 100%;
  }
}

table.table{ margin-bottom: 15px; width: 100%; max-width: 100%; font-size: 14px; }
table.table tr{ width: 100%; }
table.table td img{ display: block; }
table.table td.star{ color: #ED953C; font-weight: 600; }
table.table th{ max-width: 250px; background-color: #f3f3f3 !important; color: #3a3a3a; font-size: 14px; }
table.table.scroll{ table-layout: fixed; }
table.table.force-scroll{ overflow-x: auto; display: block; table-layout: fixed; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #ddd; line-height: 160%; }
table.table.noborder,table.table.noborder th,table.table.noborder td{ border: none; }
table.table th.center,table.table td.center{ text-align: center !important; }
table.table.th_center th{ text-align: center !important; }
table.table.th_bold th{ font-weight: 600 !important; }
table.table.th_yellow th{ color: #383838 !important; background-color: #fffce2 !important; }
table.table.fixed{ table-layout:fixed; }
table.table.min_th50 th{ min-width: 50px !important; }
table.table.min_th100 th{ min-width: 100px !important; }
table.table.min_th150 th{ min-width: 150px !important; }
table.table.min_th200 th{ min-width: 200px !important; }
table.table.min_th250 th{ min-width: 250px !important; }
table.table.min_th300 th{ min-width: 300px !important; }
table.table.max_th50 th{ max-width: 50px !important; }
table.table.max_th100 th{ max-width: 100px !important; }
table.table.max_th150 th{ max-width: 150px !important; }
table.table.max_th200 th{ max-width: 200px !important; }
table.table.max_th250 th{ max-width: 250px !important; }
table.table.max_th300 th{ max-width: 300px !important; }
table.table.min_td50 td{ min-width: 50px !important; }
table.table.min_td100 td{ min-width: 100px !important; }
table.table.min_td150 td{ min-width: 150px !important; }
table.table.min_td200 td{ min-width: 200px !important; }
table.table.min_td250 td{ min-width: 250px !important; }
table.table.min_td300 td{ min-width: 300px !important; }
table.table.max_td50 td{ max-width: 50px !important; }
table.table.max_td100 td{ max-width: 100px !important; }
table.table.max_td150 td{ max-width: 150px !important; }
table.table.max_td200 td{ max-width: 200px !important; }
table.table.max_td250 td{ max-width: 250px !important; }
table.table.max_td300 td{ max-width: 300px !important; }
table.table p{ margin-top: 50px; }
/*table.table.force-scroll:before{ margin-bottom: 10px; content: "表は横にスクロールできます。"; font-size: 14px; }*/
table.table a{ color: #333; }

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

  table.table{ width: 100%; border: none; white-space: normal; }
  table.table.scroll{ overflow-x: auto; display: block; table-layout: fixed; -webkit-overflow-scrolling: touch; white-space: nowrap; border-bottom: 1px solid #ddd; line-height: 160%; }
  table.table.scroll:before{ content: "表は横にスクロールできます。"; }
  table.table.sp_1column{ border-top: 1px solid #ddd; }
  table.table.sp_1column th,table.table.sp_1column td{ display: block; width: 100% !important; max-width: 100% !important; }
  table.table.sp_1column th{ border-top: none; border-bottom: none; }
  table.table.sp_1column th{ text-align: center; }
  table.table.sp_1column td{ padding: 15px; }

}
/*比較表*/
#t-compare { margin-bottom: 50px; }
#t-compare table h3{ margin: 0; padding: 0; border: none; font-size: 12px; }
#t-compare table h3:before{ background: transparent; }
#t-compare table{
  position: relative;
  width: 100%;
  line-height: 150%;
  font-size: 13px;
  border: none;
}
#t-compare table tr th{
  min-width: 80px;
  max-width: 80px;
  text-align: center;
  background-color: #fddce1;
  color: #684c4b;
  font-size: 12px;
}
#t-compare table.h_fixed tr th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: -1px;
  z-index: 9999;
}
#t-compare table tr td{
  min-width: 130px;
  text-align: center;
}
#t-compare table tr td.maru2,
#t-compare table tr td.maru,
#t-compare table tr td.sankaku{
  height: 70px;
}
#t-compare td img{
  margin: 0 auto 10px;
  max-width: 100px;
  max-height: 100px;
}
#t-compare table tr th p,
#t-compare table tr td p{
  margin: 10px 0;
  padding: 0;
  line-height: 160%;
}
#t-compare td.maru{
  background-image: url(/wp-content/themes/affinote_child/images/maru.png); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px;
}
#t-compare td.maru2{
  background-image: url(/wp-content/themes/affinote_child/images/maru2.png); 
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: 50px;
  font-weight: 600;
}
#t-compare td.sankaku{
  background-image: url(/wp-content/themes/affinote_child/images/sankaku.png); 
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: 50px;
}
#t-compare table tr.btn a{
  display: inline-block;
  padding: 10px;
  background: #EA8F3B;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  box-shadow: 0 -4px 0 rgba(0,0,0,0.1) inset;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
#t-compare table tr.btn a:hover{ text-decoration: none; }
#t-compare a.switch_fix_table_h{ font-size: 14px; }

@media screen and (min-width: 480px) {
  #t-compare table tr th:first-child{
    width: 80px;
  }
  #t-compare table tr th:nth-child(2){
    width: 80px;
  }
  #t-compare table tr th:nth-child(3){
    width: 80px;
  }
  #t-compare table tr th:nth-child(4){
    width: 80px;
  }
  #t-compare table tr td:first-child{
    font-weight: 600;
  }
}
@media screen and (max-width: 480px) {
  #t-compare table{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 100%;
    font-size: 13px;
  }
  #t-compare table p{
    margin: 0;
    padding: 0;
    text-align: center;
    width: 120px;
  }
  #t-compare table th p{
    width: 50px;
    white-space:normal;
  }
  #t-compare table tr td{
    vertical-align: middle;
    text-align: center;
    padding: 0;
  }
  #t-compare table tr:first-child td{
    padding: 5px;
  }
  #t-compare table tr:nth-child(n+3) td{
    padding: 20px 5px;
  }
  #t-compare table tr:not(:first-child) td{
    white-space:normal;
  }
  #t-compare table h3{ margin: 0; padding: 0; border: none; font-size: 12px; }
  #t-compare table h3:before{ background: transparent; }
}

/*ランキング*/
#pranking{
  counter-reset: number 0;
  line-height: 180%;
}
#pranking h2.h-ranking{
    margin: 0 0 0 0;
    padding: 0 !important;
    background: none;
    text-align: center;
    border: none;
  }
#pranking h2.h-ranking img{
  width: 85%;
}
#pranking [id^=rank]{
    margin: 20px 0 40px;
    position: relative;
  }
#pranking #rank1{
    margin-top: 0;
  }
#pranking [id^=rank] .contents{
    overflow: hidden;
  }
#pranking [id^=rank] .contents table,
#pranking [id^=rank] .contents table:first-of-type td{
  margin: 0;
  border: none;
}
#pranking [id^=rank] .contents table:first-of-type{
  margin-bottom: 30px;
}
#pranking [id^=rank] .contents table td:first-child{
    width: 30%;
}
#pranking table + .return_hikaku_table{
  text-align: right;
  font-size: 14px;
}
#pranking [id^=rank] .l-area{
    float: left;
    width: 30%;
    text-align: center;
  }
#pranking [id^=rank] .r-area{
    float: right;
    padding: 0 10px 10px;
    width: 70%;
  }
#pranking [id^=rank] .icon{
    margin-top: 10px;
    text-align: center;
}
#pranking [id^=rank] .icon.img4 img{
    width: 80px;
}
#pranking [id^=rank] .icon.img5 img{
    width: 64px;
}
#pranking [id^=rank] h3{
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 20px;
    /*background-color: #905c30;
    border: none;*/
    font-size: 20px;
}
#pranking [id^=rank] h3:before {
  /*counter-increment: number 1;
  content: counter(number) "位：";*/
}
#pranking [id^=rank]:nth-child(n+7) h3{
  padding-left: 30px;
}
#pranking [id^=rank] h3 a{
  color: #333;
}
#pranking .oukan{
  position: absolute;
  left: 5px;
  top: -20px;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: 70px;    
}
#pranking #rank1 .oukan{
  /*background-image: url(/wp-content/themes/xeory_base-child/images/rank1.png);*/
}
#pranking #rank2 .oukan{
  /*background-image: url(/wp-content/themes/xeory_base-child/images/rank2.png);*/
}
#pranking #rank3 .oukan{
  /*background-image: url(/wp-content/themes/xeory_base-child/images/rank3.png);*/
}
#pranking #rank4 .oukan{
  top: -30px;
  /*background-image: url(/wp-content/themes/xeory_base-child/images/rank4.png);*/
}
#pranking #rank5 .oukan{
  top: -30px;
  /*background-image: url(/wp-content/themes/xeory_base-child/images/rank5.png);*/
}
#pranking [id^=rank] h4{
  margin: 0 0 10px 0;
  padding: 5px;
  background: none;
  border: none;
  border-bottom: 2px dotted #317dce;
  border-bottom: 2px dotted #ccc;
  color: #c50000;
  font-size: 18px;
}
#pranking [id^=rank] h4:before{

}
#pranking [id^=rank] .l-area img{
  max-width: 300px;
  max-height: 200px;
}
#pranking [id^=rank] .desc{
  padding: 5px;
}
#pranking [id^=rank] .price{
  padding: 5px;
  font-weight: 600;
  font-size: 16px;
}
#pranking [id^=rank] table{
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}
#pranking [id^=rank] table tr th{
  width: 120px;
  background-color: #fdf6e9;
  color: #333;
}
#pranking [id^=rank] table tr:first-child td:first-child{
  text-align: center;
}
#pranking [id^=rank] table tr:first-child img{
  max-height: 200px;
}
#pranking [id^=rank] .review-ttl{
  margin: 40px 0 10px;
  color: #83001a;
  font-weight: 600;
  font-size: 16px;
}
#pranking [id^=rank] .review:after{
  /*content: 'コメントは上下にスクロールできます。';*/
}
#pranking [id^=rank] .review {
  overflow-y: scroll;
  padding: 20px;
  height: 250px;
  background: #fffdeb;
  border: 1px solid #ccc;
}
#pranking [id^=rank] .review p{
  margin-bottom: 20px;
  font-size: 15px;
}
#pranking [id^=rank] .btn{
    text-align: center;
  }
#pranking [id^=rank] .btn img{
    max-width: 450px;
  }
@media screen and (max-width:767px){
 #pranking [id^=rank] .icon.img4 img{
    width: 23%;
  }
 #pranking [id^=rank] .icon.img5 img{
    width: 18%;
  }
  #pranking [id^=rank] .contents table td:first-child{
    text-align: center;
  }
  #pranking [id^=rank] .contents table td:first-child,
  #pranking [id^=rank] .contents table td:last-child{
    display: block;
    width: 100%;
  }
}
@media screen and (max-width:480px){
  #pranking h2.h-ranking{
      margin-left: -15px;
      margin-right: -15px;
    }
  #pranking h2.h-ranking img{
    width: 100%;
  }
  #pranking [id^=rank] h3{
    font-size: 20px;
  }
  #pranking [id^=rank] .l-area,
  #pranking [id^=rank] .r-area{
    padding: 0;
    float: none;
    width: 100%;
  }
  #pranking [id^=rank] .l-area{
    margin-bottom: 10px;
    text-align: center;
  }
  #pranking [id^=rank] .r-area{
    margin-bottom: 15px;
  }
  #pranking table{
    width: 100%;
    overflow-x: visible;
    white-space: normal;
  }
  #pranking [id^=rank] table th,
  #pranking [id^=rank] table td{
    display: block;
    width: 100% !important;
  }
  #pranking [id^=rank] table th{
    text-align: center;
  }
  #pranking [id^=rank] table td{
    padding: 10px 10px 20px;
  }
  #pranking [id^=rank] table tr:first-child img{
    max-height: 300px;
  }
  #pranking [id^=rank] .btn img{
    max-width: 100%;
  }
}


ul.list li {
  background:url(images/libg-orange.gif) no-repeat 0px 50%;
  margin-bottom: 0;
  padding-left:16px;
}
ul.list.bg-white { background-color: #fff; }
ol.list,
ul.list{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  margin: 2.5em 0;
  padding: 10px 30px;
  border: dashed 1px gray;
}
ol.list li,
ul.list li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 2.5em;
}
ul.list li{ padding-left: 1.5em; }
ol.list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #7DAC00;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:600;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.list.onayami,ul.list.onayami{
  background: none;
  border: 5px solid #ccc;
  padding-left: 10px;
}
ul.list.onayami li{ background: none; }
ul.list.onayami:first-of-type li{ font-weight: 550; }
.btn + ul.list.onayami { margin-top: 50px; }
ul.list.onayami li:before{
  margin-left: 0;
  margin-right: 15px;
  content: "■";
  color: #ff5546;
  font-size: 12px;
}
ul.list a,ol.list a{ color: #333; }

p.af_link{
  margin: 80px 0;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}
p.af_link img{
  max-width: 500px;
}
p.attention{
  padding: 20px;
  border: 1px solid #ff0000;
}
.noborder{
  padding: 0 !important;
  border: none !important;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
p + .youtube { margin-top: 50px; }
.youtube + p{ margin-top: 50px; }

a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.box{
  margin: 0 0 30px;
  padding: 20px !important;
  line-height:230%;
  border: none !important;
}
.box.red{ background-color: #ffe9e9; }
.box.blue{ background-color: #e6f1fd; }
.box.yellow{ background-color: #fffdeb; }
.box.gray{ background-color: #f5f5f5; }
.box.border{ border: 1px solid #ccc; }
.box p:last-child{ margin-bottom: 0; }
.post-content .box h3{ margin: 0 0 15px 0; font-size: 1em; }
.box h3{
  padding: 10px 5px 10px 25px;
  background: url(/wp-content/themes/affinote_child/images/icon.png) 0 14px no-repeat;
  background-size: 16px;
  border: none;
}
.box h3:before{
   background: transparent;
}
.box h3,.box h4,.box h5{ margin-top: 0; }
.box ul.list,.box ol.list{ margin: 0 0 0 10px; padding: 0; background: none; border: none; }
.box ul.list + p,.box ul.list + p,.box ul.list + style + .kjk_balloon{ margin-top: 30px; }
.box ul.list li,.box ol.list li{ margin: 0 0 0 10px; }
.box .kjk_balloon:last-child{ margin-bottom: 10px !important; }
@media screen and ( max-width:480px ){
  .box ul.list li,.box ol.list li{
    margin-left: 0;
  }
}
.summary{
  clear: both;
  position: relative;
  margin: 0 0 50px 0;
  padding: 20px 30px;
  width: 100%;
  background-color: #d6f7ff;
  line-height: 200%;
}

.summary:before,
.summary:after{
  position: absolute;
  font-size: 80px;
  color: #0cf;
  line-height: 1;
}

.summary:before{
  content: "“";
  left: 10px;
  top: -18px;
}

.summary:after{
  content: "”";
  right: 10px;
  bottom: -63px;
}
.home article header.post-header,
.category article header.post-header{
  background: none;
  border: none;
}
.home article header.post-header,
.home article section div.content,
div:not(.qa-cat) .category article header.post-header,
.category article section div.content{
  padding-left: 120px;
}

.home article section div.content p,
.category article section div.content p{
  margin-bottom: 10px;
  line-height: 1.6;
}

.home article section div.content .post-meta ,
.category article section div.content .post-meta {
  margin: 0;
  padding: 0;
  border-top: none;
}
.home article section div.content .post-meta li ,
.category article section div.content .post-meta li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px 0;
  width: 9em;
  text-align: center;
  font-size: 11px;
  color: #FFF;
}

.home article section div.content .post-meta li.category,
.category article section div.content .post-meta li.category{
  background: #f50899;
}

.home article section div.content .post-meta li.date,
.category article section div.content .post-meta li.date{
  background: #6C6767;
}

.home article section div.content .post-meta li svg,
.category article section div.content .post-meta li svg{
  display: none;
}

.home article section div.content,
.category article section div.content{
  margin-top: 0;
}
.point_box{
  background: #f9f7ee;
  border: 1px solid #C7C1A6;
  clear: both;
  margin: 10px 0px 40px;
  overflow: hidden;
  padding:  15px 20px;
  border-radius: 4px;
  line-height: 230%;
  color: #77672B;
}
.point_box a{ color: #77672B; }
.point_box p:last-child{ margin-bottom: 0; }
.ktitle {
  margin: 0 0 10px 0;
  padding: 8px 10px 8px 10px;
  /* border-bottom: 2px solid #ccc; */
  background: #FEEFEE;
  border-radius: 18px;
  font-weight: 600;
}
.check_box{
  position: relative;
  margin: 60px 0;
  padding: 20px 20px 10px 20px;
}
/*.check_box img{
  max-width: 200px !important;
  max-height: 180px !important;
}*/
.check_box.red{
  background-color: #ffe9e9;
}
.check_box.blue{
  background-color: #e9f3fd;
}
.check_box .icon{
  width: 80px;
  height: 80px;
  position: absolute;
  top: -15px;
  left: 10px;
  background: url(/wp-content/themes/xeory_base/images/icon_check.png) no-repeat;
  background-size: 80px;
}
.check_box h3,
.check_box h4,
.check_box h5{
  margin: 0 0 20px 0;
  padding: 0 5px 15px 80px !important;
  border: none !important;
  color: #333 !important;
}
.check_box h3:before,
.check_box h4:before,
.check_box h5:before{
  background: none;
}
.check_box.red h3,
.check_box.red h4,
.check_box.red h5{
  border-bottom: 3px dotted #dd696f !important;
}
.check_box.blue h3,
.check_box.blue h4,
.check_box.blue h5{
  border-bottom: 3px dotted #69a6dd !important;
}
.check_box ul{ margin: 30px 0; }
.check_box li{ margin: 20px 0; }
.check_box p:last-child{ margin-bottom: 10px; }

.ac_box{ display: none; }

.speaker-profile,
.author-profile{
  margin: 80px 0 20px;
  padding: 20px 15px 20px 20px;
  overflow: hidden;
  border: 5px solid #555;
}
.speaker-profile h3,
.author-profile h3{
  margin: 0 0 30px 0;
}
.speaker-profile:not(:first-child),
.author-profile:not(:first-child){
  margin-top: 30px;
  font-size: 15px;
}
.author-profile .author-title{
  margin-bottom: 20px;
  font-weight: 550;
  font-size: 18px;
}
.author-profile .author-name{
  margin-bottom: 20px;
  font-weight: 550;
  font-size: 16px;
}
.speaker-profile img,
.author-profile img{
  border-radius: 160px;
  margin: 0 20px 20px;
}
.speaker-left,
.author-left{
  float: left;
  width: 200px;
}
.speaker-right,
.author-right{
  float: right;
  width: 100%;
  margin-left: -200px;
  padding-left: 200px ;
}
.author-profile .author-desc{
  font-size: 14px;
}
.author-profile a{ color: #333; }
.author-profile p{ margin-bottom: 10px; }
.fas.fa-check-circle{ color: #73C73E !important; }
.far.fa-check-circle{ color: #EA0012 !important; }
.non-border{ border: none !important; }
@media screen and ( max-width:480px )
{
  .summary{
    margin-top: 0;
  }
  .check_box{
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 20px !important;
  }
  .check_box h3{
    margin: 0 0 20px 0 !important;
  }
  .check_box .icon{
    width: 70px;
    height: 70px;
    top: 15px;
    background-size: 70px;
  }
  .speaker-profile h3,
  .author-profile h3{
    margin: 0 0 20px 0 !important;
  }
  .speaker-left,
  .speaker-right,
  .author-left,
  .author-right{
    float: none;
    width: 100%;
  }
  .speaker-left,
  .author-left{
    text-align: center;
  }
  .speaker-right,
  .author-right{
    margin-left: 0;
    padding-left: 0;
  }
}
/* 装飾 */

.bold{ font-weight: 600; }
.fnt-red{ color: #D80000 !important; }
.fnt-brown{ color: #864A4C !important; }
.fnt-pink{ color: #F9699A !important; }
.bg-yellow{ background-color: #ffffaf !important; }
.bg-red{ background-color: #FEEFEE !important; }
.bg-blue{ background-color: #eef7fe !important; }
.note{ color: #888; font-size: 10px; }

.marker_water {
  background: -webkit-linear-gradient(transparent 60%, #9cdbfb 60%);
  background: -o-linear-gradient(transparent 60%, #9cdbfb 60%);
  background: linear-gradient(transparent 60%, #9cdbfb 60%);
}
.marker_pink {
  background: -webkit-linear-gradient(transparent 60%, #ffcdff 60%);
  background: -o-linear-gradient(transparent 60%, #ffcdff 60%);
  background: linear-gradient(transparent 60%, #ffcdff 60%);
}
.marker_lime {
  background: -webkit-linear-gradient(transparent 60%, #c5ffec 60%);
  background: -o-linear-gradient(transparent 60%, #c5ffec 60%);
  background: linear-gradient(transparent 60%, #c5ffec 60%);
}
.marker_yellow_hoso {
  background: -webkit-linear-gradient(transparent 60%, #ffff66 60%);
  background: -o-linear-gradient(transparent 60%, #ffff66 60%);
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
.marker_yellow2_hoso {
  background: -webkit-linear-gradient(transparent 60%, #fff3aa 60%);
  background: -o-linear-gradient(transparent 60%, #fff3aa 60%);
  background: linear-gradient(transparent 60%, #fff3aa 60%);
}
.marker_red_hoso {
  background: -webkit-linear-gradient(transparent 60%, #f0bbc3 60%);
  background: -o-linear-gradient(transparent 60%, #f0bbc3 60%);
  background: linear-gradient(transparent 60%, #f0bbc3 60%);
}

/*--margin--*/
.mt-m20 { margin-top:-10px !important; }
.mt-m15 { margin-top:-15px !important; }
.mt-m10 { margin-top:-10px !important; }
.mt-m5 { margin-top:-10px !important; }
.mt-0 { margin-top:0 !important; }
.mt-5 { margin-top:5px !important; }
.mt-10 { margin-top:10px !important; }
.mt-15 { margin-top:15px !important; }
.mt-20 { margin-top:20px !important; }
.mt-25 { margin-top:25px !important; }
.mt-30 { margin-top:30px !important; }
.mt-40 { margin-top:40px !important; }
.mt-50 { margin-top:50px !important; }
.mt-60 { margin-top:60px !important; }
.mt-70 { margin-top:70px !important; }
.mt-80 { margin-top:80px !important; }
.mt-90 { margin-top:90px !important; }
.mt-100 { margin-top:100px !important; }
.mb-m20 { margin-bottom:-10px !important; }
.mb-m10 { margin-bottom:-10px !important; }
.mb-m5 { margin-bottom:-10px !important; }
.mb-0 { margin-bottom:0 !important; }
.mb-5 { margin-bottom:5px !important; }
.mb-10 { margin-bottom:10px !important; }
.mb-15 { margin-bottom:15px !important; }
.mb-20 { margin-bottom:20px !important; }
.mb-25 { margin-bottom:25px !important; }
.mb-30 { margin-bottom:30px !important; }
.mb-40 { margin-bottom:40px !important; }
.mb-50 { margin-bottom:50px !important; }
.mb-60 { margin-bottom:60px !important; }
.mb-70 { margin-bottom:70px !important; }
.mb-80 { margin-bottom:80px !important; }
.mb-90 { margin-bottom:90px !important; }
.mb-100 { margin-bottom:100px !important; }
.mr-0 { margin-right:0 !important; }
.mr-5 { margin-right:5px !important; }
.mr-10 { margin-right:10px !important; }
.mr-15 { margin-right:15px !important; }
.mr-20 { margin-right:20px !important; }
.mr-25 { margin-right:25px !important; }
.mr-30 { margin-right:30px !important; }
.ml-0 { margin-left:0 !important; }
.ml-5 { margin-left:5px !important; }
.ml-10 { margin-left:10px !important; }
.ml-15 { margin-left:15px !important; }
.ml-20 { margin-left:20px !important; }
.ml-25 { margin-left:25px !important; }
.ml-30 { margin-left:30px !important; }

/*--padding --*/
.pt-0 { padding-top:0 !important; }
.pt-5 { padding-top:5px !important; }
.pt-10 { padding-top:10px !important; }
.pt-15 { padding-top:15px !important; }
.pt-20 { padding-top:20px !important; }
.pt-25 { padding-top:25px !important; }
.pt-30 { padding-top:30px !important; }
.pt-35 { padding-top:35px !important; }
.pt-40{ padding-top: 40px !important; }
.pt-45{ padding-top: 45px !important; }
.pt-50{ padding-top: 50px !important; }
.pt-55{ padding-top: 55px !important; }
.pt-60{ padding-top: 60px !important; }
.pt-65{ padding-top: 65px !important; }
.pt-70{ padding-top: 70px !important; }
.pt-75{ padding-top: 75px !important; }
.pt-80{ padding-top: 80px !important; }
.pt-85{ padding-top: 85px !important; }
.pt-90{ padding-top: 90px !important; }
.pt-95{ padding-top: 95px !important; }
.pt-100{ padding-top: 100px !important; }
.pb-0 { padding-bottom:0 !important; }
.pb-5 { padding-bottom:5px !important; }
.pb-10 { padding-bottom:10px !important; }
.pb-15 { padding-bottom:15px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-25 { padding-bottom:25px !important; }
.pb-30 { padding-bottom:30px !important; }
.pb-35 { padding-bottom:35px !important; }
.pb-40{ padding-bottom: 40px !important; }
.pb-45{ padding-bottom: 45px !important; }
.pb-50{ padding-bottom: 50px !important; }
.pb-55{ padding-bottom: 55px !important; }
.pb-60{ padding-bottom: 60px !important; }
.pb-65{ padding-bottom: 65px !important; }
.pb-70{ padding-bottom: 70px !important; }
.pb-75{ padding-bottom: 75px !important; }
.pb-80{ padding-bottom: 80px !important; }
.pb-85{ padding-bottom: 85px !important; }
.pb-90{ padding-bottom: 90px !important; }
.pb-95{ padding-bottom: 95px !important; }
.pb-100{ padding-bottom: 100px !important; }
.pb-150{ padding-bottom: 150px !important; }
.pb-200{ padding-bottom: 200px !important; }
.pb-250{ padding-bottom: 250px !important; }
.pb-300{ padding-bottom: 300px !important; }
.pr-0 { padding-right:0 !important; }
.pr-5 { padding-right:5px !important; }
.pr-10 { padding-right:10px !important; }
.pr-15 { padding-right:15px !important; }
.pr-20 { padding-right:20px !important; }
.pr-25 { padding-right:25px !important; }
.pr-30 { padding-right:30px !important; }
.pr-40 { padding-right:40px !important; }
.pr-50 { padding-right:50px !important; }
.pr-60 { padding-right:60px !important; }
.pl-0 { padding-left:0 !important; }
.pl-5 { padding-left:5px !important; }
.pl-10 { padding-left:10px !important; }
.pl-15 { padding-left:15px !important; }
.pl-20 { padding-left:20px !important; }
.pl-25 { padding-left:25px !important; }
.pl-30 { padding-left:30px !important; }

/* フォントサイズ */
.fnt-10{ font-size: 10px; }
.fnt-11{ font-size: 11px; }
.fnt-12{ font-size: 12px; }
.fnt-13{ font-size: 13px; }
.fnt-14{ font-size: 14px; }
.fnt-15{ font-size: 15px; }
.fnt-16{ font-size: 16px; }
.fnt-17{ font-size: 17px; }
.fnt-18{ font-size: 18px; }
.fnt-19{ font-size: 19px; }
.fnt-20{ font-size: 20px; }
.fnt-21{ font-size: 21px; }
.fnt-22{ font-size: 22px; }
.fnt-23{ font-size: 23px; }
.fnt-24{ font-size: 24px; }
.fnt-25{ font-size: 25px; }
.fnt-26{ font-size: 26px; }
.fnt-27{ font-size: 27px; }
.fnt-28{ font-size: 28px; }
.fnt-29{ font-size: 29px; }
.fnt-30{ font-size: 30px; }
.fnt-31{ font-size: 31px; }
.fnt-32{ font-size: 32px; }
.fnt-33{ font-size: 33px; }
.fnt-34{ font-size: 34px; }
.fnt-35{ font-size: 35px; }
.fnt-36{ font-size: 36px; }
.fnt-37{ font-size: 37px; }
.fnt-38{ font-size: 38px; }
.fnt-39{ font-size: 39px; }
.fnt-40{ font-size: 40px; }
.fnt-45{ font-size: 45px; }
.fnt-46{ font-size: 46px; }
.fnt-50{ font-size: 50px; }
.fnt-55{ font-size: 55px; }
.fnt-60{ font-size: 60px; }
.fnt-65{ font-size: 65px; }
.fnt-70{ font-size: 70px; }
.fnt-75{ font-size: 75px; }
.fnt-80{ font-size: 80px; }
.fnt-85{ font-size: 85px; }
.fnt-90{ font-size: 90px; }
.fnt-95{ font-size: 95px; }
.fnt-100{ font-size: 100px; }

/*-------------------------
  見出し
-------------------------*/

.border-title{
  margin: 0 0 20px;
  text-align: center;
  letter-spacing: 1px;
}
.border-title-inner{
  position: relative;
  display: inline-block;
  margin: 0 0 30px;
  padding: 0 55px;
  font-weight: 600;
  font-size: 20px;
}
.border-title-inner:before, .border-title-inner:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #555;
}
.border-title-inner:before { left:0; }
.border-title-inner:after { right: 0; }

/*-------------------------
  //見出し
-------------------------*/


/* タロログさん記事 */
#tarolog h3{
  margin-top: 80px !important;
}
#tarolog .kaiwa{
  margin: 10px 0 30px;
  overflow: hidden;
  position: relative;
}
#tarolog .kaiwa img{
  float: left;
}
#tarolog .kaiwa p{
  margin-top: 50px;
  padding-top: 50px;
  position: absolute;
  top: 50px;
}
#tarolog .al-c{ text-align: center; }
#tarolog .box27 {
    position: relative;
    margin: 5em 0;
    padding: 0.5em 1em;
    border: solid 3px #c90000;
}
#tarolog .box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #c90000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
#tarolog .box27 p {
    margin: 10px 0;
    padding: 0;
    font-size: 30px;
    font-weight: 600;
}

/* Q&A共通 */
#content #qa_post .post-header{
  padding: 0;
  margin-bottom:25px;
}
#content #qa_post .post-title{
  margin-bottom: 0;
  text-align: center;
  font-size: 24px;
}
#content #qa_post .post-title .post-title-img2{
  display: none;
}
#content #qa_post .post-content{
  padding-top: 0;
}
@media screen and (max-width: 480px) {
  #content #qa_post{
    padding: 0;
  }
  #content #qa_post .post-header{
    padding: 0 20px 10px;
  }
  #content #qa_post .post-title{
    font-size: 26px;
  }
}

/* Q&A個別ページ */

#content[class^="qa-"] .qa-cat_list{
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  padding: 10px 5px 5px 10px;
  background: #eee;
  display: none;
}

#content.qa-page .post-content{
  margin-top: 50px;
}

#content.qa-page .post-content hr{
  display: none;
}

#content.qa-page .qa-answer {
  position: relative;
  margin-top: 70px;
  padding: 40px 30px;
  background: #D6F7FF;
}
#content.qa-page .qa-answer h3:before{ background: none; }

#content.qa-page .qa-answer:before,
#content.qa-page .qa-answer:after{
  position: absolute;
  font-size: 80px;
  color: #0cf;
  line-height: 1;
}

#content.qa-page .qa-answer:before{
  content: "“";
  left: 10px;
  top: -18px;
}

#content.qa-page .qa-answer:after{
  content: "”";
  right: 10px;
  bottom: -63px;
}

#content.qa-page .post-title {
  position: relative;
  line-height: 1.2;
}

#content.qa-page p.date{
  margin-top: -20px;
  font-size: 12px;
  color: #999;
}

#content.qa-page .post-title .post-title-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}

#content.qa-page .qa-answer h3{
  margin-top: 0;
  padding: 0;
  text-align: center;
  font-size: 24px;
  color: #333;
  border: none !important;
}

@media screen and (max-width: 767px) {
  #content.qa-page p.date{
    margin-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  #content.qa-page .post-title {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 24px;
  }
  #content.qa-page .post-title .post-title-img {
    display: none;
  }
  #content.qa-page .post-content{
    margin-top: 0;
  }
  #content.qa-page .qa-answer{
    padding-top: 140px;
    padding-bottom: 0;
  }
  #content.qa-page .qa-answer h3{
    top: -20px;
  }
}

/* カテゴリ別Q&Aページ */

#content.qa-cat .cat-header{
  margin-bottom: 10px;
}

#content.qa-cat .post-header h2 a{
  color: #09F;
  color: #0044CC;
  font-size: 16px;
}

#content.qa-cat .cat-content li,
 .cat-content li{
    display: inline-block;
    /*min-width: 100px;*/
    margin: 0 1px 5px 0;
    text-align: center;
    text-decoration: none;
    background: #ddd;/*ボタン色*/
    color: #fff;
}
#content[class^="qa-"] .cat-content li a{
    display: block;
    padding: 0.45em 1em .45em 35px;
    font-size: 12px;
    color: #333;
    background: url(https://affi-note.com/wp-content/uploads/2018/05/icon_tag.png) no-repeat 8px 50%;
}
#content[class^="qa-"] li a:hover{
  text-decoration: none;
}
#content[class^="qa-"] .cat-content li:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#content.qa-cat .post-loop-wrap{
  margin-top: 50px;
}
#content.qa-cat .post-loop-wrap article{
  border-bottom: none;
  padding: 0;
  height: auto;
}
#content.qa-cat .post-loop-wrap article .post-content{
  border-bottom: 1px solid #eee;
}

#content.qa-cat .post-loop-wrap article:not(:last-child){
  padding-bottom: 10px;
  margin-bottom: 8px;
}
#content.qa-cat .post-header{
  padding-top: 0;
  padding-bottom: 0;
}
#content.qa-cat .post-loop-wrap .post-title{
  margin-bottom: 5px;
  padding-bottom: 0;
  font-size: 18px !important;
}
#content.qa-cat section.post-content{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#content.qa-cat p:not(.note){
  font-size: 15px;
  margin-bottom: 5px;
}
#content.qa-cat .pv{
  margin: 0 10px;
}
#content.qa-cat .note{
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 12px;
}
#content.qa-cat .pagination{
  margin-top: 30px;
}
#content.qa-cat .search_condi{
  margin-bottom: 5px;
  text-align: right;
  font-weight: 600;
  text-align: center;
}
#content.qa-cat .search_condi a{
  margin: 0 5px;
}
#content.qa-cat .search_condi a:first-child{
  margin-left: 0;
}
#content.qa-cat .search_condi a:not-child{
  margin-right: 0;
}
#content.qa-post #relative_post .post-header{
  padding: 0;
}
#content.qa-post #relative_post .post-content{
  padding: 0;
}
#content[class^="qa-"] #relative_post .post-title{
  position: relative;
}
#content[class^="qa-"] #relative_post h2.post-title{
  text-align: center;
}
#content.qa-post #relative_post h2.post-title{
    text-align: center;
}
#content.qa-post #relative_post h2.post-title:before{
    display: none;
}
#content[class^="qa-"] #relative_post .post-title .post-title-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}
#content[class^="qa-"] #relative_post ul{
  margin-bottom: 10px;
  padding: 0;
}
#content[class^="qa-"] #relative_post li{
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
  list-style: none;
}
#content[class^="qa-"] li:last-child{
  border-bottom: none;
}
#content[class^="qa-"] #relative_post li a{
  padding: 20px 0;
  display: block;
  color: #0044cc;
}

@media screen and (max-width: 767px) {
  #content.qa-cat .post-header{
    padding: 0;
  }
  #content.qa-cat section.post-content{
    padding: 0 !important;
  }
}

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

  .post-loop-wrap article{ padding: 10px 10px 0 0; height: 100px; }

  #content.qa-cat .cat-content{
    margin-bottom: 10px;
  }

  #content.qa-cat .cat-content .post-title{
    font-size: 22px;
    text-align: center;
  }

  #content.qa-cat .post-loop-wrap .post-title{
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 16px !important;
  }

  #content.qa-cat .post-header{
    padding-top: 0;
  }

  #content[class^="qa-"] #qa_post section.post-content{
    padding: 5px 20px !important;
    font-size: 13px;
  }

  #content[class^="qa-"] .cat-content li{
    font-size: 12px;
  }

  #content.qa-cat p{
    margin: 0 !important;
  }
  #content.qa-cat .note{
    margin-top: 5px !important;
    font-size: 12px;
  }
  #content.qa-cat .post-content p{
    margin-top: 5px !important;
    font-size: 13px;
  }
  #content[class^="qa-"] #relative_post h2.post-title{
    margin-bottom: 10px;
    padding-top: 20px;
    padding-left: 90px;
  }
  #content.qa-page #relative_post h2.post-title{
    margin-bottom: -20px;
    padding-top: 0;
  }
  #content[class^="qa-"] #relative_post .post-title .post-title-img{
    display: block;
    top: 20px;
    width: 70px;
  }
  #content.qa-page #relative_post .post-title .post-title-img{
    top: 0px;
  }
  #content[class^="qa-"] #relative_post ul{
    padding: 0;
  }
  #content[class^="qa-"] #relative_post li{
    font-size: 16px;
  }
  #content[class^="qa-"] #relative_post li a{
    padding: 20px 0;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

/* 質問送信フォーム */

#qa_post{
  margin: 50px 0;
  padding: 0 45px 45px;
  border-top: 3px solid #5e6265;
  padding-bottom: 10px;
  background: #f5f5f5;
}
.qa-post #qa_post{
  margin: 20px 0 50px;
  padding-bottom: 0;
}
#qa_post .post-header{
  margin-top:30px;
}

#qa_post form{
  margin:30px 0;
}
#qa_post form textarea{
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
}

#qa_post input[type=submit]{
  width: 100%;
  height: 50px;
  background-color: #4ac420;
  border:none;
  color: #FFFFFF;
  font-size: 15px;
}

#qa_post input[type=submit]:before{
  display: inline-block;
  margin-right: 5px;
  content: "＞";
  transform: scale(.75);
}

#content.qa-page #qa_post{
  margin-bottom: 30px;
}
#content.qa-page #qa_post .post-header{
  padding: 0;
}
#content.qa-page #qa_post .post-header h2{
  text-align: center;
}

#content[class^="qa-"] #qa_post .post-title{
  position: relative;
  margin-bottom: 40px;
}
#content.qa-page #qa_post .post-title {
  margin-bottom: 20px;
}

#content.qa-cat #qa_post .post-title .post-title-img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}
#content.qa-page #qa_post .post-title .post-title-img2 {
  position: absolute;
  top: 0;
  left: 40px;
  width: 100px;
}
#content.qa-page .post-content{
  margin-top: 0;
  padding-bottom: 20px;
}
#content.qa-page #comments{
  margin-top: 50px;
  padding: 0;
  background: #eee;
}
#content.qa-page #comments h3{
  padding: 12px;
  text-align: center;
  color: #FFF;
  background: #aaa;
  font-weight: 600;
  font-size: 16px;
}

#content.qa-page #comments form{
  display: block;
  padding: 30px;
}

@media screen and (max-width: 480px) {
  #qa_post form{
    margin:20px -10px;
  }
  #content[class^="qa-"] #qa_post .post-title{
    margin-bottom: 0;
    padding-top: 0;
  }
  #content.qa-cat #qa_post .post-title .post-title-img2 {
    top: 0;
  }
  #content.qa-page #qa_post .post-title .post-title-img2 {
    top: 0;
    left: 10px;
  }
  #content.qa-page #qa_post .post-header h2{
    padding-left: 120px;
    padding-right: 10px;
  }
  #content.qa-page #comments{
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* Q&A投稿ページ */
#content.qa-post .post-title {
  margin-bottom: 0;
  position: relative;
  background: none;
  border: none !important;
  font-size: 30px;
}
#content.qa-post #qa_post .post-content{
  padding: 40px 40px 0;
}
#content[class^="qa-"] .post-title.catlist{
  margin-bottom: 20px;
  padding-left: 0;
}
#content.qa-post .cat-content{
  padding: 0;
}
#content.qa-post .post-title .post-title-img2 {
  position: absolute;
  top: -25px;
  left: -30px;
  width: 120px;
}
#content.qa-post #qa_post .post-header{
  display: none;
}
#content.qa-post textarea{
  height: 350px;
}

#content.qa-post .post-share{
  padding-top: 30px;
}
@media screen and (max-width: 480px) {
  #content.qa-post .cat-content{
    padding-left: 20px;
  }
  #content.qa-post .post-header{
    padding-bottom: 0 !important;
  }
  #content.qa-post .post-title {
    padding-left: 0 !important;
    font-size: 30px;
  }
  #content.qa-post .post-title .post-title-img2 {
    display: none;
  }
  #content.qa-post #qa_post {
    background: none;
    border: none;
  }
  #content.qa-post #qa_post .post-content {
    padding: 0 !important;
  }
  #content.qa-post textarea{
    margin-left: 15px;
    margin-bottom: 30px;
    width: 90%;
  }
}

/* Q&A検索フォーム */
#qa-search-content{
  text-align: center;
}
form.qa-search{
  margin: 0 0 20px;
}
form.qa-search input[type=text]{
  width: 400px;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 30px;
  background-color: #fff;
  background-position: 5px 5px;
  background: url(/wp-content/uploads/2018/01/ico_search.png),#fff;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
}
form.qa-search input[type=text]::placeholder{
  color: #ccc;
}
form.qa-search input[type=submit]{
  display: inline-block;
  background: #f50899;
  border-radius: 0;
  padding: 5px 50px;
  margin: 0 5px;
  cursor: pointer;
  color: #fff;
}
form.qa-search input[type=submit]:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 767px) {
  form.qa-search input[type=submit]{
    padding: 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  #qa-search-content{
    margin: 30px 0 10px;
  }
  .main-inner #qa-search-content section.post-content{
    padding: 0 !important;
  }
  form.qa-search input[type=text]{
    padding-top: 9px;
    padding-bottom: 3px;
    width: 260px;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    align-items: center;
    border: 2px solid #aaa;
    border-right: none;
    border-radius: 5px 0 0 5px;
    box-shadow: none;
  }
  form.qa-search input[type=submit]{
    -webkit-appearance: none;
    margin: 0 -5px;
    width: 67px;
    height: 36px;
    border: 2px solid #d5b500;
    border-left: 1px solid #d5b500;
    border-radius: 0 5px 5px 0;
    background: #ffe032;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0;
    overflow: hidden;
    color: #333;
    text-shadow: none !important;
  }
}

/*シェアボタン*/
.share-3d{
    margin: 0;
    text-align: center;
}
.content-bottom .share-3d{
    margin: 0 -20px 50px;
}
.qa-page .content-bottom .share-3d{
    margin: 0 0 50px;
}
article .share-3d-inner{
  padding: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.share-3d-inner a {
    position: relative;
    width: calc(25% - 8px);
    height: 40px;
    line-height: 15px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.share-3d .small-text{
    font-size: 10px;
}
.share-3d .hatena-bookmark-button{
  padding: 5px 5px 0 5px;
    background: #00A4DE;
    box-shadow: 0 2px #43638b;
}
.share-3d .twitter-button{
  padding: 5px 5px 0 5px;
    background: #55ACEE;
    box-shadow: 0 2px #0092ca;
}
.share-3d .googleplus-button{
  padding: 5px 5px 0 5px;
    background: #C53727;
    box-shadow: 0 2px #ad3a2d;
}
.share-3d .facebook-button{
    padding: 5px 5px 0 5px;
    background: #405BA7;
    box-shadow: 0 2px #2c4373;
}
.share-3d .pocket-button{
    padding: 5px 5px 0 5px;
    background: #EE4256;
    box-shadow: 0 2px 0 #c0392b;
}
.share-3d a:hover{
    top: 2px;
    box-shadow: none;
    text-decoration: none;
}
.share-3d .hatena-bookmark-button:active{
    background: #43638b;
}
.share-3d .twitter-button:active{
    background: #0092ca;
}
.share-3d .googleplus-button:active{
    background: #ad3a2d;
}
.share-3d .facebook-button:active{
    background: #2c4373;
}
.share-3d .pocket-button:active{
    background: #c0392b;
}

@media screen and (max-width: 767px) {
  article .share-3d-inner{
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .content-bottom .share-3d{
    margin-left: 0;
    margin-right: 0;
  }
}

.post-content #toc_container{
  border-color: #CCC;
  padding: 0 30px;
  width: 100% !important;
  font-size: 15px;
  background: none;
}

.post-content #toc_container a{
  color: #09f;
  color: #0044CC;
  font-weight: normal;
}

.post-content #toc_container p.toc_title{
  font-size: 20px;
}

.post-content #toc_container ul.toc_list{
  margin-bottom: 30px;
}

/*
div.post-loop-wrap.category article{
  margin-bottom: 0;
}
.post-content.category{
  margin-bottom: 10px;
  border: 1px solid #EEE;
}
.post-content.category div.post-thumbnail,
.post-content.category div.wrap.content{
  display: table-cell;
  float: none;
  vertical-align: top;
}
.post-content.category div.post-thumbnail{
  position: relative;
  width: 235px;
  height: auto;
}
.post-content.category div.post-thumbnail span.categoryName{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 120px;
  text-align: center;
  font-size: 11px;
  color: #FFF;
  background: #F50899;
}

.post-content.category div.wrap.content{
  width: 440px;
  padding: 20px;
}
.post-content.category div.wrap.content h2{
  margin-bottom: 10px;
  padding: 0 !important;
  background: none;
  font-size: 18px;
}

.post-content.category div.wrap.content h2:before{
  display: none;
}

.post-content.category div.wrap.content p{
  font-size: 12px;
  line-height: 1.5;
}

.post-content.category div.wrap.content p.excerpt{
  margin-bottom: 5px;
}

.post-content.category div.wrap.content p.date{
  margin-bottom: 0;
  text-align: right;
  color: #999;
}
@media screen and (max-width: 767px) {
  .post-content.category{
    border: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
  }
  .post-content.category div.post-thumbnail,
  .post-content.category div.wrap.content{
    display: block;
  }
  .post-content.category div.post-thumbnail{
    margin: 0 0 20px 0 !important;
    padding: 0;
    width: 100%;
  }
  .post-content.category div.wrap.content{
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
*/

#sitemap_list{
  padding: 0;
}

#sitemap_list ul{
  padding: 0;
}

#sitemap_list li{
  list-style: none;
}

#sitemap_list a{
  color: #333;
}

#sitemap_list>li{
  margin-bottom: 40px;
}

#sitemap_list>li>a{
  position: relative;
  display: block;
  margin: 0 0 5px;
  border-bottom: none !important;
  padding: 10px 25px !important;
  clear: both;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  background: #EEE;
}
#sitemap_list>li>a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.6em;
  display: block;
  height: 1.2em;
  width: 6px;
  background: #0CF;
}

#sitemap_list>li>ul{
  border: 1px solid #EEE;
  padding: 15px 20px;
}

#sitemap_list>li>ul>li>a{
  background: url(https://affi-note.com/wp-content/uploads/2018/05/icon_arrow01.png) no-repeat left top;
  padding-left: 24px;
}

#sitemap_list>li>ul>li>ul{
  padding-left: 24px;
}

#sitemap_list>li>ul>li>ul>li>a{
  background: url(https://affi-note.com/wp-content/uploads/2018/05/icon_arrow02.png) no-repeat left top;
  padding-left: 24px;
}

#funpost .kaiwa{
  border: 1px solid #000;
}

/*-------------------------
  ブログカード
-------------------------*/
.blogcard {
  position: relative;
  background: #fbfaf8;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  border-radius:5px;
  margin: 30px;
  padding: 15px;
  box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.blogcard:hover {
  background: #fee;
  transform: translate(0,5px);
  box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
  animation-play-state: paused;
}
.blogcard a {
  text-decoration: none;
}
.blogcard .blogcard-title {
  color: #337ab7;
  display: block;
}
.blogcard .blogcard-thumbnail {
  float:left;
  padding:10px;
}
.blogcard .blogcard-thumbnail img {
  display: block;
  padding: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.blogcard .blogcard-content {
  line-height:120%;
}
.blogcard .blogcard-title{
  padding:10px 10px 10px 0;
  color: #333;
  font-size:18px;
  font-weight: bold;
  line-height: 1.5em;
}
.blogcard .blogcard-excerpt {
  margin:0 10px 10px;
  font-weight:normal;
  line-height: 1.5em;
  color:#333;
  font-size: 14px;
}
.blogcard .clear {
  clear: both;
}
@media screen and (max-width:480px){
  .blogcard {
    margin: 30px 0;
    padding: 5px;
  }
  .blogcard .blogcard-title { font-size: 13px; }
}
.blogcard.pekopeko {
  animation: pekopeko 3s infinite;
  box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
@keyframes pekopeko {
  0% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }
  10% {
    box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
    top: 3px;
  }
  20% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }
  30% {
    box-shadow: 0 0 0 rgb(0, 0, 0, 0.3);
    top: 3px;
  }
  40% {
    box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
    top: 0px;
  }
}
/*-------------------------
  //ブログカード
-------------------------*/

/*-------------------------
  ボタン
-------------------------*/

.btn.designed{
  position: relative;
  margin: 50px 0;
  text-align: center;
}
.btn.designed a{
  /*position: absolute;*/
  top: 0; left: 0;
  display: inline-block;
  padding: 10px 20px;
  width: 500px;
  border-radius: 2px;
  text-decoration: none;
  color: #fff !important;
  text-align: center;
  font-size: 18px;
}
.btn.designed a:hover{ top: 10px; }
.btn.designed.blue a{ background-color: #466fb1; }
.btn.designed.orange a{
  background-color: #ec8c2f;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}
.btn.designed .microcopy{
  margin-bottom: 2px;
  font-size: 14px;
  text-align: center;
}
.btn.designed.scroll a{ padding-bottom: 13px; }
.btn.designed.scroll:after,
.btn.designed.open:after{
  font-family: "Font Awesome 5 Pro";
  content: '\f078';
  font-weight: 500;
  position: absolute;
  bottom: 3px;
  left: 50%;
  color: #fff;
}
.btn.designed.open{ margin-top: 20px; }
.btn.designed.open a{ padding-bottom: 13px; border-radius: 100px; }
.btn.designed .coupon_msg{ margin-top: 2px; font-size: 12px; }
.btn.designed p{ margin: 0; }
.btn.designed:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
@media screen and (max-width: 480px) {
  .btn.designed a{ width: 100%; font-size: 16px; }
}
/*-------------------------
  //ボタン
-------------------------*/

/*-------------------------
  Rinkerカスタマイズ
-------------------------*/

div.yyi-rinker-contents div.yyi-rinker-box{
  padding: 30px 20px 20px !important;
}
div.yyi-rinker-contents div.yyi-rinker-image{
  overflow: hidden;
  margin-right: 20px;
  padding: 0;
  max-width: 300px;
  min-width: 300px;
  max-height: 300px;
}
div.yyi-rinker-contents div.yyi-rinker-image img{
  max-height: 280px;
}
div.yyi-rinker-contents div.yyi-rinker-title h3,
div.yyi-rinker-contents div.yyi-rinker-title .inner_title{
  margin: 0 0 20px 0;
  padding: 0;
  background: none;
  border: none !important;
  line-height: 150%;
  font-weight: normal;
  font-size: 20px;
}
div.yyi-rinker-contents div.yyi-rinker-title .brand{
  font-size: 13px;
}
div.yyi-rinker-contents .yyi-rinker-info{
    width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links{
  margin: 20px 0 0 !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2{
  margin-left: 0;
  margin-bottom: 10px;
  width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a{
  display: block;
  padding: 10px;
  width: 100%;
  height: 100%;
  line-height: 150%;
  text-align: center;
  font-weight: 500;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a{
  background-color: #F5A300;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a{
  background-color: #cf4944;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{
  background-color: #51a7e8;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
  background-color: #49A03A;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a{
  background-color: #888;
}
div.yyi-rinker-contents div.yyi-rinker-detail{
  padding: 0 !important;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box{
  color: #333 !important;
  font-weight: 600;
  font-size: 18px;
}
div.yyi-rinker-contents div.yyi-rinker-description{
  padding: 0 30px 10px;
  font-size: 14px;
}
div.yyi-rinker-contents div.yyi-rinker-description ul{
  margin-left: 0;
  padding-left: 0;
}
div.yyi-rinker-contents div.yyi-rinker-description ul li{
  list-style: none;
  background:url(images/libg.gif) no-repeat 0px 14px;
  margin-bottom: 0;
  padding-left:26px;
  padding-top: 5px;
}
div.yyi-rinker-contents + div.yyi-rinker-description h3{
  margin: 40px 0 15px;
  line-height: 150%;
  font-size: 18px;
}
div.yyi-rinker-contents div.yyi-rinker-description h4{
  margin: 0 0 15px;
  line-height: 150%;
  font-size: 18px;
}
div.yyi-rinker-contents div.yyi-rinker-description p{
  margin-bottom: 20px;
}
div.yyi-rinker-contents div.yyi-rinker-description p.note{
  text-align: right
  font-size: 13px;
}
div.yyi-rinker-contents div.yyi-rinker-description ul + p.note{
  margin-top: 5px;
}
div.yyi-rinker-contents div.yyi-rinker-description table{
  width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-description table td.label{
  width: 180px;
  background: #eee;
}

@media screen and (max-width:480px){
  div.yyi-rinker-contents div.yyi-rinker-box{
    padding-top: 20px;
    display: block !important;
    overflow: hidden;
  }
  div.yyi-rinker-contents div.yyi-rinker-title .inner_title{
    font-size: 18px;
  }
  div.yyi-rinker-contents div.yyi-rinker-image{
    margin-right: 0;
    margin-bottom: 20px!important;
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
    text-align: center;
  }
  div.yyi-rinker-contents ul.yyi-rinker-info{
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box{
    margin-top: 15px;
  }
  div.yyi-rinker-contents div.yyi-rinker-description{
    padding: 0 20px;
  }
  div.yyi-rinker-contents div.yyi-rinker-description h4{
    margin-top: 20px;
  }
  div.yyi-rinker-contents + div.yyi-rinker-description{
    padding: 0;
  }
  div.yyi-rinker-contents + div.yyi-rinker-description h3{
    margin-top: 0;
  }
  div.yyi-rinker-contents div.yyi-rinker-description table td.label{
    width: 100px;
  }
}
/*-------------------------
  //Rinkerカスタマイズ
-------------------------*/

/*-------------------------
  吹き出し
-------------------------*/

.kjk_balloon{ margin-bottom: 50px !important; line-height: 200%; color: #333; }
.kjk_balloon .kb_image img{ border: none; }
.kjk_balloon .kb_text{ padding: 15px 10px !important; }
.kjk_balloon.kb_border .kb_text.kb_left, .kjk_balloon.kb_border .kb_text.kb_right{ border: 1px solid #78e14f !important; }
.kjk_balloon a{ color: #333; }
@media screen and (max-width:480px){
  .kjk_balloon.kb_border .kb_text.kb_left{
    max-width: -webkit-calc(100% - 80px);
    max-width: calc(100% - 80px);
  }
}

/*-------------------------
  //吹き出し
-------------------------*/

/*-------------------------
  トップページのナビゲーション
-------------------------*/
.toppage_nav{
  margin: 40px 0 30px;
}
.toppage_nav .nav_box{
  margin-right: 8px;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
.toppage_nav .nav_box:last-child{
  margin-right: 0;
}  
.toppage_nav h2{
  margin-bottom: 20px;
  padding: 10px;
  background: #4379ba;
  background: #eee;
  text-align: center;
  font-weight: 550;
  font-size: 15px;
}
.toppage_nav .nav_box h2{
  font-family: 'Font Awesome 5 Pro';
  letter-spacing: 0.5px;
}
.toppage_nav .nav_box:nth-child(1) h2:before{
  margin-right: 10px;
  content: "\f06c";
}
.toppage_nav .nav_box:nth-child(2) h2:before{
  margin-right: 10px;
  content: "\f109";
}
.toppage_nav .nav_box:nth-child(3) h2:before{
  margin-right: 10px;
  content: "\f040";
}
.toppage_nav .nav_box:nth-child(4) h2:before{
  margin-right: 10px;
  content: "\f57e";
}
.toppage_nav .nav_box:nth-child(5) h2:before{
  margin-right: 10px;
  content: "\f164";
}
.toppage_nav .nav_box:nth-child(6) h2:before{
  margin-right: 10px;
  content: "\f058";
}
.toppage_nav ul li{
  position: relative;
  margin-bottom: 7px;
  padding-left: 5px;
  font-size: 15px;
}
.toppage_nav ul li:before{
  position: absolute;
  top: 1px;
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
}
.toppage_nav ul li a{ padding-left: 15px; }
.toppage_pickup{
  position: relative;
  margin: 50px 0;
  padding: 5px 0;
  border: 3px solid #ccc;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
.toppage_pickup ul{
  height: 80px;
  overflow-y: scroll;
}
.toppage_pickup ul li{
  width: 100%;
}
.toppage_pickup .border-title{ margin: 0 0 20px 0; }
.toppage_pickup .border-title .border-title-inner{ margin: 0; }
.toppage_pickup .pickup{
  position: absolute;
  top: 3px;
  left: -15px;
  max-width: 100px;
  display: block;
  padding: 7px 10px;
  background: #C9AF5C;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 550;
  font-size: 12px;
}
.toppage_pickup .pickup:before{
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 6px transparent;
  border-right: solid 15px #d4d050;
  border-right-color: #a38d49;
}
.toppage_pickup .pickup_text{
  display: inline-block;
  padding: 12px 5px 12px 75px;
  font-weight: 550;
}
.toppage_pickup .pickup_text:not(:first-child){
  padding-top: 0;
}
.toppage_pickup .pickup_text span{
  margin-right: 10px;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .toppage_nav{
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 13px;
  }
  .toppage_nav .nav_box{
    margin-right: 8px;
    width: 31%;
  }
  .toppage_nav h2{
    padding: 10px 5px;
    font-size: 13px;
    letter-spacing: 0;
  }
  .toppage_nav .nav_box h2:before{ margin-right: 5px !important; }
  .toppage_nav ul li{ font-size: 12px; }
  .toppage_nav ul li a{ padding-left: 8px; }
  .toppage_pickup{ border: none; box-shadow: none; }
  .toppage_pickup .blogcard{ margin-top: 10px; }
  .toppage_pickup .border-title .border-title-inner{ font-size: 16px; }
}
/*-------------------------
  //トップページのナビゲーション
-------------------------*/

/*-------------------------
  コピーボタン
-------------------------*/

.copy_btn_wrap{
  margin: 30px auto 20px;
  max-width: 400px;
}
.copy_btn{
  padding: 20px;
  cursor: pointer;
  max-width: 500px;
  border-radius: 2px;
  border: 1px solid #555;
  text-align: center;
  font-weight: 550;
  font-size: 1.3em;
}
.copy_btn.copied{
  background: #5F677B;
  color: #fff;
}
.microcopy + .copy_btn{
  margin-top: 5px;
}
.copy_btn:before{
    position: relative;
    content: "\f15c";
    color: #555;
    font-family: FontAwesome;
    margin-right: .5em;
    font-size: 1.2em;
}
.copy_btn.copied:before{
    content: "\f00c";
    color: #fff;
}

/*-------------------------
  //コピーボタン
-------------------------*/