/* floating */
html {
    width:100%;
    height:100%;
}
body {
    box-sizing:border-box;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    cursor:auto;
    padding:0;
    margin:0;
    height:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{
    max-height: 100%;
    height: auto;
    width /***/:auto;
    display:block;
}
a {
    text-decoration:underline;
    color: #655a69;
}



#wrapper {
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
}


#content1{
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:500px;
    position:relative;
    margin-top:100px;
    text-align:center;
    float:left;
    overflow:hidden;
}
@media screen and (max-width: 749px) {
#content1{
    height:450px;
}
}
#content2 {
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
}
#content2 {
    text-align:left;
}
#content2:after{
　content : '';
　display : block;
　clear : both;
}
#content3{
    box-sizing:border-box;
    background-color:#eaeff9;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
}
#content3:after{
　content : '';
　display : block;
　clear : both;
}
#content4{
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
}
#content4:after{
　content : '';
　display : block;
　clear : both;
}
#content5{
    box-sizing:border-box;
    background-color:#eee;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
    background-color: #fdf9f5;
}
#content6,#content8{
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
}
#content6:after{
　content : '';
　display : block;
　clear : both;
}
#content8:after{
　content : '';
　display : block;
　clear : both;
}
#content7{
    box-sizing:border-box;
    background-color:#eaeff9;
    width:100%;
    height:auto;
    position:relative;
    padding:50px 30px;
    text-align:center;
    float:left;
    overflow:hidden;
}
#content7:after{
　content : '';
　display : block;
　clear : both;
}
#footter {
    box-sizing:border-box;
    background-color:#FFF;
    width:100%;
    height:auto;
    padding:30px;
    float:left;
    overflow:hidden;
}
.footTitle {
    width:100%;
    font-size:12px;
    text-align:center;
    letter-spacing:1px;
}
.mainBox {
    box-sizing:border-box;
    width:100%;
    max-width:1000px;
    height:auto;
    position:relative;
    margin:0 auto;
}
@media screen and (max-width: 799px) {
#content2, #content3, #content4, #content5, #content6, #content7, #content8, #footter {
    padding:30px 10px;
}
}







.mainBox01, .mainBox_Foot1, .mainBox_Foot2 {
    box-sizing:border-box;
    width:48%;
    height:auto;
    float:left;
    text-align:left;
}
.mainBox_Foot2 {
    padding-left:50px;
}
.mainBox_Foot1, .mainBox_Foot2 {
    margin-top:50px;
}
@media screen and (max-width: 749px) {
.mainBox_Foot1 {
    width:80%;
    margin-left:10%;
    text-align:center;
}
.mainBox_Foot2 {
    width:100%;
    padding-left:10px;
}
}
.mainBox02 {
    box-sizing:border-box;
    width:48%;
    height:auto;
    float:right;
    text-align:left;
}
#mainBox03 {
    box-sizing:border-box;
    width:100%;
    height:auto;
    float:left;
    text-align:left;
    padding-top:30px;
}
.BoxDescription {
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-size:14px;
    line-height:24px;
    color:#333;
    float:left;
    margin-bottom:30px;
}
.mainBox_Foot1 img {
    width:100%;
    height:auto;
    display:block;
}
.timeImg2 {
    width:100%;
    height:auto;
    text-align:center;
    margin-top:-10px;
    margin:0 auto;
}
.timeImg2 img{
    width:100%;
    max-width:460px;
    height:auto;
    display:block;
}
.footBox1 {
    text-align:left;
    width:100%;
    max-width:250px;
    height:auto;
    float:left;
}
.footBox2 {
    text-align:left;
    font-size:14px;
    line-height:24px;
    width:100%;
    height:auto;
    float:left;
}
.footBox3 {
    text-align:left;
    width:100%;
    font-size:28px;
    line-height:38px;
    height:38px;
    float:left;
    margin:10px 0;
}
.footBox4 {
    margin-top:20px;
}
.footBox1 img {
    width:100%;
    height:auto;
    display:block;
}


