@charset "utf-8"; /*
Theme Name: BizVektor-official
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: Vektor,Inc
Tags:
*/

#content .wpdm-facebook a.btn_left { color:#fff;}

/* ボタン */
.clickBtn {border: 1px solid #cccccc;box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9);background: #C00;padding: 8px 12px; text-decoration:none; margin:0 auto;color: #fff;margin-top: 20px;display: block;width: 50%; width:50%; text-align:center;}

/*	テキスト装飾 */
.pointTxt { font-weight:bold; color:#F00; }


/* ダウンロードページ 拡張テーマ */
#add-onsMainImg {border: 1px solid #ccc; margin-bottom: 10px; }
#add-onsBtnbox { text-align:center; overflow:hidden; clear:both; margin-bottom:40px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

#toc_container { border:2px solid #efefef;padding:15px 15px 0; }
#toc_container p.toc_title { text-align: center;margin-bottom:5px; }

/*-------------------------------------------*/
/*	拡張プラグイン
/*-------------------------------------------*/
#content .pluginBox { float:left; width:100%; margin-bottom:20px; }
#content .pluginBox h6 { margin:5px 0; }
#content .pluginBox h6 a { text-decoration:none; }
#content .pluginBox h6 a:hover { text-decoration:underline; }
#content .pluginBox .pluginThumbnail { text-align:center; max-width:320px;  max-height:240px; overflow:hidden;  }
#content .pluginBox .pluginThumbnail a { border:1px solid #eee; display:block; height:238px; }
#content .pluginBox .pluginThumbnail img { width:320px; }
#content .pluginBox .pluginThumbnail plugincat a { background:#ddd;  }
#content .pluginBox .excerpt { margin-top:10px; }
#content .pluginBox .excerpt a { color:#666; text-decoration:none; }
#content .pluginBox .excerpt a:hover { text-decoration:underline; }
#content .pluginBox .infoCate a	{ color:#666;margin-right:4px; background-color:#efefef;  padding:1px 5px 2px;  position:relative;border:1px solid #e5e5e5;top:-2px; }
#content .pluginBox .infoCate a	{ font-size:10px;line-height:14px; text-decoration:none; font-family: "MS UI Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
#content .pluginBox .infoCate a:hover	{ background-color:#dd0000; color:#fff;text-decoration:none;}
/* シングルページ*/
.single-ex_plugin #content #titleimg { margin-bottom:30px; }
body.single-ex_plugin.postid-5208 #howtoBox { display: none; }

/*-------------------------------------------*/
/*	制作事例
/*-------------------------------------------*/

#content .exList	{border-top:1px solid #e5e5e5;padding-bottom:30px;}

#post-nav	{ border-top:1px dotted #999; display:block; overflow:hidden;padding-top:5px; }
#post-nav a	{ text-decoration:none;color:#333;display:block; overflow:hidden; line-height:20px; }
#post-nav a:hover	{ text-decoration:underline; color:#f00; }
#post-nav .nav-previous	{ float:left; }
#post-nav .nav-previous	a	{ padding:0px 0px 0px 16px; background:url(images/icon_arrow_pre_gray.png) left 50% no-repeat; }
#post-nav .nav-previous	a:hover	{ background:url(images/icon_arrow_pre_gray.png) left 50% no-repeat; }
#post-nav .nav-next		{ float:right; }
#post-nav .nav-next	a	{ padding:0px 16px 0px 0px; background:url(images/icon_arrow_next_gray.png) right 50% no-repeat; }
#post-nav .nav-next	a:hover	{ background:url(images/icon_arrow_next_gray.png) right 50% no-repeat; }
#content #procustom  #pro-custom-plan { clear:both; margin:0 0 20px 0; overflow:hidden; }
#content #procustom #pro-custom-plan li  { float:left; list-style: none; }
#content #procustom #pro-custom-plan li + li { margin-left:10px;}

/*
#content #procustom  .osusumetitle { margin:0 0 10px 0; padding:0; }
#content #procustom  #osusumelist { margin:0; }
#content #procustom  #osusumelist li{list-style:none; line-height:100%;}
*/

#content #procustom  #iconset {clear:both; margin:0 8px; overflow:hidden;}
#content #procustom  #iconset li  { float:left; list-style: none; margin-bottom:0; }
#content #procustom  #iconset li + li { margin-left:5px;}
#content #procustom  #cautiontxt { font-size:85%; color:#F00;}
#content #procustom  .seisakuBox{ background:url(http://bizvektor.com/wp-content/uploads/arrow.gif) no-repeat center bottom; padding-bottom:5px; margin-bottom:5px;}
#content #procustom  blockquote p { margin:0; }
#content #procustom  blockquote .seisakuflowTxt { margin-bottom:20px; padding-left: 75px;}
#content #procustom  blockquote .seisakuflowTitle { font-size: 128.6%; font-weight:bold; color:#333; padding-bottom:8px; }

/*-------------------------------------------*/
/*	制作事例
/*-------------------------------------------*/
#content #list dt { margin-top:40px; color: #333;font-size: 110%;}
#content #list dd { margin: 0px 0px 15px; }
/* ビズベクトルプロカスタムパック */
#content .troublelist { margin: 0; }
#content .troublelist li { padding: 10px 0 10px 40px; background: url(http://bizvektor.com/wp-content/uploads/faceicon.png) left center no-repeat; font-size: 120%;  line-height: 140%;  font-family: メイリオ; font-weight: bold; color: #111;}
/* ビズベクトルプロカスタムパック 改正版 */
#content .pointBox { background: #ffac21;  padding: 0 10px 10px; margin-bottom: 40px;}
#content .pointBox h2 { border-top: none; border-bottom: none; background-color: transparent; padding: 0; margin: 0;box-shadow:none;}

#content .pointInner { background: #fff;  padding: 0 10px 10px 10px; margin-bottom: 20px;  overflow: hidden; }
#content .pointInner .pointTitle { overflow: hidden;  margin-bottom: 20px;}
#content .pointInner .pointTitle .icon { float: left; }
#content .pointInner .pointTitle .icon img { max-width: 80%; }
#content .pointInner .pointTitle .txtImg { float: left; margin: 10px 0 0 0px; width: 75%; }
#content .pointInner .pointImg { margin: 0 auto; display: block; }
#content .pointInner .txtArea {  }
#content ul#threeplan { overflow:hidden; margin: 0; }
#content ul#threeplan li:first-child {  }
#content ul#threeplan li { list-style: inherit; text-align: center; }

#content ul#threeplan li a:hover {  }
#content ul#threeplan li a:hover img { opacity: 0.8; }

#content ul#threeplan li a img,
#content ul#threeplan li a { float: left; overflow: hidden;   max-width: inherit;}

#content .priceArea { font-weight: bold; font-size: 120%;}
#content .priceArea .price { color:#ff0000; font-size: 160%; }
#content h2.imgTitle { padding: 0; border: none; box-shadow: none; }
#content .mobileTxt { display: block; color: #f00; }
#content .scrollBox { overflow: scroll; -webkit-overflow-scrolling: touch; }
#content .scrollBox .proTable { border-collapse: collapse; }
#content .scrollBox .proTable td { text-align: center; }
#content .scrollBox .proTable td,
#content .scrollBox .proTable th { border: 1px solid #ccc; }
#content .recommendtitle { margin:0 0 10px 0; padding:0; font-weight: bold; }
#content .recommendList { margin: 0; }
#content .recommendList li { background: url(/wp-content/uploads/checkicon.png) left top no-repeat; padding-left: 30px;   padding-top: 3px;  list-style: none;}

a.btnRed { color: #fff; background-color: #ea2e03; display: inline-block;  overflow: hidden;  margin-top: 15px;  position: relative;  padding: 8px 20px 6px;  text-decoration: none;  cursor: pointer;  border: none;}
a:hover.btnRed {filter: alpha(opacity=80);  -moz-opacity: 0.8;  opacity: 0.8;}

#content #planContent dl { margin-bottom: 10px;}
#content #planContent dt { display: table-cell; vertical-align: middle; width:60px;}
#content #planContent dd { display: table-cell; vertical-align: middle; }

/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) {
/* ビズベクトルプロカスタムパック 改正版 */
#content .pointBox { background: #ffac21; padding: 0 20px 1px 20px; margin-bottom: 40px;}

#content .pointInner { background: #fff;  padding: 0 20px 20px 20px; margin-bottom: 20px;  overflow: hidden; }
#content .pointInner .pointTitle .txtImg { float: left; margin: 20px 0 0 20px;  }
#content .pointInner .pointTitle .icon img { max-width: 100%; }
#content .pointInner .pointImg { float: right; width: 25%; }
#content .pointInner .txtArea { float: left; width: 74%; }
#content ul#threeplan li:first-child { margin-left: 0; }
#content ul#threeplan li { float: left;  margin-left: 23px; }
/* ダウンロードページ 拡張テーマ */

/* 画像の場合 */
#add-onsImg01 a,#add-onsImg02 a { display:inline-block; border: 1px solid #ccc;}
#add-onsImg01,
#add-onsImg02 { width:48%; text-align:center; }
#add-onsImg01 { float:left;}
#add-onsImg02 { float:right;}
/*
#add-onsImg01 .gallery-caption {
	background: #eee;
	background: rgba( 255,255,255,0.8 );
	color: #333;
	font-weight: 400;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
		bottom: 0;
	text-indent: 10px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}
#add-onsImg02 .gallery-caption {
	background: #eee;
	background: rgba( 255,255,255,0.8 );
	color: #333;
	font-weight: 400;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
		bottom: 0;
	text-indent: 10px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}
*/

/* ボタンの場合 */
#add-onsBtn01 a,
#add-onsBtn02 a { width:40%; text-align:center;}
#add-onsBtn01 a { float:left;}
#add-onsBtn02 a { float:right;}

#content .mobileTxt { display: none;}

/*-------------------------------------------*/
/*	拡張プラグイン
/*-------------------------------------------*/
#content .pluginBox { width: 48%;padding: 0 1px;  }
#ex_plugin_lists .pluginBox:nth-child(2n+0) { margin-right: 20px; }
#ex_plugin_lists .pluginBox:nth-child(2n+1) { margin-right: 0px; }
.archive .pluginBox:nth-child(2n+1) { margin-right:0px; }
.archive .pluginBox:nth-child(2n+0) { margin-right: 20px; }
}

@media (min-width: 770px) {
#content .scrollBox { overflow: auto; }
}