/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : 2015/01/30, 16:25:26
    Author     : seisaku1
*/

body {
    color: #555;
	font-weight: 700;
}

.navbar {
    display: none;
}

@media only screen and (max-width: 767px) {
    .navbar {
        display: block;
    }
    .menu_left {
        display: none;
    }
}

.wrapper {
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar {
    background-color: #fff;
}

a {
    color: #000DFF;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2em;
}

a:hover {
    text-decoration: none;
}

.tnvr {
    padding: 10px 0 0 0px;
    float: left;
}

.navbar-toggle {
    float: right;
}

.text_indent {
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    float: left;
}

.ue_title_text {
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 1px 0 5px 0;
    margin: 0 0 5px 0;
    font-weight: 700;
    text-shadow: 2px 2px 3px #00140d, -2px 2px 3px #00140d, 2px -2px 3px #00140d, -2px -2px 3px #00140d;
}

.ue_title_text a {
    color: #F9F9C2;
    text-decoration: none;
    font-size: 0.8em;
}

.ue_title_text a:hover {
    color: #307B81;
    text-decoration: none;
    font-size: 0.8em;
}

.ue_title {
    background: url(../img/04100_04.jpg) no-repeat center / cover;
    width: 100%;
    padding: 0 auto;
    margin: -22px 0 10px 0;
}

@media only screen and (max-width: 767px) {
    .ue_title {
        background: url(../img/04100_05.jpg) no-repeat center / cover;
        width: 100%;
        padding: 0;
        margin: -22px auto 5px auto;
    }
    .ue_title_text {
        color: #fff;
        text-align: left;
        padding: 0 10px;
        margin: 0 10px;
        font-weight: 700;
        text-shadow: 2px 2px 3px #00140d, -2px 2px 3px #00140d, 2px -2px 3px #00140d, -2px -2px 3px #00140d;
    }
    .ue_title_text h2 {
        font-size: 1em;
    }
    .ue_title_text h3 {
        font-size: 1em;
    }
    .top_title {
        font-size: 1em;
    }
}

.maxwidth100 {
    text-align: center;
    max-width: 100%;
}

h2 {
    padding: 0;
    margin: 15px 0 15px 0;
    line-height: 1.5em;
    font-weight: 700;
}

h3 {
    padding: 0;
    margin: 0 0 0 0;
    line-height: 1.5em;
}

p {
    padding: 0;
    margin: 0;
    line-height: 2em;
    font-size: 1.5em;
}

.indent {
    text-indent: -1em;
    padding-left: 1em;
}

.red {
    color: red;
}

.bold {
    font-weight: 700;
}

.tel_botan_text {
    font-size: 1.5em;
}

.btn-warning {
    background-color: #FF8600;
}

:hover.btn-warning {
    background-color: #FF8600;
}

.pad_mg0 {
    padding: 0;
    margin: 0;
}

.disp_bl {
    display: block;
}

.padding_5p {
    padding: 0 0 0 5%;
    line-height: 2em;
}

.shintyaku dt {
    margin: 0 15px 0 0;
    width: 20%;
    padding: 0;
}

.shintyaku dd {
    margin: 0 15px 0 0;
    width: 100%;
    padding: 0;
}


.shintyaku hr {
    padding: 0;
    margin: 5px 0;
	width: 100%;
}

@media only screen and (max-width: 768px) {
    p {
        padding: 0;
        margin: 0;
        line-height: 2em;
        font-size: 1em;
    }
    .padding_5p {
        padding: 0 0 0 0;
        font-size: 1em;
        line-height: 2em;
    }
}

.bg-warning {
    padding: 8px 5%;
    margin: 10px 0 8px 0;
    background-color: #00b1ab;
    color: #fff;
    border-radius: 5px;
}

.bg-danger {
    padding: 2px 5%;
    margin: 10px 0 8px 0;
    border-radius: 5px;
    font-weight: bold;
}

.bg-success {
    padding: 5px 1%;
    margin: 3px 0 2px 0;
    background-color: #FFFE9A;
}

.bg-info {
    padding: 5px 1%;
    margin: 3px 0 2px 0;
}

.shita_menu {
    display: none;
}

@media only screen and (max-width: 767px) {
    .shita_menu {
        display: block;
    }
}

.shita_title {
    background-color: #00b1ab;
    height: 200px;
    width: 100%;
    margin: 0;
    padding: 0px 0 10px 0;
    color: #fff;
    text-align: center;
}

.shita_title h3 {
    font-size: 1.5em;
}

.shita_title p {
    font-size: 1em;
}


/*---左側メニューの設定------------------------------------------------*/

.list-group-item {
    text-decoration: none;
    font-size: 1em;
}


/*--活動内容　右側写真---------------------------------------------*/

.katudo_fhoto {
    margin: 10px 0 10px 0;
    padding: 2px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.katudo_fhoto_naka {
    margin: 2px;
}


/*--活動内容　右側文字---------------------------------------------*/

.katudo_text {
    margin: 10px 0 30px 0;
}


/*--会則　　------------------------------------------------*/

#kaisoku {
    width: 100%;
    border-collapse: collapse;
}

#kaisoku td,
#kaisoku th {
    padding: 5px;
    border: 1px solid #aaa;
}

