@charset "utf-8";
@media only screen and (max-width:800px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*ヘッダー
---------------------------------------------------------------------------*/
    header {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCC;
        background-color: #fffde3;
    }
    .header_inner {
        padding-bottom: 2%;
    }
    /*ボタン装飾*/
    .link {
        width: 100%;
    }
    /*フッターリスト
---------------------------------------------------------------------------*/
    .item_list2 {
        margin-bottom: 0;
        color: #333;
    }
    .item_list2:last-child {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
    }
    .item_list2 a {
        color: #333;
        font-size: 14px;
    }
    .item_list2 li {
        line-height: 1.6;
        font-weight: normal;
        background-image: none;
        background-color: #fffde3;
        float: left;
        width: 50%;
        margin-right: 0;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #ccc;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #ccc;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .item_list2 li:last-child {
        margin-bottom: 0;
        border-right: none;
    }
    /*フッター
---------------------------------------------------------------------------*/
    .footmenu {
        background-color: #FFF;
    }
    /*indexメインイメージ
---------------------------------------------------------------------------*/
    .main {
        overflow: hidden;
        margin-bottom: 40px;
    }
    .main_sp_img {
        width: 100%;
    }
    .main_sp_text {
        width: 100%;
    }
    .main_text_in {
        background-color: rgb(100, 0, 100, 0.2);
        padding: 20px;
    }
    .main_tit {
        font-size: 1.5em;
        border-bottom: 2px dotted #fff;
        margin-bottom: 10px;
    }
}


/*================================================
 *  ここからタブレット用（481px～800px）環境の設定
 ================================================*/


/*表示を切り替えるウィンドウサイズの指定*/

