/* ------------------------------------------
　　テンプレ	No N297
--------------------------------------------- */

/*.table-company {
	width:100%;
}*/

/* ------------------------------------------
　　実装初期定義
--------------------------------------------- */
html {
	background: url(img/common/bg.jpg);
}
body {
	color: #252525;
}
hr {
	border-top: dotted 1px #666;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 5px;
}
.imagetext {overflow: hidden;}/*イメージ横テキストの回り込み禁止*/
.indent {padding-left: 15px;}
.row {margin-bottom:20px;}

a {
	color: #273f32;
}
a:hover {
	color: #18261e;
}
main a {
    color:#1a7246; /*コンテンツ内のリンクのみ色変更*/
}
.btn.btn--link {
	background: #273f32;
}
.btn.btn--link:hover {
	background: #18261e;
}

.topnews-bg {
	background: #273f32;
}
.topgallery-label {
	color:#fff;
	background: #273f32;
}
.topnews-outer {
	background: #fff;
	border:none !important;
}
footer {
	background: #decca4;
}
#menu-footer_all li a,
.footer-snsicons-list li a {
	color: #333;
}
#menu-footer_all > li > a {
	border-bottom: solid 2px #273f32;
}
.footer-backtotop a {
	background: #273f32;
}
.footer-backtotop a:hover {
	background: #18261e;
	color: #fff;
}
.widget-title {
	border-left: 6px solid #273f32;
}
#menu-footer_all .sub-menu li:not(:last-child) {
	    border-bottom: solid 1px #666;
}
/* ------------------------------------------
　　グローバルメニュー表示設定
--------------------------------------------- */
@media only screen and (min-width: 768px) {

	.bg-global-nav {
		background: linear-gradient(to bottom,  #375949 0%,#264838 100%);
		border-top: solid 0;
		border-bottom: solid 0;
	}
	.global-nav {
		background: none;
	}
	.global-nav ul li{
		background: linear-gradient(to bottom,  #375949 0%,#264838 100%);
		border-left: solid 1px #426453;
		border-right: solid 1px #426453;
	}
	.global-nav ul li > a {
		color: #fff;
	}
	.global-nav ul li:hover,
	.global-nav ul .current {
		background: linear-gradient(to bottom,  #264838 0%,#375949 100%);
	}
	.global-nav ul li:hover > a,
	.global-nav ul .current a {
		color: #fff;
	}
	.global-nav ul li span {
		color: #fff;
	}
	.global-nav ul li > a:hover span,
	.global-nav ul .current span {
		color: #fff;
	}

}

/* ------------------------------------------
　　見出しCSS設定
--------------------------------------------- */
.content-title--bl {
	border-left: 6px solid #273f32;
}
.content-subtitle {
  border-bottom: solid 2px #273f32;
}

/* 下ボーダー（2本線） */
.content-title--bbd {
	border-bottom: 3px double #273f32;
}

/* ボーダーで囲む × アクセント */
.content-title--bdacc {
	border: 1px solid #ccc;
}
.content-title--bdacc::after {
	background-color: #273f32;
}

/* 下ボーダー（2カラー） */
.content-title--bb2 {
	border-bottom: 4px solid #ccc;
}
.content-title--bb2::after {
	background-color: #273f32;
}

/* マーカーのような下線 */
.content-title--marker::after {
	background-color: #273f32;
}

/* ストライプ */
.content-title--stripe {
	background: -webkit-repeating-linear-gradient(45deg, #273f32, #273f32 5px, #273f32 5px, #273f32 10px);
	background: repeating-linear-gradient(45deg, #273f32, #273f32 5px, #273f32 5px, #273f32 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/* グラデーション × ボーダー × マーク */
.content-title--gb {
	background: -webkit-repeating-linear-gradient(45deg, #273f32, #273f32 5px, #273f32 5px, #273f32 10px);
	background: repeating-linear-gradient(45deg, #273f32, #273f32 5px, #273f32 5px, #273f32 10px);
	border-top: 3px solid #273f32;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.content-title--gb::after {
	border: 3px solid #fff;
}

/* ------------------------------------------
　　テンプレート別CSS
--------------------------------------------- */
.wp-pagenavi span,
.wp-pagenavi a {
	background:#273f32;
}
td, th, .blog-post-meta {
    border-top:1px dotted #273f32 !important;
}

.table-bordered th,.table-bordered td, .qa-tmp2 {
    border:1px solid #273f32 !important;
}
.form-contact-group:not(:last-of-type), .topgallery-title,.qa-tmp2 dt {
    border-bottom:1px solid #273f32;
}
.top-title {
    border-bottom:3px double #273f32;}
.sub-menu {color:#273f32;}
.gallery-flow-number span {
    background:#273f32;
    }
.qa-tmp1 dt {
    background:#273f32;
    opacity:0.7;
    }
.widget_categories li a:before {
    color: #273f32;
}
.qa-tmp2 dt {
    background:#c9bbbb;
    }
.widget_recent_entries a:hover, li.cat-item a:hover  {
    background-color: #d6c9ad;
}
#menu-footer_all li.cat-item a:hover {
    background-color: #273f32;
    color: #fff;
}

/* ------------------------------------------
　　ここから編集CSS
--------------------------------------------- */

/* FONTPLUS書体設定 */
.global-nav-label--ja,.sub-menu--header {
	font-family:新ゴ M; }
h2, h3, h4 {
	font-family:新ゴ M; }

/*1行表示のときはコメントアウトを外す*/
span.global-nav-label--en {display:none !important;}

.point01 {color:#195F45;}/*ポイントカラー1色目*/
.point02 {color:#00ff00;}/*ポイントカラー2色目*/

/* ------------------------------------------
　　メディア別追加CSS設定
--------------------------------------------- */

/* PC版のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 1025px){
.logo {margin-top:20px;}
.headertop-copy {margin-bottom:0px;}
    .top-contents {
        position: relative;
    }

    #btn04 {top: 360px;right: 30px;}

}

/* タブレット・PC版両方のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 768px) {
    .top-contents {
        position:relative;
    }
    #btn04 {
        position: absolute;
        top: 200px;
        right: -58px;
    }
    #btn04 img {
        width:60%
    }
}

/* for tablet */
/* タブレット版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:1024px) and (min-width: 768px){
    .top-contents {
        position: relative;
    }
}

/* for sp */
/* スマホ版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:767px){
    .top-contents {
        position: relative;
    }
 

}

/* ------------------------------------------
　　メディア別追加CSS設定 (2018/03/23)
--------------------------------------------- */

@media screen and (max-width: 767px) {
    .fourmanu li {
        width:50%;
        float: left;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {

    #btn04 {
        top: 280px;
        right: -15px;
    }
    #btn04 img {
        width:75%
    }
}

@media screen and (min-width: 1200px) {

    #btn04 {
        top: 324px;
        right: 2px;
    }

    #btn04 img {
        width:100%
    }
}