@charset "UTF-8";
/* ==========================================================================
   home and blog Wordpress styles
   ========================================================================== */
/*body{padding-top: 100px;}*/
html {
  font-size: 18px;
}

body.home {
  padding-top: 50px;
}

.pager li > a,
.pager li > span {
  background-color: #49B75D;
  color: #FFF;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.pager li > a:hover, .pager li > a:focus {
  background-color: #5F925B;
}

.single .page-header,
.page .page-header,
.archive .page-header {
  margin-top: 0;
  /* margin-bottom: 0; */
}

/*header design
----------------------------------------------------------------------------------------------------*/
header h2.h2,
.single h1 {
  margin-bottom: .2rem;
  font-size: 1.8rem;
  font-weight: 600;
}

/*woredpress
----------------------------------------------------------------------------------------------------*/
.single h2 {
  font-size: 1.6rem;
  margin-bottom: .5rem;
  margin-top: 3.6rem;
  border-left: 6px solid #93bb90;
  padding-left: .3rem;
  /* border-bottom: 1px solid #92bc90; */
}

.panel-group h2,
.panel-group .h2 {
  font-size: 2rem;
  margin-bottom: .5rem;
  margin-top: 2.6rem;
  border-left: 6px solid #93bb90;
  padding-left: .3rem;
  /* border-bottom: 1px solid #92bc90; */
}

h3,
.h3 {
  font-size: 1.5rem;
}

/*.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span {
	width: 100% !important;
}*/
.single-post hr.soften,
.page-template-blog hr.soften {
  display: none;
}

.single-post article p,
.page-template-blog article p {
  font-size: 18px;
  line-height: 2rem;
}

article {
  margin-bottom: 8rem;
  margin-top: 0rem;
}

#rssadd .fbcomments {
  width: 100% !important;
}

#rssadd .fb_iframe_widget {
  width: 100% !important;
}

#rssadd .fb_iframe_widget[style],
#rssadd .fb_iframe_widget iframe[style] {
  width: 100% !important;
}

#rssadd .fbcomments iframe[style],
#rssadd .fb_iframe_widget span {
  width: 100% !important;
}

.meta {
  color: #424242;
  margin-top: 1rem;
  text-align: left;
  font-size: 1;
  margin-bottom: .8rem;
  font-weight: bold;
}

/***イメージサイズ******/
/**Bootstrapのimg-responsiveと同じ設定に修正**/
img.size-full, img.size-large, img.size-medium {
  display: block;
  max-width: 100%;
  height: auto;
}

.attachment img,
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .itrem > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.single img.aligncenter {
  display: block;
  max-width: 100%;
  height: auto;
}

img.size-full, img.size-large, img.size-medium {
  display: block;
  max-width: 100%;
  height: auto;
}

.attachment img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*記事幅調整 タイトルをより目立たせるために、画像とテキスト、ボタン位置を調整**/
.page-tremplate-blog-php .archivethumb img,
.blogtopics img,
.post_content img {
  max-width: 100%;
}

.page-tremplate-blog-php .post_content {
  /*    padding-right:4%;padding-left:4%;*/
  margin-right: auto;
  margin-left: auto;
}

.blogtopics p,
.blogtopics h2 + a {
  /*    padding-right:4%;padding-left:4%;*/
  margin-right: auto;
  margin-left: auto;
}

.single .post_content {
  /*    padding-right:4%;padding-left:4%;*/
  margin-right: auto;
  margin-left: auto;
}

.blogtopics img {
  width: 92%;
  margin: auto;
}

.blogtopics h2.hidden-xs {
  margin-top: .6rem;
}

.blogtopics a img:hover {
  opacity: 0.8;
}

/*横並び*/
@media (min-width: 768px) {
  .blogtopics p {
    padding-right: 0%;
    padding-left: 0%;
  }
  .blogtopics img {
    width: 100%;
  }
  .blogtopics h2 {
    height: 3rem;
    font-size: 1.3rem;
    line-height: 1.4;
    margin: .2em 0 1rem;
  }
}

.navbar {
  margin-bottom: 2rem;
}

.home .navbar {
  margin-bottom: 0;
}

.app-data {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.tags a {
  padding: 2px 4px 3px;
  font-size: 11.049999999999999px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  border-radius: 3px;
}

/*dl関連のスタイル追記
----------------------------------------------------------------------------------------------------*/
dl {
  padding: 0;
}

dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}

dl dt > :first-child {
  margin-top: 0;
}

dl dt > :last-child {
  margin-bottom: 0;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}

dl dd > :first-child {
  margin-top: 0;
}

dl dd > :last-child {
  margin-bottom: 0;
}

/*画像の装飾
----------------------------------------------------------------------------------------------------*/
img.wp-post-image,
.post_content img {
  border-radius: 6px;
  /* CSS3 */
  -moz-border-radius: 6px;
  /* Firefox */
  -webkit-border-radius: 6px;
  /* Safari,Chrome */
}

