@charset "utf-8";
/*
Theme Name: カスタムテーマ
Author: アフィイチ
Author URI: 
Description: VMPで利用するカスタムテーマです。 
Version: 1.2
License: GNU General Public License
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■１．外部サービス依存系 */
/* ■２．細部詳細 */
/* ■３．ウィジェット */
/* ■４．基本構造 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■外部サービス依存系 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ■ ビジュアルエディタの初期スタイル */
/* -------------------------------------------- */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 5px;
}

/* ■bxSlider(jQスライダープラグイン) デフォルトCSS上書き */
/* -------------------------------------------- */
.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-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 10px!important;
	z-index: 55;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■細部詳細 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ■画像サイズの整形 */
#subAreaA img,
#subAreaB img,
#preFooterArea img,
#mainArea img {
    max-width: 100%;
    height: auto;
}
/* スタイル属性による記述に対抗する */
.articleText img {
    max-width: 100%!important;
    height: auto!important;
}

/* ■h3,h4 */
/* -------------------------------------------- */
.articleText h3,
.articleText h4 {
    margin-bottom: 5px;
    padding: 5px;
    color:#333;
    background: #fff;
    font-weight: bold;
    line-height: 1.5;
}

/* ■ヘッダータイトル */
/* -------------------------------------------- */
#promoArea {
    position: relative;
    overflow: hidden;
}
#promoArea .catchCopy{
	z-index: 100;
	position: absolute;
	left: 1em;
	top: 1em;
}
#promoArea .catchCopy span{
	display:block;
}

/* -------------------------------------------- */
#kf_di_bg {
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
}
#kf_di {
    z-index: 999999;
    position: fixed;
    top: 150px;
    left: 50%;
    background: #fff;
    width: 50%;
    height: 50%;
    margin-left: -25%;
}
#kf_di iframe {
border: 0;
width: 100%;
height: 100%;
}

/* ■記事の日付 */
/* -------------------------------------------- */
.articleTime {
    color: #b20000;
    font-weight: bold;
    margin-right: 5px;
}

/* ■記事内のリスト */
/* -------------------------------------------- */
.blockList li {
    margin-bottom: 10px;
}
.blockList .wrap {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
}
.blockList .thumb {
    float: left;
    width: 20%;
}
.blockList .thumb img{
}
.blockList .txt {
    float: right;
    width: 77%;
    line-height: 2;
}

.articleText ul.list01 {
    margin:0 0 15px;
}
.articleText ul.list01 li.page_item_has_children {
}
.articleText ul.list01 li ul li {
    text-indent:1em;
    border-bottom:0;
}
.articleText ul.list01 li ul li:before{
    content: '-';
    font-weight: bold;
}

.articleText ol.list01{
    counter-reset: li;
}
.articleText ol.list01 li{
	position:relative;
	min-height: 30px;
	margin: 0 0 10px;
	padding: 5px 0 10px 40px;
	border-bottom: 1px dotted #333;
}
.articleText ol.list01 li:before {
    counter-increment: li;
    content: counter(li);
    display: block;
	position:absolute;
    top: 0;
    left: 0;
    width: 25px;
    line-height: 25px;
    margin: 0 5px 0 0;
    padding: 5px;
    font-size: 1.5em;
    color: #FFF;
    background: #000;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
}

/* ■関連記事の表示(記事下) */
/* -------------------------------------------- */
.relatedPosts {
    margin: 0 0 20px;
}
.relatedPosts h3 {
margin: 0 0 10px;
font-weight: bold;
font-size: 110%;
}
.relatedPosts ul {
    overflow:hidden;
    margin-bottom: 5px;
}
.relatedPosts li {
    width: 25%;
    float: left;
    text-align:center;
}
.relatedPosts li:first-child {
    margin-left: 0;
}
.relatedPosts li>p.img{
	margin-bottom:5px;
}
.relatedPosts li>p.img img{
	background:#fff;
	color:#000;
	border:1px solid #ccc;
	padding: 3px;
}

