@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;}
h2{font-size: 1.2em}
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: #AE7CD4;}
a{-webkit-tap-highlight-color:transparent;}
a.ilinelink{display: inline-block;}

.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;}


button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}



#rakukan_sp_box{position:relative; }

#header{position: fixed; bottom:0; right:0; left: 0; z-index: 25; margin: auto; display:block;  min-height:50px; width:100%;background-color:#1b1b1b;text-align: center}
#header a{display:inline-block; height:50px; margin: 0;}
#header a img{zoom:0.5;}


.headbutton {width:50px;height:50px;position:fixed; top:0; left:0; z-index: 50; background-size:100%;cursor : pointer;}
#button01 {background-image:url(img/menu_bt.png);overflow : hidden;outline : none; background-color: rgba(210,210,210,0.48) }


#slide_menu {position: fixed;top:50px; left:0; right:0; margin: auto; width:80%; z-index: 100;  height: auto;background-color:rgba(255,255,255,0.9); padding:5%;}
#slide_menu ul{}
#slide_menu li{font-size:1.1em;text-align: center;}
#slide_menu a:link,#slide_menu a:visited{color:#333333; text-decoration:none; height:1.4em;line-height:1.4em; padding:0.2em 0;}
#slide_menu ul #close_bt{position: absolute; top:5px; right:5px; width:35px; height: 35px; background-image:url(img/close_bt.png); z-index: 120; }


#slide {
    width:100%;
    height: auto;
	min-height:1px;
	text-align: center;
	overflow: hidden;
	padding-top:128%;
	background-color: #000000;
	position: relative;


}
#slide img {
	position: absolute;
    top: 0; left: 0;
    width: 100%;
    height:auto;

}

.news_Box,.news_DetailBox {background-color:#000000;padding:1em; color:#ffffff}
.news_Box_inner{width:100%; display:block;overflow:hidden; text-overflow:ellipsis;}
.news_Box .news_Box_inner .article{border-bottom:#efefef 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:#efefef dotted 1px;margin-bottom:15px;}
.news_DetailBox .photo_area img{width:60%; display:inline-block;}
.more a:link,.more a:visited,.more a:hover{display: inline-block;  color:#ffffff; text-decoration: none;}


#nav{background-color:#000000; padding-bottom: 2em}
#nav ul{margin: 0 5px;}
#nav li{ border-top:3px double #efefef; font-size:1.1em; }
#nav li.back{ text-align:right;  font-size:0.9em;}
#nav li a:link{background-color:#000000;color:#ffffff;text-decoration:none;position:relative;padding:0.7em 1.7em; text-align: center}
#nav li a:visited{color:#ffffff;}
#nav li a:hover{background-color:#666666;color:#ffffff;}


#footer{ background-color:#000000;color:#ffffff; text-align:center; padding:1em; background-image:url(img/logo.png); background-position:center top; background-repeat:no-repeat; background-size:150px auto; padding-top:160px;}
#address{ padding:0.5em;}
#tel{ display: inline-block; padding:0.5em 2em; margin: 1em auto; background-color:#ffffff; color:#000000; text-decoration:none;}
#tel span{ font-size:1.3em; font-weight:bold;}
a:hover#tel  { background-color:#eeeeee;color:#000000;}




/*ブロック　block_style.cssにもコピー*/
#block_Area{width:100%; background-color:#000000; 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; max-width: 100%}

.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:50%; display:inline-block; margin:0}
.RKSP_Blc_halfImage img{ width:100%;}

.RKSP_Blc_halfText{ width:50%; display:inline-block; margin:0}
.RKSP_Blc_halfText p{ padding:0 10px;}
.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:#424242; color:#ffffff; font-weight:bold; padding:0.5em 1% 0; width:98%}
h3.RKSP_Blc_h3{font-size:1.1em;border-bottom:#efefef 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%}


.RKSP_Blc_DoubleIMG{display:block;width:100%; padding-bottom:1%;}
.RKSP_Blc_DoubleIMG div{width:50%; display:inline-block; padding: 0; margin: 0;}
.RKSP_Blc_DoubleIMG div img{width:100%}



.RKSP_Blc_BGIMG{display:block;width:100%; padding-bottom:1%;}
.RKSP_Blc_BGIMG .inner{position: relative;width:100%; padding-top: 75%}
.RKSP_Blc_BGIMG .inner img{position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; width:100%}
.RKSP_Blc_BGIMG div{text-align: center;	position: absolute;	top: 50%;left: 50%;	transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);z-index:10;}
.RKSP_Blc_BGIMG div span{font-size: 1.2em; display: block}


/* フォトギャラリー */
.galleryarea{display: inline-flex;flex-direction: row;flex-wrap: wrap; width:95%; padding-left:5%;}
.gallerythumbnail{width:30%;margin: 0 1%;}
.gallerythumbnail a{display: block; width:100%; padding-top:100%; margin-bottom:0; overflow:hidden;position:relative;}
.gallerythumbnail a img{width:100%; height:100%; object-fit: cover; min-height:100%; min-width:100%; position: absolute; top:-100%; left:-100%;right:-100%;bottom:-100%; margin:auto;}
.gallerythumbnail span{font-size: 80%; line-height: 1.4em;}