#toTop {
    width:100%;
    height:100px;
    text-align:center;
    float:left;
    color:#333333;
    position: relative;
}
#toTop a {
    opacity: 1;
}
.totopBox {
    width:100px;
    height:50px;
    margin:0 auto;
}
.totopBox:hover{
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.topImg {
    width: 100%;
    max-width: 50px;
    height: auto;
    margin: 0 auto;
}
.topImg img {
    width:100%;
    max-width: 50px;
    height:auto;
    margin: 0 auto;
    display:block;
}
.totopBox2 {
    width:auto;
    height:30px;
    margin:0 auto;
    font-size:14px;
    line-height:30px;
    opacity: 1;
}
.totopBox a {
    text-decoration: none;
    color:#333333;
}
@media screen and (max-width: 749px) {
.mainBox01 {
    width:100%;
}
.mainBox02 {
    width:100%;
    margin-bottom:20px;
}
}

.policyBox {
    box-sizing: border-box;
    width:150px;
    height: auto;
    position: absolute;
    right: 10px;
    bottom: 25px;
    font-size:14px;
    color:#333333;
    text-align:center;
    letter-spacing:1px;
    padding: 5px 10px;
    border-radius: 5px;
}
.policyBox:hover {
    background-color: #333333;
    color: #FFF;
}
@media screen and (max-width: 749px) {
.policyBox {
    width:110px;
    font-size:12px;
    right: 5px;
    }
}
.policyTitle {
    width: 100%;
    height: auto;
    line-height: 32px;
    font-weight: 400;
    border-bottom: 5px solid #eee;
    margin-bottom: 10px;
    font-size: 1.1em;
}
.policyText, .policyText2 {
    width: 100%;
    height: auto;
    font-size: 0.9em;
    line-height: 21px;
    font-weight: 300;
    margin-bottom: 20px;
}
.policyText2 {
    margin-bottom: 10px;
}
.policyText a, .policyText2 a {
    color: #333;
}
.lipolicy {
    width:100%;
    height: auto;
    line-height: 21px;
    margin-bottom: 10px;
}
.lipolicy ul {
    list-style-type: decimal;
}
.lipolicy ul li {
    margin-bottom:10px;
    line-height: 21px;
}











.firstBoxSP {
    width:100%;
    height:auto;
    display:block;
    float:left;
}



.flowBox00 {
    width:100%;
    height:auto;
    overflow:hidden;
    margin-bottom:15px;
    position: relative;
}
.flowBox01 {
    width:10%;
    height:auto;
    background-color:#e79534;
    float:left;
    border-radius: 100px;        /* CSS3草案 */
    -webkit-border-radius: 100px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 100px;   /* Firefox用 */
}
.flowBox01 img {
    width:100%;
    height:auto;
    display:block;
}
.flowBox02 {
    width:78%;
    height:auto;
    background-color:#fceedc;
    float:right;
    padding-bottom:100px;
    margin-bottom:-100px;
    font-size:16px;
    text-align:left;
}
.flowBox03, .flowBox04 {
    width:100%;
    height:auto;
    background-color:#e79534;
    color:#FFF;
    float:left;
    padding:10px;
    text-align:left;
    font-size:21px;
    letter-spacing:2px;
    margin-top:10px;
}
.flowBox04 {
    background-color:#fdf5eb;
    color:#333;
    float:left;
    margin-left:0;
    font-size:14px;
    letter-spacing:0px;
    margin-top:0px;
    margin-bottom:10px;
}
.flowBox06 {
    width:80%;
    height:auto;
    background-color:#fdf5eb;
    color:#333;
    float:left;
    font-size:14px;
    text-align:left;
    padding:10px;
    letter-spacing:0px;
}
.flowBox07 {
    width:100%;
    height:auto;
    background-color:#fdf5eb;
    color:#333;
    float:left;
    font-size:14px;
    line-height:24px;
    text-align:left;
    padding:10px 20px;
    letter-spacing:0px;
    margin-bottom:10px;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.flowBox07 p.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.flowBox07 p.indent-2 {
padding-left:1em;
text-indent:-1em;
}
.flowBox05 {
    width:20%;
    height:auto;
    float:left;
}
.flowBox05 img {
    width:100%;
    height:auto;
    display:block;
}
.flowtext {
    margin-top:5%;
    font-size:16px;
}
.flowtext2 {
    margin-top:3.5%;
    font-size:16px;
}
@media screen and (max-width: 940px) {
.flowtext {
    font-size:14px;
}
.flowtext2 {
    font-size:14px;
}
}

@media screen and (max-width: 749px) {
.flowBox05 {
    width:100%;
}
.flowBox06 {
    width:100%;
    padding-left:0;
    padding-right:0;
}
}


.tokuchou3 {
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-size:14px;
    color:#333;
    float:left;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
    background-color:#e79534;
    margin-bottom:10px;
    text-align:left;
    padding: 10px 20px;
    letter-spacing:1px;
    background-color:#fceedc;
    margin-bottom:20px;
}
.flowBox, .flowBox2 {
    box-sizing:border-box;
    width:10%;
    max-width:50px;
    height:auto;
    float:left;
    padding:10px 5px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    background-color:#e79534;
    text-align:center;
    margin:0 0.5% 10px 0.5%;
}
.flowBox img{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block;
}
.flowBox2 {
    background-color:#FFF;
    margin:0;
}
.flowBox2 img{
    width:100%;
    height:auto;
    margin:0 auto;
    display:block;
}

@media screen and (max-width: 749px) {
.flowBox, .flowBox2 {
}
}
.flowBox3 {
}



#menu {
    box-sizing:border-box;
    width:100%!important;
    height:80px!important;
    font-size:24px!important;
    position:fixed!important;
    background-color:#FFFFFF!important;
    z-index:999999!important;
    font-family: Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    display:block!important;
    margin:0!important;
    padding:0!important;
}
.navimain {
    line-height:100px!important;
    width:100%!important;
    max-width:1000px!important;
    height:80px!important;
    display: flex!important;
    flex-wrap: wrap!important;
    justify-content: space-between!important;
    align-items: center!important;
    margin:0 auto!important;
    list-style: none!important;
}
.menuBox1 {
    width: 250px!important;
    flex-basis: 250px!important;
    margin-right: 30px!important;
}
.menuBox1 img{
    width:100%!important;
    height:auto!important;
    display:block!important;
}
.navimain li {
    font-size:15px!important;
    line-height: 80px!important;
    letter-spacing:0px!important;
}
.navimain li a {text-decoration: none!important;font-weight: bold!important;}
.navimain li:hover {opacity: 0.4!important;}
.navimain li a:hover {opacity: 1!important;}
.navimain li.toplogos {padding-left:0%!important;padding-right:0%!important;}

@media screen and (max-width: 1100px) {
    .navimain li {font-size:14px!important;padding-left:3px!important;}
}
@media screen and (max-width: 1000px) {
.menuBox1 {display:none!important;}
.navimain {display:none!important;}
}
#content1{margin-top:80px!important;}
.menuBoxoff {padding-top:100px!important;top:0!important;}
.sp_menu {top:15px!important;}
.splogo {width:200px!important;height:80px!important;top:5px!important;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.splogo img {width:100%!important;height:auto!important;display:block!important;}
.menusBox {border: 0px solid #000!important;}





.sp_menu {
    box-sizing:border-box;
    width: 50px;
    height:50px;
    position:fixed;
    text-align:center;
    padding:0px;
    z-index:999999;
    display:none;
    top:25px;
    left:10px;
}
.sp_menu img{
    width:100%;
    height:auto;
    display:block;
}
.splogo {
    width:200px;
    height:64px;
    text-align:center;
    position:fixed;
    top:18px;
    left:50%;
    z-index:99999999;
    margin:0 auto;
    display:none;
    margin-left:-100px;
}
.splogo img{
    width:100%;
    height:auto;
    display:block;
}
@media screen and (max-width: 959px) {
.sp_menu {
    display:block;
}
.splogo {
    display:block;
}
}
@media screen and (max-width: 459px) {
.sp_menu {
    display:block;
}
.splogo {
    display:block;
    width:180px;
    margin-left:-85px;
}
}

.sp_menu1 {
    width:40px;
    height:2px;
    position:absolute;
    top:10px;
    left:5px;
}
.sp_menu2 {
    width:40px;
    height:2px;
    position:absolute;
    top:24px;
    left:5px;
}
.sp_menu3 {
    width:40px;
    height:2px;
    position:absolute;
    top:38px;
    left:5px;
}
.sp_menu1,.sp_menu2,.sp_menu3 {
    transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out; /* opera */
    -moz-transition: all 0.2s ease-out; /* firefox */
    -webkit-transition: all 0.2s ease-out; /* chrome, safari */
    -ms-transition: all 0.2s ease-out; /* ie */
}
.menuclick1 {
    width:45px;
    top:25px;
    left:2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuclick2 {
    width:45px;
    opacity:0;
}
.menuclick3 {
    width:45px;
    top:25px;
    left:2px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menuBoxoff {
    box-sizing:border-box;
    width:100%;
    height:100%;
    display:block;
    display:none;
    padding:10px;
    overflow:hidden;
    position:fixed;
    z-index:99998;
    top:70px;
    background-color:rgba(255,255,255,0.9);
    padding-top:20px;
}
.menusBox {
    box-sizing:border-box;
    width:100%;
    height:100%;
}
.menusBox a {
    text-decoration:none;
}
.about_sp {
    width:100%;
    font-size:24px;
    line-height:60px;
    height:60px;
    margin-top: 30px;
}





.timeImg {
    width:30%;
    max-width:350px;
    height:auto;
    bottom:0px;
    right:20px;
    position:absolute;
    z-index:999;
    text-align:right;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display:block;
}
.timeImg img{
    width:100%;
    max-width:350px;
    height:auto;
    display:block;
}
.timeImg4 {
    width:30%;
    max-width:350px;
    height:auto;
    bottom:0px;
    left:20px;
    position:absolute;
    z-index:999;
    text-align:right;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display:block;
}
.timeImg4 img{
    width:100%;
    max-width:350px;
    height:auto;
    display:block;
}

.timeImg3, .timeImg6 {
    width:96%;
    height:auto;
    bottom:40px;
    font-size: 14px;
    padding: 10px 10px 5px 10px;
    position:absolute;
    z-index:999;
    background-color:#094c98;
    color:#FFF;
    margin:0 2%;
    display:none;
    line-height: 18px;
}
.timeImg5, .timeImg7 {
    width:96%;
    height:auto;
    top:10px;
    font-size: 14px;
    padding: 10px 10px 5px 10px;
    position:absolute;
    z-index:999;
    background-color:#094c98;
    color:#FFF;
    margin:0 2%;
    display:none;
    line-height: 18px;
}
.timeImg_fontB {
    font-size: 21px;
}
.timeImg_fontB2 {
    font-size: 18px;
}
.fontC {
    font-size: 13px;
}
@media screen and (max-width: 799px) {
.timeImg {
    display:none;
}
.timeImg4 {
    display:none;
}
.timeImg3 {
    display:block;
}
.timeImg5 {
    display:block;
}
.timeImg6 {
    display:none;
}
.timeImg7 {
    display:none;
}
}
@media screen and (max-width: 580px) {
.timeImg {
    display:none;
}
.timeImg4 {
    display:none;
}
.timeImg3 {
    display:none;
}
.timeImg5 {
    display:none;
}
.timeImg6 {
    display:block;
}
.timeImg7 {
    display:block;
}
}
.logoImg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 600px;
    height: 107px;
    z-index:999;
}
.logoImg img{
    width:100%;
    height:auto;
}

@media screen and (max-width: 699px) {
.logoImg {
    width: 400px;
    height: 72px;
    z-index:999;
}
}







#newsbox {
    box-sizing:border-box;
    width:100%;
    height:auto;
    color:#333;
    left: 20px;
    overflow:hidden;
}
@media screen and (min-width: 999px) {
#newsbox {
    padding-left:0%;
    padding-right:0%;
}
}
.Boxtitle {
    width:100%;
    font-size:32px;
    font-weight:bold;
    text-align:center;
    letter-spacing:2px;
    margin-bottom:20px;
    float:left;
}
.Boxtitle_left {
    font-size:24px;
    text-align:left;
    border-bottom: 0px solid #000;
    margin-bottom:5px;
}
.textLeft {
    text-align:left;
}
@media screen and (max-width: 699px) {
.Boxtitle {
    font-size:24px;
}
}

.news0 {
    width:100%;
    height: auto;
    overflow: auto;
}

#news1{
    width:95%;
    height:auto;
}
#news1 li {
    list-style-type: none;
    font-size:14px;
    text-decoration: none;
}
#news1 a {
    text-decoration: none;
    color:#333;
}
#news1 a:hover {
    text-decoration:underline;
    color:#9db452;
}
.newsBox00 {
    box-sizing:border-box;
    float:left;
    width:100%;
    height:auto;
    padding:14px 65px 14px 10px;
    border-bottom: 1px dashed rgba(90, 70, 152, 0.3);
    background-image:url(../img/click.png);
    background-position:center right;
    background-repeat:no-repeat;
}
.newsBox00:hover{
    background-color: rgba(90, 70, 152, 0.05);
}