#kaisoku th {
    font-weight: bold;
}

#kaisoku th {
    background: #e6e6e6;
}

@media only screen and (max-width:760px) {
    #kaisoku {
        display: block;
        width: 100%;
    }
    #kaisoku thead {
        display: none;
    }
    #kaisoku tbody {
        display: block;
    }
    #kaisoku tbody tr {
        display: block;
        margin-bottom: 1.5em;
    }
    #kaisoku tbody th,
    #kaisoku tbody td {
        display: list-item;
        border: none;
    }
    #kaisoku tbody th {
        margin-bottom: 5px;
        list-style-type: none;
        background: #d9edf7;
    }
    #kaisoku tbody td {
        margin-left: 20px;
        padding: 0;
        line-height: 1.6em;
        padding: 7px 0;
    }
}


/*-----出欠フォームのページ-----*/

a .syukketu_senia {
    text-decoration: none;
    padding: 30px 5%;
    background-color: #006F9E;
    border-radius: 5px;
    margin: 5px 0 5px 0;
    color: #fff;
}

a:hover .syukketu_senia {
    text-decoration: none;
    background-color: #0A0094;
}

.syukketu_business {
    padding: 30px 5%;
    background-color: #C30003;
    border-radius: 5px;
    margin: 5px 0 5px 0;
    color: #fff;
}

a:hover .syukketu_business {
    text-decoration: none;
    background-color: #630001;
}

.syukketu_children {
    padding: 30px 5%;
    background-color: #D89400;
    border-radius: 5px;
    margin: 5px 0 5px 0;
    color: #fff;
}

a:hover .syukketu_children {
    text-decoration: none;
    background-color: #8B5803;
}

.syukketu_other {
    padding: 30px 5%;
    background-color: #1FA200;
    border-radius: 5px;
    margin: 5px 0 5px 0;
    color: #fff;
}

a:hover .syukketu_other {
    text-decoration: none;
    background-color: #024F08;
}


/*----活動記録メニュー-------------------------*/

#katudoukiroku_menu {
    margin: 10px 0 0 0;
    background-color: #F9F9C2;
}

#katudoukiroku_menu .list-group-item {
    background-color: #F9F9C2;
}

#katudoukiroku_menu a:hover.list-group-item {
    color: #fff;
    background-color: #337ab7;
}

#katudoukiroku_menu .day {
    color: #337ab7;
}

#katudoukiroku_menu a:hover .day {
    color: #fff;
    background-color: #337ab7;
}

#katudoukiroku_menu2 a:hover .day {
    color: #fff;
}

#katudoukiroku_menu2 {
    display: none;
}

@media only screen and (max-width: 768px) {
    #katudoukiroku_menu2 {
        display: block;
        margin: 10px 0 0 0;
        background-color: #F9F9C2;
    }
    #katudoukiroku_menu2 a:hover.list-group-item {
        color: #fff;
        background-color: #337ab7;
    }
    #katudoukiroku_menu2 .list-group-item {
        background-color: #F9F9C2;
    }
    #katudoukiroku_menu2 .day {
        padding: 0 15px 0 0;
        display: block;
        float: left;
        width: 80px;
        height: 2em;
        color: #337ab7;
    }
    #katudoukiroku_menu2 a:hover .day {
        color: #fff;
    }
    #katudoukiroku_menu2 .day_coment {
        width: 82%;
        float: right;
    }
    #katudoukiroku_menu2 .year {
        padding: 0 1%;
    }
}

