/*
Theme Name: drgc-theme2019
Theme URI: http://www.drgc.jp/
Author: design Xanthus
Author URI: https://d-xanthus.com/
Description:ドラゴンコンサルティング様用WPテーマファイル
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: drgc_theme2019
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, sticky-post, theme-options, translation-ready
*/

/*========================================================
　基本タグ、クラス
========================================================*/

body {
	font-family: -apple-system,BlinkMacSystemFont,"Yu Gothic","YuGothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

hr {
	margin: 32px 0;
	border-color: #e9e9e9;
}

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

	body { font-size: 16px; }

	h1 { font-size: 1.875em; }

	h2 { font-size: 1.5em; }

	h3 { font-size: 1.275em; }

	h4 { font-size: 1.2em; }

	h5,
	h6 { font-size: 1.125em; }

}

/*---------------------------------------
　テキストカラー関連
---------------------------------------*/

a,
nav a:hover,
.site-head a:hover,
.site-foot a:hover,
.sidebar a:hover { color: #913932; }

.btn-tx a:hover { background: #913932; }

body,
nav a:not(:hover),
.site-head a:not(:hover),
.site-foot a:not(:hover),
.sidebar a:not(:hover),
.a-def a  { color: #212121; }


table thead,
table th { background: #e4dfd2; }


/*========================================================
　 基本レイアウトブロック
========================================================*/

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

	.layout-left .sidebar {
		margin-right: 4.445%;
	}
}

/*---------------------------------------
　基本ブロックエレメント
---------------------------------------*/
/*.center-box { background: #fff; }*/

/*========================================================
　基本・汎用クラス
========================================================*/

.wp-block-image + h2,
.wp-block-image + h3,
.wp-block-image + h4 { margin-top: 1em; }

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

	.alignright + h4,
	.alignright + h5,
	.alignright + h6,
	.alignleft + h4,
	.alignleft + h5,
	.alignleft + h6 { margin-top: 0; }

	.wp-block-image + h2,
	.wp-block-image + h3,
	.wp-block-image + h4 { margin-top: 0; }
}

/*---------------------------------------
　テキスト関連
---------------------------------------*/

table th { text-align: center; }

/*---------------------------------------
　リスト関連
---------------------------------------*/

.list-hp {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.list-hp > li > p {
	/*text-indent: 0;*/
	padding-left: 1.2em;
}

/*---------------------------------------
　dl関連
---------------------------------------*/

/*---------------------------------------
　レイアウト・背景関連
---------------------------------------*/

.contents .box h2,
.contents .fr-box h2 { font-size: 1.25em; }

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

	.contents .fr-box { padding: 16px; }

	.contents .box h2,
	.contents .fr-box h2 { font-size: 1.25em; }
}

/*---------------------------------------
　マージン・パディング関連
---------------------------------------*/


/*========================================================
　オリジナルデザイン 基本設定
========================================================*/

/*---------------------------------------
 ヘッダー&フッター&サイドバー 基本設定
---------------------------------------*/

.site-title { font-size: 1.6875em; }

.site-title img{
	width: auto;
	min-height: 40px;
	max-height: 60px;
}

.site-descri { font-size: 0.55em; }

.site-title.logo-left {
	text-align: left;
	line-height: 1.4;
	 max-width: 15em;
	 margin: 0 auto 0.5em;
}

.site-title.logo-left img { max-height: 4em; }

.home .site-title.logo-left,
.site-title.logo-left a {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

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

	.site-title.logo-left { max-width: none; }

	/*.site-title img { height: 60px; }*/
}


/*---------------------------------------
　ヘッダー設定
---------------------------------------*/


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

	.head-branding .site-title.logo-left { margin: 0; }

	.head-branding .site-title.logo-left img { max-height: 2.6em; }

	.site-title.logo-left br { display: none; }
}

/* ヘッドウィジェット */

.header-widget-area .tel-number {font-family: 'Cinzel', serif; }

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


}

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

	.header-widget-area .widg-company-info p { display: block; }
}

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

	.header-widget-area { margin-bottom: 0; }

	.header-widget-area .widg-company-info p { display: inline-block; }
}


