@charset "utf-8";
/*
Theme Name: BizVektor Global Edition
Theme URI: http://bizvektor.com/en/
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.1.2

Tags: two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: bizvektor-global-edition
License: GNU General Public License
License URI: license.txt

BizVektor Global Edition WordPress theme, Copyright (C) 2014 Vektor,Inc.
BizVektor Global Edition WordPress theme is licensed under the GPL.
*/
.sticky{
	font-size:1em;
	font-weight:nomal;
	padding:0px;
	margin:1px;
}
.bypostauthor{}
.bypostauthor #comments li.comment .commentBox { border-color:#ccc; }


h4.entryTitle a { color:#5ead3c; text-decoration:none; }
h4.entryTitle a:hover { text-decoration:underline; }

/*--------------------------------------------------------------
■375px  (max-width: 375px)
■スマホ横画面 (min-width: 378px) and (max-width: 640px) 
■iPad (min-width: 768px) and (max-width: 790px) 
■スマホ（iPhone） 縦  375px (min-width: 375px) and (max-width: 400px)
■スマホ（iPhone） 横  667px-765px  (min-width: 667px) and (max-width: 765px)
■スマホ 縦画面用 最大：320px (max-width: 320px) 
--------------------------------------------------------------*/


/*-------------hover 設定--------------------------------------*/
.infoCate a	{
 color:#666;margin-right:4px; background-color:#efefef;  padding:1px 5px 2px;  position:relative;border:1px solid #e5e5e5;top:-2px; 
}

.infoCate a:hover{
 background-color:#ffffff !important; color:#fff;text-decoration:none;
}

.moreLink a:hover {
 color:#fff; text-decoration:none !important; background: url(images/arrow_wh_s.png) right bottom no-repeat #271a76 !important;
 }

/*--------------------------------------------------------------
レイアウト
--------------------------------------------------------------*/
::selection{ background-color:#00bfff !important;}
::-moz-selection{ background-color:#00bfff !important;}

/* ヘッダー画像の上にアイテムを表示 */
.headButton {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
    z-index: 999;
}

/* ヘッダー画像に乗せる画像のサイズ調整 */
#topMainBnr .headButton img {
    width: auto !important;
    height: auto;
}

#footer {
background-color:darkred;
border-top:1px solid white;
}


div.contents-1{
float:center;
width:100%;
}

div.contents-2{
float:center;
width:100%;
margin-top:30px;
}

.float1 {
    float: left;
    width: 31%;
    height: 150px;
	background-image: url("https://beneseed-bcc.com/wp-content/uploads/2017/07/topico-01.png");	
    background-size: cover;
    border:1px solid #EEE;
}

.float1 a {
  	display:block;
	height: 100%;
}

.float1 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}


.float2 {
    float: left;
    margin-left: 20px;
    width: 31%;
    height: 150px;
    background-image: url("https://beneseed-bcc.com/wp-content/uploads/2017/07/topico-02-1.png");
    background-size: cover;
    border:1px solid #EEE;
}


.float2 a {
  	display:block;
	height: 100%;
}

.float2 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}

.float3 {
    float: left;
    margin-left: 20px;
    width: 31%;
    height: 150px;
    background-image: url("https://beneseed-bcc.com/wp-content/uploads/2017/07/bcc_04.png");
    background-size: cover;
    border:1px solid #EEE;
}


.float3 a {
  	display:block;
	height: 100%;
}

.float3 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}

.float4 {
    float: left;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-image: url("https://beneseed-bcc.com/wp-content/uploads/2017/07/topico-04.png");
    background-size: cover;
    border:1px solid #EEE;
}


.float4 a {
  	display:block;
	height: 100%;
}

.float4 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}

.float5 {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-image: url("https://beneseed-bcc.com/wp-content/uploads/2017/07/topico-05-1.png");
    background-size: cover;
    border:1px solid #EEE;
}

.float5 a {
  	display:block;
	height: 100%;
}

.float5 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}

