@charset "utf-8";

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}

img{
height:auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人間関係UP公式アプリ（サイド）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.app-download{background:#fff;padding: 12px 12px 16px;border: 3px solid #ddd;}
.app-download a{
color:#1663C6;
text-decoration: underline;
}
.app-download .title{
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin:5px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリアフッターバナー「人間関係UPcom」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-bottom-bnr{
margin-bottom:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FAQ詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-faq .articleHeader a:before,
.single-faq .answer_ttl p:before {
    margin-right: 5px;
    font-weight: bold;
}

.single-faq .articleHeader a:before {
    content: 'Q.';
}

.single-faq .answer_ttl p:before {
    content: 'A.';
    color: #ec3b44;
}

.single-faq .answer_ttl p {
    font-size: 18px;
    font-weight: bold;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー子メニューに表示させたくないアイテムを指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sidePage .page-item-2773,
.sidePage .page-item-2777 {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"], 
.wpcf7 textarea {
width: 90%;
padding:2px;
margin-bottom: 5px;
}
.wpcf7 textarea {height: 100px;}
.wpcf7 input[type="text"].s_size {width: 50px;}
.wpcf7 input[type="text"].m_size {width: 120px;}
.wpcf7 input[type="text"].l_size {width: 250px;}
.wpcf7 input[type="text"].date {
	height: inherit;
	line-height: inherit\9;
	width: 40px;
	padding: 1px;
	border: 1px solid #B4B4B4;
	font-size: 14px;
	margin: 4px;
	text-align: center;
}


.wpcf7 input[type="submit"] {
    display:block;
    background: #d1121b;
    text-align:center;
    color:white;
    padding:8px 0;
    border-radius:5px;
    width: 150px;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
    background: rgba(209, 18, 27, 0.8);
}
span.wpcf7-list-item {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WEBフォント関連
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:after,
:before{
    font-weight:normal;
}

@font-face {
  font-family: "myfont";
  src: url("font/myfont/myfont.eot");/*ie8用*/
}
@font-face {
  font-family: "myFont";
  src: url("font/myfont/myfont.eot?") format('eot'),
       url("font/myfont/myfont.woff") format('woff'),
       url("font/myfont/myfont.otf")  format('opentype');
}
@font-face {
    font-family: my_Helvetica;
    src: url('font/Helvetica.eot');
}
@font-face {
    font-family: my_Helvetica;
    src: url('font/Helvetica.eot?') format('eot'),
         url('font/Helvetica.woff') format('woff'),
         url('font/Helvetica.ttf') format('ttf');
}

@font-face {
  font-family: "mymincho";
  src: url("font/mymincho/mymincho.eot");/*ie8用*/
}
@font-face {
  font-family: "mymincho";
  src: url("font/mymincho/mymincho.eot?") format('eot'),
       url("font/mymincho/mymincho.woff") format('woff'),
       url("font/mymincho/mymincho.otf")  format('opentype');
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ソーシャル関連
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.snsBtnSite div,
.snsBtnPost div{display:inline !important;float: left;height: 20px;}
.snsBtnSite img{vertical-align:baseline;}
.snsBtnSite iframe {vertical-align: top;}

.gp iframe { width: 70px !important;}
.tw iframe { width: 115px !important;}
.hb iframe { width: 60px !important;}
.po iframe { width: 96px !important;}

.snsBtnPost{text-align:right;}
.snsBtnPost .li img{vertical-align: top;}

.snsBtns div {display: inline !important;}
.snsBtns>div>iframe,
.snsBtns>div>a{padding:0 5px;}
.snsBtns iframe{vertical-align: top;}
.snsBtns img{vertical-align:baseline;}

.button_type>div.tw{margin-right: -35px;}
.button_type>div.gp{margin-right: -10px;}
.button_type>div.po{margin-right: -30px;}
.button_type>div.fb iframe{width: 100px;height: 21px;}

.box_type>div.fb iframe{width: 69px;height: 64px;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PC時のスクロールバーカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.scroll-box,
iframe{
	overflow-y: auto;
}
.scroll-box::-webkit-scrollbar,
iframe::-webkit-scrollbar{
	width: 14px;
	background: #f1f1f1;
}
.scroll-box::-webkit-scrollbar-thumb,
iframe::-webkit-scrollbar-thumb{
	background: #bcbcbc;
	border: 1px solid #a8a8a8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フレームデザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media only screen and (min-width:640px){
.pc{
	display: inherit !important;
}
.sp{
	display:none !important;
}
}
.sp{
	display:none;/*ie8用*/
}

html{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
}
a{
	transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}
a:hover{
	text-decoration:none;
}
#frame{
	position:relative;
}
#headerArea,
#gnaviArea,
#promoArea,
#pickup,
#contentsFrame,
#footerArea,
#copyArea{
	width:1000px;
	margin:0 auto;
}
#contentsArea{
	overflow:hidden;
	margin-bottom:50px;
}
#mainArea{
	width: 770px;
	float:right;
}
#subArea{
	width: 200px;
	float:left;}
.page .articleHeader {
  display: none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.sns_box{
	margin-bottom:25px;
	margin-right: -6px;
}
.sns_box div {
    display: inline;
    margin-right: 4px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#headerFrame{
	border-top: 3px solid #d1121b;
	padding:14px 0 10px;
	overflow:hidden;
}
#headerArea{
	position:relative;
}
p.logo{
	float:left;
	margin:0 25px 0 8px;
}
#headerArea h1{
	margin-top: 12px;
	float:left;
}
.headerLink{
	position:absolute;
	top:0px;
	right:0px;
	overflow: hidden;
}
.headerLink ul{
	clear:both;
}



.headerLink li{
	float:left;
	margin-left:10px;
	margin-bottom:7px
}
.headerLink li:first-child{
	margin-left:0;
}
.headerLink a{
	width:175px;
	font-size:13px;
	font-weight: bold;
	position:relative;
	line-height: 18px;
}
a.beginner img{
	position:absolute;
	top:4px;
	left:15px;
}
.headerLink a.btn2,
.headerLink a.btn3{
	padding: 9px 10px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gnaviArea{
	margin-bottom:10px;
}
ul.gnavi{
	height:53px;
	display:table;
	width:100%;
}
ul.gnavi > li{
	border-right: 1px solid #c5c5c5;
	position: relative;
	display:table-cell;
	min-width:80px;
}
ul.gnavi > li:first-child{
	border-left:1px solid #c5c5c5;
}
ul.gnavi > li > a{
	display:block;
	padding: 14px 10px 16px;
	color:#000;
	text-align: center;
	border-top: 2px solid #FFF;
	font-size: 15px;
	font-family: myfont;
}
ul.gnavi > li > a:hover,
ul.gnavi > li > a.active,
ul.gnavi > li.current-menu-parent > a{
	border-top: 2px solid #d1121b;
}


ul.sub-menu{
	display:none;
	background: rgba(89, 89, 89, 0.9);
	position: absolute;
	z-index: 500;
	min-width: 100%;
}
ul.sub-menu li a{
	padding: 10px 15px 10px 20px;
	display: block;
	color: #FFF;
	border-top: 1px dotted #FFF;
	white-space: nowrap;
	position:relative;
}
ul.sub-menu li a:hover{
	background: #3F3F3F;
}
ul.sub-menu li:first-child a{
	border-top: none;
}
ul.sub-menu li a:before{
	content:"\f0da";
	font-family:FontAwesome;
	font-size:12px;
	color:#d1121b;
	position:absolute;
	left:8px;
	top: 10px;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
h1
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pageTitle {
	font-size:25px;
	font-family:myfont;
	color:#131313;
	padding: 15px 0 30px;
}
.pageTitle h1 {
	width: 985px;
	margin:0 auto;
	text-align:center;
}
.pageTitle h1 span {
	display:block;
	font-size:13px;
	display:none;/* あったりなかったりするので一旦非表示に(2018-07-06) */
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#promoArea{
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップニュース
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.topNews,
#home .report{
	width: 960px;
	margin:50px auto;
	font-size:18px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	border: 2px solid #d69396;
	padding: 20px;
}
.topNews a,
#home .report a{
	color: #d2141d;
}
.topNews a:hover,
#home .report a:hover{
	text-decoration: underline;
}

#home .report{
	width:auto;
	margin: 20px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人間関係UP.com告知エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ningenkankei-info{
	/* display:none; */
	width: 100%;
	margin: 0 auto 40px;
	overflow:hidden;
	background:#ebe7d2;
	padding:20px;
	box-sizing:border-box;
	font-size:14px;
}
.ningenkankei-info .heading{
	background:#fff;
	margin-bottom:20px;
	padding:16px 16px 20px;
}
.ningenkankei-info .logo{
	float:none;
	margin:0;
	text-align:center;
	margin-bottom:12px;
}
.ningenkankei-info .counseling{
	width: 355px;
	float:left;
	background:#fff;
}
.ningenkankei-info .counselor{
	width: 355px;
	float:right;
	background:#fff;
}
.ningenkankei-info .photo,
.ningenkankei-info .photo{
	text-align:center;
	margin: 20px auto 16px;
}
.ningenkankei-info .counseling .text,
.ningenkankei-info .counselor .text{
	margin:16px 20px;
}
.ningenkankei-info .btn,
.ningenkankei-info .btn{
	text-align:center;
	margin: 0 15px;
}
.ningenkankei-info .counseling,
.ningenkankei-info .counselor{
	padding-bottom:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ピックアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#pickup ul{
	background:#ebebeb;
	overflow:hidden;
	padding:19px 0;
	margin-bottom:30px;
}
#pickup li{
	float:left;
	margin-left:19px
;
}
#pickup a{
	display:block;
	background:#FFF;
	width:280px;
	padding: 13px;
	color:#444444;
	border: 1px solid #FFF;
	min-height: 330px;
}
#pickup a:hover{
	/* border: 1px solid #d1121b; */
}
#pickup h2{
	font-size: 19px;
	color:#000;
	text-align:center;
	text-decoration:underline;
	margin:15px 0 10px;
	position:relative;
	/* font-family: myfont; */
	/* font-weight: bold; */
}
#pickup h2:before{
	content:"\f054";
	font-family:FontAwesome;
	font-size:14px;
	color:#d1121b;
	position:absolute;
	right:5px;
	top:2px;
	text-decoration: none;
}
#pickup h2:hover{
	text-decoration:none;
}
#pickup p{
	font-size:14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#breadNav{
    border-top:solid 1px #d1d1d1;
    background:#f3f3f3;
    margin-bottom:30px;
}
#breadNav p{
    width:1000px;

    margin:0 auto;
    line-height:1.4;
    padding:15px 0;
}
#breadNav a {
    color:#d0111a;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コメントエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .bnrArea{
	margin-bottom:20px;
}
#subArea .bnrArea p{
	margin-bottom:20px;
}
#subArea .lvpBnr{
    border: 1px solid #C1C1C1;
}
#subArea .lvpBnr h2{
	background:#d1121b;
	color:#FFF;
	font-size: 16px;
	font-family:myfont;
	text-align:center;
	padding: 6px 0;
}
#subArea .lvpBnr .img{
	text-align:center;
	padding: 8px 0;
}
#subArea .lvpBnr .img img{
	width:90%;
	height:auto;
}
#subArea .lvpBnr div{
	background:#ebebeb;
	padding: 15px 10px;
}
#subArea .lvpBnr a{
	font-size: 16px;
	color:#000;
	text-decoration:underline;
	display:block;
	margin-bottom:10px;
	padding-left: 22px;
	position:relative;
}
#subArea .lvpBnr a:hover{
	text-decoration:none;
}
#subArea .lvpBnr a:before{
	content: "\f105";
	font-family:FontAwesome;
	font-size: 15px;
	color: #FFF;
	position:absolute;
	left: 0px;
	top: 1px;
	text-decoration: none;
	text-indent: 0px;
	line-height: 18px;
	background: #d1121b;
	width: 18px;
	text-align: center;
	border-radius: 50%;
}
#subArea .snsLink {
	position:relative;
	margin-bottom:20px;
}
#subArea .snsBtn1 {
	position:absolute;
	top: 50px;
	left: 75px;
}
#subArea .snsBtn2 {
	position:absolute;
	top: 50px;
	left: 135px;
}
#subArea .appLink {
	position:relative;
	margin-bottom:20px;
}
#subArea .appBtn1 {
	position:absolute;
	top: 125px;
	left: 15px;
	width: 170px;
}
#subArea .appBtn2 {
	position:absolute;
	top: 65px;
	left: 15px;
	width: 170px;
}

