@charset "utf-8";
/* CSS Document */

/*
Template:xeory_extension
Theme Name:xeory_extension_child
Theme URI:https://aimi-web.com/
Description:Xeory_extensionの子テーマです
Author:Y.A
Version:0.1
*/ 

@import url('../xeory_extension/style.css');

/*トップページ*/
body.home #main_visual {height: 260px !important;}
body.home .wrap { padding-top:10px !important;}
body.home #content {padding-top:0px !important;}

/*ヘッダー固定*/

/*変更点*/
.post-content {
  padding:5px !important;}

.front-service-inner h3 {
  margin-top:-50px !important;}

.c_text ul.service {
  position: relative;
}
.c_text ul.service li {
  line-height: 1.5;
  padding: 0.1em 0;
  list-style-type: none!important;
}
.c_text ul.service li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 0.1em;/*左端からのアイコンまでの距離*/
  color: #FF6C00;/*アイコン色*/
}

.front-loop-cont h3 {
  height:50px;
  position: relative;
  overflow:hidden;
}

/*投稿日時*/
.post-meta-area .post-meta {
    display: flex;
}
.post-meta-area .post-meta .date:nth-of-type(2) {
    padding-left: 0;
}
.post-meta-area {
    font-size:90%;
}

/*記事本文*/
section.post-content h2 a {
  color:white;
}

section.post-content p {
 margin-left:3%;
 margin-right:3%;
}

section.post-content .c_text .c_btn .btn{
border-radius: 5px;
    background: #47B39D;
    color: #fff;
    margin: 0 auto;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    opacity: 1;
    display: block;
    width: 50%;
    padding: 16px 20px;
    text-align: center;}

section.post-content h3 {
  position: relative;
  padding: .25em 0 .5em .75em;
  line-height:2em;
  border-left: 6px solid #FF5555;
  border-bottom:1px solid #7D7D7D;
  width:100%;
  height:auto;
  color:black;
  text-align:left;
  font-size:140%;
  font-weight:bold;}

section.post-content h4 {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #FF6600;
  border-bottom: 1px solid #ccc;
  font-size:120%;
  color:black;
  text-align:left;
  width:100%;
  height:auto;
  font-weight:bold;
}

section.post-content ul {
 margin:0;
 padding:0;
}

section.post-content ul li { 
  line-height: 1.5em;
  list-style-type: none !important;}

section.post-content ul li a {
  display:block;
  border: solid 0.5px #F7F7F7;
  border-left: solid 6px #E1E1E1;
  background-color:#ffffff;
  padding-left:10px;
  line-height:3em;
  width:100%;
  height:auto;
  color:blue;
}

section.post-content ul li a:hover {
  line-height:3em;
  border-left: 6px solid #23A8FF;
  text-decoration:none;
  background-color:#F1F1F1;}

section.post-content ul.frame {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  margin-left:0px;
  margin-bottom:20px;
  position: relative;}

section.post-content ul.list li a:hover {
  line-height:3em;
  border-left: 6px solid #23A8FF;
  text-decoration:none;
  background-color:#F1F1F1;}

section.post-content ul.frame li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  border-left:none;
  list-style-type: none!important;}

section.post-content ul.frame li:before {
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/}

section.post-content ul.frame li:last-of-type{
  border-bottom: none;}

section.post-content ul.two-rows {
  width:100%;
}

section.post-content ul.two-rows li {
  float:left;
  width:50%;
  height:auto;
}

/*目次*/
#toc_container .toc_list li a{
 line-height:1.5em; !important;
 list-style-type: none !important;
 background-color:#FAFAFA;
}

/*span*/
section.post-content span {
  font-size:150%;
  color:red;
  font-weight:bold;
}

section.post-content span.normal {
  font-size:100%;
  color:red;
}

section.post-content span.none {
  font-size:100%;
  color:black;
  font-weight:normal;
}

section.post-content span.back-pink {
 color:white;
 background-color:#FF1493;
 font-weight:bold;
 font-size:100%;
 padding:5px;
}

section.post-content b {
    color: red;
}

section.post-content b.b {
    font-size: 140%;
    color: red;
}

section.post-content b.c {
  font-size:100%;
  color:blue;
}

section.post-content b.d {
  font-size:140%;
  color:blue;
}

section.post-content b.x {
  font-size:20px;
  color:red;
}

section.post-content p.b {
    color: red;
}

section.post-content p.center{
    text-align:center;
    font-size:100%;
}


section.post-content p.red-150 {
    color: red;
    font-weight:bold;
    font-size:150%;
}

section.post-content p.c {
  color:red;
  font-size:140%;
}

section.post-content p.c-c{
  color:red;
  font-size:140%;
  text-align:center;
}

section.post-content p.d {
  color:blue;
}

section.post-content p.e {
    color: blue;
    font-size: 140%;
}

section.post-content p.f{
  font-weight:bold;
}

section.post-content p.g {
  color:red;}


section.post-content p.x{
  text-align:center;
  font-weight:bold;
}

section.post-content p.y{
  text-align:center;
  }

section.post-content p.z {
  color:#999999;
  text-align:center;
}

section.post-content dl {
  width:100%;
  height:auto;
}

section.post-content dt {
  height:auto;
  background-color:#D8D8D8;
}