.float6 {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-image: url(https://beneseed-bcc.com/wp-content/uploads/2017/07/topico-06.jpg);
    background-size: cover;
    border:1px solid #EEE;
}


.float6 a {
  	display:block;
	height: 100%;
}

.float6 a:hover {
    background-color: rgba(255, 255, 255, 0.4 );
}


/*--------------------------------------------------------------
フォント
--------------------------------------------------------------*/
a:link { color: #5466b7 !important; } /*未訪問のリンク*/
a:visited { color: #000080 !important;} /*訪問済みのリンク*/
a:hover { color: #CC0000 !important; /*border-bottom: 2px dotted;*/} /*ポイント時のリンク*/
a:active { color: #ff8000; } /*選択中のリンク*/
a {text-decoration: none !important;}

.count{
font-size: 40px;
color:red;
/*background: linear-gradient(transparent 80%, #f66 80%);*/
padding:30px 5px 0px 0px;
margin-top:15px;
/*vertical-align:sub;*/
}

.day{
font-size:12px;
/*margin-top:0px;*/
}

.toptext{
font-size:12px;
}

.mars1 {
margin-left:5px;
margin-top:10px;
color: #000000;
/*text-shadow: 0 0 10px skyblue;*/
	font-family: "メイリオ", sans-serif;
	background-color: rgba(255, 255, 255, 0.95 );
font-size:16px;
word-wrap: break-word;
}

.mars2 {
margin-left:20px;
vertical-align:top;
}

.mars3 {
text-decoration:underline;
margin-left:20px;
vertical-align: baseline;
}

ul {
 list-style-type: square;
 }

li{
 margin-left:10px;
}

/*----コンテンツページレイアウト------------------------*/
div.page-cover {
width: 100%;
}

div.main-column {
float: right;
width: 70%;
}

div.side-column {
float: left;
margin-right:10px;
width: 28%;
}

/*
 * 受講者の声
 * --------------------------------------------------
 */

#voice li {
    font-size: 16px;
}

.activetitle {
    font-size: 18px;
    color: #121330;
    background-color: #FEFEFE;
    border-bottom: thin dotted #DDDEF2;
}

#voice dl {
    padding: 0 0.5em;
    font-size: 15px;
}

#voice dt {
	font-weight: bold;
	color: #30327F;
	border-bottom: thin dotted #C5C6DA;
}

#voice dd {
	line-height: 1.4em;
	margin-bottom: 1.2em;
}

/*
 * 元BCC
 * --------------------------------------------------
 */

.jumbotron {
	 background:url(../img/main.jpg) center no-repeat; 
	 background-size: cover;
}


.bcccontents h2 {
	margin-top: 0px;
 */ color:#30317F; */
    font-size:1.1em;
    font-weight:bold;
}

.bcccontents h3 {
    padding: 0px 16px;
    font-size: 20px;
    font-weight:bold;
    color:#323;
}


.bcccontents h4 {
    padding: 0px 14px;
    font-size: 17px;
    font-weight:bold;
    color:#434;
}


.bcccontents h5 {
    padding: 4px 10px;
    font-size: 16px;
    font-weight:bold;
    color:#545;
}


.bcccontents p {
    padding: 4px 0px 4px 12px;
    font-size: 16px;
    line-height: 1.6;
}

.bcccontents a {
    color: #222359;
    text-decoration: none;
}

.bcccontents a:visited {
    color: #222359;
    text-decoration: none;
}

.bcccontents a:hover {
    color: #30317F;
    text-decoration: underline;
}

.bcccontents a:active  {
    color: #bcabca;
    text-decoration: none;
}


/*--------全体設定 ここまで--------------*/

/*--------------------------------------------------------------
(max-width: 375px)
--------------------------------------------------------------*/
@media only screen and (max-width: 375px) 
{

#sideTower{
    display: block;
    overflow: hidden;
    padding: 0 1px 30px 1px;
    width: 50%;
}

/*#site-title a img{
display: none;
}
*/

#imgListWrap li{
display: list-item; /* 縦に並べる */
/*display: inline-block;*/  /* 横に並べる */
}

/*全国教室*/
#dealerMapWrap,#content{
display: none;
}

/* 都道府県 
.prefectures,.school {
width: 15.5em;
float: left;
display: list-item;
}
*/

#footer	{ 
margin:0px; 
padding:20px 0px 0px; 
display:block; 
overflow:hidden; 
border-style: none;}

/* トップイメージ非表示
#topMainBnr #topMainBnrFrame{
display: none;
}
*/
 
/* スマホ用のヘッダー画像を表示 */
/*
#site-title:after {
background:url(https://beneseed-bcc.com/wp/wp-content/uploads/2017/06/logo_bcc-sm.gif);
background-size: 100% auto;
content:'';
display:block;
height:40px;
}
*/

#footer dl#footerOutline{
margin:0px; 
line-height:150%;
width:420px;
text-align: left;
padding-left:10px;
}

div.topblock{
float:none;
}