/* ■Clear Fix(グローバルナビで必須) */
/* -------------------------------------------- */
/* ■For modern browsers */
.clearFix:before,
.clearFix:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clearFix:after {
    clear:both;
}
/* ■For IE 6/7 (trigger hasLayout) */
.clearFix {
    zoom:1;
}

/* ■アンカースタイル指定 */
/* -------------------------------------------- */
a{
    text-decoration:underline;
    color: #3D8EBD;
}
a:hover{
	text-decoration:none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
#toTop a,
#gnaviArea a,
#footerArea a{text-decoration:none;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
#toTop a:hover,
#gnaviArea a:hover,
#footerArea a:hover
{text-decoration:underline;}

#titleArea a{color:#fff;font-weight: bold;font-size: 1.1em;}
.articleHeader a{color: #333;}

/* ■ページ送り */
/* -------------------------------------------- */
#pagingArea {
    overflow: hidden;
    margin:20px 0;
}
#pagingArea a {
    display: block;
    background: #333;
    padding: 15px;
    color: #fff;
    text-decoration:none;
    text-align:center;
	font-weight:bold;
}
#pagingArea a:hover {
    text-decoration:none;
}
#pagingNext {
    float: right;
}
#pagingPrev {
    float: left;
}

/* ■コメント */
/* -------------------------------------------- */
#comments_list h3{
margin:0 0 10px;
font-weight:bold;
font-size:110%;
}
/* ■１スレッド */
#comments_list .comment {
border: 1px solid #ccc;
color: #777;
margin: 0 0 15px;
padding: 15px 20px 3px;
}
#comments_list .even .children,
#comments_list .odd { background:#fafafa; }
#comments_list .odd .children,
#comments_list .even { background:#f5f5f5; }

#comments_list .comment-author {
overflow:hidden;
margin-bottom:5px;
}
#comments_list .comment-meta {
font-size:80%;
font-weight:bold;
}
#comments_list .comment-author {
position:relative;
}
#comments_list .comment-author img{
float:left;
margin-right:10px;	
}
#comments_list .comment-author .reply{
position:absolute;
top:0;
right:0;
}
#comments_list .comment-content p{
margin: 0 0 10px;
}

/* ■フォーム全体 */
#respond {
border: 1px solid #ccc;
margin: 15px 0;
padding: 15px;
background: #fff;
}
/* ■フォームのラベル */
#respond label {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #888;
}
/* ■フォーム１項目 */
#respond input[type="text"],
#respond textarea{
margin: 0 0 10px;
padding: 1%;
border: 1px solid #ccc;
width: 98%;
background: #fff;
color: #777;
}
/* ■テキストエリア */
#respond textarea{
margin-top: 20px;
}
/* ■送信ボタン */
#submit {
background: #aaa;
border: 1px solid #aaa;
cursor: pointer;
color: #fff;
width: 200px;
height: 37px;
margin: 15px auto 0;
display: block;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* ■サイドバナー */
/* -------------------------------------------- */
.banner {text-align: center;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■ウィジェット */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ■FB自動シェアボタン周辺 */
/* -------------------------------------------- */
#fb_share_flg_wrap {
    text-align:center;
}

/* ■「続きを読む」ためのいいねボタン周辺 */
/* -------------------------------------------- */
div.like_btn_container {
    margin:0 0 20px;
    text-align: center;
}
div.like_btn_container .title {
	background: #ccc;
}
div.like_btn_container .body {
    border: 1px solid #ccc;
    padding: 25px 25px 20px;
    line-height: 1;
}
p.page_name {
    margin-top: 25px;
}
div.like_btn_container iframe{
    /* -webkit-transform: scale(1.7); */
}
div.continues_btn_container {
    margin:20px auto;
}
div.continues_btn_container a,
div.continues_btn_container input {
    margin: 0 auto;
    display:block;
    cursor:pointer;
    width: 280px;
    font-size:12pt;
    color:white;
    font-weight:bold;
    padding:15px 10px;
    text-decoration: none;
    text-align:center;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #FF6600;
    background-image: linear-gradient(to bottom, #FF9900, #FF6600);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    line-height: 1.4;
}
div.continues_btn_container a:hover,
div.continues_btn_container input:hover {
    background-position: 0 -15px;
    transition: background-position 0.1s linear 0s;
}

/* ■facebook likebox */
/* -------------------------------------------- */
.fb_likebox iframe {
width: 100%!important;
}

/* ■facebookコメントウィジェット */
/* -------------------------------------------- */
#kf_fb_comments {
margin: 20px 0;
background: #fff;
}
#kf_fb_comments iframe{
width:100%;
}