#subArea .textArea h2 {
	font-size:15px;
	font-weight:bold;
	border-left:solid 6px #d1121b;
	padding: 5px 10px 3px;
	margin-bottom: 15px;
}
#subArea .textArea li:first-child {
    border-top: solid 1px #cccccc;
}
#subArea .textArea li {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #cccccc;
    background: url(images/side_li01.jpg) no-repeat 0 12px;
}
#subArea .textArea li a {
    display:block;
    padding: 10px 18px;
	position:relative;
	color:#222;
}
#subArea .textArea li a:hover {
    background: url(images/side_li01.jpg) no-repeat 0 12px #f1f1f1;
	text-decoration:none;
}
#subArea .textArea li a:before{
	content:"\f054";
	font-family:FontAwesome;
	font-size:14px;
	color:#d1121b;
	position:absolute;
	left:2px;
	top:12px;
	text-decoration: none;
}
#subArea .sideNavi a{
	display:block;
	border: 1px solid #C1C1C1;
	color: #000;
	text-align: center;
	font-size: 16px;
	position:relative;
	font-family: myfont;
}
#subArea .sideNavi a:hover{
	background: #F1F1F1;
}
#subArea .sideNavi a img{
	position:absolute;
}
#subArea .sideNavi .menu1 a{
	padding: 17px 0 15px 20px;
}
#subArea .sideNavi .menu1 a img{
	left: 18px;
	top: 14px;
}
#subArea .sideNavi .menu2 a{
	padding: 17px 0 15px 20px;
}
#subArea .sideNavi .menu2 a img{
	left: 13px;
	top: 9px;
}
#subArea .sideNavi .menu3 a{
	padding: 1px 0 4px 50px;
	font-size: 12px;
	line-height:1.2;
	color:#075700;
}
#subArea .sideNavi .menu3 a span{
	font-size:9px;
	line-height: 1.8;
}
#subArea .sideNavi .menu3 a img{
	left: 8px;
	top: 14px;
}
#subArea .sideNavi .menu4 a{
	padding: 17px 0 15px 104px;
	font-size: 13px;}
