@charset "utf-8";

/*
エディター以外のPC&SP共通構造
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事下のお問い合わせバナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_bnrs > div:first-child {
    margin-bottom:15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FAQ詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-faq .articleTitle h1,
.single-faq .answer_ttl{
    position:relative;
    font-size:30px;
    line-height:1.4em;
    padding:0.5em 0.5em 0.5em 2.1em;
    margin-bottom:0.5em;
}
.single-faq .articleTitle h1{
    background:#eaf2ff;
    border-radius:10px;
}
.single-faq .answer_ttl p{
    font-size:0.8em;
    line-height:1.4em;
}
.single-faq .articleTitle h1:before,
.single-faq .answer_ttl:before{
    display:block;
    position:absolute;
    left:0.5em;
    line-height:1.6em;
    width:1.6em;
    text-align:center;
    border-radius:50%;
    color:#fff;
    font-size:0.8em
}
.single-faq .articleTitle h1:before {
    content:'Q';
    background: #8aaee4;
}
.single-faq .answer_ttl:before {
    content:'A';
    background: #ff9194;
    top:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ内の「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contents_more {
	display:block;
	text-align:right;
}
.contents_more a {font-weight: bold;}
.contents_more a:after {
    content:' >>';
}
.contents_more a:hover {
    text-decoration:none;
    opacity:.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
多数列リスト（構造のみを定義）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.col2,.col3,.col4,.col5{
	overflow:hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「ギャラリー」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.gallery {
	overflow:hidden;
	margin-top: 15px;
}
ul.gallery li {
	float:left;
}
ul.gallery li:hover {
	opacity:.8;
}
ul.gallery li img{
	padding:3px;
	box-sizing:border-box;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
H1のサブタイトル的要素
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleTitle span {
    border-left: 4px double #555;
    display: inline-block;
    margin-left: 20px;
    padding-left: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アーカイブページ（カテゴリー一覧）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.catAreaWrap {
    padding: 17px 15px 10px;
    border: 1px solid;
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
}
.catAreaWrap .title {
    position: absolute;
    background: #fff;
    line-height: 1;
    top: -0.5em;
    padding: 0 10px;
    font-size: 14px;
}
.catAreaWrap .catArea span,
.catAreaWrap .catArea a {
    margin: 0px 5px 5px 0px;
    line-height: 1;
    padding: 6px 8px 4px;
    border-radius: 3px;
}
.catAreaWrap .catArea a:hover{
	opacity:.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー固定によるページ内アンカーのズレを修正する（JSで行なう仕様に変更2017-02-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea h2,
.editorArea h3 {
    /*position: relative;*/
}
.editorArea a[id] {
    /*position: absolute;*/
    /*top: -90px;*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（注目のメニュー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gNaviWrap li.pickup > a:before {
    display: block;
    position: absolute;
    top: -9px;
    left: 10px;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    padding: 3px 5px;
    font-weight: bold;
    text-align:center;
    content: "注目";
    background: #FFD25B;
    color: #1F57FF;
}
#gNaviWrap li.pickup > a:after {
	top: 9px;
	left: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-width: 5px;
	margin-left: -5px;
	border-top-color: #ffd25b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.biggerlink > *:hover{opacity:.8;}
/* ■ボタン */
.btn a {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.btn a:hover {
    text-decoration: none;
    opacity: .8;
}
.m_btm10{margin-bottom:10px;}
.m_btm15{margin-bottom:15px;}
span.small {font-size: .75rem;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.simpleLink{
    position:relative;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 20px 5px 0;
}
a.simpleLink:hover{
	text-decoration:underline;
}
a.simpleLink:after {
	font-family: FontAwesome;
	content: '\f138';
	font-size: 18px;
	position:absolute;
	top: 50%;
	right:0;
	margin-top: -.55em;
	line-height:1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.moreLink {
    text-align:right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(バナーBOX)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
.bnrBox li .thumb {
	margin-bottom: 10px;

}
.bnrBox li .title {
	font-size:18px;
	margin-bottom: 5px;
	text-align:center;
	line-height: 1;
}
.bnrBox li {
	border:1px solid #ddd;
	padding:10px;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インラインフレームの縦横比を固定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*#subArea .iWrap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin-bottom:10px;
}
*#subArea .iWrap>iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー(アクセス情報)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sideInfo {
    border-width: 1px;
    border-style:solid;
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-color: #ddd;
    border-right-color: #ddd;
    padding: 14px;
    background: #fff;
}
#sideInfo .corp{
    font-weight:bold;
    font-size:1.2em;
}
#sideInfo .logo,
#sideInfo .mail{
    text-align:center;
}
#sideInfo .logo{
    margin-bottom:10px;
}
#sideInfo .logo img{
    /*width:70%;*/
}
#sideInfo .map{
    margin-top:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 全ウィジェット共通 */