/*---------------------------------------
　ナビゲーション設定
---------------------------------------*/

/* スマートカラー設定
-------------------------------*/

@media screen and ( max-width : 640px) {

	/*.mean-bar { background: rgba( 255,255,255,0.85 ); }*/

	.mean-container a.meanmenu-reveal,
	.mean-nav a { color: #212121; }

	.mean-bar a.meanmenu-reveal { background: rgba( 255,255,255,0.8 ); }

	.mean-bar a.meanmenu-reveal.meanclose:after { background: rgba( 255,255,255,0.9 ); }

	.mean-nav ul li {
		border-top: 1px solid rgba( 0,0,0,0.2 );
		background: rgba( 255,255,255,0.9 );
	}

	.mean-bar a.meanmenu-reveal.meanclose + .mean-nav { border-bottom: 1px solid rgba( 0,0,0,0.2 );}

	.mean-nav a:hover,
	.mean-nav .main-menu > li:hover > a,
	.mean-nav .main-menu > li:hover li:hover > a,
	.mean-nav .main-menu li:hover ul li ul li:hover a {
		color: #fb0;
		background: #212121;
	}
}


/* タブレット・PC用 カラー設定
-------------------------------*/

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

	.main-menu li { height: 2.5em; }

	.main-menu a {
		height: auto;
		padding: 0 0.5em;
	}

	.main-menu a:hover { color: #fb0; }

	.main-menu > li:not(:first-child) > a {
		border-left: 1px solid #ccc;
	}

	.main-menu li ul.sub-menu {
		min-width: 10em;
	}

	.main-menu li.global-column ul.sub-menu { width: 15em; }

	.main-menu ul.sub-menu a {
		font-size: 0.9375em;
		line-height: 1.2;
	}

	.main-menu ul.sub-menu { background: rgba( 245,245,245,0.9 ); }

	.main-menu ul.sub-menu li:not(:last-child) a { border-bottom: 1px solid #ccc; }

}

/* ヘッダーウィジェット
-----------------------------------*/

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

	.header-widget-area {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.header-widget-area .widget-container:not(:last-child) { margin: 0 1em 0 0; }

}

/*---------------------------------------
　フッター設定
---------------------------------------*/

.footadd-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.copyright { border-top: 1px solid #999; }

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

	.foot-branding {
		max-width: 30em;
		margin: 0 auto;
	}

	.foot-branding .site-title.logo-left { margin-bottom: 0; }

	.foot-branding .site-title.logo-left img { max-height: 2.6em; }

	.foot-branding .site-title.logo-left br { display: none; }

	.footadd-ul { margin-left: 3em; }
}

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

	.foot-primary {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.foot-branding {
		max-width: none;
		margin: 0;
	}

	.foot-menu > li:not(:last-child) { margin-bottom: 0.3em; }
}

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

	.foot-menu {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-o-column-count: 3;
		-ms-column-count: 3;
		column-count: 3;
	}
}

/* トップへ戻るボタン
-------------------------------*/

.page-top a  { background: #fb0; }

.page-top a:not(:hover),
.page-top a:hover { color: #212121; }


/* フッターウィジェット
-----------------------------------*/

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

	.foot-widg-area {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.foot-widg-area .widget-container:not(:last-child) { margin: 0 1em 0 0; }
}


/*========================================================
　ウィジェット サイドバー 設定
========================================================*/

.sidebar .widget-container {
	padding: 16px;
	background: #fff;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;

}

.sidebar .widget_custom_html,
.sidebar .bnrmenu_widg-container {
	padding: 0;
	background: none;
	border: none;
}

.sidebar .widget-title {
	color: #fff;
	background: #212121;
	padding: 0.3em 0.5em;
	margin: -16px -16px 1em;
}

.sidebar .widget-title:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 1em;
	background: #fb0;
	vertical-align: -0.1em;
	margin-right: 0.3em;
}

.sidebar .widget-title + div { padding-left: 0; }


/* メルマガ登録フォーム
-----------------------------------*/

.mailmagz-widget .widget-title,
.mailmagz-title { text-align: center; }

.mailmagz-widget .widget-title {
	background: #212121;
	margin: -16px -16px 0.5em;
	padding: 0.3em 0;
}

.mailmagz-title {
	color: #fff;
	padding: 0.3em 0.5em 0.5em;
	background: #212121;
	margin: -16px -16px 0.5em !important;
}

.mailmagz-title:before {
	color: #fb0;
	content: '\f0e0';
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	display: block;
	font-size: 2rem;
	line-height: 1;
}

.mailmagz-box p {
	font-size: 14px;
	font-size: 0.875rem;
}

.mailmagz-whidget .mailmagz-form { margin-top: 1em; }

.mailmagz-whidget .mailmagz-form label { display: none; }

.mailmagz-whidget input[type="text"],
.mailmagz-whidget input[type="email"] {
	color: #4d4d4d;
	padding: 0.2em 0.2em;
	margin-bottom: 1em;
}

.mailmagz-whidget form p:last-of-type { text-align: center; }

.mailmagz-whidget form input[type="submit"] { margin: 0; }


/* サイド バナーウィジェット
-----------------------------------*/

.sidebanner-ul > li {
	margin: 0 auto 1em;
	position: relative;
}

.sidebanner-ul > li:last-child { margin-bottom: 0; }

.sidebanner-ul > li:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.widget_simpleimage {
	width: 300px;
	background: #212121;
	position: relative;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.widget_simpleimage a { color: #fff; }

.widget_simpleimage a:hover { text-decoration: none; }

.simple-image > a {
	text-align: right;
	display: block;
	position: relative;
}

/*.simple-image > a:before {
	content: '';
	display: block;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 131px;
	background: -moz-linear-gradient(left,  rgba(33,33,33,1) 0%, rgba(33,33,33,1) 9%, rgba(33,33,33,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(33,33,33,1) 0%,rgba(33,33,33,1) 9%,rgba(33,33,33,0) 100%);
	background: linear-gradient(to right,  rgba(33,33,33,1) 0%,rgba(33,33,33,1) 9%,rgba(33,33,33,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=1 );
}*/

.simple-image > a > img {
	width: auto;
	height: 80px;
}

.simple-image a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.widget_simpleimage:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.simple-image + p,
.widget_simpleimage .more a {
	color: #fff;
	position: absolute;
	width: 45%;
	left: 16px;
}

.simple-image + p {
	color: #fb0;
	font-size: 13px;
	font-family: 'Lora',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 1px;
	top: 6px;
	/*padding-left: 8px;*/
}

.widget_simpleimage .more a {
	font-size: 18px;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 1px;
	line-height: 1.2;
	text-shadow: 0 0 1px rgba( 0,0,0,0.5 );
	padding: 0;
	top: 60%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


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

	.sidebanner-ul {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}


/*========================================================
　Wrapper部共通
========================================================*/

/* パンくずリスト dx-パンくず
-------------------------------*/

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

	.bread-crumb-wrap { padding-bottom: 40px; }
}

/*========================================================
　contents部分基本
========================================================*/

.contents > .wh-box,
.loop-section-tit + .wh-box,
.box-top-border { border-top: 4px solid; }

.contents > .wh-box > h2,
.contents > .wh-box > .theContentWrap-ccc > h2 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
	overflow: hidden;
}

.contents > .wh-box > h3,
.contents > .wh-box > .theContentWrap-ccc > h3 {
	padding: 0.3em 0.5em;
	background: url(images/bg_dot.jpg);
	border-left: 2px solid #999;
}

/*.contents > .wh-box > h3:before {
	color: #333;
	content: '-';
}*/

.contents > .wh-box > p,
.contents > .wh-box > .theContentWrap-ccc > p { line-height: 1.6; }

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

	main {
		font-size: 1.1rem;
	}

	.contents .box,
	.contents .fr-box { font-size: 1rem; }

	.contents > .wh-box { padding: 24px 32px; }

	.contents > .wh-box > h2,
	.contents > .wh-box > .theContentWrap-ccc > h2,
	.contents > .wh-box > h3,
	.contents > .wh-box > .theContentWrap-ccc > h3 { margin-bottom: 1em; }

	.contents > .wh-box > p,
	.contents > .wh-box > .theContentWrap-ccc > p { margin-bottom: 1.2em; }
}

/*========================================================
　アーカイブ & 固定 ＆ シングル&固定共通（サイズ以外）
========================================================*/

/* ページタイトル
-------------------------------*/

.entry-title {
	font-family: "YakuHanJP",-apple-system,BlinkMacSystemFont,"Yu Gothic","YuGothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.single-con-head[style] { padding: 16px 8px; }

.sub-title,
.column-before { font-weight: 400; }


.img-head .entry-title {
		color: #fff;
		background: #212121;
		padding: 0;
	}
.tit-img {
	height: 100px;
	overflow: hidden;
}

.tit-img img {
	max-width: none;
	width: 100%;
	position: relative;
	top: 80%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.title-imgtxt {
	text-align: center;
	padding: 16px 8px;
}

.before-arc-title {
	font-size: 0.8em;
	font-weight: 400;
	display: block;
}

.img-head .sub-title { color: #fb0; }

.entry-title .column-before { font-size: 0.5em; }

.entry-title .semi-aredate  { font-size: 0.7em; }


.single-img-txt .before-tittxt {
	color: #fb0;
	font-size: 0.6em;
	font-weight: 400;
	display: block;
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
	margin-bottom: 0.3em;
}

.single-img-txt .before-tittxt,
.single-img-txt .single-meta { text-align: center; }

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

	.img-head { box-shadow: 0 0 1px rgba( 0,0,0,0.3 ); }

	.img-head .entry-title {
		padding: 0;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.tit-img {
		width: 40%;
		height: 160px;
		margin: 0;
	}

	.tit-img img { top: 50%; }

	.title-imgtxt {
		text-align: center;
		padding: 0 1rem;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.single-con-head[style] {
		padding: 24px 16px;
		box-shadow: 0 2px 1px rgba( 0,0,0,0.2);
		border-radius: 0;
	}

	.single-img-wrap .single-img-txt {
		text-align: center;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.single-img-wrap .single-img-txt { padding-left: 24%; }

	.single-img-wrap.ritght-bg .single-img-txt { padding-right: 24%; }
}


/*========================================================
　 アーカイブページ
========================================================*/

/* セクションタイトル
-------------------------------*/


/*---------------------------------------
　ループ内 設定
---------------------------------------*/

.loop-title { margin-top: 0; }

.loop-title a:not(:hover) { color: #000; }

.loop-meta.post-meta { margin: 0; }

.contents .loop-article p:last-child { margin-bottom: 0; }

.btn-tx a:not(:hover),
a.btn-tx:not(:hover) {
	color: #212121;
	background: #f5f5f5;
}

.btn-tx a:hover,
a.btn-tx:hover {
	color: #fb0;
	background: #212121;
	border-color: #212121;
}

/* Page Navi プラグイン設定
---------------------------------------*/

.archive-foot { margin-top: 40px; }

.wp-pagenavi {
	clear: both;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #212121;
	text-decoration: none;
	padding: 0.1em 0.5em;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #eee;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fb0;
	background: #212121;
}

.wp-pagenavi span.current {
	/*font-weight: bold;*/
}

.wp-pagenavi .first,
.wp-pagenavi .last { display: none; }

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

	.wp-pagenavi a,
	.wp-pagenavi span {
		padding: 0.1em 0.5em;
		margin: 0 3px;
	}
}

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

	.wp-pagenavi a,
	.wp-pagenavi span {
		padding: 0.1em 0.5em;
		margin: 0 3px;
	}

	.wp-pagenavi .first,
	.wp-pagenavi .last { display: inline; }

	.wp-pagenavi .first { margin-left: 0; }

	.wp-pagenavi .last { margin-right: 0; }
}


/*---------------------------------------
　各アーカイブ個別
---------------------------------------*/

/* コラムアーカイブ
---------------------------------------*/

.column-archive .title-imgtxt .sub-title {
	font-size: 0.9375em;
	margin-top: 0;
}

.column-archive .thum-box img.img-height,
.column-widgloop .thum-box img.img-height {
	-webkit-transform: translate( -50%,-50% );
	-ms-transform: translate( -50%,-50% );
	transform: translate( -50%,-50% );
}

.column-archive .thum-box img.img-height,
.column-widgloop .thum-box img.img-height {
	width: auto;
	height: 100%;
}

.column-archive .thum-box,
.column-widgloop .thum-box {
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(245,245,245,0.1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(245,245,245,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(245,245,245,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#1af5f5f5',GradientType=0 );
}


/* コラムアクセスランキング */

.ranking-box .ranking-tit {
	color: #fff;
	text-align: center;
	padding: 0.3em;
	background: #212121;
}

.ranking-box .ranking-tit br { display: none; }

.wpp-list {
	padding: 0;
	margin: 0;
}

.wpp-list > li {
	line-height: 1.3;
	padding: 8px 0px 8px 1.6em;
	counter-increment: wpp-list;
	position: relative;
}

.wpp-list > li:not(:last-child) {
	border-bottom: 1px solid #999;
	margin-bottom: 0.3em;
}

.wpp-list > li:before {
	color: #fff;
	font-size: 0.85rem;
	line-height: 1.5;
	text-align: center;
	vertical-align: 0;
	content: counter(wpp-list);
	width: 1.5em;
	height: 1.5em;
	padding: 0;
	display: inline-block;
	border-radius: 50%;
	background: #333;
	margin: 0 0.1em 0 -1.5em;
}


.wpp-list > li:first-child:before { color: #fb0; }

.wpp-post-title {
	/*display: block;*/
	/*padding-left: 1.6em;*/
}

.wpp-list > li:first-child .wpp-post-title { font-weight: 700; }

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

	.ranking-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.ranking-box .ranking-tit {
		padding: 0 0.5em;
		margin: 0 2em 0 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.ranking-box .ranking-tit br { display: inline; }

	.ranking-box .ranking-tittext {
		display: block;
		position: relative;
		top: 48%;
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}

	.ranking-box .wpp-list {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

}


/* セミナーアーカイブ
---------------------------------------*/

/* 次回開催セミナー */

.next-seminar-new-section .semi-article {
	padding: 16px 8px;
	border: 1px solid #919191;
	margin-right: -8px;
	margin-left: -8px;
}

.semi-article .loop-head { margin-bottom: 0.5em; }

.semi-aredate {
	font-size: 0.8em;
	display: block;
}

.semi-area {
	font-size: 0.9375em;
	padding: 0 0.3em;
	display: inline-block;
	vertical-align: 0.1em;
	margin-right: 0.2em;
	background: #ccc;
}

.semi-area.semi-room { background: #fb0; }

.semi-area.semi-online {
	color: #fff;
	background: #ff4d00;
}

.semi-area.semi-ondem {
	color: #fff;
	background: #2d8cff;
}

.semi-date {
	font-weight: 600;
	display: block;
}

.semi-article .loop-title { font-size: 1.5em; }

.semi-article .thum-box { background: #fff; }

.semi-article .thum-box img.img-height {
	width: auto;
	height: 100%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.semi-article .loop-txt p {
	font-size: 16px;
	font-size: 1.0667rem;
	text-indent: 0;
}

.semi-article .loop-txt strong:last-child {
	display: block;
}

.semi-place:first-letter { font-weight: 700; }

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

	.next-seminar-new-section .semi-article {
		padding: 16px;
		margin-right: 0;
		margin-left: 0;
	}

	.new-cat-section .semi-article .thum-box,
	.next-seminar-widgloop .semi-article .thum-box {
		float: right;
		width: 30%;
		margin: 0 0 0 1em;
		padding-top: 60%;
	}

	.semi-article .thum-box img.img-height,
	.next-seminar-widgloop .thum-box img.img-height {
		width: 100%;
		height: auto;
	}

	.semi-aredate { font-size: 0.7em; }

}

/* 予約タグ */

.reserv-tag {
	color: #fff;
	font-size: 0.9375em;
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 0.8em 0.3em;
	position: absolute;
	top: -10px;
	right: 10px;
	display: block;
	background: #f00;
	writing-mode: tb-rl;
}

.reserv-tag:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0.15em;
	right: 1.15em;
	border-style: solid;
	border-width: 6.5px;
	border-color: #991600 transparent transparent transparent;
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.reserv-tag.stop { background: #474b66; }

.reserv-tag.stop:before { border-top-color: #2e3143; }



/* 参加者の感想 */

.semipage-voicelist {
	font-weight: 700;
	line-height: 1.5;
}

.semipage-voicelist .text09 {
	font-weight: 400;
	text-align: right;
	display: block;
}

/* 終了セミナー */

.semi-end-section { background: #e7e3d9; }

.end-semilist {
	font-size: 16px;
	line-height: 1.4;
}

.end-semilist > li:not(:last-child) {
	padding-bottom: 1em;
	border-bottom: 2px dotted;
	margin-bottom: 1em;
}

.end-semilist .thum-box {
	float: left;
	width: 28%;
	padding-top: 19.8%;
	margin-right: 2%;
}

.end-semilist .text-red,
.end-semilist .end-semitit { font-weight: 700; }

.end-semilist .text-hidden p { margin-bottom: 0.3em; }

.end-semilist .endsemi-city {
	display: inline-block;
	padding: 0 0.3em;
	border: 1px solid;
}
.end-semilist .endsemi-date {
	display: block;
}

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

	.end-semilist > li:not(:last-child) {
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
	}

	.contents .end-semilist .thum-box {
		width: 30%;
		margin-bottom: 0;
	}

	.end-semilist .endsemi-date {
		font-size: 1.1em;
		display: inline-block;
	}

	.end-semilist .end-semitit { font-size: 1.2em; }
}


/*========================================================
　シングルページ 固定ページ
========================================================*/

/* シングルページナビ
-------------------------------*/

.single-nav { border-top: solid 1px #ccc; }

.single-nav a { color: #212121; }

.single-nav a:hover { color: #506fd6; }


/* コラムフッターフォーム
-------------------------------*/

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

	.column-footmagz h3 {
		font-size: 1.375em;
	}

	.column-footmagz .mailmagz-form {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.column-footmagz .mailmagz-form label {
		line-height: 1.2;
		width: 7.5em;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;

	}

	.column-footmagz .mailmagz-form label:first-of-type,
	.column-footmagz .mailmagz-form input:first-of-type { margin-bottom: 1em; }

	.column-footmagz .mailmagz-form input {
		display: block;
		width: calc( 100% - 8.5em );
	}

	.column-footmagz .entry-check {
		font-size: 0.9375em;
		float: left;
		margin: 0.5em 0 0 7em;
	}
}

/*---------------------------------------
　各ページ個別
---------------------------------------*/

/* CF7フォーム
-------------------------------*/

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

	table.form-table th,
	table.form-table td { padding: 0.8em 0; }
}

/* コンサルティングページ
-------------------------------*/

.consul-flow > li {
	padding: 8px;
	border: 1px solid #eee;
	position: relative;
}

.consul-flow > li:not(:last-child) { margin-bottom: 40px; }

.consul-flow > li:after {
	border-top-color: #fb0;
	position: absolute;
	top: calc( 100% + 8px );
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.consul-flow > li > ul {
	font-size: 1.125em;
	font-weight: 700;
}

.consul-flow > li p {
	text-indent: 0;
	font-size: 1rem;
}

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

	.consul-flow > li { padding: 16px; }
}

/* コンサルティングを受けた感想ページ
-------------------------------*/

.old-voice.fr-box {
	font-size: inherit;
	line-height: 1.6;
}

.old-voice h4 {
	font-size: 1.25em;
	color: #60360a;
	background: #e4dfd2;
	padding: 0.2em 1em;
	margin-bottom: 0.5em;
	box-shadow: 1px 1px 2px #999;
}


/*========================================================
　ランディングページ 固定ページ
========================================================*/

.yakuhan { font-family: "YakuHanJP", sans-serif; }

/* ヘッダー
-------------------------------*/

.lphead-tel.wbf-OS { font-weight: 700; }

.lphead-contents { overflow: visible; }

/* ヘッド 日程*/

.lp-date-ul {
	font-size: 1rem;
	padding: 0;
	margin: 0 -3% 0;
	list-style: none;
	background: #212121;
	border-bottom: 1px solid #fff;
}

.lp-date-ul li {
	color: #fb0;
	width: 100%;
}

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

	.lp-date-ul,
	.lp-date-ul li { border: none; }

	.lp-date-ul {
		padding: 1em 0;
		margin: 0 -3vw;
		border-bottom: 1px solid #fff;
	}

	.lp-date-ul li {
		padding: 0.5em 1em;
		margin: 0 0.5em;
		width: auto;
		border: 1px solid;
	}
}

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

	.lp-date-ul {
		font-size: 1.2em;
		padding: 1em 0;
		margin: 0 calc( 50% - 50vw + 8px );
	}
}

/* コンテンツ 共通
-------------------------------*/

.text-yellow { color: #fb0; }

.lpsec-contents {
	font-size: 16px;
	font-size: 1.133rem;
}

.lpsec-contents > h2 {
	color: #28334a;
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
}

.lpsec-contents > h2,
.lpsec-contents h3 { color: #28334a;  }

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

	.lpsec-contents {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.contents .lpsec-contents .box,
	.contents .lpsec-contents .fr-box { font-size: 1.0625rem; }

	.lpsec-contents > h2 { margin-bottom: 1em; }

}

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

	.lpsec-contents > h2 { font-size: 1.75em; }

}

/* QandA */

.lpsec-contents .QandA dt,
.lpsec-contents .QandA dd:first-letter{ color: #28334a; }

/* キラーコンテンツで稼ぐ法 */

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

	.semiBookBox h3 {
		font-size: 1.625em;
	}
}

/* 開催概要 */

.semilp-outlinetb {
	padding: 16px 8px;
	background: #fff;
	border: 1px solid #ccc;
}

.contents .semilp-outlinetb th,
.contents .semilp-outlinetb td {
	/*border: none;*/
	padding: 8px 0;
}

.contents .semilp-outlinetb th {
	color: #cf1c23;
	background: #f9f9f9;
	padding: 4px 0;
}

.semilp-outlinetb .place-img { height: 220px; }

.place-img img {
	width: auto;
	height: 100%;
}

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

	.semilp-outlinetb {
		padding: 0;
		border-bottom: none;
	}

	.contents .semilp-outlinetb th,
	.contents .semilp-outlinetb td {
		padding: 0.5em 0.8em;
	}

	.semiplace-box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction:  row-reverse;
		flex-direction: row-reverse;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.semilp-outlinetb .place-img {
		width: 200px;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}

/* 申し込みフォーム */

.form-box {
	border: 1px solid #ccc;
	background: #fff;
}

@media screen and ( min-width: 641px )  {
	.form-box {
		padding: 24px 48px;
	}
}

/* セレクトタブ
---------------------------------------*/

.dis-none { display: none !important; }

.tab-select {
	border-bottom: 1px solid #ccc;
	margin-bottom: 16px;
}

.tab-select.bottom-tab {
	border-top: 1px solid #ccc;
	border-bottom: none;
}

.tab-select {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.tab-select li {
	font-size: 1rem;
	padding: 0.2em 0.5em;
	display: block;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 0 -1px 0 0;
}

.tab-select li:hover { cursor: pointer; }

.top-tab li {
	margin-bottom: -1px;
	border-radius: 0 8px 0 0;
}

.tab-select li.tab-current,
.tab-select li:hover { background: #fff; }

.top-tab li.tab-current { border-bottom: 1px solid #fff;}

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

	.tab-select {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.tab-select li {
		padding: 0.2em 1em;
	}
}


/* ----------------------------------------
  新着情報一覧ページ・ウィジェット
------------------------------------------*/

.news-all-list li:hover { background: #ecf0f7; }

.news-all-list a:not(:hover) { color: #212121; }

.news-all-list .cat-links a { color: #fff;}

.news-all-list .cat-links.column a { background: #65a9dc; }
.news-all-list .cat-links.seminar a { background: #f96b36; }
.news-all-list .cat-links.info a { background:#05a9c5; }

.news-all-list .cat-links.column a:hover { background: #a3c9e2; }
.news-all-list .cat-links.seminar a:hover { background: #f88f6d; }
.news-all-list .cat-links.info a:hover { background: #68c4d1; }


/*========================================================
　ホーム(トップ)ページ
========================================================*/

/* ホームビジュアル
------------------------------------------*/

/*.top-visual { margin-top: 40px; }*/


/* ----------------------------------------
 スライダー
-------------------------------------------*/

.slide-txt {
	font-size: 0.78rem;
	font-weight: 400;
	font-family: Frank Ruhl Libre, "Yu Mincho", "YuMincho",'Noto Serif JP', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
}

.slide-txt.sltx-right { margin-right: 0; }

.slide-txt.sltx-left { margin-left: 0; }

img + .slide-txt {
	color: #212121;
	text-shadow: none;
}

.slide-txt.sltx-right,
.slide-txt.sltx-left { width: 70%; }

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

	.slide-txt {
		font-size: 24px;
		font-size: 1.5rem;
	}

	img + .slide-txt.sltx-right {
		right: 0;
		margin-right: 0;
	}

	img + .slide-txt.sltx-left {
		left: 0;
		margin-left: 0;
	}
}

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

	.slide-txt {
		font-size: 32px;
		font-size: 2rem;
	}
}


/* スリックスライダー
--------------------------------------------*/

/* arrows */

button.slick-arrow:after { border-color: #999 }

button.slick-arrow:hover:after { border-color: #fb0 }

/* ページャー */

.slick-dots li button { background: #999; }

.slick-dots .slick-active button,
.slick-dots li button:hover { background: #fb0; }



/* ----------------------------------------
 ホームウィジェット
-------------------------------------------*/

.contents > .home-widget.widget-container:last-of-type { margin-bottom: 0; }

.home-widget > .widgloop-wrap {
	padding: 16px;
	background: #fff;
	box-shadow: 0 0 1px rgba( 0,0,0,0.3 );
	border-top: 4px solid;
}

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

	.contents > .home-widget.widget-container:not(:last-of-type) { margin-bottom: 80px; }

	.home-widget > .widgloop-wrap { padding: 24px; }
}

/* ウィジェットタイトル */

.home-widget .widg-header { text-align: left; }

/* 一覧ページ ボタン*/

.home-widget .widg-list-link {
	border: 1px solid #ccc;

}

.home-widget .widg-list-link a { font-size: 1rem; }


/* トピックスウィジェット
------------------------------------------*/

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

	.topics-widgloop .loop-article:first-child .thum-box {
		width: 100%;
		padding-top: 66%;
		margin-right: 0;
		float: none;
	}
}

/* コラムウィジェット
------------------------------------------*/

.home-widget .pp-ranking-widg {
	padding: 16px 8px;
	border: 1px solid #ccc;
	margin-top: 16px;
}

.home-widget .widg-post-ranking-tit {
	color: #fff;
	text-align: center;
	padding: 0.2em 0;
	background: #212121;
	margin: -16px -8px 0.5em;
}

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

	.home-widget .column-widgloop .loop-article:first-of-type .thum-box {
		width: 48%;
		padding-top: 33%
	}

	.column-widgloop .ranking-wrap {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.column-widgloop .ranking-wrap .postwidg-continue {
		width: 40%;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-right: 1.5em;
	}

	.home-widget .postwidg-continue .loop-article:first-of-type .thum-box,
	.home-widget .postwidg-continue .thum-box {
		float: none;
		width: 100%;
		padding-top: 58%;
	}

	.home-widget .postwidg-continue .loop-title { font-size: 1.125em; }

	.home-widget .postwidg-continue .loop-txt p:first-child { display: none; }

	.home-widget .pp-ranking-widg {
		padding: 16px;
		margin-top: 0;
	}

	.home-widget .widg-post-ranking-tit {
		margin: -16px -16px 0.5em;
		font-size: 1.2em;
	}

	.home-widget .wpp-list { font-size: 1rem; }

	.home-widget .wpp-list > li {
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}



}

/* セミナーウィジェット
------------------------------------------*/

.home-widget .semi-article .loop-head {
	overflow: hidden;
	border-bottom: 1px dotted;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}

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

	.home-widget .semi-article .thum-box,
	.home-widget .semi-article:first-of-type .thum-box {
		width: 30%;
		padding-top: 49%;
	}

	.home-widget .semi-article .reserv-tag { font-size: 1rem; }
}



