*{
 padding:0px;
}


li{
list-style-type:none;
}

a{
text-decoration:none;
}


article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
 display: block;
margin:0;
padding:0;
 }
/* PC */
/* 構成 *//* 構成 */
html {
height:100%;
width:100%;
margin:0;
padding:0;

}

body {
height:100%;
width:100%;
margin:0px;
padding:0; 
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:2em;
font-size:1em;
color:#000000;
z-index:1;     
overflow-x: hidden;

}


#wrapper{
overflow-x:hidden;

}



#wrap {
margin:0 auto;
padding:0;
width:100%;
margin:0 0 0 0;



}

#wrap0{
z-index:10;
width:100%;
position:absolute;
margin:0;
top:100%;
background-color:rgba(255,255,255,1);
}


#wrap1 {
max-width:600px;
margin:0 auto;
width:100%;
}


/* 共通 */ 
a:hover { 
color:red;
}



h1 {
margin:0;
padding:0;
}


h2{
text-align:center;
font-size:1.2em;
font-weight:bold;
background-color:#b0c4de;
color:#ffffff;
margin:0;
}



.fixBox {
   position: fixed;
   top: 0px;
   left: 77%;
margin:8% 0 0 0;
padding-bottom:-10px;
width:19%;
z-index:11;
background-color:#ffffff;
}



.clear {
 clear:both;
 }


/* 固定ナビの高さ分のネガティブマージン */ 
#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9{
display:block;
  padding-top: 105px;
    margin-top: -105px;
overflow-x: hidden;
}





/* header *//* header */
TopArea {
 top: 0; 
 }

header {
position:fixed;
z-index:100;
top: 0;
padding:0 0 0 0;
width: 100%;
height:80px;


min-height:30px;

background: url(img/.png) center center / cover no-repeat;
background-color: rgba(255,255,255,0);
}





#header{
background-color: rgba(255,255,255,1);
}


#headimgwrap {
position:rerative;
margin:0 0 0 2%;
float:left;
width:10%;
height:100%;

}

.menuwrap{
position:relative;
width:60%;
height:100%;
float:right;
}



.menua{
display:block;
}

.menub{
display:none;
}


#headimgwrap img{
position:rerative;
margin:10px 0 0 0;
width:auto;
height:120%;
}


 /* スクロール時のヘッダー変化後 */
header.fadeInDown3 {
background-color: rgba(255,255,255,1);
height:50px;
border-bottom:2px solid #ff69b4;
background-image: url('img/head1.png');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: bottom right;

}



header.fadeInDown3  ul{
background-color:;
 color:#000000;   
}

header.fadeInDown3 ul li a:hover{
background-color:#c71585;
 color: #ffffff;   
}

header.fadeInDown3 #headimgwrap img{
height:80%;
}

header.fadeInDown3 .menub{
display:block;
}



header.fadeInDown3 .menub ul li{
margin:0 50%;
}


header.fadeInDown3 .menua{
display:none;
}

#img2{
display:none;
}

 /* サブページのヘッダー　*/
header.subpage {
background-color: rgba(255,255,255,1);
height:60px;
}

header.subpage ul.ddmenu a{
color:#4169e1;
}

header.subpage ul.ddmenu li ul li a{
background-color:#4169e1;
 color: #ffffff;   
}

header.subpage ul.ddmenu a:hover{
background-color:#191970;
 color: #ffffff;   
}





/* navi *//* navi */

   /* menustyle1.cssへ */



/* スライドショーはslidestyle1.cssへ*/

/* main *//* ビルボード１ */
.mainwrap{
position:relative;
margin:0;
width:100vw;
height:100vh;

}

.main {
position:relative;
margin:0;
width:100%;
height:100%;
padding-bottom:0px;

overflow: hidden;
background-image: url('img/bill.JPG');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;

}

.main2{
position:relative;
margin:0;
width:100%;
height:100%;
padding-bottom:0px;

overflow: hidden;
background-image: url('img/bill2.JPG');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;

}


