body #header,
body.home #front-contact {
    background-color: #ffffff!important;
}


#header{
  margin-bottom:0px;
}



#header a {
  color: #000000;
}




#gnav {
  background: transparent;!important;
  margin: 0 0 0 auto;
  float: center;
  text-align: center;
}


#header {
  background: #fff; /* ヘッダーの背景を白にする */
}
 
#header a {
  color: #333; /* ヘッダーのリンク（ロゴとスマホメニュー）の色を黒にする */
}
 
@media screen and (max-width: 991px) {
  #header-nav-btn a {
    background: #fff;
  }
}
 
@media screen and (max-width: 767px) {
  #header #logo {
    float: left;
  }
  #header-nav-btn {
    display: block;
    width: 116px;
    line-height: 92px;
    float: right;
    margin: 0 -20px 0 0;
 
  }

  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 32px;
    padding:24px 0;
    line-height: 1;
    background: #fff;
    width: auto;
  }
}



  



#header #logo {
  float: left;
  font-size: 40px;
  padding: 20px 0;
}


#gnav ul li a {
  font-size:20px;
  font-weight: bold;
  display: block;
  padding: 32px 12px;
  line-height: 28px;
  color: #000;
  background:transparent;!important;
  text-decoration: none;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}


#gnav ul li.current-menu-item a {
  background: #adff2f;
}

#gnav ul li:hover a {
  background: #32cd32;
}


.footer-01 {
  background: #6a5acd;
  padding: 48px 0;
}




.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}

.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}

.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}

.pink_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}

.blue_line_narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;}

.yellow_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;}

  





#footer {
  color: #fff;
  border-top: 30px solid #fff;
}


#footer-brand-area {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #fff;
}




#header a {
  font-size: 28px;
  color: #000000;
}



  }
  #header-nav-btn a {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    line-height: 1.2;
    background: #00fa9a;
    width: 100%;
  }





 #gnav-sp {
    display: none;
    background: #008000;!important;
    
  }




body{
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
}




.footer-02 {
  background:#191970;
} 




#site-description {
    font-size:30px;!important;
    font-weight:bold;!important;
    font-family:'Lucida Grande',
     'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
     Meiryo, メイリオ, sans-serif;
}


span.sample1 {font-size: 24px; }
span.sample2 {font-size: 14px; }


p.example { font-weight: bold; }


#header {
  background: #47B39D;
  padding: 0;
  overflow: visible;
	border-top: 20px solid #32cd32;
}




body.home .front-main-cont .front-cont-header {
  position: relative;
  padding: 16px 0 24px;
  background: #ffb6c1;
  color: #fff;
  font-weight:bold;
  border-bottom: 30px solid #fff;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




body.home .front-loop h2 {
  text-align: center;
  padding: 24px 0;
  margin: 0;
  background: #6495ed;
  color: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-size: 24px;
}




 body.home #front-company .c_img_box {
    height: 300px;
    position: relative;
  font-weight:bold;
  }
  body.home #front-company .c_img_box,
  body.home #front-company .c_box_inner {
    float: none;
    width: 100%;
  font-weight:bold;
  
  }







body.home .front-loop .popular_post_box .p_category {
  background: #ffa07a;
  margin-bottom: 12px;
  margin-top: 0;
}






body.home #main_visual {
  height:0px !important;
}





.post-cta {
  background: #4169e1;
  color: #fff;
}





body.home #front-contents .c_text .c_btn a {
  border-radius: 5px;
  background: #FF6C00;
  color: #fff;
  font-size: 18px;}





