@charset "utf-8";

body {line-height:1.4em;margin:0;font-size:0.9em;background-color:#000000;}
body * { background-size:100%;} 
h1, h2, h3, h4, h5, h6, p{margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
ul{list-style:none;padding:0;margin:0;}
li{padding:0;margin:0;}
input,select{vertical-align:middle;}
a:not(.logolink){display: block; color: #0076B8;}
a{-webkit-tap-highlight-color:transparent;}
a.ilinelink{display: inline-block;}
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display:inline-table; } 
.tac{text-align:center;}
.tar{text-align:right;}
.mtM {margin-top:20px;}
.mbM {margin-bottom:20px;}
.half_size_image{zoom:0.5;}

/*設定変更箇所　背景色#001800・リンク色 a24343・フッター色#000000*/
#rakukan_sp_box{position:relative;}
#logoarea{display:block;background-color:#000000;position: relative;height:100px; width:100%; text-align: center;}
.logo{ height:48%;margin-top:25px; margin-right:30px;}
#logoarea #minibuttonarea{position: absolute; top:10px;right:10px; width:120px;height:35px; text-align: right;}
#logoarea #minibuttonarea a{width:35px;height:35px;display:inline-block; margin-right: 5px;}
#logoarea #minibuttonarea a img{width:100%;}
#header {position:fixed;top:10px;left:0.5em;height:50px;width:50px;z-index:50;}
#slide_menu {position: fixed;top:0;left:-20em;width:18em;height:100%;background-color:rgba(0,0,0,0.8); padding:1em;}
#slide_menu li{ border-top:1px dotted #FFFFFF; font-size:1.1em; }
#slide_menu li:last-child{ border-bottom:1px dotted #FFFFFF; }
#slide_menu a:link,#slide_menu a:visited{color:#ffffff; text-decoration:none; height:2.2em;line-height:2.2em; padding:0.2em 0;}
.headbutton {width:50px;height:50px;display:inline; background-size:100%;cursor : pointer; background-color: rgba(0,0,0,0)}
#button01 {background-image:url(img/menu_bt.png);}


#mainimage{ width:100%;padding-top:112%; position:relative;background-image:url(img/main.jpg); background-size: cover;}
#mainimage .button{position:absolute;left:0;right:0;bottom:25%;margin-right:auto; margin-left:auto; width:256px;}

.news_Box,.news_DetailBox {background-color:#ffffff;padding:1em;}
.news_Box_inner{width:100%; display:block;overflow:hidden; text-overflow:ellipsis;}
.news_Box .news_Box_inner h2{text-align:center;}
.news_Box .news_Box_inner .article{border-bottom:#CCCCCC dotted 1px;margin-top:0.7em; padding-bottom:0.5em; width:100%;}
.news_Box .news_Box_inner .article .date{width:6.5em; height:1.2em; display:inline-block;}
.news_Box .news_Box_inner .article .title{ width:70%;height:1.2em; display:inline-block;white-space:nowrap;}
		
.news_DetailBox .news_Box_inner .article .date{width:100%; height:1.5em; display:block;}
.news_DetailBox .news_Box_inner .article .title{width:100%; min-height:1.5em;display:block; font-weight:bold}
.news_DetailBox .news_Box_inner .article .text{width:100%;display:block;}
.news_DetailBox .photo_area{text-align:center;padding:1em 0 1em 1em;border-bottom:#CCCCCC dotted 1px;margin-bottom:15px;}
.news_DetailBox .photo_area img{width:60%; display:inline-block;}


#nav{}
#nav li{ border-top:1px solid #B2B2B2; font-size:1.1em; }
#nav li:last-child{ border-bottom:1px solid #B2B2B2; }
#nav li.back{ text-align:right;  font-size:0.9em;}
#nav li a:link{background-color:#ffffff;color:#000000;text-decoration:none;position:relative;padding:0.7em 1.7em;}
#nav li a:before{content:url(./img/arrow.png);position:absolute; left:0.5em; top:30%;}
#nav li.back a:before{display:none;}
#nav li.back a:after{content:url(./img/arrow_back.png);position:absolute; right:0.2em; top:30%;}
#nav li a:visited{color:#000000;}
#nav li a:hover{background-color:#eeeeee;color:#000000;}


#footnav{position: fixed; bottom:0; left:0; right:0; background-color:#c9c9c9; display:table; width:100%;}
#footnav .buttonarea{width:50%; min-height:50px; display:table-cell;position: relative; text-align: center; vertical-align: middle;}
#footnav .light{background-color:#eeeeee; }
#footnav .buttonarea img{max-width:90%; height: auto; vertical-align: middle; border: #FFFFFF 2px solid; margin:7px auto;}

#address{ padding:0.5em;color:#000000;background-color: #ffffff;}
#tel{ background-image:url(./img/tel.png); background-repeat:no-repeat; background-position:left; background-size:contain; padding:1em 0 1em 2.4em;background-color:#ffffff; color:#000000;font-size:1.3em; font-weight:bold; border:1px solid #B2B2B2;  border-width:1px 0 1px 0;text-decoration:none;}
a:hover#tel  { background-color:#eeeeee;color:#000000;}
#pctop{display:block; padding:5px; text-align: center;}
#footer{ background-color:#000000;color:#ffffff; text-align:center; padding:1em; background-image:url(img/logo_f.png); background-position:top; background-repeat:no-repeat; background-size:auto 24%; padding-top:50px; padding-bottom:60px;}

/*ブロック*/
#block_Area{width:100%; background-color:#FFFFFF; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}

.RKSP_Blc_image100{text-align:center;display:block;width:100%; margin-bottom:-0.4em;}
.RKSP_Blc_image100 img{width:100%; margin:0 auto;}

.RKSP_Blc_imageAUTO{text-align:center;display:block;width:100%; margin:0 auto;}
.RKSP_Blc_imageAUTO img{width:auto; margin:0 auto; zoom:0.5;}

.RKSP_Blc_text{display:block;width:100%}
.RKSP_Blc_text p{padding:0.5em;}
.RKSP_Blc_text span{font-weight:bold; display:block;}

.RKSP_Blc_html{display:block;width:100%}

.RKSP_Blc_halfImage{ width:45%; display:inline-block; margin:1% 2%}
.RKSP_Blc_halfImage img{ width:100%;}

.RKSP_Blc_halfText{ width:45%; display:inline-block; margin:1% 2%}
.RKSP_Blc_halfText p span{ font-weight:bold; display:block; margin-bottom:0.5em;}

.RKSP_Blc_space{display:block;width:100%; height:1em;}

h2.RKSP_Blc_h2{font-size:1.2em; background-color:#000000; color:#ffffff; font-weight:bold; padding:0.5em 1% 0; width:98%}
h3.RKSP_Blc_h3{font-size:1.1em;border-bottom:#999999 solid 1px;padding-bottom:5px;line-height:22px; padding:1%; width:98%}
h4.RKSP_Blc_h4{font-size:1.05em; font-weight:bold; padding:1%; width:98%}