/*
Theme Name: jfbba
Description:バーテンダースクール用テーマです
Theme URI: https://www.jfb-businessacademy.com/
Author: 竜田藍子
Author URI: http://jplan.me
Version: 1
*/

li.box3.left {
    font-size: 0.8em;
}
span.wpcf7-list-item {
    display: block!important;
    padding-top: 5px;
}
.botton {
    background: -moz-linear-gradient(top,#d5f5ca 0,#98d982);
    background: -webkit-gradient(linear,left top,left bottom,from(#9a643e),to(#403115));
    color: #fff;
}
p.pa1 {
    padding: 1em 1em 0;
}
.g {
    color: #000000;
}
.y {
    background: #fffb72;
}

table td {
    background: #f3eddb;
    color: #555;
}
.botton a{
    color: #fff;
}
.bg_1 {
    background-color: #f1e9de;
}
.alignleft{
float:left;
padding-right:1em;
}

.footernews a {
    color: #12441F;
}
.clear{clear:both;}
li.box3.left {
    font-size: 0.8em;
}
ol li {
    list-style: decimal;
    margin: 1em 0 0 2em;}
/******************************
SNS
******************************/
ul.social-button-syncer li
{
    float: right ;
    text-align: center ;
    margin: 0 1px ;
    padding:0 ;
}
#leftColm ul.social-button-syncer li {
    float: left;
}
/* [Twitter] */
.sc-tw
{
    width: 71px ;
}

/* [Facebook] */
.sc-fb
{
    z-index: 99 ;
    width: 69px ;
}

/* [LINE] */
.sc-li
{
    width: 50px ;
}

.sc-li-img
{
    border: none ;
    margin: 0 auto ;
    padding:0 ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px )
{
    .sc-li
    {
        display: none ;
    }
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.aligncenter {
    margin: auto;
    display: block;
}
b,strong {
    font-weight: bold;
}

/* 追加　バーテンダースクールページ */
.wbtn {
    background: #fff;
    padding: 1em;
    -moz-box-shadow: 3px 2px 2px rgba(186, 177, 182, 0.55);
    -webkit-box-shadow: 3px 2px 2px rgba(111, 111, 111, 0.55);
}


p.btn {
    background: #F89221;
    text-align: center;
    font-weight: bold;
    margin: 1em;
    font-size: 1.2em;
}

p.btton a {
    background: #F89221;
    text-align: center;
    font-weight: bold;
    /* margin: 1em; */
    font-size: 1.2em;
    width: 100%;
    color: #fff;
    padding: 0.5em 0;
    display: block;
}

p.btton a:hover {
       background: #B58230;
}

.bgb.clearfix {
    background: rgba(0, 0, 0, 0.8);
    padding: 1em;
    color: #fff;
}

.barbaner {
    background: url("/img/jfbbabg1.jpg");
    padding: 1em;
}
.box41{
width:24%;
float:right}

/* 追加　バーテンダースクールページ201612 */

.bartop {
    background: url("/img/top.png");
    width:100%;
    background-size: cover;
    text-align: right;
    color: #fff;
    padding: 30px 0
}
.bartop p, .bartop h2{
    width: 93%;
max-width:467px;
    padding-right:14px;
    float: right;
}
.box21{width:49%;
}
.box22{width:49%;
float: right}
.w {
    color: #fff
}
p.btnp{text-align: center;
    background: #3e0d00;
    line-height: 0.5em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    padding: 0;
    margin-top: 1em;
}
.pa1{padding: 10px}
.top2 {
    border: solid 2px #76521d;
margin-top:1em
}
.bartitle1 {
    font-size: 1.4em;
    background: url(/img/tokutyoutitle.jpg)no-repeat;
	    padding: 1em 3em ;
	margin-bottom: .5em;
	background-size: cover;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.red{color: #951212}
.hosi li{padding-bottom: .5em;
	list-style-type:none;
background-image: url(/img/hosi.png);
background-repeat:no-repeat;
background-position:0px 4px;
	padding: 0.5em 0 0.5em 3em
}
.barbox{padding: 10px;
border:double 4px #97886b;
clear: both;
margin-top: 1em}

.kaigyou {
	    background: url(https://www.jfb-businessacademy.com/wp-content/themes/bartender/img/body.png);
	clear:both;
	margin-top: 1em
}

.pin {
	background: url("/img/pin.png");
background-repeat: no-repeat;
background-size: 60px;
padding-left: 4em;
margin-top:0.5em;
padding-bottom:1em;
padding-top: 1em}

.kaigyoup {
	border: solid 2px #8e611e;
	text-align: center;
	padding: 1em 0;
	background: #fff
}

.btn a {
    background: -moz-linear-gradient(top,#80580e 0,#402208);
    background: -webkit-gradient(linear,left top,left bottom,from(#80580e),to(#402208));
    border: 1px solid #613109;
    color: #fff;}
.btn a:hover {
    background: #513009;
}

.flex {
	 display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	list-style: none;
	text-align: center;
	width:98%;
	margin: auto;
	flex-wrap: wrap;
}
.flex li{background: #fff;
padding: 0.5em;
	margin: 0.3em;
	-webkit-flex: 1;
flex: 1;
}
.flex li.f2{
	-webkit-flex: 1.3;
flex: 1.3;
}
.pa05 {
	padding: 0.5em
}
.paside1{padding: 0 1em}
table.schedule th{background:#7b4b1b;background:-moz-linear-gradient(rgba(136, 81, 34, 0.7),rgba(116, 71, 26, 0.9) 50%);background:-webkit-gradient(linear,100% 0,100% 50%,from(rgba(136, 81, 34, 0.7)),to(rgba(116, 71, 26, 0.9)));}

.btnbar a {
    background: #543618;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0.2em;
    margin-top: 1em;
    font-weight: bold;
}
hr{border:solid 1px #76521d}
@media only screen and (max-width: 800px){
.box21, .box22{width:100%}
	.box3.box100{width:98%}
.flex p{font-size: 0.8em;
	line-height: 1.2em}
}

@media only screen and (max-width: 480px){
.box41 {
    width: 100%;
}
.flex p{font-size: 0.6em;}
#page {padding: 0;
}
}