div.blocka{
float:left;
width: 65%;
font-size:12px;
}

div.blockb{
float:right;
width: 30%;
}

div.blockc{
float:none;
/*display:none;*/
font-size:12px;
}

div.float1{
float:none;
min-width:365px;
margin-top:5px;
margin-left:0px;
background-size:cover;
}

div.float2{
float:none;
min-width:365px;
margin-top:5px;
margin-left:0px;
background-size:cover;
}

div.float3{
float:none;
min-width:365px;
margin-left:0px;
background-size:cover;
}

div.float4{
float:none;
min-width:365px;
margin-left:0px;
background-size:cover;
}

div.float5{
float:none;
min-width:365px;
margin-left:0px;
background-size:cover;
}

div.float6{
float:none;
min-width:365px;
margin-left:0px;
background-size:cover;
}
    
div.contents-1,div.contents-2{
float:none;
}

/* ↓ページレイアウト */

/* ↓レイアウト全体領域 */
div.page-cover {
display:flex;       /* フレキシブルボックスでレイアウト */
flex-direction:column; /* 縦並びにする */
}

/* ▼メインカラムの装飾 */
div.main-column {
order:1;
width:100%;
clear:both;
}

/* ▽サイドカラムの装飾 */
div.side-column {
order:2; 
width:100%;
}


}

/*--------------------------------------------------------------
スマホ横画面(min-width: 378px) and (max-width: 640px) 
--------------------------------------------------------------*/
@media only screen and (min-width: 378px) and (max-width: 640px) 
{

#sideTower{
    display: block;
    overflow: hidden;
    padding: 0 1px 30px 1px;
    width: 60% !important;
}

/*全国の教室紹介*/
#dealerMapWrap,#content{
display: none;
}

/*
.imgList {
  list-style-type: none;

.imgList li {
	width: 90%;
	float: left;
	padding-right: 2%;
	margin-bottom: 0.25em;

}
*/

/*        TOP          */
div.topblock{
float:none;
}

div.blocka{
float:left;
width: 65%;
font-size:12px;
}

div.blockb{
float:right;
width: 30%;
}

div.blockc{
float:none;
/*display:none;*/
font-size:12px;
}

div.float1{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

div.float2{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

div.float3{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

div.float4{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

div.float5{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

div.float6{
float:none;
min-width:450px;
margin-left:30px;
background-size:cover;
}

#footer dl#footerOutline{
margin:0px; 
line-height:150%;
width:420px;
text-align: center;
padding-left:10px;
}
  
div.contents-1{
float:none;
}

div.contents-2{
float:none;
} 

p.mars1{
display: block;
word-wrap:break-all;
}

/*全国教室*/
#dealerMapWrap,#content{
display: none;
/*width:80%;*/
}

#dealerMapBg{
width:400px;
}


}
/*------ここまで スマホ横画面(min-width: 378px) and (max-width: 640px) -----------------*/


/*--------------------------------------------------------------
iPad (min-width: 768px) and (max-width: 790px) 
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 790px) 
{

.slideFrame {
    width: 105%;
    height: auto;
}

.float1 {
    float: left;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}

.float2 {
    float: left;
    margin-left: 20px;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}

.float3 {
    float: left;
    margin-left: 20px;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}

.float4 {
    float: left;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}

.float5 {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}


.float6 {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 31%;
    height: 150px;
    background-size: cover;
    border:1px solid #EEE;
}


#sideTower{
    display: block;
    overflow: hidden;
    padding: 0 1px 30px 1px;
    width: 60% !important;
}

#footer dl#footerOutline{
margin:0px; 
line-height:150%;
text-align: center;
padding-left:10px;
}

/*全国教室*/
#dealerMapWrap,#content{
/*display: none;*/
}

#dealerMapBg{
width:600px;
}

}

/*--------------------------------------------------------------
スマホ（iPhone） 縦 (min-width: 375px) and (max-width: 400px) 
--------------------------------------------------------------*/
@media only screen and (min-width: 375px) and (max-width: 400px) 
{

div.float1{
float:none;
min-width:400px;
background-size:cover;
}

div.float2{
float:none;
min-width:400px;
background-size:cover;
}

div.float3{
float:none;
min-width:400px;
background-size:cover;
}

div.float4{
float:none;
min-width:400px;
background-size:cover;
}

div.float5{
float:none;
min-width:400px;
background-size:cover;
}

div.float6{
float:none;
min-width:400px;
background-size:cover;
}

#sideTower{
    display: block;
    overflow: hidden;
    padding: 0 1px 30px 1px;
    width: 60% !important;
}


}

