/*るり*/
html,body,th,td,h1,h2,h3,h4,h5,b,p{ font-size:110%; font-family:serif; text-shadow: 1px 2px 3px #d0d0d0; box-sizing: border-box; }
html{ scroll-behavior: smooth; overflow: auto; }
body{ overflow: hidden; background-image: url(/img/bg0001.jpg); background-size: cover; color:#665; text-shadow: 1px 2px 3px #F8C8C9; }/* */
h1{ font-size:210%; text-align:center; }
h2{ font-size:130%; text-align:center;text-shadow: -2px -2px 2px #fff, 2px 2px 2px #F8C8C9; letter-spacing:.2em; color:#665;
}
h3{ padding-top:0px; vertical-align:middle;
/*padding: 1em 1.5em;*/
margin-top: 5px;margin-bottom: 5px;
/*background: linear-gradient(to bottom, #ffffff, #eeeeee);
background: -webkit-linear-gradient(top, #fffff, #eeeeee);
background: linear-gradient(to bottom, #ffffff, #FBE2BB );
background: -webkit-linear-gradient(top, #fffff, #FBE2BB );*/
background:#fff;border-radius: 40px 40px 40px 40px; margin:20px;
filter: drop-shadow(0px 5px 10px rgb(240, 240, 240));
/*background:#FBE2BB;*/
/*border: 1px solid #eeeeee;*//*枠線*/
/*border-top: 4px solid #00008b;*//*上の線*/
box-shadow: 0 0px 0 rgba(255, 255, 255, 1) inset;
color:#665;/*文字色*/
text-shadow: 0 8px 9px #F8C8C9, 0px -2px 1px #eee;
/* background: linear-gradient(to bottom, #ece4d9 0%,#e9dfd1 100%);*/
}
h3:before {
vertical-align:top;
content: url("/img/logo.rurika05.jpg"); position:relative; top:0;left:0; width:80px; height:20px;
margin-right:20px;
margin-left:20px;
box-sizing: border-box;
}
.outline00 b { padding-top:0px; vertical-align:middle; box-sizing: border-box;
/*margin-top: 5px;margin-bottom: 5px;
background: -webkit-linear-gradient(top, #fffff, #eeeeee);
background: linear-gradient(to bottom, #ffffff, #FBE2BB );
background: -webkit-linear-gradient(top, #fffff, #FBE2BB );
background:#fff;border-radius: 40px 40px 40px 40px; margin:20px;*/
filter: drop-shadow(0px 5px 10px rgb(240, 240, 240));
box-shadow: 0 0px 0 rgba(255, 255, 255, 1) inset;
color:#665;/*文字色*/
text-shadow: 0 8px 9px #F8C8C9, 0px -2px 1px #eee;
}
h4{ padding:0; margin:0; }
.itembox00{
border:1px solid #ccc; background:#fff; padding:5px; margin-left:5px; margin-bottom:5px; box-sizing: border-box;
width:300px; height:400px; overflow-x:hidden; overflow-y:hidden; float:left;
}
h5{ margin:0;padding:0; }
.itembox00 a{ text-decoration:none; }
.maintitle00{
box-sizing: border-box;
text-transform: uppercase;
display: block;
font-size: 72px;
color: #f1ebe5;
text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #eee;
font-weight: bold;
letter-spacing: -4px;
text-align: center;
/*position: absolute;
padding: 20px 70px;
top: 20%;
left: 50%;
transform: translate(-50%,-50%);*/
border-radius: 20px;
}
.outline00 {
display : inline-block;
color : #666; /* 文字の色 */
font-size : 16pt; /* 文字のサイズ */
letter-spacing : 4px; /* 文字間 */
text-shadow :
2px 2px 1px #eee,
-2px 2px 1px #eee,
2px -2px 1px #eee,
-2px -2px 1px #eee,
2px 0px 1px #fff,
0px 2px 1px #eee,
-2px 0px 1px #fff,
0px -2px 1px #eee; /* 文字の影 */
}
.outline01 {
display : inline-block;
color : #666; /* 文字の色 */
text-shadow :
2px 2px 1px #ccc,
-2px 2px 1px #ccc,
2px -2px 1px #ccc,
-2px -2px 1px #ccc,
2px 0px 1px #ccc,
0px 2px 1px #ccc,
-2px 0px 1px #ccc,
0px -2px 1px #ccc; /* 文字の影 */
}
ul,li{ margin:0; padding:0; }
nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 100%;
text-align: center;
}
nav li{
/*display: table-cell;*/
min-width: 50px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #999;
padding-bottom: 5px;
}
nav li.current a{
font-weight:900; color:#665;
/*border-bottom: 3px solid #ccc;*/
}
nav li:hover{
color: #E7DA66;
border-bottom: 3px solid #ccc;
}
.message00{ border:2px solid #ccc; background:#eff; color:#000; padding:20px; text-align:center; font-size:120%; margin:20px; }
.errormes00{ border:2px solid red; background:pink; color:darkred; padding:20px; text-align:center; font-size:120%; margin:20px; } }
p{ border:1px solid #ccc; padding:10px; }
.box00{ background-color: rgba(255,255,255,0.5); border:1px solid #fff; padding:10px; }
.box01{ background-color: #fff; border:1px solid #fff; padding-left:10px; }
_p { text-decoration:underline; text-decoration-color:#fff; }
/*BBS用*/
.bbs_username{ font-weight:bold; }
.bbs_says{ background:#fefefe; border:1px dashed #eee; padding-left:10px; }
.bbs_date{ text-align:right; font-size:small; }
.bbs_pageindex00{ text-align:center; font-weight:bold; padding:20px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; }
.bbs_pageindex00 a{ text-decoration:none; }
.bbs_pager_number{ font-size:30px;border-radius: 50px 50px 50px 50px;width:50px;height:50px;float:left; }
.balloon1-left {
text-align:left;
position: relative;
display: inline-block;
margin: 1.5em 0 1.5em 15px;
padding: 7px 10px;
min-width: 70%;
max-width: 90%;
background: #fff;
border-radius: 10px 10px 10px 10px;
}
.balloon1-left:before {
content: "";
position: absolute;
top: 50%;
left: -29px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #fff;
}
.balloon1-right {
text-align:left;
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 7px 10px;
min-width: 70%;
max-width: 90%;
background: #fff;
border-radius: 10px 10px 10px 10px;
}
.balloon1-right:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -15px;
border: 15px solid transparent;
border-left: 15px solid #fff;
}
.btn00{ border:2px solid #ccf;padding:20px;text-align:center;width:200px; margin:50px; }
.clr00{ clear:both; }
.pagetop {
height: 50px;
width: 50px;
position: fixed;
right: 30px;
bottom: 30px;
background: #fff;
border: solid 2px pink;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.pagetop__arrow {
height: 10px;
width: 10px;
border-top: 3px solid #ccf;
border-right: 3px solid #ccb;
transform: translateY(20%) rotate(-45deg);
}
/* */
#slideshow {
position: relative;
max-width: 640px;
min-height: 400px;/* */
max-height: 500px;
overflow-y:hidden;
}
#slideshow img {
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity: 0.0;
}
#slideshow img.active {
z-index: 10;
opacity: 1.0;
}
#slideshow img.last-active {
z-index: 9;
}
/* */