@media (min-width:481px) and (max-width:800px) {
    /*ヘッダー
---------------------------------------------------------------------------*/
    .logo {
        width: 70%;
    }
    .tel {
        display: none;
    }
    /*ページタイトル
---------------------------------------------------------------------------*/
    .title img {
        width: 70%;
        margin-bottom: 20px;
    }
    /*コンテンツ
---------------------------------------------------------------------------*/
    #contents {
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    .contents {
        width: auto;
    }
    /*index ページタイトル
---------------------------------------------------------------------------*/
    .indextitle {
        font-size: 2.5em;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    /*フッター
---------------------------------------------------------------------------*/
    .footmenu {
        padding: 10px 0;
    }
    .footcontents_in {
        width: 100%;
        margin: 0;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .access_name {
        float: none;
        text-align: center;
    }
    .access_time {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    /*sns
---------------------------------------------------------------------------*/
    #sns ul li img {
        width: 50px;
    }
    /*TOPコンテンツ
---------------------------------------------------------------------------*/
    .top_contents {
        padding: 2%;
    }
    .top_contents_in {
        border: solid 3px #956134;
        box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
        width: 32%;
        margin-right: 2%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .top_contents_in:last-child {
        margin-right: 0;
    }
    .top_contents_img {
        margin: 10px 0 10px 0;
    }
    .top_contents_menu {
        padding: 5px 0 0 0;
    }
    /*一日の流れ
---------------------------------------------------------------------------*/
    .day_menu {
        padding-left: 30px;
    }
    .dayhoiku_img {
        width: 30%;
    }
    .dayhoiku_text {
        width: 67%;
    }
    .dayhoiku_p {
        margin-top: 10px;
        font-size: 1.0em;
    }
    .circle-1 {
        padding: 15px;
    }
    /*保育理念
---------------------------------------------------------------------------*/
    .rinen dt {
        margin-top: 10px;
    }
    /*年間行事
---------------------------------------------------------------------------*/
    .season_1 {
        width: 32%;
        margin-right: 2%;
    }
    .season_1 {
        width: 50%;
        margin: 0;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_2 {
        width: 50%;
        margin: 0;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_3 {
        width: 50%;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_menu {
        padding: 0 20px 0 20px;
        margin-top: 10px;
        font-size: 1.0em;
    }
}


/*================================================
 *  ここからスマートフォン用（480px以下）環境の設定
 ================================================*/


/*表示を切り替えるウィンドウサイズの指定*/

@media (max-width: 480px) {
    body {
        font-size: 13px;
    }
    #totop {
        display: none;
    }
    .copyright {
        font-size: 10px;
        padding: 15px 0 15px;
    }
    /*ボタン装飾*/
    .link_btn {
        font-size: 18px;
    }
    /*小見出し
---------------------------------------------------------------------------*/
    h3 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }
    /*ヘッダー
---------------------------------------------------------------------------*/
    .logo {
        width: 65%;
    }
    .tel {
        display: none;
    }
    .header_inner {
        padding-bottom: 3%;
    }
    /*ページタイトル
---------------------------------------------------------------------------*/
    .title img {
        width: 100%;
        margin-bottom: 10px;
    }
    /*コンテンツ
---------------------------------------------------------------------------*/
    #contents {
        width: auto;
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 40px;
    }
    .contents {
        width: auto;
    }
    /*main,subコンテンツ
---------------------------------------------------------------------------*/
    #main {
        float: none;
        width: auto;
    }
    /*contentsコンテンツ
---------------------------------------------------------------------------*/
    .inbox {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /*index ページタイトル
---------------------------------------------------------------------------*/
    .indextitle {
        font-size: 1.5em;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    /*フッター
---------------------------------------------------------------------------*/
    .footmenu {
        padding: 10px 0;
    }
    .footcontents_in {
        width: 100%;
        margin: 0;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .access_name {
        float: none;
        text-align: center;
    }
    .access_time {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    /*テーブル
---------------------------------------------------------------------------*/
    .feeBox {
        width: 100%;
    }
    .feeBox th {
        width: 40%;
    }
    /*TOPコンテンツ
---------------------------------------------------------------------------*/
    .top_contents {
        padding: 20px;
    }
    .top_contents_in {
        border: solid 3px #956134;
        box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
        border-radius: 9px;
        padding: 4%;
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .top_contents_in:last-child {
        margin-bottom: 0;
    }
    .top_contents_text {
        float: left;
        width: 60%;
    }
    .top_contents_img {
        margin: 0;
        float: right;
        width: 40%
    }
    .top_contents_menu {
        margin-top: 5px;
        margin-bottom: 10px;
        padding: 0;
    }
    .botun {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /*質問
---------------------------------------------------------------------------*/
    .wrapper_question {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .question img {
        width: 40px;
    }
    .question_icon {
        padding: 0 5px 0 0;
    }
    /*一日の流れ
---------------------------------------------------------------------------*/
    .day_flow {
        padding: 20px 10px;
    }
    div.day_in p {
        display: block;
        margin-bottom: 10px;
    }
    .day_right {
        padding: 5px 0 0 10px;
    }
    .day_menu {
        margin-left: 30px;
        padding-left: 20px;
    }
    .circle-1 {
        border: 2px solid #956134;
        padding: 10px;
        font-size: 1.2em;
    }
    .dayhoiku {
        overflow: hidden;
        padding: 10px 0 20px 0;
    }
    .dayhoiku_img {
        float: none;
        width: 80%;
    }
    .dayhoiku_text {
        float: none;
        width: 100%;
    }
    .dayhoiku_p {
        margin-top: 10px;
        font-size: 1.0em;
    }
    /*保育理念
---------------------------------------------------------------------------*/
    .rinen_tit {
        text-align: center;
        font-size: 1.8em;
        margin-bottom: 40px;
        font-weight: bold;
        color: #666;
    }
    .rinen {
        overflow: hidden;
    }
    .rinen_img {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 20px 0 20px;
    }
    .rinen_text {
        float: none;
        width: 100%;
    }
    .rinen_img2 {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 20px 0 20px;
    }
    .rinen_text2 {
        float: none;
        width: 100%;
    }
    .rinen dt {
        margin-top: 10px;
        text-align: center;
    }
    /*保育内容
---------------------------------------------------------------------------*/
    .hoiku_img {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 20px 0 20px;
    }
    .hoiku_text {
        float: none;
        width: 100%;
    }
    .hoiku_img2 {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 20px 0 20px;
    }
    .hoiku_text2 {
        float: none;
        width: 100%;
    }
    /*年間行事
---------------------------------------------------------------------------*/
    .season {
        margin-bottom: 20px;
    }
    .season_1 {
        width: 50%;
        margin: 0;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_2 {
        width: 50%;
        margin: 0;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_3 {
        width: 50%;
        margin-bottom: 15px;
        padding: 0 2% 0 2%;
    }
    .season_menu {
        padding: 0 0 0 0;
        margin-top: 10px;
        font-size: 1.0em;
    }
    /*園長挨拶
---------------------------------------------------------------------------*/
    .staff_ibaragi {
        margin-bottom: 20px;
    }
    .staff_name {
        text-align: center;
    }
    /*アクセス
---------------------------------------------------------------------------*/
    .access th {
        width: 20%;
    }
    /*新着おしらせ
---------------------------------------------------------------------------*/
    .news_box {
        margin: 40px 0 0 0;
    }
}


/*================================================
 *  表示・非表示　切り替え
 ================================================*/


/*================================================
 *  PCで非表示
 ================================================*/

@media print,
screen and (min-width:799px) {
    .none_pc {
        display: none
    }
    /*グローバルメニュー
---------------------------------------------------------------------------*/
    #menu_sp {
        display: none;
    }
    /*メインイメージ
---------------------------------------------------------------------------*/
    .index_img_sp {
        display: none;
    }
}


/*================================================
 *  PCとタブレットで非表示
 ================================================*/

@media print,
screen and (min-width:481px) {
    .none_pctab {
        display: none
    }
    /*ページトップへもどる
---------------------------------------------------------------------------*/
    #pagetop {
        display: none;
    }
    /*リスト
---------------------------------------------------------------------------*/
    .name_sp {
        display: none;
    }
}


/*================================================
 *  スマホで非表示
 ================================================*/

@media screen and (max-width: 481px) {
    .none_sp {
        display: none
    }
    /*リスト
---------------------------------------------------------------------------*/
    .name_pc {
        display: none;
    }
}


/*================================================
 *  スマホとタブレットで非表示
 ================================================*/

@media screen and (max-width: 799px) {
    .none {
        display: none
    }
    /*グローバルメニュー
---------------------------------------------------------------------------*/
    #menu_pc {
        display: none;
    }
    /*メインイメージ
---------------------------------------------------------------------------*/
    .index_img_pc {
        display: none;
    }
}