.newsBox01 {
    float:left;
    width:100px;
    height:auto;
    color:#999;
    font-size:12px;
    line-height:21px;
}
.newsBox02 {
    float:left;
    width:auto;
    height:auto;
    line-height:21px;
}
@media screen and (max-width: 799px) {
#newsBox01 {
    width:100%;
}
.newsBox02 {
    width:100%;
}
}
@media screen and (max-width: 499px) {
.newsBox00 {
    padding-right: 80px;
}
}
.noclick{
    background-image:none;
    padding-right: 0px;
}
.nobord{
    border-bottom: 0px dashed rgba(90, 70, 152, 0.3);
}


dl.acdn {
    width:100%;
    height:auto;
    position: relative;
}
dl.acdn dt {
    float:left;
}
dl.acdn dd {
    width:90%;
    height:auto;
    font-size:14px;
    color:#666;
    float:left;
    margin-left:110px;
    margin-top:10px;
    margin-bottom:20px;
}
@media screen and (max-width: 799px) {
dl.acdn dd {
    width:100%;
    margin-left:10px;
}
}


.ddBox {
    width:100%;
    height:auto;
    font-size:14px;
    color:#666;
    float:left;
    padding-left:110px;
    padding-bottom:20px;
    border-bottom: 1px dashed rgba(90, 70, 152, 0.3);
}
@media screen and (max-width: 799px) {
.ddBox {
    width:100%;
    margin-left:10px;
    padding-left:0px;
}
}






