@charset "utf-8";
/*
Theme Name: Build-Faith smt 346.1.7
Theme URI: http://www.b-faith.com/
Description: Build-Faith theme
Version: 1.7
Author: B-faith
Author URI: http://www.b-faith.com/
Tags: simple

    B-faith
     http://www.b-faith.com/

*/


/*******************************
max-width:1110px
*******************************/
@media(min-width: 600px) and (max-width:1110px){
    body{
        min-width: 1150px
    }

    img{max-width:100%; height:auto;}

    iframe{max-width:100%; height:auto;}
}


/*******************************
max-width:599px
*******************************/

@media(max-width:599px){

    img{max-width:100%; height:auto;}
    iframe{max-width:100%; height:auto;}


    .f25 {
        font-size: 1.8rem;
    }

    .f30 {
        font-size: 2.0rem;
    }
    
    .indent8 {
        text-indent: 0;
    }
    
/*******************************
全体幅
*******************************/
    #container {
        padding: 4% 2%;
        width: 96%;
    }

    .inner{
        width: 100%;
    }

/*******************************
/* ヘッダー
*******************************/
    #header {
        padding: 0 2%;
        width: 96%;
        height: auto;
    }

    #header h1 {
        margin:  0 auto 10px;
        width: 100%;
    }
    
    #header h2, #header h2 a {
        margin-bottom: 10px;
    }
    
    #header .btn {
        margin-bottom: 4px;
        width: 100%;
        text-align: center;
    }
    
    #header .btn img {
        max-width: 50%;
    }

/************************************
/* メインナビゲーション
************************************/
    ul#mainnav{
        width: 100%;
        height: auto;
    }

    ul#mainnav li {
        width: 50%;
        background: url(images/bg_mainnavi.png) 0 0 repeat-x;
    }
    
    ul#mainnav a {
        width: 100%;
    }
    
/*  メインメニューの代替  */
    .megamenu {
        display: none;
    }
/*******************************
メイン画像
*******************************/
    #mainImage, .home #mainImage{
        background-size: auto 180%;
        background-position: 50% 100%;
    }
    
    .home #mainImage .inner,
    #mainImage .inner {
        min-height: 250px;
    }

    .home #mainImage .inner .polaSlide,
    #mainImage .inner .polaSlide{
/*
        top: 0;
        width: 100%;
        height: 50%;
*/
        display: none;
    }

    #mainImage .inner .guide {
        display: none;
    }  
/*******************************
コンテンツ位置
*******************************/
    #main {
        float: none;
        width: 100%;
        padding-bottom: 8%;
    }

    #sidebar {
        margin: 0 auto;
        float: none;
        width: 255px;
        padding-bottom: 8%;
    }

/*************************
/* ボックス
*************************/
    .split3 {
        width: 100%;
    }
    
    .banner {
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .page .split3 {
        margin: 0 auto;
        padding-bottom: 20px;
    }
    
    .attention-box {
        padding: 4%;
    }
    
    .inBlock {
        width: 100%;
    }
    
    .ttl-box {
        margin-bottom: 10px;
    }
    
    .txtBox {
        width: 100%;
    }
    
    .big-txt {
        font-size: 2.5rem
    }
    
    .dayFlow-Area {
        padding: 2%;
    }
    
    .pointBox {
        padding: 2%;
    }

    img.alignright {
        display: block;
    }
    img.alignleft {
        display: block;
    }

    .alignright {
        float: none;
    }
    .alignleft {
        float: none;
    }

/*************
/* 見出し
*************/
    #main h2, .split3 h2 {
        padding: 18px 5px;
        font-size: 1.8rem;
    }
    
    .ttl_sub {
        padding: 10px;
        font-size: 1.5rem;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        background: #f5eb37;
    }
    
    .ttl_sub2 {
        font-size: 1.4rem;
    }
    
    #main h3 {
        padding: 29px 10px;
        background-position: center;
    }


/*************
/* リスト
*************/
    /*　会社概要のリスト　*/
    dl.Company dt {
        display: block;
        float: none;
        width: auto;
        border-bottom: 1px dotted #CCC;
    }

    dl.Company dd {
        margin-left: auto;
        border-top: 0;
    }
    
    #container ul {
        margin-left: auto;
    }

/*************
サイド（右側）コンテンツ
*************/
.blockBoard {
    background-position: 50%;
}
    
    #sidebar #menu {
        display: none;
    }

/*******************************
/* フッター
*******************************/
    #footerUpper {
        padding: 8% 2%;
        background-repeat: repeat;
        background-size: cover;
    }
    
    #footerUpper .inner .logoArea,
        #footerUpper .inner .box {
        width: 50%;
    }
    
    #footerUpper .inner .logoArea {
        width: 100%;
        text-align: center;
    }

    #footerUpper .inner .listArea {
        width: 100%;
    }
    
    #footerUpper .tel, section .tel {
        padding: 10px;
        height: auto;
    }
    
    #footerUpper .inner #toTop {
        display: none;
    }
