@charset "UTF-8";

#wrap_top{
position: relative;
width: 100%;
}
#top_main{
position: relative;
width: 100%;
height: auto;
}
#top_bg{
position: relative;
width: 100%;
height: 95vh;
max-width:1000px;
margin:15px auto 0;
background:url(../img2026/top_dots.png) no-repeat;
background-size: contain;
background-position: center top;
z-index: 1;
}
/*
#wrap_top{
position: relative;
width: 100%;
max-width:1000px;
margin:0 auto 20px;
background:url(../img/top/top_pic.png) no-repeat;
background-size: contain;
font-size:12px;
}*/
#top_contents{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 3;
}
#sp_view{
height: 400px;
}
#top_pic_wrap{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 1000px;
height: 612px;
z-index: 2;
}
#top_pic_wrap img{
width: 100%;
height: auto;
filter: drop-shadow(5px 5px 6px rgba(0,0,0,0.5));
}
#top_pic1{
position: absolute;
right: 25%;
bottom: 0;
width: 291px;
}
#top_pic2{
position: absolute;
right: 2%;
top: 52%;
width: 205px;
}
#top_pic3{
position: absolute;
right: 8%;
top: 11%;
width: 248px;
}
#top_pic4{
position: absolute;
left: 46%;
top: 0;
width: 197px;
}
#top_pic5{
position: absolute;
left: 18%;
top: 3%;
width:219px;
}
#top_pic6{
position: absolute;
left: 3%;
top: 35%;
width:232px;
}
@media screen and (max-width:942px){

#top_pic1{
position: absolute;
right: 25%;
bottom: 5%;
width: 29vw;
}
#top_pic2{
position: absolute;
right: 2%;
top: 52%;
width: 20vw;
}
#top_pic3{
position: absolute;
right:6%;
top: 11%;
width: 25vw;
}
#top_pic4{
position: absolute;
left: 46%;
top: 0;
width: 21vw;
}
#top_pic5{
position: absolute;
left: 18%;
top: 6%;
width: 27vw;
}
#top_pic6{
position: absolute;
left: 3%;
top: 47.5%;
width: 23vw;
}

#top_bg{
background:url(../img2026/top_dots_sp.png) no-repeat;
}
}

@media screen and (max-width:600px){
#top_pic1{
position: absolute;
right: 17%;
bottom: 5%;
width: 32vw;
}
#top_pic3{
position: absolute;
right:2%;
top: 11%;
width: 32vw;
}
#top_pic4{
position: absolute;
left: 37%;
top: 0;
width: 26vw;
}
#top_pic5{
position: absolute;
left: 9%;
top: 17%;
width: 29vw;
}
}


@media screen and (max-width:1020px){
#top_bg{
background-size:cover;
background-position: center;
}
}

#top_title{
width: 90%;
max-width: 1000px;
padding-top:215px;
text-align:center;
padding-bottom:6px;
margin: auto;
}
#top_title h1{
width: 100%;
max-width: 570px;
margin: auto;
}
#top_title h1 img{
width: 100%;
height: auto;
}
#navigation{
width: 90%;
max-width: 1000px;
margin: auto;
text-align:center;
}
#navigation img{
padding-left:5px;
}

#navigation a{
line-height: 1;
padding: 0;
margin: 0;
}

@media screen and (max-width:900px){
#navigation{
width: 70%;
margin: auto;
text-align:center;
}
}

#infobox{
position: relative;
z-index: 5;
width: 90%;
max-width:900px;
margin:0 auto 15px;
padding-top:100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#blog_update{
width:48%;
text-align:left;
line-height:1.55em;
font-size: 90%;
}
#infobox p.banner{
padding:0 0 10px 0;
}
#infobox p.banner img{
padding-bottom:5px;
}
#qrcode{
padding-top:15px;
}
#qrcode img{
float:left;
padding-right:5px;
}
#banner{
padding-top:160px;
width:45%;
text-align:left;
}
#banner a{
margin-right: 5px;
}
#update{
width:100%;
height:200px;
margin:10px 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
padding:5px 10px;
overflow:auto;
overflow-y:scroll;
background: rgba(255,255,255,0.8);
}
#update p{
padding-bottom:3px;
}
dl.updates {clear:left; line-height:1.45em;}
dl.updates dt.date{ color:#ff53b1; float:left; }
dl.updates dt.topic{ float:left; padding-left:10px;}


#banner_btm{
text-align:center;
}
#banner_btm img{
margin:0 10px;
vertical-align:middle;
}

#copyright{
width:400px;
margin-top:10px;
padding-top:10px;
border-top:#CCCCCC solid 1px;
font-size:11px;
padding-bottom:20px;
font-family:Arial, Helvetica !important;
}

#copyright img{ vertical-align:middle; padding-right:2px;}

@media screen and (max-width:600px){
#sp_view {
    height: 480px;
}
#infobox{
padding-top:0;
}
#blog_update{
width:100%;
order: 2;
text-align: center;
padding-top: 20px;
}
#update{
width:94%;
text-align: left;
    border-right: #CCCCCC solid 1px;
}
#banner{
padding-top: 125px;
width:100%;
order: 1;
text-align: center;
}
.feedline{
text-align: left;
}
}

@media screen and (max-width:500px){
#top_main{
height: auto;
padding-bottom: 0;
}
#fb{
display: none;
}
#sp_view{
height: 95vh;
}
#banner{
padding-top: 0;
}
}

/*/// RSS ///*/
.blogtitle{
color:#ff53b1;
font-weight:bold;
}
.blogtitle a{ color:#ff53b1; text-decoration:none;}
.blogtitle a:hover{ color:#ff53b1; text-decoration:underline;}
a.bloglink{ color:#ff53b1; text-decoration:underline;}
a.bloglink:hover{ color:#ff0084; text-decoration:none;}

.infotitle{
color:#30aeff;
font-weight:bold;
}
.infotitle a{ color:#30aeff; text-decoration:none;}
.infotitle a:hover{ color:#30aeff; text-decoration:underline;}
a.infolink{ color:#30aeff; text-decoration:underline;}
a.infolink:hover{ color:#008aff; text-decoration:none;}

.feeddescript{
padding-bottom:10px;
line-height:1.3em;
}