/* ■SNSボックス */
/* -------------------------------------------- */
.sns_box {
margin: 5px 0px;
text-align:center;
}
.sns_box div {
display: inline;
}
.sns_box>div {
margin-right: 5px;
}

/* ■SNSボタン */
/* -------------------------------------------- */
.snsBtns {line-height: 1;}
.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: -25px;}
.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;}

/* ■RSSウィジェット */
/* -------------------------------------------- */
.rsswidget img {
vertical-align: -3px;
}
/* ■Youtubeウィジェット */
/* -------------------------------------------- */
.articleText iframe[src*='youtube']{max-width:100%;}

.widget_youtube p,
.widget_youtube_ch p{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin-bottom:10px;
}
.widget_youtube p>iframe,
.widget_youtube_ch p>iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ■検索ウィジェット */
/* -------------------------------------------- */
.widget_search input[type="text"]{
	width:80%;
	border: 1px solid #ccc;
	padding: 2px;
}
.widget_search label{
	display:none;
}
#searchsubmit {
text-indent: -9999px;
background: url(images/search.png) no-repeat 50% 50%;
border: none;
width: 20px;
height: 20px;
cursor: pointer;
}

/* ■カレンダーウィジェット */
/* -------------------------------------------- */
#wp-calendar {
	margin:0 auto;
	width:100%;
	font-size:11px;
	border-collapse:separate;
	table-layout:fixed;
}

#wp-calendar th,
#wp-calendar td {
	color:#333;
	padding:0;
	line-height:220%;
	text-align:center;
}

#wp-calendar td a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#333;
	background:#ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

#wp-calendar td a:hover {
	text-decoration:none;
	color:#fff;
}

#wp-calendar caption {
	padding:7px 0;
	text-align: center;
	font-weight: bold;
}

#wp-calendar thead th,
#wp-calendar tfoot td {
	border:none;
	padding:0;
	line-height:200%;
}

#wp-calendar #prev,
#wp-calendar #next {
	line-height:200%;
}

#wp-calendar #prev a,
#wp-calendar #next a {
	text-decoration:none;
	background:none;
	color:#333;
}

#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#fff;
}

#wp-calendar td#today {
	color:#fff;
	background:#c1c1c1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■基本構造 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ■ヘッダー */
/* -------------------------------------------- */
#titleFrame{height:100%;}
#titleArea{
padding:5px 0;
}
#gnaviFrame {
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 1px rgba(255,255,255,.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), inset 0 0 1px 1px rgba(255,255,255,.2);
}
#titleArea,
#headerArea,
#gnaviArea,
#promoArea{
width:980px;
margin:0 auto;
}
#promoArea img{max-width:100%;}
#headerArea {overflow:hidden;padding:10px 0;}
#headerArea .logo{float: left;}
#headerArea .info{float: right;}

/* ■グローバルナビ周辺 */
/* -------------------------------------------- */
#spNavi{
    display:none;
}
#pcNavi{
    display:block;
    font-weight: bold;
}
#pcNavi ul {
    width:978px;
}
#pcNavi ul li {
    float: left;
    position: relative;
    z-index: 1;
}
#pcNavi .num1 ul li {width: 978px;}
#pcNavi .num2 ul li {width: 489px;}
#pcNavi .num3 ul li {width: 326px;}

#pcNavi .num4 ul li {width: 244px;}
#pcNavi .num4>ul>li:first-child,
#pcNavi .num4>ul>li:first-child ul li {width: 246px;}

#pcNavi .num5 ul li {width: 196px;}
#pcNavi .num5>ul>li:first-child,
#pcNavi .num5>ul>li:first-child ul li {width: 194px;}

#pcNavi .num6 ul li {width: 163px;}