#subArea .sideMenuCommon {
    margin-top: 15px;
}

#subArea aside:first-child .sideMenuCommon {
    margin-top: 0;
}

/* 見出し(サイドバー) */
#subArea .menuHeader{
    font-size: 17px;
    padding: 10px;
    /* border-radius: 8px 8px 0 0; */
    text-align: center;
    margin: -10px -10px 10px;
    background: #242424;
}
#subArea .menuHeader,
#subArea .menuHeader a {
	color:#fff;
}
/* ウィジェット全体(サイドバー＆SP) */
#subArea .sideMenu {
    background-color:#fff;
    border: 1px solid #dddddd;
    padding: 10px 10px 15px;
    /*border-radius: 8px 8px 0 0;*/
}
#subArea .widget_black_studio_tinymce{
	border:0;
	padding:0;
}
/* この外部ウィジェットは、バナー設置用に使用されることが多いため、白背景は邪魔 */
#subArea .widget_black_studio_tinymce {
    background-color:transparent;
    border:0;
}
/* その上で、画像にフェードをかけた時に透け過ぎないように背景には白を敷く */
#subArea .widget_black_studio_tinymce a{
    display:block;
    background-color:#fff;
}
#subArea .sideMenu > ul > li,
#subArea .sideMenu > * > ul > li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
    padding-left: 15px;
    text-indent: -10px;
}
#subArea .sideMenu > ul > li:last-child,
#subArea .sideMenu > * > ul > li:last-child{
    /* margin-bottom: 0; */
    /* padding-bottom: 0; */
    /* border-bottom: 0; */
}
#subArea .sideMenu > ul > li:before,
#subArea .sideMenu > * > ul > li:before{
	font-family:FontAwesome;
	content:'\f0da';
	font-size: 1.2em;
	margin-right: 5px;
}
#subArea .sideMenu > * > ul > li > ul > li:before{
	content: '┗ ';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
子メニューのインデント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_categories ul ul li{
    padding-left: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リストマークが不要なウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_recent_entries2 > ul > li,
#subArea  .widget_recent_entries2 > * > ul > li,
#subArea .popular-posts > ul > li,
#subArea  .popular-posts > * > ul > li{
    padding-left: 0;
    text-indent: 0;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(人気記事ランキング)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .popular-posts {
    counter-reset: wpp-ranking;
}
#subArea .popular-posts > ul > li,
#subArea .popular-posts > div > ul > li{
    position:relative;
}
#subArea .popular-posts ul li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
    background: #707070;
    padding: 3px;
    line-height: 1;
    font-family: sans-serif;
    margin: 0;
    width: 20px;
    text-align: center;
    height: 20px;
    font-weight: bold;
}
#subArea .popular-posts ul li:nth-child(1):before{
	background:#debc32;
}
#subArea .popular-posts ul li:nth-child(2):before{
	background:#97b0c0;
}
#subArea .popular-posts ul li:nth-child(3):before{
	background:#b66c18;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(最近の投稿・サムネイル付き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_recent_entries2 > ul > li{
    overflow: hidden;
}
#subArea .widget_recent_entries2 > ul > li img{
    width: 25%;
    height: auto;
    float: left;
    margin-right: .5em;
    border-radius: 2px;
}
#subArea .widget_recent_entries2 .post_ttl,
#subArea .widget_recent_entries2 > ul > li span.post-date {
display: block;
}
#subArea .widget_recent_entries2 .post_ttl {
font-size:14px;
}
#subArea .widget_recent_entries2 > ul > li span.post-date {
font-size:10px;
}

