@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/*タイトルのサイズ*/
h1.entry-title {
        font-size: 24px;
        font-weight: bold;
}

/*タイトル１文字目の色を変更しない*/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter {
        color: inherit;
}       

.diary {
        font-family: 'Noto Sans JP', sans-serif;
        color: #444444;
        letter-spacing: 0.05em;
        max-width: 800px;
        margin: auto;
        padding: 10px 30px 0px 30px;
        border: 1px solid #000000;
        background-color: #ffffe5;
        box-shadow: 0 0 15px gray;
        background-image: url("https://tabibeer.com/wp-content/uploads/sima.gif ");
}

.main {
        text-align: left;
        line-height: 1.6;
        width: 100%;
}

/*YARPP*/
#post-syokai {
        border-left: 10px solid #999;
        padding: 1px 9px;
        margin: 5px 0 16px 0;
        font-size: 18px;
        margin-left: 5px;
}

.related-entry img{
        margin:0px 0px 10px 0px;
}

.related-entry {
        vertical-align: top;
        float: left;
        text-align: left;
        width:160px;
        font-size: small;
        min-height: 210px;
        margin-bottom:0px;
        padding: 0px 10px 0px 10px;
        display: block;
}

/* ページタイトルにアイコンを付加 */
.page-header_pageTitle:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
}

/* ページタイトルのスタイル */
.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
        margin: 20px 0 15px;
        font-size: 24px;
}

/*日記１ページ目の設定*/
.box26 {
        position: relative;
        margin: 2em 0;
        padding: 0.5em 1em;
        border: solid 3px #62c1ce;
}

.box26 .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: #62c1ce;
        color: #ffffff;
        font-weight: bold;
        border-radius: 5px 5px 0 0;
}

/*google mapの設定*/
.g_map {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        min-height: 320px !important;
        overflow: hidden;
}

.g_map iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.size-thumbnail {
        box-shadow:8px 5px 10px -1px #696969;
        -moz-box-shadow:8px 5px 10px -1px #696969;
        -webkit-box-shadow:8px 5px 10px -1px #696969;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border:1px solid #cccccc;
        margin: 0px 10px 0px 0px;
}

.wp-caption {
        background: #ffffe5;
        line-height: 10px;
        margin-top: 0em;
        margin-bottom: 0em;
        padding: 0 0 0px;
        text-align: center;
        border: 0px solid #e5e5e5;
        max-width: 100% !important;
}

.wp-caption p.wp-caption-text {
        color: #000;
        font-size: 12px;
        margin: 0px; paddin: 0px; }

h1.media-heading.entry-title {
        border-style: solid;
        border-color: #6a6a6a;
        border-right-width: 0;
        border-left-width: 0;
        border-bottom-width: 4px;
        border-top-width: 0;
}

article.media {
        max-width: 800px;
        border-style: solid;
        border-color: #6a6a6a;
        border-right-width: 0;
        border-left-width: 0;
        border-bottom-width: 1px;
        border-top-width: 0;
}

/*一般コード*/
hr {
        border:0;
        border-bottom:1px dashed #999;
}

.h11 {
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 3px;
        border-left-width: 10px;
        border-top-color: #0000FF;
        border-right-color: #0000FF;
        border-bottom-color: #0000FF;
        border-left-color: #0000FF;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
        padding: 0px 0px 0px 15px;
        margin: 0px 0px 10px 0px;
}

.h21 {
        font-size: 15px;
        font-weight: bold;
        width: 100%;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 5px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #FF66FF;
        border-right-color: #FF66FF;
        border-bottom-color: #FF66FF;
        border-left-color: #FF66FF;
        padding: 0px 0px 0px 15px;
        margin: 0px 0px 0px 5px;
}

.marker_bold {
        color: #000000;
        font-weight: bold;
}

.marker_pink {
        background: linear-gradient(transparent 40%, #ffa8ff 40%);
        font-weight: bold; 
}

/*楽天アフィリエイトを横置き*/
.box_left {
    width:128px;
    margin-left:10px;
    float:left;
}

.box_wrap {
    width:90%;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*TOC+ウィジット*/
ul.toc_widget_list.no_bullets {
    border-style: solid;
    border-color: #808080;
    background-color: #FFFFE5;
    border-width: 1px;
    padding: 10px;
    font-size: 15px;
}

ul.toc_widget_list.no_bullets li {
        margin-top: 0.5em;
        line-height: 1;
        text-indent: -1em;
        padding-left: 1em;
}

.toc_widget_list.no_bullets ul:nth-child(n+1){
        font-size: 14px;
        margin-left: 1;
        padding: 0;
}

/*モバイルでは非表示*/
@media screen and (max-width: 768px){
ul.toc_widget_list.no_bullets {
       display:none;
   }
}

/*記事中アドセンス表示位置調整*/
  .gad{
    position:relative;
    top:-50px;
    margin-bottom:-50px;
  }

/*情報見出し*/
.info_h2 {
  position: relative;
  color: #fff;
  background: #555;
  font-size: 20px;
  line-height: 1;
  margin: 30px -40px 15px -40px;
  padding: 12px 5px 12px 40px;
  box-shadow: 0 1px 3px #777;
}

.info_h2:after,.info_h2:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #333;
}

.info_h2:after {
  left: 0;
  border-right: 5px solid #333;
}

.info_h2:before {
  right: 0;
  border-left: 5px solid #333;
}

.info_h3 {
  width: 100%;  position: relative;
  color: #111;
  background: #fff;
  font-size: 18px;
  line-height: 1;
  border :2px solid #555;
  margin: 30px -10px 10px -10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}

/*カスタムli*/
.info_ul {
  width: 100%;  position: relative;
  border: solid 2px #ffb03f;
  padding: 1em 1em 0.1em 2.3em;
  background: #fcfcfc;/*背景色*/
}

.info_ul .info_li {
  line-height: 1;
  padding: 0;
  list-style-type: none!important;/*ポチ消す*/
}

.info_ul .info_li:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

/*カスタムol*/
.info_ol {
  width: 100%;  position: relative;
  border: solid 2px #ffb03f;
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 1em 1em 0.1em 1em;
  background: #fcfcfc;/*背景色*/
}

.info_ol .info2_li {
  position: relative;
  line-height: 1;
  padding: 0 0 0 30px;
}

.info_ol .info2_li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #ffb03f;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*モバイル表示時にサムネイル画像を全幅にする*/
@media (max-width: 768px){
   .media .postList_thumbnail {
   width: 100%;
   }
   .media .postList_thumbnail{
   padding-right:0;
   }
   .media .postList_thumbnail a {
   position:relative;
   height:50vw;
   }
   .media .postList_thumbnail a img{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 100%;
   height: auto;
   }
}

/*PC表示時のサムネイルサイズ*/
@media (min-width: 768px){
   .media .postList_thumbnail {
   width: 220px;
   height: 165px;
   }
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* 画像に影を付ける */
.b-shadow07{
        box-shadow:0px 0px 0px 8px #fff
        ,5px 5px 15px 12px #767676;
}

/*アプリーチ*/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}