/* サイドバー */
.related_article a {
    margin-bottom: -30px!important;
}

@media only screen and (max-width: 480px){
.related_article .ttl::before {
  display: none!important;}
}

.related_article .ttl::before {
    display: none!important;
}


/*関連記事ラベル*/
.related_article .ttl::before {
    content: "pick up!";
}


/*関連記事日付未表示コード*/
.related_article .date{
    display: none;
}


/*日付非表示*/
.widget.widget_recent_entries li span, .widget li span.date {
  display: none!important;
}


/*日付削除*/
.byline .date, .byline .writer {
  display: none!important;
}


/*コメント消す*/
.comment-respond {
  display: none!important;
}


/*サムネイル日時非表示*/
.related-box li .date {
    display: none!important;
}

.byline .date {
    display: none!important;
}


/*関連記事サムネイル日時非表示*/
.related_article .date {
    display: none!important;
}





/*H1見出し*/
/*.entry-content h1 {*/
/*  color: #ffffff;/*文字色*/
/*  background: #073b8e;/*背景色*/
/*  padding: 1em;/*文字まわり（上下左右）の余白*/
/*  font-size: 1.25em;*/
/*}*/


/*H3見出し*/
.entry-content h3 {
  padding: 0.6em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #eff5f9;/*背景色*/
  border-left: solid 5px #1e73be;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}



  
 /* 囲みグレー枠 */
.box6 {
    padding: 0.5em 1em!important;
    margin: 2em 0!important;
    background: whitesmoke!important;/*背景色*/
    border: solid 3px #000000!important;
}
.box6 p {
    margin: 0!important;
    padding: 0!important;
}

  
  
/* シンプル囲み枠 2*/
.kakomi-box2 {
 margin: 2em auto!important;
 padding: 1em!important;
 width: 100%!important;
 color: #666; /* 文字色 */
 background-color: #f7f7f7!important; /* 背景色 */
 border: 1px solid #ccc!important;/* 枠線 */
}



/* ================================
 * 光るボタン *
================================ */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border-radius: 6px;
  box-shadow: 1px 1px 5px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.2em;
font-weight: bold;
  line-height: 1.2;
  margin: .4em auto;
  padding: .8em 1em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 60%;　/* ボタンの横幅 */
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}


/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}

/* 黄色ボタン */
.btn-cv a {
  background: #ffcd44;
  background: -webkit-linear-gradient(#ffcd44, #F2AD00);
  background: linear-gradient(#ffcd44, #F2AD00);
  text-shadow: 0 0 10px rgba(255,255,255,.5), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #e2041b;
  box-shadow: #b7282e 0 -8px 0 inset, #b7282e 1px 2px 3px -1px;
  padding: 1.0em 0;
  font-size: 1.2em;
  
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #00a1e9;
  box-shadow: #008fe8 0 -8px 0 inset, #008fe8 1px 2px 3px -1px;
  padding: 1.0em 0;
  font-size: 1.2em;
}

/* 緑ボタン */
.btn-cv.is-green a {
background: #00a23f;
  box-shadow: #008e2d 0 -8px 0 inset, #008fe8 1px 2px 3px -1px;
 padding: 1.0em 0;
  font-size: 1.2em;
}

/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* MediaQuery : スマホ対応 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}
  

/*サイドバー関連*/
.related_article {
    margin: 0px;
    margin-bottom: -10px;
}

@media only screen and (max-width: 769px){
.related_article {
    margin: 0px;
  margin-bottom: -16px;}
}



/*ブルータイトル囲み*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.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: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


/*黄色タイトル囲み*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


/*青POINTBOX*/
.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}




/*グレー枠*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    
    border: solid 3px #AAAAAA;
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/*水色枠*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
   
    border: solid 3px #5eadf2;
}
.box2 p {
    margin: 0; 
    padding: 0;
}


/*グリーン枠*/
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
  
    border: solid 3px #71cebb;
}
.box3 p {
    margin: 0; 
    padding: 0;
}



/*文字サイズ*/
.article {
    font-size: 16px;
}


p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}



/*サイドバータイトル*/
.related_article p.ttl {
    margin: 0 0 1.1em;
    font-size: 1em;
    font-weight: bold;
}



/*POINT枠*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #54acff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #54acff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


/*内部リンクグレー枠*/
.box5 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border: solid 1px #d1d1d1;
    border-radius: 2px;
    background: #fff;
}


/*影ボックス囲み枠*/
.kagebox {
    padding: 20px;
  　margin-bottom: 25px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;   
}


/*タイトル付オレンジ枠*/
.kakomi-bluebox {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 color: #555555; /* 文章色 */
 background-color: #fff; /* 背景色 */
 border: 1.5px solid #54acff; /* 枠線の太さ・色 */
 width: 100%;
}
.title-bluebox {
 position: absolute;
 padding: 0 .5em;
 left: 10px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #54acff; /* タイトル文字色 */
}



/*タイトル付オレンジ枠*/
.kakomi-orangebox {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 color: #555555; /* 文章色 */
 background-color: #fff; /* 背景色 */
 border: 1.5px solid #ff8c00; /* 枠線の太さ・色 */
 width: 100%;
}
.title-orangebox {
 position: absolute;
 padding: 0 .5em;
 left: 10px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #ff8c00; /* タイトル文字色 */
}


 /* 動くボタン */
 
.btnAnime01 {
  	margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}

/* 動くボタンテキスト */

.btnAnime01 a{
    color: #f00000!important;
    font-weight: bold;
}
  
@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}





/*onpicture白文字*/
.onpicture
{
    position: relative;
}

.onpicture div.text
{
    position: absolute;
    width: 100%;
    left: 0; 
    top: calc(50% - 25px); 
    text-align: center; 
 color:white !important; 
    font-weight: bold; 
    font-size: 50px;
    line-height: 50px;
}


/*onpicture2黒文字*/
.onpicture2
{
    position: relative;
}

.onpicture2 div.text
{
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50% - 25px);
    text-align: center;
color:black !important;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
}

/*テーブルはみ出し調整*/
table {
width: 100%!important;
table-layout: fixed!important;
word-break: break-all!important;
word-wrap: break-all!important;
}

/*タイトル*/
.title-sb {
    padding: 15px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
}