#pcNavi .num7 ul li {width: 140px;}
#pcNavi .num7>ul>li:first-child,
#pcNavi .num7>ul>li:first-child ul li {width: 138px;}

#pcNavi .num8 ul li {width: 122px;}
#pcNavi .num8>ul>li:first-child,
#pcNavi .num8>ul>li:first-child ul li {width: 124px;}

#pcNavi .num9 ul li {width: 109px;}
#pcNavi .num9>ul>li:first-child,
#pcNavi .num9>ul>li:first-child ul li {width: 106px;}

#pcNavi .num10 ul li {width: 98px;}
#pcNavi .num10>ul>li:first-child,
#pcNavi .num10>ul>li:first-child ul li {width: 96px;}

#pcNavi ul li a{
display:block;
color: #fff;
font-size: 13px;
line-height: 1;
text-align: center;
}
#pcNavi ul li a.on,
#pcNavi ul li a:hover{text-decoration: none;}
#pcNavi ul li a span{
font-size: 10px;
color:#fff;
}
#pcNavi ul li ul{
    display:none;
    border: 0;
    position: absolute;
    left: 0;
    width: auto;
}
#pcNavi ul li ul li{
    float: none;
    background:#222;
}
#pcNavi ul li ul li:hover{
    background:#333!important;
}
#pcNavi ul li ul li a{
    border:0;
}

/* ■コンテンツエリア */
/* -------------------------------------------- */
#contentsArea {
width:980px;
margin:0 auto;
padding: 20px 0 0;
}
#contentsArea2 {
overflow: hidden;
margin-bottom: 30px;
}
/* ■columnA */
#columnA #layoutContentsB{
display:none;
}
#columnA #mainArea{
float:right;
width:665px;
}
#columnA #subAreaA{
float:left;
width:300px;
}

/* ■columnB */
#columnB #layoutContentsB{
width:300px;
float: right;
}
#columnB #mainArea{
float: left;
width:665px;
}
#columnB #subAreaA{
display:none;
}

/* ■columnC */
#columnC #layoutContentsA{
width:765px;
float:left;
}
#columnC #layoutContentsB{
float:right;
}
#columnC #mainArea{
float:right;
width:550px;
}
#columnC #subAreaA{
float:left;
width:200px;
}
#columnC #subAreaB{
width:200px;
}

/* ■columnD,pera1 */
.pera1 #layoutContentsA{
width:100%!important;
float:none!important;
}
.pera1 #layoutContentsB{
float:none!important;
}
.pera1 #mainArea{
float:none!important;
width:100%!important;
}
#columnD #subAreaA,
.pera1 #subAreaA{
float:none!important;
display:none!important;
}
#columnD #subAreaB,
.pera1 #subAreaB{
display:none!important;
}

.articleDetailArea,
.articleDetailArea2 {
    margin-bottom: 10px;
}

.articleHeader {
margin: 0 0 10px;
}
.articleBody {
margin: 0 0 30px;
}
.articleText {
margin-bottom: 30px;
}
.articleFooter {
margin: 10px 0;
}

/* ■サイドメニュー */
/* -------------------------------------------- */
/* ■(#contentsArea2の前置した記述は、prefooterエリアの除外を目的としている) */
.widget_wrap {
    margin: 0 0 15px;
}

#contentsArea2 .sideMenu{
background: #fff;
margin-bottom:15px;
padding: 15px;
}