#subArea .widget_recent_entries2 > ul > li:before{
	content:none;
	margin-right:0;
	line-height:normal;
	vertical-align:baseline;
	color: inherit;
}
#subArea .catArea span,
#subArea .catArea a {
    padding: 3px 4px 2px;
    font-size: 10px;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリータグ（メインカラム／サイドバー共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.catArea span,
.catArea a{
    display:inline-block;
    color:#fff;
    padding: 1px 5px;
    margin: 0px 2px 2px 0px;
    background: #333;
}
.catArea a:hover{
    text-decoration:none;
}
.catArea a[href*="category/news"]{
    background: #333;
}
.catArea a[href*="category/blog"]{
    background: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(カレンダー)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.widget_calendar caption {
    font-weight:bold;
    margin-bottom:5px;
}
.widget_calendar table {
}
.widget_calendar table th,
.widget_calendar table td{
    border:1px solid #fff;
    padding: 3px 5px;
}
.widget_calendar table th{
    background:#ccc;
    font-weight:bold;
    text-align: center;
}
.widget_calendar table td{
    background:#eee;
    text-align: right;
    font-size: 12px;
}
.widget_calendar table td#today{
    font-weight:bold;
    font-weight:normal;
    background:#ffc;
}
.widget_calendar a{
    color: #fff;
    display: inline-block;
    background: #888;
    border-radius: 50%;
    padding: 5px;
    line-height: 1;
}
.widget_calendar a:hover{
    background: #aaa;
    text-decoration:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スマホ用の表示切替
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#swich_to_pc{
    padding:20px;
    text-align:center;
    background: #ccc;
    display:none;/* 暫定非表示 */
}
#swich_to_sp{
    font-size:50px;
    padding:40px;
    text-align:center;
    background: #ccc;
    display:none;/* 暫定非表示 */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼▼投稿一覧スタイルここから
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブロックタイプの一覧リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.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;
}
/* ■サイズ拡張（固定値75px） */
.liq75 li .thumbArea {
	width:75px;
	height:75px;
}
.liq75 li .txtArea {
	padding-left:85px;
}
/* ■サイズ拡張（固定値100px） */
.liq100 li .thumbArea {
	width:100px;
	height:100px;
}
.liq100 li .txtArea {
	padding-left:110px;
}
/* ■サイズ拡張（固定値150px） */
.liq150 li .thumbArea {
	width:150px;
	height:150px;
}
.liq150 li .txtArea {
	padding-left: 170px;
}

