/*
Template:biz-vektor
Theme Name:themes/biz-vek-child
*/

#powerd{
display:none;
}

#content h3 {
padding: .5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #3cb371;/*左線（実線 太さ 色）*/
}


h3.home {
height: 50px;
text-align: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#content p { font-size:16px; } 

@media (min-width: 970px) {
#main #container #sideTower { width:270px; }
} 

.tl01 {
	padding: 10px;
	background-color: #ffffff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.w04 {
	font-soze: 12px;
	position: relative;
	padding: 8px;
	border-top: 1px solid #ccc;
	background-color: #e6e6fa;
margin-bottom:10px;
}
.w04::after {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #333;
}

.qa{
 background: url(http://k-rod.com/wp/wp-content/uploads/2015/05/fuki.png) no-repeat left center;
 font-size: 14px;
 height: 20px;
    padding: 0 0 2px 25px;
margin-bottom:10px;
}

.kakoibox{
display: inline-block;
 margin: 10px;
overflow: auto;
}

.senpai{
		width:250px;
    padding: 8px 10px;
    margin: 5px;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}

#w4-hitori
{
 font-size: 1.8em;
 margin: 10px;
 padding: 10px;
background-color:#ff6347;
border:solid 2px #dc143c;
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
color:#f5deb3;
}
.parent {
 width: 100%;
float: left;
  display: flex;
}
.child1 {
 width: 250px;
margin:10px;
}
.child2 {
max-width:540px;
margin:10px;
}

.child3 {
max-width:300px;
margin:10px;
}

.senpai {
margin:2em 2em　2em 2.5em;
padding:1em 1.5em;line-height:2.0;
border:1px dashed #cdcdcd;
background:#fcfcfc;
}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.parent{
 width: 100%;
float: center;
  display: inline-block;
}
.child1 {
 width: 100%;
}
.child2 {
 width: 100%;
}
}

/*===============================================
●スプリングボードメニュー  画面の横幅が640pxまで
===============================================*/
.none {
  display: none;
}
#mb-wrap{
  background:#ffffad;
}

.board {
  margin: 10px auto 20px;
display:flex;
justify-content: center;
padding:0
  width: 100%;
}

.board ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  list-style:none;
}
.board li {
background:#ffffad;
  width: 58px;
  margin-top: 10px;
  margin-left: 2px;
display: inline-block;
}
.board li a {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align:center;
}
.icon,
.label {
  display: block;
}
.icon {
  width: 58px;
  margin-left: 2px;
}
.label {
  font-size: 12px;
  margin-top: 10px;
}

.board-b {
  width: 100%;
  margin-top: 10px;
   margin-bottom:20px;
display:flex;
justify-content: center;
padding:0
}
.board-b ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  list-style:none;
}
.board-b li {
  width: 18%;
  margin-top: 10px;
  margin-left: 16px;
display: inline-block;
}
.board-b li a {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align:center;
}

.mob-top {
background:#fff8dc;
 width: 90%;
margin:0 auto;
}

.mob-top02 {
background:#fff8dc;
 width: 90%;
margin:0 auto;
}

/* メイン囲い */
.mkakoi {
min-height:20px;
line-height:2em;
padding:19px;
margin-bottom:10px;
background-color:#f5f5f5;
border:1px solid #e3e3e3;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
overflow: auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.border5 {
	font-size: 16px;
	line-height: 20px;
	padding: .5em 0 .5em 1.5em;
	position: relative;
	background: #ffffff;
	border: 1px solid #000000;
}
.border5:after {
	content: " ";
	position: absolute;
	top: .5em;
	left: .5em;
	width: 6px;
	height: calc(100% - 1em);
	background: #000000;
}

/* *************** スマホ向けＣＳＳ ***************  */
@media only screen and (max-width: 480px) {
.box_3          {width:95%;
                font-size:0.875em;
                line-height:1.2em;
                display:block;
                margin:0 auto;}
.box_3 img      {display:block;
                margin:0 auto;
                width:95%;}
.box_3 p        {padding:10px 10px 0px 10px;}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
}

/* *************** タブレット向けＣＳＳ ***************  */
@media only screen and (min-width: 481px) and (max-width:768px) {
.box3_all       {max-width:768px;
                 width:100%;
                 font_size:0.875em;
                 line-height:1.2em;}
.box_3           {width:97.5%;
                 overflow: auto;}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
.box_3 img       {width:25%;
                 float:left;
                 margin-right:15px;}
.box_3 p         {width:100%;}
}
/* **************  ＭＱ・パソコン向け ***************  */
@media only screen and (min-width: 769px) {
.box_3_all      {width:100%;
                display: flex;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flex;
                justify-content: center;
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;}
.box_3          {width:264px; overflow: auto;}
.box_3:nth-child(2)	{margin:0px 10px;}
.box_3 img      {width:264px; height:auto;}
}

/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 45px;
    right: 0;
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 座標の基準要素にする */
    position: relative;

    /* 横幅 */
    width: 85px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 20px; }

/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}

/* 吹き出し要素 */
#fixed_right_banner > * > span
{
    /* マウスオーバー時以外は非表示にする */
    display: none;

    /* 画像の左上に移動 */
    position: absolute;
    top: -1em;
    left: -1em;

    /* 画像の左上に移動 */
    padding: .5em 1em;

    /* 背景色 */
    background-color: #c00;

    /* 画像の左上に移動 */
    border-radius: 5px;

    /* テキストの設定 */
    color: #fff;
    font-size: .75em;
    text-align: center;
    white-space: nowrap;
}

/* 吹き出し要素の足部分 */
#fixed_right_banner > * > span::after
{
    content: '';
    position: absolute;
    top: 99%;
    left: 1em;
    z-index: 5;
    width: 0;
    height: 0;
    border-color: #c00 #c00 transparent transparent;
    border-style: solid;
    border-width: 5px;
}

/* マウスオーバーされたら吹き出しを表示 */
#fixed_right_banner > *:hover > span
{
    /* マウスオーバー時以外は非表示にする */
    display: block;
}
#fixed_right_banner > * > span
{
    /* noneになっているとアニメーションしないのでblockに変更 */
    display: block;

    /* マウスオーバー時以外は非表示にする為に追加 */
    visibility: hidden;
    opacity: 0;

    /* 左座標の初期値を変更 */
    left: 0;

    /* アニメーション */
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/* マウスオーバーされたら吹き出しを表示 */
#fixed_right_banner > *:hover > span
{
    /* 必要ないので削除する */
    /*display: block;*/

    /* マウスオーバーで吹き出しをスライドして表示 */
    visibility: visible;
    opacity: 1;
    left: -1em;
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* --- お問い合わせフォーム --- */

/* --- ボタン --- */
a.bt-samp8{
  display: block;
  height: 35px;
  width: 190px;
  text-decoration: none;
  background: #d2691e;
  color: #fff;
  line-height: 37px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #d4842c;
}
a.bt-samp8:active{  /* クリック時の設定 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow:none;
}

.top-blue{
    	padding: 20px;
  line-height: 41px;
    	font-size:30px;
    	font-weight:bold;
text-align:center;
    	color: #fff;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    	background: linear-gradient(#325A8C 0%, #1C3959 100%);
    	border:1px solid #325A8C;
    	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25);
margin:15px 0;
    }