section.post-content dt.a {
  height:auto;
  background-color:#D8D8D8;
  padding-top:5px;
  padding-bottom:5px;
}

section.post-content dd {
  height:auto;
}

section.post-content dd.a {
  height:auto;
  padding-top:5px;
  padding-bottom:5px;
}

.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
box p {
    margin: 0; 
    padding: 0;
}

/*人気記事ランキング*/
.popular ul.ranking {
  margin: 5px;
  padding:0;}

.popular ul.ranking { 
  line-height: 1.5em;
  list-style-type: none!important;}

.popular ul.ranking li a {
  display:block;
  text-align:center;
  border: solid 0.5px #F7F7F7;
  border-left: solid 6px #E1E1E1;
  background-color:#ffffff;
  padding-left:10px;
  line-height:3em;
  width:100%;
  height:auto;
  color:blue;
}

.popular ul.ranking li a:hover {
  text-align:center;
  line-height:3em;
  border-left: 6px solid #23A8FF;
  text-decoration:none;
  background-color:#F1F1F1;}

/* wordpress popular ranking */
ul.wpp-list {
  margin:3% 1% 3% 1%;
  padding:0 !important;
}
ul.wpp-list a {
  border:none;
}

/* ウィジェット記事下 */
.post-share {
  margin:3% 0 3% 0 !important;
  padding:0 !important;
}

/* 関連記事 */
h3.related-title {
  font-size: 18px;
  margin-bottom: 8px;
  padding: 10px;
  line-height: 25px;
}
 
.related{
  text-align:center;
  padding-bottom:5px;
  margin-bottom:5px;
  border:1px solid #1F5E73;}
  
.related ul{
  padding:0;
  list-style:none;}
  
.related li {
  text-align:left;
  height: auto;
  display: inline-block;
  vertical-align: top;
  width: 140px;
  margin:5px 1px 0 0;
  overflow: hidden;
}

.related li a{
  display:block;
  padding:5px;
  color:#0066cc;
  font-size:14px;
  text-decoration:none;}
  
.related li a:hover{
  background-color:#eeeeee;}
  
.related ul:after {
  content:"";
  display:block;
  clear:both;}
 
.related img {
  max-height:140px;
  float:left;
  width:140px;
  margin-bottom: 5px;
}
.related-title{
  margin-bottom:15px;
  margin-top:15px;
  font-size:18px;
  padding-left:10px;
}
  
p.no-related {
 padding-left: 15px;
 margin-bottom: 15px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: block;
  }

.publisher {
   display: none;
}

/*SNSボタン*/
/*new-snsボタン*/
ul.new-sns {
    text-align: center ;
    list-style: none;
    margin:0 0 5px 0 ;
    padding:0 0 0 0;
}
ul.new-sns li {
    display: inline-block;
    display: -moz-inline-box;
    width: 14%;
	height: 46px;
	border:none;
    line-height:46px;
}
ul.new-sns li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
ul.new-sns li a.facebook {
	display: block;
    font-weight:bold;
    background-color:#315096;
    color:white;
	width: 100%;
}

ul.new-sns li a.twitter {
	display: block;
    font-weight:bold;
    background-color:#55acee;
    color:white;
	width: 100%;
}
ul.new-sns li a.google_plus {
    display: block;
    font-weight:bold;
    background-color:#dd4b39;
    color:white;
	width: 100%;
}
ul.new-sns li a.rss {
    display: block;
    font-weight:bold;
    background-color:#ff8c00;
    color:white;
	width: 100%;
}
ul.new-sns li a.hatena {
	display: block;
    font-weight:bold;
    background-color:#008fde;
    color:white;
	width: 100%;
}
ul.new-sns li a.pocket {
	display: block;
    font-weight:bold;
    background-color:#ef3f56;
    color:white;
	width: 100%;
}
ul.new-sns li a.line {
	display: block;
    font-weight:bold;
    background-color:#00c300;
    color:white;
	width: 100%;
}

/*問い合わせ/浮気プラン*/
ul.inquiries {
	list-style-type: none;
    text-align:center;
    margin: 0;
    padding: 0;
}
ul.inquiries li {
    vertical-align:bottom;
    margin-bottom:0px;
    line-height:0;
}

/*記事下のカテゴリーリンク表示*/
ul li.cat a {
  padding:10px;
}

/*パン屑リストのaタグ*/
.breadcrumb-area a {
   padding:10px 10px 10px 10px;
}

/*個別投稿ページのサムネイル画像センタリング*/
.post-thumbnail-article {
 text-align:center;
}


/*youtubeレスポンシブ*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.grecaptcha-badge {
    opacity: 0;
}

.wpcf7 textarea {
    a:#0000FF;
}

/* 大画面用の設定 */
@media screen and (min-width: 800px) {
 .adsense {width:680px;}
}
 
/* モバイル画面用の設定 */
@media screen and (max-width: 680px) { 
 .adsense {padding:0 !important; width:336px; margin:0 auto;}
 .adsense-right {display:none;}
 .adsense-left {width:336px;}
}

/* 更にモバイル画面用の設定 */
@media screen and (max-width: 335px) { 
 .adsense {padding:0 !important; width:320px; margin:0 auto;}
 .adsense-right {display:none;}
 .adsense-left {width:320px;}
}