.main3{
position:relative;
margin:0;
width:100%;
height:100%;
padding-bottom:0px;

overflow: hidden;
background-image: url('img/bill3.JPG');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;

}




.mainsub{
position:relative;
margin:0;
width:100vw;
height:150px;
padding-bottom:0px;

overflow: hidden;
background-image: url('img/bill4.JPG');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center left;

}


.mainsub2{
position:relative;
margin:0;
width:100vw;
height:180px;
padding-bottom:0px;

overflow: hidden;
background-image: url('img/bill5.JPG');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;

}



.main p{
z-index:1;
border:none;
position:absolute;
word-break: keep-all;
left:50%;
 transform: translate(-50%,-50%);
top:40%;
margin:0 auto;
color:#ffffff;
font-size:1.7em;
margin:0 0 0 0;

}

.main2 p{
z-index:1;
border:none;
position:absolute;
top:40%;
left:5%;
color:#ffffff;
font-size:1.3em;
font-weight:bold;
margin:0 0 0 0;

}


.main3 p{
z-index:1;
border:none;
position:absolute;
top:40%;
left:10%;
color:#ffffff;
font-size:1.3em;
font-weight:bold;
margin:0 0 0 0;

}

.mainsub p{
z-index:1;
border:none;
position:absolute;
top:75%;
left:50%;
transform: translate(-50%,-50%);
color:#ffffff;
font-size:1.5em;
margin:0 0 0 0;

}


.mainsub2 p{
z-index:1;
border:none;
position:absolute;
top:75%;
left:50%;
transform: translate(-50%,-50%);
color:orange;
font-size:1.5em;
margin:0 0 0 0;

}



#mainimg{
position:fixed;
top;0;
width:auto;
height:100vh;
min-height:600px;
clear:both;
margin:0 0 0 0;
margin-bottom:0px;
background-color:black;
}









/* main *//* ビルボード２ */




/* コンテンツ *//* 共通 */
.contents {
position:relative;

clear:both; 
width:100%;
padding:0;
margin:0 0 0 0;


 }

#contents h3 {
display:block;
margin:0 0 0 0;
padding:0;
text-align:center;
font-weight:bold;
color:#305097;
font-size:1.5em;
background-color:#ffffff;

 }



.contentsboxwrap1 {
 width:100%;
height:auto;
 padding:0;
 margin:0;
background-color:orange;
margin-top: -1px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 1px; /* 打ち消し用のパディング */ 
 }

.contentsboxwrap2 {
 width:100%;
height:auto;
 padding:0;
 margin:0;
background-color:#f4a460;
margin-top: -1px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 1px; /* 打ち消し用のパディング */ 
 }

.contentsboxwrap3 {
 width:100%;
height:auto
 padding:0;
 margin:0;
background-color:#f08080 ;
margin-top: -1px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 1px; /* 打ち消し用のパディング */ 
 }



.contentsbox {
position:relative
 width:90%;
 height:auto;
 padding:0 0 50px 0;
 margin:10% 5% 0 5%;

 }

.contentsbox a{
display:inline;
position:relative;
margin-left:50%;
word-break: keep-all;
color:#ffffff;
}


.contentsbox a:hover{
color:red;
}


.contentsbox1{

 width:90%;
 height:auto;
 padding:0;
 margin:20px 5% 0 5%;
font-size:1.6em;
color:purple;
line-height:3em;
 }

.contentsboxmini{
width:100%;
height:100px;
margin:0;
overflow: hidden;
background-image: url('img/head1.png');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: bottom right;

}



.minicon{
float:left;
width:90%;
margin:0 5%;
}

.minicon img{
width:90%;
margin:0 5% 0 5%
}


.contentsbox1b{
float:left;
 width:30%;
 height:auto;
 padding:0;
 margin:20px 10% 0 10%;
font-size:1.6em;
color:purple;
line-height:3em
 }

.contentsbox1b img{

 width:80%;
 height:auto;
 padding:0;
 margin:0 10% 0 0 10%;

 }


.contentsbox3{
float:left;
 width:30%;
 height:auto;
 padding:0;
 margin:20px 0 0 0;


 }




