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

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

/* ------------------------------------------
　　実装初期定義
--------------------------------------------- */
html {
    color: #545454;
    background: url(/wp-content/themes/theme-third/img/common/bg.gif);
}
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: #a59774;
}
a:hover {
	color: #8c8062;
}

.btn.btn--link {
	background: #a59774;
}
.btn.btn--link:hover {
	background: #8c8062;
}

.topnews-bg {
	background: #a59774;
}
.topgallery-label {
	background: #a59774;
}

.footer-backtotop a:hover {
	background: #8c8062;
}
.footer-backtotop a {
	background: #8c8062;
}
.footer-backtotop a:hover {
	color: #fff;
}
.footer-snsicons-list li a {
	color: #333;
}
#menu-footer_all li a {
	color: #333;
}
#menu-footer_all li.cat-item a:hover {
    background-color: #a59774;
    color: #fff;
}
#menu-footer_all li.cat-item a:hover:before {
    color: #fff;
}
.widget-title {
	border-left: 6px solid #a59774;
}
.footer-copy p {
	color: #fff;
}

/* ------------------------------------------
　　グローバルメニュー表示設定
--------------------------------------------- */
@media only screen and (min-width: 768px) {

	.bg-global-nav {
		background: none;
		border-top: 0;
	    border-bottom: 0;
	}

	.global-nav,
	.global-nav ul li{
		background: none;
	}

	.global-nav ul li > a {
		color: #333;
	}
	.global-nav ul li span {
		color: #a59774;
	}

	.global-nav ul li:hover,
	.global-nav ul li li a:hover,
	.global-nav ul .current,
	.global-nav ul li:hover span {
		background: #a59774;
		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 > a:hover span,
	.global-nav ul .current span {
		color: #fff;
	}
}

@media only screen and (min-width: 768px) {
	.global-nav ul .current li a {
		color: #333;
	}
}

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

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

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

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

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

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

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

/* ------------------------------------------
　　テンプレート別CSS
--------------------------------------------- */
.topnews-outer {
    background: #fff;
}
.wp-pagenavi span {
	color: #fff;
}
.wp-pagenavi span,
.wp-pagenavi a {
	background:#a59774;
}
.wp-pagenavi a:hover {
	color: #fff;
}
.breadcrumbs > * {
    color:#333;}
.sub-menu {color:#a59774;}
.gallery-flow-number span {
    background:#a59774;
    }
.qa-tmp1 dt {
    background:#a59774;
    opacity:0.7;
    }
.widget_categories li a:before {
    color: #a59774;
}
.qa-tmp2 dt {
    background:#c9bbbb;
    }
.widget_recent_entries a:hover, li.cat-item a:hover  {
    background-color: #eee;
}

/* ------------------------------------------
　　ここから編集CSS
--------------------------------------------- */
ul.menu_li_436_1 { margin-top:0px; padding-top:0px; border-top:dotted 1px #ccc; padding:5px; list-style:none; display:block; } .menu_li_436_1 li { border-bottom:dotted 1px #ccc; padding:5px; } .clearfix { clear: both; } .menu_li_436_2 { float:left; } .menu_li_436_3 { float:right; text-align:right; color:#666; } .menu_li_436_1 .clearfix {font-size:1px !important;line-height:1px !important;}

/* FONTPLUS書体設定 */
.global-nav-label--ja,.sub-menu--header {
	font-family: "FOT-テロップ明朝 Pro D"; }
h2, h3, h4 {
	font-family: "FOT-テロップ明朝 Pro D"; }

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

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

.footer-bgbottom .footer-copy p {
    color: #333;
}

/* ページ下部にナビバナー追加 */
@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; /*バナーの高さに合わせて数値は変更*/
	}
}

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

/* PC版のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 1025px){

}


/* タブレット・PC版両方のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 768px){
	.table-company th,
	.table-bordered th,
	.table-company--top th{
		white-space:nowrap;
	}
	.logo{
		margin-top:10px;
	}

	.privacy-form .pc{display: block;}
	.privacy-form .sp{display: none;}
}

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

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

	.privacy-form .pc{display: none;}
	.privacy-form .sp{display: block;}
}


@media screen and (min-width:768px) {
.top_flex001 {
display: flex;
justify-content: space-between;
}
.top_flex001 > div {
width: 58%;
}
.top_flex001 > p {
width: 40%;
}
}
@media screen and (max-width:767px) {
.top_flex001 {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
}