/*************
テーブル
*************/
    
     table, th, td {
	    margin: 0;
    }
    
    table {
        margin-bottom: 8%;
        width: 100%;
        border-collapse:collapse;
    }
    
    td, th {
        display: block;
        width: auto;
        padding: 10px 5px;
    }

    th {
        text-align: center;
        width: inherit;
        font-weight: normal;
    }

    tr { background:#fcfdfe; }
    tr.odd { background:#f7f9fc; }

    #trust-form ul li, #trust-form ul li {
        padding-left: 0;
        background-image: none;
    }

    #trust-form th {
        text-align: left;
    }

    #trust-form td {
        text-align: left;
    }
    
    table.event th,
    table.event td,
    table.price th,
    table.price td,
    table.left th,
    table.left td{
        width: 100%;
    }
    
    .recruitment-2 th:first-child, .recruitment-2 td:first-child,
    .recruitment-2 th:nth-child(n+3), .recruitment-2 td:nth-child(n+3){
        width: auto;
        text-align: left;
    }

    /* smt table */
    thead {
        display: none;
    }

    .event tbody th:nth-of-type(1):before,
    .left tbody th:nth-of-type(1):before{ 
        content: "[日時]　";
        font-size: 84%;
        color:#AA2;
    }
    
    .event tbody td:nth-of-type(1):before,
    .left tbody td:nth-of-type(1):before{ 
        content: "[内容]　";
        font-size: 84%;
        color:#AA2;
    }
    
    .event tbody td:nth-of-type(2):before,
    .left tbody td:nth-of-type(2):before{ 
        content: "[持ち物]　";
        font-size: 84%;
        color:#AA2;
    }
    
    .recruitment-2 tbody tr {
        margin-bottom: 8%;
        display: block;
    }
    
    .recruitment-2 tbody td:nth-of-type(1):before { 
        content: "[階層区分]";
        font-size: 84%;
        color:#AA2;
        display: block;
    }
    
    .recruitment-2 tbody td:nth-of-type(2):before { 
        content: "[園児の属する世帯の階層区分]";
        font-size: 84%;
        color:#AA2;
        display: block;
    }
    
    .recruitment-2 tbody td:nth-of-type(3):before { 
        content: "[推定年収]";
        font-size: 84%;
        color:#AA2;
        display: block;
    }
    
    .recruitment-2 tbody td:nth-of-type(4):before { 
        content: "[月額保育料]";
        font-size: 84%;
        color:#AA2;
        display: block;
    }
    
/*******************************
/* 問い合わせフォーム
*******************************/
/*　フォーム入力欄文字サイズ　*/
    input, select, textarea {
        padding: 1%;
        width: 86%;
    }

    input[type="checkbox"] {
        width: auto;
    }

    /*　フォーム送信ボタンサイズ　*/
    #confirm-button {
        margin-top: 2%;
        text-align: center;
    }

    input[name="send-to-confirm"],
    input[name="return-to-input"],
    input[name="send-to-finish"],
    input[name="wp-submit"]
    {
        padding: 10px;
        width: 25%;
    }

    .Trustfome {
        text-align: left;
    }

/*******************************
/* SNS BTN
*******************************/
    .snsbox {
        padding: 20px 0;
        width: 100%;
        clear: both;
        border-top: 1px dotted #ccc;
    }

    #main .snsb li {
        float: left;
        margin: 0;
        padding: 0 1.7%;
        list-style-type: none;
        background-image: none;
    }

/*******************************
/* smt_navi
*******************************/
    .menunavi {
        padding: 10px;
        margin-bottom: 4%;
        color: #fff;
        background: url(images/bg_pattern_gr.png) repeat-x  50% 50%;
    }

    nav#menu li a {
        display: block;
    }

    nav {
        position: absolute;
        width: 70%;
        height: auto;
        top: 0;
        left: -100%;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-property: all;
        -moz-transition-duration: 0.5s;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        font-size: 92%;
        background: #fff;
        z-index: 5;
    }
    nav#menu:target{
        left: 0px;
        padding: 0 1% 1% 0;
    }
    a#NavOpen {
        text-decoration: none;
        display: inline-block;
        border-radius: 3px;
        text-align: center;
        color: #fff;
        padding: 2px;
    }
    a#NavOpen:hover {
        color: #fff;
        background-color: #577222;
    }

    .closeBtn {
        margin: 4% 10%;
        padding: 4%;
        width: auto;
        color: #fff;
        box-shadow:inset 0 0 0 1px #efefef;
        border: 1px solid #b19d8d;
        border: 1px solid #efefef;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        text-align: center;
        background: url(images/bg_pattern_gr.png) repeat-x  50% 50%;
    }

    #menu .closeBtn a{color:#fff;text-decoration:none;}
    #menu .closeBtn a:hover{color:#fff;text-decoration:none;}
    #menu .closeBtn a:active, a:focus {outline: 0;}

/*******************************
/* topへ戻る
*******************************/
    .pagetop {
        display: none;
        position: fixed;
        bottom: 10%;
        right: 5%;
    }
    .pagetop a {
        display: block;
        width: 50px;
        height: 50px;
        background-color: #1e641b;
        border-radius: 50px;
        text-align: center;
        color: #F4F2F0;
        font-size: 40px;
        text-decoration: none;
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
    }

/*******************************
/* 
*******************************/
    
    
/*******************************
/* スマートフォン用非表示
*******************************/
    .smtnone {
        display: none;
    }

}

@media(min-width:600px){
/*******************************
/* PC用非表示
*******************************/
.pcnone {
	display: none;
}
}