/* ■「テキスト」形式の「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: -2.5em;
    margin-top: -1em;
    font-size: 11px;
}
.liq75 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -1em;
}
.liq100 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}
.liq150 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}

/* ■「日付」形式の「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;
}
.liq150 .thumbArea .month {
	font-size: 20px;
	line-height: 50px;
}
.liq150 .thumbArea .day {
	font-size: 40px;
	line-height: 100px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェットのLI要素への汎用的な装飾
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.liStyle01 li {
    border-top: 1px dashed #ccc;
    padding: 15px 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 li {
    overflow: hidden;
    margin-bottom: 10px;
}
/* リスト内の行間を矯正する */
.fontM .postList p {
    /*line-height: 1.4;*/
    line-height: 1.5;
}
/* コンテンツ部分（タイトル） */
.postList li .title {
}
.postList li .title a{
	text-decoration:none;
	color:#333;
}
/* 日付 */
.postList p.date{
	color:#aaa;
	display:inline-block;
}
/* カテゴリー */
.postList p.cat{
	display:inline-block;
}
.postList p.cat > span{
	display:inline-block;
	color:#fff;
	padding:2px 10px;
	font-size: 12px;
}
/* 画像 */
.postList li .thumb{
	margin-bottom: 10px;
	text-align:center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（横長タイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツ部分（タイトル） */
.postList.horizontal li .title {
	margin-bottom: 10px;
}
.postList.horizontal li .title a{
	font-size:22px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（キューブタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.postList.cubic li {
    position:relative;
    padding-bottom:20px;
}
.postList.cubic li .title a {
    font-size: 16px;
    color: #0068b7;
    text-decoration: underline;
}
.postList.cubic p.date{
	font-size:10px;
	position:absolute;
	bottom:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▲▲▲▲投稿一覧スタイルここまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mainArea .articleOuter {
    margin-top: 2em;
}
#mainArea > .articleOuter:first-child {
    margin-top: 0;
}
#mainArea .articleDetailArea {
    color:#aaa;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
#mainArea .cats span:after{
	content:":";
	margin-right:5px;
}
#mainArea .articleTitle{
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.page #mainArea .articleTitle{
	/* display:none; */
}
.home #mainArea .articleTitle {
    display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sns_btn_wrap {
    padding:0;
    margin-top: 2em;
}
.sns_btn_wrap > li {
    display: inline-block;
    line-height: 1;
    margin: 0 0 5px 0;
}
.sns_btn_wrap .tw a{background:#55acee;}
.sns_btn_wrap .fb a{background:#3c5a99;}
.sns_btn_wrap .gp a{background:#dd4b39;}
.sns_btn_wrap .hb a{background:#3c7dd1;}
.sns_btn_wrap .po a{background:#ee4257;}
.sns_btn_wrap .li a{background:#00c300;}
.sns_btn_wrap .fe a{background:#87bd33;}

.sns_btn_wrap a{
    color:#fff;
    padding: 3px 5px;
    background: #333;
    font-size:12px;
    border-radius:3px;
    font-weight:bold;
}
.sns_btn_wrap.cubic a{
    padding: 0;
    height:40px;
    width:40px;
    line-height:40px;
}
.sns_btn_wrap :before {
    color:#fff;
    vertical-align:middle;
    margin-right:5px;
    font-size:1.2em;
    font-weight:normal;
}
.sns_btn_wrap.cubic :before {
    margin-right:0;
    font-size:30px;
}
.sns_btn_wrap.cubic .text {
	display:none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン（旧バージョン）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp_social_bookmarking_light_clear{
	display:none;/* 不要な空白行が出来るため */
}
.wp_social_bookmarking_light:after {
    content:"";
    display:block;
    clear:both;
}
div.wp_social_bookmarking_light {
    zoom:1;/* for IE */
    padding: 0!important;
    margin-top: 2em!important;
}
.wp_social_bookmarking_light iframe {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

/* Google+ボタンの幅調整 */
.wsbl_google_plus_one,
#___plusone_0,
#___plusone_1,
#___plusone_2 {
	width: 58px !important;
}

/* Pocketボタンの幅調整 */
.pocket-btn,
.pocket-btn iframe {
	width: 86px !important;
	margin: 0 !important;
}
/* Twitterボタンの幅調整 */
.wsbl_twitter {
    width: 75px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(記事下のFB&TWカスタムシェアボタン)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.snsShare {
    margin: 15px 0;
    overflow: hidden;
}
.snsShare a{
width:50%;
color:#fff;
text-align:center;
background-color:#3b5998;
display:block;
text-decoration:none;
float:left;
}
.snsShare a:hover{
	text-decoration:none;
}
a.facebook-iine{
background-color: #3b5998;
}
a.facebook-iine:hover{
background-color: #4169BD;
}
a.twitter-tweet{
background-color: #00acee;
}
a.twitter-tweet:hover{
background-color: #13BEFF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(コンタクトフォーム)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.formTable th,
.formTable td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
    font-size: 14px;
}
@media (min-width: 1px) {/* ▼▼▼▼▼IE8以下の場合は適応させない▼▼▼▼▼ */
.wpcf7-checkbox input[type*="checkbox"]{
	display: none;
}
.wpcf7-checkbox .wpcf7-list-item-label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding: 10px 10px 10px 20px;
	line-height: 1;
}
.wpcf7-checkbox .wpcf7-list-item-label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #aaa;
	background: #fff;
	box-sizing: border-box;
}
.wpcf7-exclusive-checkbox .wpcf7-list-item-label:before{
	border-radius: 50%;
}
.wpcf7-checkbox input[type*="checkbox"]:checked + .wpcf7-list-item-label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -8px;
	width: 15px;
	height: 6px;
	margin-top: -7px;
	border-left: 4px solid #E71063;
	border-bottom: 4px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wpcf7-exclusive-checkbox input[type*="checkbox"]:checked + .wpcf7-list-item-label:after {
	left: -5px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background: #E71063;
	border-left: 0;
	border-bottom: 0;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
}
}/* ▲▲▲▲▲IE8以下の場合は適応させない▲▲▲▲▲ */

#wpcf_comp_msg {
    background: #ffc;
    padding: 15px;
}
.wpcf7-list-item {display: block;}

.wpcf7 input[type="submit"] {
    margin: 20px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォームの必須項目の表示をカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7-not-valid{
	background:#fee;
	border-color: #da7a7a;
}
.wpcf7-checkbox{
	display:block;
}
/* 「残りの必須項目数」表示欄 */
/*
div#validates-info {
    position: fixed;
    top: 10px;
    right: 5px;
    background: #f00;
    padding: 10px;
    z-index: 1000;
    font-size: 1.5em;
    color:#fff;
    box-shadow: 0px 0px 10px 0px #fff;
}
div.validates-comp {
    background: #37C65C!important;
}
div#validates-info span{
	font-size: 1.5em;
	margin: 0 5px;
	color:#fff;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.require {
    color: red;
    font-weight: bold;
}
input,
textarea {
  border: 1px solid #999;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 2px;
  box-sizing: border-box;
}
input[type="file"] {
  border: 0;
}
/* スマホブラウザで何故かmax-width:100%が効かずにはみ出してしまう現象への対処 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"],/* forIE(IEでは入力欄が表示されるため) */
textarea {width:90%;}
input.w50{width:50px;}
input.w70{width:70px;}
input.w100{width:100px;}
input.w7{width:7em;}
input.zip{width:9em;}

input[type="submit"] {
    padding: 10px 20px;
    text-align:center;
    border-radius: 5px;
    font-size: 15px;
    color:white;
    background:#37C65C;
}
input[type="submit"].submit_disable {
    background: #ddd;
    color: #333;
    border-radius:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コメント欄
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 入力フォーム＋コメント表示部分 */
.commentArea {
}
/* 入力フォーム全体 */
*#respond {
    border: 1px solid #ccc;
    background: #ddd;
    padding: 15px;
}
/* お気軽に */
*#respond h3 {
    font-size:16px;
	margin-bottom:5px;
}
/* 必須項目 */
*#respond .required {
    color: red;
    font-weight: bold;
}
/* 入力フォーム */
*#respond form > p{
    margin-top:10px;
}
*#respond form > p:first-child{
    margin-top:0;
}
*#respond [type="text"],
*#respond textarea{
	width:95%;
}
/* コメント入力フォームのラベル */
*#respond .comment-form-comment label{
    display:block;
}
/* コメント送信ボタン */
p.form-submit{
    text-align:center;
}
p.form-submit [type="submit"]{
    padding:5px;
}
/* コメント表示部分全体 */
ol.comment-list {
    margin-bottom:15px;
}
/* １コメント */
ol.comment-list>li {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin-top:10px;
}
ol.comment-list>li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top:0;
}
/* 記事投稿者によるコメント */
.bypostauthor>* {
    background: rgb(255, 254, 224);
    padding: 10px 10px 10px 30px;
}
/* 「承認待ち」表示 */
em.comment-awaiting-moderation {
color: red;
background: pink;
}
/* サムネイルと名前のエリア */
.comment-author {
    font-size:14px;
    margin-bottom:5px;
}
/* サムネイル画像 */
.comment-author img {
    width: 25px;
    height: auto;
}
/* 日付 */
.comment-meta {
    margin:5px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(YARPP)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.yarpp-related {
margin: 2em 0 1em !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP-PAGE-NAVI
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-pagenavi {
    clear: both;
    text-align: center;
    line-height: 1;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    margin: 3px !important;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    background: #fafafa;
    font-size: 14px;
}

.wp-pagenavi a:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}

.wp-pagenavi span.current {
    font-weight: bold;
    background: #333;
    color: #fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次へ][前へ])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pagingArea {
    overflow:hidden;
    margin: 1.5em auto;
}
.pagingArea > p.single{
    width: 49.5%;
    background: #E8E8E8;
    position:relative;
}
.pagingArea > p.single a{
    display:block;
    padding: 10px;
    color: #333;
    font-size: 13px;
}
.pagingArea > p.single a:hover{
	text-decoration:none;
	background: #F1F1F1;
}
.pagingArea > p.next{
    float:left;
}
.pagingArea > p.prev{
    float:right;
}
.pagingArea > p.next a{
    padding-left: 2.5em;
}
.pagingArea > p.prev a{
    padding-right: 2.5em;
    text-align: right;
}
.pagingArea > p.single a:before,
.pagingArea > p.single a:after{
    display:block;
    position:absolute;
    top: 50%;
    line-height:1;
    color: #ccc;
    margin-top: -.55em;
    font-family: FontAwesome;
    font-size: 30px;
}
.pagingArea > p.next a:before{
    content: '\f104';
    left: 10px;
}
.pagingArea > p.prev a:after{
    content: '\f105';
    right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerFixed{
	position:fixed;
	right: 5px;
	bottom: 5px;
	z-index: 1;
}
.toPageTop {
    display: none;/* 一旦隠しておき、JSで表示／非表示を操作する */
}
.toPageTop a {
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'helvetica';
    /*background: #ccc;*/
    font-size: 10px;
    line-height: 1;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border: 1px solid #fff;
}
.toPageTop a:hover{
    text-decoration:none;
}
.toPageTop a:before{
    content: "\f0d8";
    font-family: FontAwesome;
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    text-align:center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー(メルマガ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#sideForm {
    border: 2px solid #b5b5b5;
    background: #fff;
    padding: 10px;
    text-align:center;
}
div#sideForm img {
margin-bottom:10px;
}
div#sideForm [type="submit"] {
margin:10px auto;
background:#1c97d5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン(bxslider.cssの上書き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 読み込み時に全部の画像が表示されることを防ぐ */
ul.bxslider {
    position: relative;
}
ul.bxslider > * {
    position: absolute;
    top:0;
}
/* ページャー位置の調整 */
.bx-wrapper .bx-pager {
	bottom: 10px!important;
}
/* bxslider本体のCSSが画像をブロック要素化している */
.bx-wrapper img {
	margin:0 auto;/* スライド画像を中央寄せに */
}
/* スライダー下の余分な余白を削除 */
.bx-wrapper {
	margin: 0 auto!important;
}
/* スライダーの白い枠を削除 */
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border: none!important;
	left: 0!important;
	background:transparent!important;
}
/* [次へ][前へ] */
.bx-wrapper .bx-controls-direction a {
	text-indent: 0!important;
	z-index: 51!important;
	font-family: sans-serif;
	text-decoration: none;
	padding: 5px;
	font-size: 40px;
	width: 40px!important;
	height: 40px!important;
	line-height: 40px;
	text-align: center;
	color: #888;
	font-weight: bold;
	border-style: solid;
}
.slide_single .bx-wrapper .bx-controls-direction a {
	margin-top: -.75em!important;
	border-width: 1px;
	/* border-radius: 50%; */
	background: #fff;
	background: rgba(255,255,255,0.5);
}
.slide_single .bx-wrapper .bx-prev {
	left: 10px!important;
}
.slide_single .bx-wrapper .bx-next {
	right: 10px!important;
}
.slide_single .bxslider > li{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0.3;
}
.slide_single .bxslider > li.active{
    opacity:1;
}
.slide_carousel{
	max-height: 300px;
	overflow: hidden;
	padding-bottom: 25px;
}
.slide_carousel .thumbArea {
    /*height: 180px;*/
    overflow: hidden;
    background: #ccc;
    background: rgba(204, 204, 204, 0.5);
    margin-bottom:5px;
}
.slide_carousel .thumbArea > .plainType > span {
    margin-left: -33px;
}
.slide_carousel .bx-wrapper .bx-controls-direction a {
	margin-top: -1em!important;
	border-width: 0;
	background: transparent;
}
.slide_carousel .bx-wrapper .bx-prev {
	left: -70px!important;
}
.slide_carousel .bx-wrapper .bx-next {
	right: -70px!important;
}
.slide_carousel .txtArea {
    line-height:1.4;
}
.slide_carousel .date {
    font-size:12px;
    color:#777;
}
.slide_carousel .title {
    font-size:14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー化した複数列リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slide_carousel .col2,
.slide_carousel .col2 li,
.slide_carousel .col3,
.slide_carousel .col3 li,
.slide_carousel .col4,
.slide_carousel .col4 li,
.slide_carousel .col5,
.slide_carousel .col5 li{
    margin-left: 0;
    margin-right: 0;
}