.marker_water {
background: linear-gradient(transparent 70%, #66ccff 70%);
}

.marker_yellow {
background: linear-gradient(transparent 70%, #ffff66 70%);
}

.marker_pink {
background: linear-gradient(transparent 70%, #ff66ff 70%);
}

.marker_green {
background: linear-gradient(transparent 70%, #66ffcc 70%);
}


.markerDeepOrange{
background:linear-gradient(transparent 50%, #ffcc66 0%);
}






/*wp-pagenavi 01*/
.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #795A3C;
background-color: #FFF1DA;
border: 1px solid #DBC9AA;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.wp-pagenavi a:hover{
color: #FFF;
background-color: #A09D71;
border-color: #999;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #FC872E;
border-color: #FC872E;
font-weight: bold;
}












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




#toc_container a {
  font-weight: bold;}




.post-content h2 {
  font-size: 18px important; 
  font-weight: bold;
  padding: 15px;
  clear: both;
  background-color: #006400;
  border-left: 5px solid #006400;
  margin-left:0px;
}


.post-content h3 {
  clear: both;
  border-bottom: 2px solid #006400;
  padding: 10px 5px;
}






h2#danraku2 {
position: relative;
padding: 0.6em;
background: #ffe4b5;
border-radius: 7px;
}

h2#danraku2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffe4b5;
width: 0;
height: 0;
}





h4#danraku4 {position: relative;
padding: 0.25em 0;
}

h4#danraku4:after {content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}



h3#danraku3{
color: #000;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #ffe4e1;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h3#danraku3:before {
content: '●';
color: white;
margin-right: 8px;
}






h2#green2 {
position: relative;
left: 35px;
padding: 0.6em;
background: #006400;
border-radius: 7px;
color: #fff
}

h2#green2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #006400;
width: 0;
height: 0;
}





h4#green4 {position: relative;
padding: 0.25em 0;
}

h4#green4:after {content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}



h3#green3{
color: #fff;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #8b4513;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h3#green3:before {
content: '●';
color: white;
margin-right: 8px;
}







/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
.pagination li:first-of-type a {
  border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
.pagination li.current a {
 /*background-color: #ddd;*/
 cursor: default;
 pointer-events: none;
}
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination .current {
    padding: 0px;
    background: #EEE none repeat scroll 0% 0%;
}
@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.pagination li.previous a { border-left-width: 1px; }
}
@media only screen and ( max-width: 500px ) {
.pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
.pagination li.previous a { border-left-width: 0; }
}
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
.pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;  }}






body.home #main_visual {
    background-image: url(★★設定したい画像のURL★★)!important;
    background-color: #fff!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}






.post-loop-wrap .post-footer a.morelink {
  display: block;
  background: #ff4500;
  color: #fff;
  text-align: center;
  padding: 12px;
}





ul#popular-posts.wpp-list {
	counter-reset: pupular-ranking;
}
 
ul#popular-posts.wpp-list li {
	position: relative;
}
 
ul#popular-posts.wpp-list li:before {
	background: none repeat scroll 0 0 #666;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	opacity: .9;
	border-radius: 0;
	font-family: Arial;
}








/************************************
** GoogleAnalytics
************************************/
ol.sga-ranking {
	counter-reset: pupular-ranking;
}
 
li.sga-ranking-list {
	position: relative;
	padding: 0px 0px 5px 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #2098a8;
    border-right: 1px solid #2098a8;
    border-radius: 5px;
}

li.sga-ranking-list:before {
	background: none repeat scroll 0 0 #00a23f;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	border-radius: 5px;
}

div.gapv {
	color: #555;
	font-family: 'nico';
	text-align : right;
}







/*-------------------------
  ブログカード
-------------------------*/
.blog-card {
  background: #fbfaf8;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	border-radius:5px;
	margin: 30px;
  /* sp用 ※4 */
}
.blog-card:hover {
  background: #fee;
}
.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	color: #337ab7;
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding:10px;
}
.blog-card-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;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:10px 10px 10px 0;
	font-size:120%;
  font-weight: bold;
  line-height: 1.5em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
}
.blog-card .clear {
  clear: both;
}










/* サイトマッププラグイン */
.wsp-container h2{
    border:solid 1px #ddd;
    background-color:#fdfdfd;
    line-height:1em;
    font-size:20px;
    border-radius:0;
    padding-left:10px;
}
.wsp-container li::before {
    content: "-----";
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: -23px;
    margin-right: 12px;
    letter-spacing: -3px;
}
.wsp-container li {
    line-height: 1.7;
    margin-left: 10px;
    padding: 0 0 0 22px;
    border-left: 1px solid #000;
    list-style-type: none;
}
.wsp-container li a {
    text-decoration:none;
}




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