.minibox{
position:relation;
margin:0;
width:100%;
height:100%;

font-size:1.5em;
}


.minibox img{
width:40%;
margin:0 30%;
}

.minibox p{
text-align:center;
color:#ffffff;
}







.contentsbox1 p,.contentsbox2 p,.contentsbox3 p {
 width:90%;
 height:auto;
 padding:10px 1em 0 1em;

 }

.tab {
  
}
.tab li {
font-size:1.1em;
  color: #fff;
  float: left;
width:10%;
  margin: 0 10px -1px 0;
  padding: 10px 20px;
background-color: rgba(127,188,255,1);
  border-top: 1px solid  rgba(127,188,255,1);
border-left: 1px solid  rgba(127,188,255,1);
border-right: 1px solid  rgba(127,188,255,1);
border-top-left-radius: 10px 10px;
border-top-right-radius: 30px 30px;
  cursor: pointer;
  list-style: none;
  transition: .3s;
}
.tab li.active {
  color: #333;
  background: #ffffff;
  cursor: auto;
}
 
.area ul {
  display: none;
}

.area{
width:100%;
height:;
background: #ffffff;
clear:both; 
}

.area ul.show {
margin:0 0 0 0;
  display: block;
border-top: 1px solid  rgba(127,188,255,1);

}


.moni{
margin:0 0 50px 0;
}
.moni img{
margin:0 20px 0 50px ;
width:200px;
float:left;
}

.shoukaibun p{
margin:0;
}







/* コンテンツ page*//* 共通 */
#feed{
width:95%;height:500px;margin:0 5% 100px 0 ;overflow-y:scroll;line-height:1.3em;font-size:0.9em;word-wrap: break-word;
}

#feed2{
width:95%;height:500px;margin:0 5% 100px 0 ;overflow-y:scroll;line-height:1.3em;font-size:0.9em;word-wrap: break-word;
}

 
/* コンテンツ *//* １ */
#newsbox {
width:95%;
height:auto;
border:solid 1px #CCC;
padding:10px;
margin-bottom:15px;
}



/* コンテンツ *//*  */
.menuwrap2{
z-index:2;
width:100%;
overflow: hidden;
background-image: url('img/head2.png');
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: bottom right;
}



.menuwrap2 div{
width:70%;
margin:0 15% 5% 15%;
display:inline-block;

}

.menuwrap2 div img{
width:100%;
}

.menuwrap2 div p{
font-weight:bold;
line-height:1.5;
text-align:left;
margin:0 0 0 0;
color:#ffffff;
font-size:1.3em;
}

.menuwrap2 h4{
z-index:2;
text-align:center;
font-size:5vw;
color:white;
width:100%;
}


.link1{
position;relative;
width:100%;
}

.link1 a{
position:absolute;
right:5%;
color:#ffffff;
}


.tennai{
margin:0;
width:100%;
}

.tennai h3{
text-align:center;
font-size:1.3em;
color:orange;
}

.tennai img{
width:90%;
margin:0 5%;
}




/* コンテンツ *//* map　*/
.map{
display: block;
 
margin:5% auto;
padding-bottom:0;
width:80%;
height:500px;

}


.map2{
display: block;
 margin:0;

margin-bottom:0;
padding-bottom:0;
width:60%;
height:300px;
float:left;
}
.mapbun{
margin:0;
float :left;
width:40%;
height:300px;
}




/* コンテンツ *//* table */

.contentsbox4{
margin:0;
width:50%;
float:left;
}

.tableout{
width:100%;
overflow-x:scroll;
}


table{
margin:0 5%;
width:90%;


}


table tr{
width:100px;
}


table th{
margin:0;
padding:0;
width:200px;
background-color:rgba(127,188,255,1);
color:#ffffff;
text-align:center;
}

table td{
margin:0;

padding:10px 10px;
height:3em;
line-height:1em;
font-size:0.9em;
}





.tableout tr th:nth-child(1){
background-color:rgba(240,128,128,1);
}