#subArea .sideNavi .menu4 a img{
	left: 12px;
	top: 9px;
	width: 90px;
	height: auto;
}
#subArea .members a{
	font-size:13px;
	font-weight: bold;
	padding: 10px 0;
}

/* RSSボタン
--------------------------------------------*/
.btnRss{
	margin-top:10px;
}
.btnRss a{
	font-size:14px;
	font-weight:bold;
	color:#F60;
}
.btnRss a:visited{
	color:#F60;
}
.btnRss a:hover{
	color:#F90;
	text-decoration:none;
}
.btnRss a:before{
	font-family: FontAwesome;
	font-weight: normal;
	content: '\f143';
	padding-right: 4px;
	font-size: 18px;
	vertical-align: -1px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「カテゴリー」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* PC用 */
@media only screen and (min-width: 640px){
    #subArea .sideCate .nav {
        display:block !important;
    }
}

.sideCate .gnaviBtn {
        display:none;
}
.sideCate h2 {
	font-size:16px;
	font-weight:bold;
	background:#ebe7d2;
	border:solid 1px #cfc9a8;
	border-bottom:solid 2px #d0131c;
	text-align:center;
	padding: 6px 0;
	color:#373530;
}
.sideCate ul {
	font-size:14px;
	margin-bottom:20px;
}
.sideCate ul a {
	color:#131313;
}
.sideCate li {
	padding: 10px 0 10px 35px;
	border-bottom:solid 1px #c1c1c1;
}
.sideCate li.cat-item-45 {
	background: url(images/cat_01.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-35 {
	background: url(images/cat_02.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-44 {
	background: url(images/cat_03.png) no-repeat 6px 8px;
	border-bottom: solid 4px #c1b781;
}

.sideCate li.cat-item-40 {
	background: url(images/cat_04.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-38 {
	background: url(images/cat_05.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-36 {
	background: url(images/cat_06.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-39 {
	background: url(images/cat_07.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-43 {
	background: url(images/cat_08.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-37 {
	background: url(images/cat_09.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-42 {
	background: url(images/cat_10.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-41 {
	background: url(images/cat_11.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-34 {
	background: url(images/cat_12.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-127 {
	background: url(images/cat_08.png) no-repeat 6px 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
感想カテゴリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sideCate li.cat-item-47 {
	background: url(images/cat2_01.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-48 {
	background: url(images/cat2_02.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-49,
.sideCate li.cat-item-141 {
	background: url(images/cat2_03.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-50 {
	background: url(images/cat2_04.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-51 {
	background: url(images/cat2_05.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-52 {
	background: url(images/cat2_06.png) no-repeat 6px 8px;
	border-bottom: solid 4px #c1b781;
}
.sideCate li.cat-item-53,
.sideCate li.cat-item-129 {
	background: url(images/cat2_07.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-54,
.sideCate li.cat-item-139 {
	background: url(images/cat2_08.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-55 {
	background: url(images/cat2_09.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-56,
.sideCate li.cat-item-137 {
	background: url(images/cat2_10.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-57,
.sideCate li.cat-item-138 {
	background: url(images/cat2_11.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-58 {
	background: url(images/cat2_12.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-59 {
	background: url(images/cat2_13.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-60 {
	background: url(images/cat2_14.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-61 {
	background: url(images/cat2_15.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-62 {
	background: url(images/cat2_16.png) no-repeat 6px 8px;
}
.sideCate li.cat-item-142 {
	background: url(images/cat2_02.png) no-repeat 6px 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セミナーカテゴリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#seminarCate li {
	background-image: url(images/cat_12.png);
	background-position: 6px 8px;
	background-repeat: no-repeat;
}
#seminarCate li.cat-item-86 {
	border-bottom: solid 4px #c1b781;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「投稿」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sidePost h2 {
	font-size:16px;
	font-weight:bold;
	background:#ebe7d2;
	border:solid 1px #cfc9a8;
	border-bottom:solid 2px #d0131c;
	text-align:center;
	padding: 6px 0;
	color:#373530;
}
.sidePost ul {
	margin-bottom:20px;
}
.sidePost ul li {
	font-size:13px;
	border-bottom:solid 1px #c1c1c1;
	padding: 15px 0;
}
.sidePost ul li .cat {
	display:none;
}
.sidePost ul li a {
	display:block;
	color:#000;
	text-decoration:underline;
}
.sidePost ul li a:hover {
	text-decoration:none;
}
.sidePost select {
	width:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「追尾」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sideArea {
    position:relative;
}
#target {
    width:200px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「固定ページ子カテ一覧」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sidePage h2 {
	font-size:16px;
	font-weight:bold;
	background:#ebe7d2;
	border:solid 1px #cfc9a8;
	border-bottom:solid 2px #d0131c;
	text-align:center;
	padding: 6px 0;
	color:#373530;
}
.sidePage ul {
	font-size: 14px;
	margin-bottom: 20px
}
.sidePage ul li {
	border-bottom:solid 1px #c1c1c1;
	position:relative;
}
.sidePage ul li:before {
	content:"\f04b";
	font-family:FontAwesome;
	font-size:8px;
	color:#d1121b;
	position:absolute;
	left: 8px;
	top: 12px;
	text-decoration: none;
}
.sidePage ul li a {
	display: block;
	padding: 10px 0 10px 25px;
	color:#131313;
}
.sidePage ul li a:hover {
	text-decoration:underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fnaviFrame{
	background: #ebebeb;
	position:relative;
	overflow:hidden;
	padding: 25px 0 10px;
}
#footerFrame{
	background:#f5f5f5;
}



#copyFrame{
	border-top: 1px solid #adadad;
	border-bottom: 3px solid #d1121b;
}
ul.fnavi{
	position:relative;
	left:50%;
	clear:both;
	float:left;
	margin-bottom: 15px;
}
ul.fnavi li{
	position:relative;
	float:left;
	left:-50%;
	border-left: 1px solid #8D8D8D;
	padding: 0 6px;
}
ul.fnavi li:first-child{
	border-left:none;
}
ul.fnavi li a{
	color:#000;
}
ul.fnavi li a:hover{
	text-decoration: underline;
}
#footerArea{
	overflow:hidden;
	padding:12px 0;
}
#footerArea .block1{
	width: 476px;
	float:left;
	padding:25px 0;
	border-right: 1px solid #adadad;
}
#footerArea .block1 h2{
	margin-top: 12px;
	float:left;
}
#footerArea .block2{
	float:left;
	padding-left: 30px;
	padding-top:20px
}
#footerArea .block2 p{
	margin-bottom: 9px;
}
#footerArea .block2 span{
	background:#878787;
	color:#FFF;
	padding:0 12px;
	margin-right:10px;
	border-radius:10px;
}
#footerArea .block2 .tel img{
	vertical-align: text-bottom;
}
#footerArea .block2 .tel a{
	color:#000;
	font-size:24px;
	line-height: 1;
	cursor: default;
	font-family: myfont;
	margin-left: 8px;
}
#footerArea .block2 .hour{
	font-size:13px;
}
#footerArea .block3{
	float: right;
	padding-top:20px
}
#footerArea .block3 a{
	width:175px;
	font-size:13px;
	font-weight: bold;
	padding: 9px 10px;
	margin-bottom: 10px;
}
#copyArea{
	overflow:hidden;
	padding:20px 0
;
}
#copyArea a{
	color: #000;
}
#copyArea a:hover{
	text-decoration: underline;
}
#copyArea > p{
	float:left;
	line-height: 20px;
}
#copyArea .snsBtnSite{
	float:right;
	height: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページトップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pageTop a{
    display:block;
    background: #d1121b;
    text-align:center;
    color:#fff;
	font-size:10px;
    line-height:1;
    position:fixed;
    right:20px;
    bottom:20px;
	width:60px;
	height:55px;
	padding-top:5px
;
    z-index: 100;
}
.pageTop a:before{
	content:"\f106";
	font-family:FontAwesome;
	font-size:30px;
	position:absolute;
	left:20px;
	top:16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 45px;
	padding: 0;
	*zoom: 1;
	border: 2px solid #c0c0c0; 
}

.bx-wrapper img {
	/* max-width: 100%; */
	/* height: auto; */
	/* min-height: 435px; */
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;

	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #c5c5c5;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d1121b;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0px;
	background: #DDDDDD;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: #DDDDDD;
}
.bx-wrapper .bx-next:before{
	content: "\f105";
	font-family:FontAwesome;
	font-size: 30px;
	color: #d1121b;
	position:absolute;
	right: 6px;
	top: 5px;
	text-decoration: none;
	text-indent: 0px;
}
.bx-wrapper .bx-prev:hover {
	background: #FFFFFF;
}
.bx-wrapper .bx-prev:before{
	content: "\f104";
	font-family:FontAwesome;
	font-size: 30px;
	color: #d1121b;
	position:absolute;
	left: 6px;
	top: 5px;
	text-decoration: none;
	text-indent: 0px;
}
.bx-wrapper .bx-next:hover {
	background: #FFFFFF;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	outline: 0;
	width: 25px;
	height: 54px;
	text-indent: -9999px;
	z-index: 200;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;

}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼▼講師ブログ（外部リンク）一覧用のスタイル（JLCAから移植）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブロックタイプの一覧リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.block-type {
    margin: -1%;
}
.block-type > li {
    float: left;
    width: 46%;
    margin: 2%;
}
/* ■サムネイル画像の余白カット */
.block-type li .thumb {
	margin:-11px -11px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「liquid」リキッドレイアウト（新式）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■リキッドベース（初期固定値50px） */
.liquid li {
    overflow: hidden;
}
.liquid li .thumbArea {
	overflow: hidden;
	float:left;
	/* background:#ddd; */
	text-align: center;
	width:50px;
	height:50px;
}
.liquid li .thumbArea img{
	height:auto;
}
.liquid li .txtArea {
	padding-left:60px;
}
/* ■サイズ拡張（固定値100px） */
.liq100 li .thumbArea {
	width:100px;
	height:100px;
}
.liq100 li .txtArea {
	padding-left:110px;
}

/* ■「テキスト」形式の「NO IMAGE」 */
.thumbArea > .plainType {
	position: relative;
	height: 100%;
}
.thumbArea > .plainType > span {
    color: #888;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
}
.liq50 .thumbArea > .plainType > span {
    margin-left: -1.5em;
    margin-top: -1em;
    font-size: 12px;
}
.liq100 .thumbArea > .plainType > span {
    margin-left: -1.5em;
    margin-top: -1.5em;
    font-size: 14px;
    line-height: 1.5;
}

/* ■「日付」形式の「NO IMAGE」 */
.thumbArea > .dateType {
	color: #FFF;
	font-family: helvetica;
}
.thumbArea > .dateType > span {
	display:block;
}
.thumbArea .month {
	background: #8CA3AB;
	font-size: 12px;
	line-height: 20px;
}
.thumbArea .day {
	background: #C3C3C3;
	font-size: 20px;
	line-height: 30px;
}
.liq100 .thumbArea .month {
	font-size: 16px;
	line-height: 40px;
}
.liq100 .thumbArea .day {
	font-size: 30px;
	line-height: 60px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「liStyle」LI要素への装飾
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.liStyle01 li {
    border-top: 1px dashed #ccc;
    padding: 10px;
}
.liStyle01 li:first-child {
    border-top: 0;
}
.liStyle02 li {
    border-top: 1px dashed #ccc;
    padding: 5px;
}
.liStyle02 li:first-child {
    border-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「postList」投稿要素（日付、タイトル、本文）リストに対するスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■リスト内の行間を矯正する */
.fontM .postList p {
  line-height: 1.4;
}
/* ■コンテンツ部分（重要度の低い要素） */
.postList .weak{
	color:#999;
	font-size:.8em;
}
/* ■コンテンツ部分（タイトル） */

.postList li .title{
	font-size:15px;
	margin-bottom: 3px;
}
.postList li .title a{
	color:#06f;
}
.postList li .title a:hover{
	text-decoration:underline;
}
/* ■コンテンツ部分（日付） */
.postList .date{
	font-weight:bold;
	color:#333;
	margin-bottom: 3px;
}
/* ■コンテンツ部分（新しい記事） */
.postList .new {
    background-color: #F00;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 10px;
}
/* ■コンテンツ部分（「場所」カスタムフィールド） */
.postList li .place:before{
	font-family:FontAwesome;
	content: '\f041';
	margin-right: 5px;
	font-size: 18px;
	vertical-align:-1px;
}
/* ■コンテンツ部分（「主催」カスタムフィールド） */
.postList li .sponsor:before{
	content: '主催';
	margin-right: 5px;
	margin-left: 15px;
	font-size: 15px;
	vertical-align:-1px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▲▲▲▲講師ブログ（外部リンク）一覧用のスタイル（JLCAから移植）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ムードル用LVP診断ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.moodlelvp header,
.moodlelvp .pageTitle,
.moodlelvp #pageInfo,
.moodlelvp #subArea,
.moodlelvp .pageTop,
.moodlelvp footer{
	display:none !important;
}
.moodlelvp #contentsFrame{
    width: 770px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ジェイバンウェブ告知エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.jban_web {
    background: #ebe7d2;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    width: 1000px;
    margin: 0 auto 50px;
}
#mainArea .jban_web{
	width:100%;
}
.jban_web .header{
    margin-bottom:20px;
    padding:10px;
    background:#fff;
    text-align:center;
    font-size: 18px;
    font-weight: bold;
}
.jban_web .header .logo_wrap{
    max-width:400px;
    margin:0 auto;
}

.jban_web .header img{
    margin-bottom:10px;
}
.jban_web .column3{
    display:flex;
    justify-content: space-between;
}
.jban_web .column3 > div{
    width:calc((100% - 30px) / 3 );
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 70px;
}
.jban_web .column3 .title{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.6em;
}
.jban_web .column3 .image{
	margin-bottom:1em;
}
.jban_web .btn1{
	font-size:16px;
	padding:10px;
	margin: 15px auto 0;
	position: absolute;
	width: calc(100% - 40px);
	bottom: 15px;
	left: 20px;
	box-sizing: border-box;
}
.jban_web .column3 .form_link,
.jban_web .column3 .login_link{
	text-align:center;
}
.jban_web .column3 .form_link img{
	margin-bottom:1em;
	width:240px
}
.jban_web .column3 .login_link img{
	width:130px;
	height:auto;
}