#contentsArea2 .menuHeader {
    padding: 10px 15px;
    color: #fff;
    margin: -15px -15px 15px;
    font-weight: bold;
}
#contentsArea2 .menuHeader a{
    color:#fff;
    text-decoration: none;
}
#contentsArea2 .menuBody {
    color: #333;
    margin: -15px;
    padding: 15px;
}
.sideMenu li:before {
font-family: "kf";
content: '\e804';
padding-right: 5px;
color: #aaa;
}
.widget_recent2 li:before{
content: '';
padding-right: 0;
}
.sideMenu li {
    padding: 5px 0;
    border-top:1px dotted #cccccc;
}
.sideMenu li:first-child {border-top:none;}
.sideMenu .wrap{
    overflow:hidden;
    display: block;
}
.wpp-thumbnail {
width: 70px;
}
.wpp-list li.no1:before{
background-image: url(images/no1.png);
}
.wpp-list li.no2:before{
background-image: url(images/no2.png);
}
.wpp-list li.no3:before{
background-image: url(images/no3.png);
}
.wpp-list li:before{
background: no-repeat 0 0;
content: '';
float:left;
color:red;
font-size:2em;
display: block;
width: 35px;
height: 35px;
}
.sideMenu .txt {
    float: left;
    width: 74%;
}
.sideMenu .post_title{
	font-weight:bold;
	margin:0 0 5px;
}
.sideMenu .post_date{
	font-weight:bold;
	color:#b20000;
}
.sideMenu .thumb {
    float: right;
    width: 25%;
}
.sideMenu .thumb img{
    max-width:100%;
    height:auto;
}
.sideMenu li ul li {
    padding-left:10px;
    background:none;
    border-bottom:0;
}

/* ■プレフッター */
/* -------------------------------------------- */
#preFooterArea {
overflow:hidden;
padding:15px;
border:1px solid #ddd;
background:#ececec;
color: #000;
}
#preFooterArea>div {
float:left;
width:300px;
margin-left:20px;
min-height: 1px;
}
#preFooterArea>div:first-child {
margin-left:0;
}
#preFooterArea .menuHeader{
margin-bottom:10px;
padding: 0 0 5px;
border-bottom:1px dotted #aaa;
font-weight: bold;
font-size: 1.2em;
}
#preFooterArea .menuBody{
margin-bottom:15px;
}
#preFooterArea ul li{
padding: 5px 0px;
border:0;
}
#preFooterArea ul li ul{
padding-top: 5px;
}
#preFooterArea ul li ul li{
padding-left: 1em;
}

/* ■フッター */
/* -------------------------------------------- */
#footerArea a{color:#fff;}
#footerArea {
width:980px;
margin:0 auto;
text-align:center;
color:#fff;
}
#footerMenu {padding:10px 0;}
#footerMenu li{
display:inline;
border-left:1px solid #fff;
padding-left:5px;
margin-left:5px;
}
#footerMenu li:first-child{
border-left:0;
padding-left:0;
margin-left:0;
}
#footerCopy {
padding:10px 0;
}

/* ■パンくず */
/* -------------------------------------------- */
#breadNav {
    margin: 0 0 10px;
}

/* ■ページトップへ戻る */
/* -------------------------------------------- */
#toTopWrap {
position: relative;
z-index: 1;
}
#toTop {
position: fixed;
right: 2%;
z-index: 1;
}
#toTopWrap .type01{
bottom: -30px;
}
#toTopWrap .type02{
display:none;
bottom: 1%;
}
#toTop a {
padding: 5px;
text-align: center;
display: block;
color: white;
font-size: 15px;
line-height: 1;
background:#333;
}
#toTop a:hover {
text-decoration:none;
}
#toTopWrap .type01 a {
width: 50px;
}
#toTopWrap .type02 a {
padding: 25px;
border-radius: 50%;
width: auto;
}


/* ■Youtube */
/* -------------------------------------------- */

iframe {
/* width: 640px;
height: 400px; */
}

/* ■share button */
/* -------------------------------------------- */

#share_btn:hover {
opacity: 0.8;
}

/* ■bunner img */
/* -------------------------------------------- */
.bunner {
margin-bottom: 1em;
text-align: center;
}

/* ■recommend list */
/* -------------------------------------------- */
#rcm p {
color: #FFFFFF;
background-color: #F767A1;
margin: 3em 0 0;
font-size: 1.3em;
font-weight: bold;
padding: 0.6em;
border-bottom: 2px solid #F767A1;
}
#rcm ol {
list-style-type: none;
padding: 0;
margin-top: 0;
}
#rcm ol li {
border-bottom: 2px solid #CCCCCC;
}
#rcm ol li a {
display: block;
text-decoration: none;
background-color: #EEEEEE;
padding: 4px;
height: 84px;
font-size: 1.3em;
}
#rcm ol li a:hover {
background-color: #E0E0E0;
}
#rcm ol li a img {
height: 100%;
}