img.aligncenter {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*Blog内アイコン角丸調整*/
.app-data .app {
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
}

div#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#sidebar ul ul {
  list-style-type: disc;
  margin-left: 15px;
}

div#sidebar .widget {
  margin-bottom: 30px;
}

div#sidebar li li {
  margin-top: 5px;
  /*	margin-right: 10px;*/
  margin-bottom: 5px;
  margin-left: 0px;
  color: #999;
}

div#sidebar li li a {
  /*color: #444444;
        display: block;*/
  padding: 5px 0px;
}

div.sidepanel {
  /*	background: #f2f2f2;
    border: solid 1px #e6e6e6;*/
  padding: 40px;
  font-size: 1rrem;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 22px;
  margin-left: 0;
}

.widgettitle {
  font-size: 1.2rrem !important;
  /*	height: 30px;*/
  margin: 0;
}

/*Media query
----------------------------------------------------------------------------------------------------*/
/*ビューエリアが 991より小さいとき -縦並びに変わるサイズ*/
@media screen and (max-width: 991px) {
  .home hr.footer {
    visibility: hidden;
  }
}

/*ビューエリアが 767より小さいとき -*/
@media screen and (max-width: 767px) {
  div.sidepanel {
    /*右側のメニュのデザイン変更*/
    background: #f2f2f2;
    border: solid 1px #e6e6e6;
  }
  /*    .blogtopics h2{margin-bottom:1rem}*/
  .blogtopics h2:first-child {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .img-thumbnail {
    border: none;
  }
}

/*ビューエリアが 992より大きいとき -横並びサイズ*/
@media screen and (min-width: 992px) {
  .home .img-responsive {
    max-width: 100%;
  }
  /*
  .blogtopics h2, .blogtopics .h2 {
  	height: 3em;font-size: 1.5rem;
  }
  */
  p.desc {
    height: 12rrem;
    margin-top: 1rem;
  }
  .home hr.soften {
    visibility: hidden;
  }
  .home hr.footer {
    visibility: visible;
  }
  .blogtopics .img-responsive {
    /*	margin-bottom: 1rem;*/
  }
}

/*ビューエリアが 768より大きいとき*/
@media screen and (min-width: 768px) {
  /*h2, .h2 {
  	font-size: 26px;
  }*/
  .single .col-xs-6,
  .archive .col-xs-6 {
    width: 35%;
  }
  .single .col-sm-6,
  .archive .col-sm-6 {
    width: 65%;
  }
  .page .col-xs-6 {
    width: 35%;
  }
  #appitrem-pc .col-xs-6 {
    width: 33.33333333%;
  }
  .page .col-sm-6 {
    width: 65%;
  }
}

/*iPad縦時のHomeトップのTopics並びを横に修正
*******************/
/*


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

.blogtopics a img{width:36%;height:auto;float:left;margin-right:2em;margin-bottom:2rem;}

.blogtopics p{
	margin:0;
	padding:0;
	padding-right:0%;padding-left:0%;margin-right:auto;margin-left:auto;}

.blogtopics h2{margin-bottom:1rem;}
.blogtopics .desc{font-size:1.1rem;}
.blogtopics .desc + p{
margin:0;
margin-top:1rem;
}

.blogtopics hr{clear:both; }

}
*/
/*機能リストなど用のスタイル featureslist
*******************/
.featureslist {
  margin-top: 4em;
  margin-bottom: 4rem;
}

.featureslist li {
  margin-bottom: 2.5rem;
}

.featureslist strong {
  display: block;
  color: darkgoldenrod;
  font-size: 1.3em;
  margin-bottom: .2rem;
}

.featureslist h2 {
  margin-top: 2em;
  margin-bottom: 1rem;
}

/*.featureslist ul{margin-bottom:4rem;}*/
/*目次関連
*******************/
/* 目次固定 */
div.contents-fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

/* 目次中央寄せ */
#ez-toc-container {
  margin: 0 auto;
}

/* 目次タイトル中央 */
#ez-toc-container div.ez-toc-title-container {
  display: block;
  width: 100%;
}

#ez-toc-container div.ez-toc-title-container p.ez-toc-title {
  display: block;
  text-align: center;
  padding-right: 20px;
}

#ez-toc-container span.ez-toc-title-toggle {
  position: absolute;
  top: 13px;
  right: 15px;
}

/* padding調整 */
#ez-toc-container ul li {
  padding-left: 10px;
}

#ez-toc-container ul.ez-toc-list-level-3 {
  margin-left: 0.4rem;
  margin-bottom: 0.3rem;
}

/* タイトルマージ調整 */
#ez-toc-container li.ez-toc-page-1.ez-toc-heading-level-2 {
  margin-top: 0.6rem;
}

/*ブログ内 socia アイコン調整
*******************/
.pm-social a span {
  color: #999;
  font-size: 70px;
  text-decoration: none;
}
/*# sourceMappingURL=blog.css.map */