.tableout tr td:nth-child(1){
background-color:rgba(255,183,183,1);
}

.tableout tr td:nth-child(3){
background-color:rgba(219,255,255,1);
}

.tableout tr td:nth-child(5){
background-color:rgba(219,255,255,1);
}

.tableout tr td:nth-child(7){
background-color:rgba(219,255,255,1);
}






/* side *//* navi */
.sidez{
border-left:3px solid #b0c4de;
padding:0 0 0 10px;
}

#side img{
margin:0 auto;
width:100%;
}


#side img:hover{

}

#side ul{
width:100%;
height:100%;
margin-left:0;
margin-right:0;
border-left:solid 4px #b0c4de;
background-color:;
}

#side  li{
clear:both;
width:100%;height:auto;

margin:0 0 0 1em;

border:none 5px #305097;

list-style-type:none;
font-size:1vw;
line-height:1.5em;

}




#side li a { 
  width:100%; 
 color:#305097; 
  font-size:1em; 
  font-weight:bold; 
  text-decoration:none; 
margin:0;
  padding:15px 0px 5px 5px;
  display:block; 
 
}
#side li a:hover { 
background:#B0C4DE;
color:#ffffff; 
}

aside{
width:100%;
margin:0;
}


aside div{
width:80%;margin:0 20% 0 20%;

}

aside p{
width:80%;margin:0 20% 0 20%;
}



/* 電話固定footer *//*  */

#foottel{
position:fixed;
z-index:90;
margin:0;
padding:0;
bottom:0;
width:100%;
height:40px;
}




.foottel1{
position:relative;
margin:0;
padding:0;
height:100%;
width:100%;

}




.foottel2{
position:absolute;
margin:0 45% 0 45%;
height:40px;
width:10%;

}

.foottel2 a img{
position:relative;
margin:-25%;
height:150%;
width:auto;


}




/* footer *//*  */
footer {
width:100%;
height:120px; 
clear:both;
color:#ffffff;
font-size:0.8em;
padding-top:10px;
padding-bottom:100px;
margin:0;
text-align:left; 
line-height:1.1em;
position:relative;
background-color:#ff69b4;
}



footer p{
color:#ffffff;
}

#wrap5{
position:absolute;
bottom:0;

}

.wrapfoot{
width:100%;
background: url(img/footback.png) center center / cover no-repeat;
}



#copy {
clear:both;
position:relative;
width:100vw;
text-align:center;
font-size:1em;
border-top:solid 1px #ffffff;
color:#ffffff;
padding-top:0;
padding-bottom:40px;
bottom:0px;
margin:0;

}


#juusho{
width:100%;
margin:0 10% 0 10%;
text-align:left;
color:#ffffff;
}



#juusho h4{
font-size:1em;
}

.fleft{
width:60%;
margin-left:auto;
margin-right:auto;
display: inline-block;
font-size:1em;
bottom:0;
}





#a{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#b{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}

#c{ 
margin-top: -150px; /* 固定ナビの高さ分のネガティブマージン */ 
padding-top: 150px; /* 打ち消し用のパディング */ 
}


/* modal */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
 display: none;
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
margin-left:-10%;
    width: 120vw;
z-index:10;
}
.modal__content{
 display: none;
    background: #fff;
    left: 50%;

    margin:60px 0 0 0;
    padding: 20px;
    position:fixed;
    top: 40%;
    transform: translate(-50%,-50%);
    width: 100%;
max-width:2000px;
z-index:10;
}

.modal__content p{
 display: none;
text-align:center;
color:orange;

}



/* アコーディオン */



#juusho2{
text-align:center;
padding-top:0;
margin-top:0;
padding-bottom:50px;
}
border-top:solid 1px #CCC; 
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -o-box-sizing: content-box;
 -ms-box-sizing: content-box;-box-sizing: content-box;tent-box;
 -o-box-sizing: content-box;
 -ms-box-sizing: content-box;-box;tent-box;box;ontent-box;tent-box;box;ontent-box;tent-box;;ontent-box;tent-box;t-box;;;