@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor theme will allow you to build a high-quality web site. It is possible to change the color, to switch to a completely different design. In addition, it is also possible to increase the number of designs by plug-ins.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version: 1.8.11

Tags: white, red, blue, black, green, orange, purple, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: biz-vektor
License: GNU General Public License
License URI: license.txt


BizVektor WordPress theme, Copyright (C) 2014 Vektor,Inc.
BizVektor WordPress theme is licensed under the GPL.
*/

.sticky {}
.bypostauthor {}

#powerd{display:none}

div.rssBtn {
visibility: hidden;
}

#header #site-title a img { max-height:100px;mas-weight:1200px; }

/*twitterボタンの幅調整*/
.wsbl_twitter {
 width: 77px !important;
}



/*-----------------------
ふきだし3
-----------------------*/
.box3{
  position: center;
  height: auto;
  width: 90%;
  margin-bottom: 20px;
  padding:10px 15px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  background: #FBEFF2;
  box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -o-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -ms-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -webkit-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -moz-box-shadow:0px -3px 0px 0px rgba(0,0,0,0.20) inset;  
}



/*-----------------------
ふきだし2
-----------------------*/
.box2{
  position: center;
  height: auto;
  width: 90%;
  margin-bottom: 50px;
  padding:15px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  background: #FBEFF2;
  box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -o-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -ms-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -webkit-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -moz-box-shadow:0px -3px 0px 0px rgba(0,0,0,0.20) inset;  
}

/*-----------------------
ふきだし2
-----------------------*/
.box1{
  position: center;
  height: auto;
  width: 90%;
  margin-bottom: 50px;
  padding:15px;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -ms-border-radius:7px;
  background: #cfecfa;
  box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -o-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -ms-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -webkit-box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.20) inset;
  -moz-box-shadow:0px -3px 0px 0px rgba(0,0,0,0.20) inset;  
}




/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
 }
.talk-wrap p{
 margin:0;
 }



 .left-icon{
 width: 60px;
 height: 60px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 3px #ccc; /*左のアイコンの影の設定*/
 border: 3px solid #FFF; /*左のアイコンの枠の設定*/
 margin: 10px 0 10px 60px;
 }
 .talk-left{
 float:right;
 position: relative;
 background: #EDFFFE; /*左の会話の背景色*/
 border: 1px solid #ccc;
 padding: 3%;
 border-radius: 10px;
 width: 64%;
 margin-top:10px;
 box-shadow: 0px 0px 1px #ccc; /*左の会話の影の設定*/
 margin-right: 60px;
 margin-bottom: 10px;
 }
.talk-left:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #aaa;
 position: absolute;
 left: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-left:after {
 content: "";
 display: inline-block;
 border: 8px solid transparent;
 border-right-color: #EDFFFE;
 position: absolute;
 left: -16px;
 top: 25%;
 margin-top: -8px;
}



 .right-icon{
 width: 60px;
 height: 60px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 180%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 3px #ccc; /*左のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin: 10px 60px 10px 0;
 }
 .talk-right{
 float:left;
 position: relative;
 background: #EDFFFE; /*右の会話の背景色*/
 border: 1px solid #ccc;
 padding: 3%;
 border-radius: 10px;
 width: 64%;
 margin-top:10px;
 box-shadow: 0px 0px 1px #ccc; /*左の会話の影の設定*/
 margin-left: 60px;
 margin-bottom:10px;
 }
 .talk-right:before {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #aaa;
 position: absolute;
 right: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-right:after {
 content: "";
 display: inline-block;
 border: 8px solid transparent;
 border-left-color: #EDFFFE;
 position: absolute;
 right: -16px;
 top: 25%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}


/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 50px;
 height: 50px;
 margin-left: 5px;
 }
 .talk-left{
 width: 68%; 
 margin-right: 5px;
 }
 .right-icon{
 width: 50px;
 height: 50px;
 margin-right: 5px;
 }
 .talk-right{
 width: 68%; 
 margin-left: 5px;
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 50px;
 height: 50px;
 margin-left: 5px;
 }
 .talk-left{
 width: 68%; 
 margin-right: 5px;
 }
 .right-icon{
 width: 50px;
 height: 50px;
 margin-right: 5px;
 }
 .talk-right{
 width: 68%; 
 margin-left: 5px;
 }
 }


.marker {
background: linear-gradient(transparent 30%, #FFFF93 30%);
font-weight: normal;
}