/*--------------------------------------------------------------
スマホ（iPhone） 横 (min-width: 667px) and (max-width: 765px) 
--------------------------------------------------------------*/
@media only screen and (min-width: 667px) and (max-width: 765px) 
{

div.float1{
float:left;
width: 45%;
margin-left:20px;
background-size:cover;
}

div.float2{
float:left;
margin-left:20px;
width: 45%;
background-size:cover;
}

div.float3{
float:left;
margin-top:10px;
width: 45%;
background-size:cover;
}

div.float4{
float:left;
margin-top:10px;
margin-left:20px;
width: 45%;
background-size:cover;
}

div.float5{
float:left;
margin-left:20px;
width: 45%;
background-size:cover;
}

div.float6{
float:left;
margin-left:20px;
width: 45%;
background-size:cover;
}

#sideTower{
    display: block;
    overflow: hidden;
    padding: 0 1px 50px 1px;
    width: 60% !important;
}

#footer dl#footerOutline{
margin:0px; 
line-height:150%;
text-align: center;
padding-left:10px;
}

/*全国教室*/
#dealerMapWrap,#content{
display: none;
/*width:80%;*/
}


}

/*--------------------------------------------------------------
スマホ 縦画面用 (max-width: 320px) 
--------------------------------------------------------------*/
@media only screen and (max-width: 320px) 
{

div.float1{
float:none;
min-width:280px;
margin-top:5px;
margin-left:0px;
background-size:cover;
}

div.float2{
float:none;
min-width:280px;
margin-top:10px;
margin-left:0px;
background-size:cover;
}

div.float3{
float:none;
min-width:280px;
margin-left:0px;
margin-top:10px;
background-size:cover;
}

div.float4{
float:none;
min-width:280px;
margin-left:0px;
background-size:cover;
}

div.float5{
float:none;
min-width:280px;
margin-left:0px;
background-size:cover;
word-break:break-all !important;
}

div.float6{
float:none;
min-width:280px;
margin-left:0px;
background-size:cover;
}
    
/* トップ画像 非表示
#site-title a img{
display: none;
}
*/

#imgListWrap li{
display: list-item; /* 縦に並べる */
/*display: inline-block;*/  /* 横に並べる */
}


/*#topMainBnr #topMainBnrFrame{
display: none;
}
*/
 
/* スマホ用のヘッダー画像を表示 */
/*
#site-title:after {
background:url(https://beneseed-bcc.com/wp/wp-content/uploads/2017/06/logo_bcc-sm.gif);
background-size: 100% auto;
content:'';
display:block;
height:40px;
}
*/

#footer dl#footerOutline{
margin:0px; 
line-height:150%;
text-align: left;
padding-left:0px;
word-wrap: break-word !important;
}

#footer,#footerOutline{
width:100%;
word-wrap: break-word;
}

#siteBottom #copy{
width:100%;
text-align:center; 
word-wrap: break-word !important;
}

#siteBottomInner{ text-align:center; }

.innerBox {width:100%;
word-wrap: break-word !important;}

div.topblock{
float:none;
}

div.blocka{
float:left;
width: 65%;
font-size:12px;
}

div.blockb{
float:right;
width: 30%;
}

div.blockc{
float:none;
/*display:none;*/
font-size:12px;
}
    
div.contents-1,div.contents-2{
float:none;
}

/* ↓ページレイアウト */

/* ↓レイアウト全体領域 */
div.page-cover {
display:flex;       /* フレキシブルボックスでレイアウト */
flex-direction:column; /* 縦並びにする */
}

/* ▼メインカラムの装飾 */
div.main-column {
order:1;
width:100%;
clear:both;
}

/* ▽サイドカラムの装飾 */
div.side-column {
order:2; 
width:100%;
}

.mars1{
display: block;
word-break: break-all;
}

/*----------- 全国の教室 ------------*/

/* 都道府県 
.prefectures,.school {
width: 15.5em;
float: left;
}*/

#dealerMapWrap,#content{
display: none;
}

/*.imgListWrap  {
}*/
div#imgListWrap li { list-style: none; }

.imgList {
  list-style-type: none;
}
.imgList li {
	width: 95%;
	float: nonet;
	padding-right: 2%;
	margin-bottom: 0.25em;

}

}
/*------- END スマホ 縦画面用 (max-width: 320px) ------------*/

/** brタグをどんな場合でも表示 */
br{
　display: block !important;
}