/* ------------------------------------------
　　テンプレ	No N399
--------------------------------------------- */

/*.table-company {
	width:100%;
}*/

/* ------------------------------------------
　　実装初期定義
--------------------------------------------- */
hr {
	border-top: dotted 1px #ccc;
	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: #8a7d5a;
}
a:hover {
	color: #706649;
}

.btn.btn--link {
	background: #8a7d5a;
}
.btn.btn--link:hover {
	background: #706649;
}

.topnews-bg {
	background: #8a7d5a;
}
.topgallery-label {
	background: #8a7d5a;
}

.footer-backtotop a:hover {
	background: #8a7d5a;
}
.footer-backtotop a {
	background: #8a7d5a;
	color: #fff;
}
.footer-snsicons-list li a {
	color: #333;
}
#menu-footer_all .sub-menu li a:before {
	color: #8a7d5a;
}
#menu-footer_all .sub-menu li a:hover:before {
	color: #fff;
}
#menu-footer_all li a {
	color: #333;
}

.widget-title {
	border-left: 6px solid #706649;
}

/* ------------------------------------------
　　グローバルメニュー表示設定
--------------------------------------------- */
@media only screen and (min-width: 768px) {

	.bg-global-nav {
		background: linear-gradient(to bottom, #74694b  0%,#584e33 100%);
		border-top: 0;
	    border-bottom: 0;
	}

	.global-nav ul li{
		background: linear-gradient(to bottom, #74694b  0%,#584e33 100%);
	}

	.global-nav ul li > a {
		color: #fff;
	}

	.global-nav ul li:hover,
	.global-nav ul .current {
		background: linear-gradient(to bottom, #3f331a  0%,#56482b 100%);
		color: #fff;
	}

	.global-nav ul li:hover > a,
	.global-nav ul .current a {
		color: #fff;
	}

	.global-nav ul li {
		border-left: 0;
		border-right: 0;
	}

	.global-nav ul li span {
		color: #fff;
	}

	.global-nav ul li > a:hover span,
	.global-nav ul .current span {
		color: #fff;
	}

}

/* ------------------------------------------
　　テンプレート別CSS
--------------------------------------------- */
.wrapper-top-contents {
	background: linear-gradient(to bottom, #bdb497  0%,#fff 100%);
	padding: 0 0 15px;
}
@media screen and (min-width:768px){
	.wrapper-top-contents {
		padding: 0 0 30px;
	}
}
.wp-pagenavi span,
.wp-pagenavi a {
	background:#706649;
}
.gallery-flow-number span {
    background:#706649;
    }
.qa-tmp1 dt {
    background:#706649;
    color: #333;
    opacity:0.7;
    }
.qa-tmp2 dt {
    background:#706649;
    color: #333;
}
#menu-footer_all li.cat-item a:hover {
    background-color: #8a7d5a;
    color: #fff;
}
#menu-footer_all li.cat-item a:hover:before {
	color: #fff;
}

/* ------------------------------------------
　　見出しCSS設定
--------------------------------------------- */
.content-title--bl {
	border-left: 6px solid #706649;
}
.content-subtitle {
  border-bottom: solid 2px #706649;
}

/* 下ボーダー（2本線） */
.content-title--bbd {
	border-bottom: 3px double #706649;
}

/* ボーダーで囲む × アクセント */
.content-title--bdacc {
	border: 1px solid #ccc;
}
.content-title--bdacc::after {
	background-color: #706649;
}

/* 下ボーダー（2カラー） */
.content-title--bb2 {
	border-bottom: 4px solid #ccc;
}
.content-title--bb2::after {
	background-color: #706649;
}

/* マーカーのような下線 */
.content-title--marker::after {
	background-color: #706649;
}

/* ストライプ */
.content-title--stripe {
	background: -webkit-repeating-linear-gradient(45deg, #706649, #706649 5px, #8a7d5a 5px, #8a7d5a 10px);
	background: repeating-linear-gradient(45deg, #706649, #706649 5px, #8a7d5a 5px, #8a7d5a 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/* グラデーション × ボーダー × マーク */
.content-title--gb {
	background: -webkit-repeating-linear-gradient(45deg, #706649, #706649 5px, #8a7d5a 5px, #8a7d5a 10px);
	background: repeating-linear-gradient(45deg, #706649, #706649 5px, #8a7d5a 5px, #8a7d5a 10px);
	border-top: 3px solid #706649;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.content-title--gb::after {
	border: 3px solid #706649;
}


/* ------------------------------------------
　　ここから編集CSS
--------------------------------------------- */

/* FONTPLUS書体設定 */
.global-nav-label--ja,.sub-menu--header {
	font-family: "FOT-マティス Pro M"; }
h2, h3, h4 {
	font-family: "FOT-マティス Pro M"; }

/*1行表示のときはコメントアウトを外す*/
span.global-nav-label--en {display:none !important;}

.point01 {color:#1F497D;}/*ポイントカラー1色目*/
.point02 {color:#00ff00;}/*ポイントカラー2色目*/

/* ------------------------------------------
　　メディア別追加CSS設定
--------------------------------------------- */

/* PC版のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 1025px){

}


/* タブレット・PC版両方のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 768px){
.logo,
.tel {width:50%;}
.tel {text-align:right;}
	.logo {
		margin-top: 19px;
	}
}

/* for tablet */
/* タブレット版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:1024px) and (min-width: 768px){

}

/* for sp */
/* スマホ版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:767px){

}

/* ---------------------------
ページ下部にナビバナー追加
固定バナー　20230921中谷
--------------------------- */


@media only screen and (min-width: 768px){
	.bottom_nav {
		margin-bottom: 0;
		position: fixed;
		bottom: 0px;
		right: 0px;
	}
}

@media only screen and (max-width: 767px){
	.footer-bgbottom {		/*コピーライトとかぶらないように下にpaddingを設定する*/
		padding-bottom: 140px; /*バナーの高さに合わせて数値は変更*/
	}

	.bottom_nav {
		margin-bottom: 70px; /*バナーの高さに合わせて数値は変更*/
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 100%;
	}

	.bottom_nav img {
		width: 100%;
	}

	.sp-conversion {
		bottom: 0;
	}

	#btn-page-top {		/*ページトップへのボタンとかぶらないように位置変更*/
		bottom: 140px; /*バナーの高さに合わせて数値は変更*/
	}
}