@media only screen and (max-width: 540px) {
    #katudoukiroku_menu2 .day_coment {
        width: 75%;
        float: right;
    }
}

@media only screen and (max-width: 400px) {
    #katudoukiroku_menu2 .day_coment {
        width: 100%;
    }
}


/*--挨拶イメージ--------------------------------------------------------*/

.aisatu_img {
    margin: 10px 0 15px 0;
}


/*--運営方針イメージ--------------------------------------------------------*/

.unei_img {
    float: left;
    margin: 0 20px 5px 0;
}

@media only screen and (max-width: 540px) {
    .unei_img {
        float: none;
        margin: 0 20px 5px 0;
        text-align: center;
    }
}


/*-----------アクセスのページ----------------------------------------------------------------------------------------------------*/

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 98% !important;
    height: 100% !important;
}


/* 上へ用css--------------------------------------------------------- */

.gotop {
    position: fixed;
    right: 3%;
    bottom: 3%;
    opacity: 0;
}

.gotop a:hover,
.gotop a:active,
.gotop a:focus {
    text-decoration: none;
}

.gotop a i {
    color: #fff;
    font-size: 2.5em;
    padding: 10px;
    border-radius: 10px;
    background-color: #333;
}


/*------------------------非表示　--------------------------*/

.seo {
    display: none;
}

a[href^="tel:"] {
    pointer-events: none;
}

@media only screen and (max-width: 768px) {
    .fax_margin {
        margin: 0 0 0 0;
        padding: 0;
    }
    a[href^="tel:"] {
        pointer-events: auto;
    }
    h2 {
        font-size: 1.6em;
    }
    h3 {
        font-size: 1.2em;
    }
}
/*------------------------study　--------------------------*/
.study_title{ border-top: 5px solid #BAE4FC; color:#1990F3; margin: 0 0 5px 0; padding: 0 0 0 8px; background-color: aliceblue;}
.study_title_q{ background-image: url(../img/study_q.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}
.study_title_q1{ background-image: url(../img/study_q1.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}
.study_title_q2{ background-image: url(../img/study_q2.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}
.study_title_q3{ background-image: url(../img/study_q3.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}
.study_title_q4{ background-image: url(../img/study_q4.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}
.study_title_q5{ background-image: url(../img/study_q5.png); background-repeat: no-repeat; border-top: 5px solid #BAE4FC; color:#00b1ab; margin: 0 0 5px 0; padding: 0 0 0 40px; background-color: aliceblue;}

.study_list li{ font-size: 1.5em; line-height: 1.8em; padding: 0 0 20px 0;}
.study_list ol{ padding: 0 0 40px 0;}
.study_margin10px{ margin:0 0 40px 10px;}
.study_margin10px_a{ background-image: url(../img/study_a.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}
.study_margin10px_a1{ background-image: url(../img/study_a1.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}
.study_margin10px_a2{ background-image: url(../img/study_a2.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}
.study_margin10px_a3{ background-image: url(../img/study_a3.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}
.study_margin10px_a4{ background-image: url(../img/study_a4.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}
.study_margin10px_a5{ background-image: url(../img/study_a5.png); background-repeat: no-repeat; margin:0 0 40px 0; padding: 0 0 0 40px}

@media only screen and (max-width: 768px) {
	.study_title_q{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
	.study_title_q1{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
	.study_title_q2{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
	.study_title_q3{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
	.study_title_q4{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
	.study_title_q5{margin: 0 0 5px 0; padding: 5px 0 2px 40px;}
    .study_margin10px_a{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	.study_margin10px_a1{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	.study_margin10px_a2{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	.study_margin10px_a3{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	.study_margin10px_a4{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	.study_margin10px_a5{ margin:0 0 40px 0; padding: 5px 0 0 40px}
	
	.study_list li{ font-size: 1em;}
}