ul.lensBox0 {
    box-sizing:border-box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    overflow: hidden;
}
ul.lensBox0 li {
    width:31.33%;
    margin:1%;
    background-color:#FFF;
    list-style:none;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    float: left;
}
ul.lensBox0 li.threeBox {
    width:48%;
}
@media screen and (max-width: 749px) {
ul.lensBox0 li {
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
ul.lensBox0 li.threeBox {
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
}

ul.lensBox0 li:hover{
    box-shadow: 0 0 0px rgba(0,0,0,0.4);
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.picsBox {
    width:100%;
    height:auto;
    float:left;
}
.picsBox img{
    width:100%;
    height:auto;
    display:block;
}
.pics_title{
    box-sizing:border-box;
    padding:0 5px 0 10px;
    width:100%;
    height:auto;
    font-size:16px;
    float:left;
    margin-top:5px;
    text-align:left;
}
.pics_txt{
    box-sizing:border-box;
    padding: 5px 5px 10px 5px;
    width:100%;
    height:auto;
    font-size:12px;
    color:#333;
    float:left;
    text-align:left;
}




.tokuchou {
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-size:18px;
    float:left;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
    margin-bottom:10px;
    text-align:left;
    padding: 10px 20px;
    letter-spacing:1px;
}
.tokuchou2 {
    box-sizing:border-box;
    width:100%;
    height:auto;
    font-size:14px;
    color:#333;
    float:left;
    margin-bottom:10px;
    text-align:left;
    padding: 0px 20px 10px 20px;
}
#aisatuBox0 {
    box-sizing:border-box;
    height:auto;
    padding-top:30px;
    float:left;
}
.aisatuBox {
    box-sizing:border-box;
    width:100%;
    height:auto;
    color:#333;
    background-color:#FFF;
    float:left;
    text-align:left;
    float:left;
    padding: 20px;
    border-radius: 20px;        /* CSS3草案 */
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;   /* Firefox用 */
}
.aisatuBox2 {
    box-sizing:border-box;
    width:78%;
    height:auto;
    font-size:16px;
    line-height:32px;
    padding:0 5px;
    float:left;
}
@media screen and (max-width: 749px) {
.aisatuBox2 {
    width:100%;
    margin-bottom:10px;
}
}
.aisatuBox3 {
    box-sizing:border-box;
    width:20%;
    height:auto;
    float:right;
}
.aisatuBox3 img {
    width:100%;
    height:auto;
    display:block;
}
@media screen and (max-width: 749px) {
.aisatuBox3 {
    width:100%;
    max-width:200px;
    float:left;
    margin-bottom:10px;
}
}
.aisatuBox4 {
    box-sizing:border-box;
    width:100%;
    height:auto;
    float:left;
    margin-top:10px;
}
@media screen and (max-width: 749px) {
.aisatuBox4 {
    width:100%;
    margin:0px;
    padding:0px;
}
}
.aisatuBox5 {
    box-sizing:border-box;
    width:22%;
    height:auto;
    float:left;
    margin-right:1.5%;
}
.aisatuBox5_1 {
    box-sizing:border-box;
    width:32%;
    height:auto;
    float:left;
    margin-right:1.5%;
}
.aisatuBox5_2 {
    box-sizing:border-box;
    width:43%;
    height:auto;
    float:left;
    margin-right:0%;
}
.aisatuBox5_3 {
    box-sizing:border-box;
    width:30%;
    max-width:80px;
    height:auto;
    float:left;
    padding:0;
}
.aisatuBox5_4 {
    box-sizing:border-box;
    width:70%;
    height:auto;
    float:left;
    padding:0;
}
@media screen and (max-width: 749px) {
.aisatuBox5,.aisatuBox5_1,.aisatuBox5_2 {
    width:100%;
    padding-left:0px;
    margin-bottom:10px;
    font-size:12px;
}
}
.inchouName {
    width:100%;
    color:#FFF;
    padding:2px 5px;
    letter-spacing:1px;
    margin-bottom:5px;
    float:left;
}
.inchouName2 {
    width:100%;
    color:#333;
    padding:2px 5px;
    font-size:14px;
    float:left;
}

.accicon {
    box-sizing:border-box;
    width:30%;
    max-width:40px;
    height:auto;
    float:left;
}
.accicon img {
    width:100%;
    height:auto;
    display:block;
}
.accTitle {
    box-sizing:border-box;
    width:70%;
    line-height:40px;
    font-size:21px;
    letter-spacing:1px;
    float:left;
    padding-left:5px;
}
.inchouName_white {
    background-color:#FFF;
}




.acceBox0 {
    box-sizing:border-box;
    width:100%;
    height:auto;
    float:left;
    margin-top:10px;
}
.acceBox1 {
    box-sizing:border-box;
    width:100%;
    padding-left:10px;
    margin-bottom:20px;
    text-align:left;
}
.aisatuRight {
    margin-right:0%;
}
.accText {
    letter-spacing:0px;
    font-size:14px;
    padding:0 20px 0 20px;
}
@media screen and (max-width: 749px) {
.acceBox1 {
    width:100%;
    padding-left:10px;
    margin-bottom:20px;
}
}









.MapBox {
    width:100%;
    height:auto;
}
.MapBox img{
    width:100%;
    height:auto;
    display:block;
    margin: 0 auto;
}

.MapBox2 {
    box-sizing:border-box;
    width:200px;
    height:91px;
    margin-top:-91px;
    right:10px;
    bottom:10px;
    position:absolute;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    border:1px solid #333;
    background-color:#FFF;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
    display:block;
}
.MapBox2:hover {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.0);
}
.MapBox2 img{
    width:100%;
    height:auto;
    display:block;
}
.MapBox3 {
    box-sizing:border-box;
    width:300px;
    height:100px;
    margin:0 auto;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    border:1px solid #333;
    background-color:#FFF;
    display:block;
    margin-top:10px;
    padding:0;
    display:none;
}
.MapBox3 img{
    width:100%;
    height:auto;
    display:block;
}

@media screen and (max-width: 749px) {
.MapBox2 {
    display:none;
}
.MapBox3 {
    width:100%;
    max-width:300px;
    display:block;
}
}


.inchopic {
    width: 250px;
    height: auto;
    text-align: right;
    float: right;
    font-size: 14px;
    line-height: 21px;
}
.inchopic img {
    box-sizing: border-box;
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    padding-bottom: 10px;
    margin: 0 auto;
}
@media screen and (max-width: 549px) {
.inchopic {
    width: 100%;
    text-align: center;
}
}

.pics_dis {
    font-size:21px;
}
.topKome {
    padding-bottom: 0px;
    margin: 0px 0px 7px 0px;
}















.cal_ex {
    box-sizing:border-box;
    width:100%;
    height:auto;
    float:left;
    padding-right:0px;
    margin-bottom:20px;
    font-size: 14px;
    line-height:24px;
}
@media screen and (max-width: 749px) {
.cal_ex {
    padding-right:20px;
    margin-bottom:0px;
    font-size: 12px;
    line-height:20px;
}
}
.cal_ex0 {
    width:100%;
    height:auto;
    float:right;
    margin-left:5px;
    text-align: right;
}
.cal_ex1 {
    width:20px;
    height:20px;
    float:right;
    background-color:#f39b99;
    margin-left: 5px;
}
.cal_ex2 {
    width:auto;
    height:auto;
    float:right;
    margin-left:5px;
    text-align: right;
}
.calBox {
    width:100%;
    height:auto;
    background-color:#FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    padding:5px;
    float:left;
}
@media screen and (max-width: 749px) {
.calBox {
    margin-top:5%;
}
}

.calendarBox {
    box-sizing:border-box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    padding:10px;
    margin:0px;
}
@media screen and (max-width: 749px) {
.calendarBox {
    padding:2px;
}
}
ul.calendarBox li {
    width:calc(100% / 7) ;
    width : 14.28%; /* IE8以下とAndroid4.3以下用フォールバック */
    list-style:none;
    margin:0;
}

.calbottom {
    margin-bottom:20px;
}
@media screen and (max-width: 749px) {
.calbottom {
    margin-bottom:10px;
}
}
.calBoxTitle {
    width:100%;
    height:40px;
    text-align:center;
    float:left;
    font-size:24px;
    line-height:40px;
    overflow: hidden;
    margin-top: 20px;
}
.date1, .date, .date2 {
    text-align:center;
    float:left;
    font-size:12px;
    color:#333;
    border-left:1px solid rgba(20, 168, 59, 1);
    font-weight:bold;
    line-height:20px;
    padding:15px 0;
    overflow: hidden
}
.date2 {
    line-height:20px;
    padding:0;
    height:auto;
    border-top:1px solid #14a83b;
    text-align:center;
    padding:15px 0;
    overflow: hidden
}
.date1  {
    line-height:20px;
    height:auto;
    border-bottom:1px solid #14a83b;
    border-top:1px solid #14a83b;
    text-align:center;
    padding:0;
    overflow: hidden;
}
@media screen and (max-width: 749px) {
.date1, .date {
    line-height:20px;
}
.date1 {
    height:auto;
}
.calPeson, .calPeson0 {
    box-sizing:border-box;
    min-height:30px;
    line-height:15px;
    padding-top:0px;
}
.calPeson0 {
    font-size:10px;
}
}
.brtime {
    display: none;
}
@media screen and (max-width: 449px) {
.brtime {
    display: block;
}
.date1 {
    line-height: 18px;
}
.date1_2 {
    line-height: 36px;
}
}

.holi {
    background-color:#f39b99;
    color:#FFF;
}
.dateRed {
    color:#FF0000;
}
.dateBlue {
    color:#0000FF;
    border-right:1px solid #333333;
}
.cal_right {
    border-right:1px solid #333333;
}
.cal_bottom {
    border-bottom:1px solid #14a83b;
}









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

.padB {
    padding-bottom: 10px;
}
img{
    border: 0px;
}
.fontRed {
    color: #ea272d;
}


.color1 {
    color:#333333;
}
.color1Line {
    border-bottom: 2px solid #333333;
}
.color1Line2 {
    border-top: 2px solid #333333;
}
.color1BG {
    color:#FFF;
    background-color:#333333;
}
.color1picT {
    color:#333333;
    border-left:3px solid #333333;
}
.navimain li a{
    color: #333333;
    text-decoration: none;
}
.navimain li a:hover{
    opacity: 0.5;
}
.bg_wh {
    background: #FFF!important
}



.padL {
    padding: 2px 10px;
    font-size: 14px;
    padding-bottom: 10px;
}
@media screen and (max-width: 749px) {
    .padL {
        padding: 2px 5px;
        font-size: 12px;
        padding-bottom: 10px;
    }
}