#linkCards .fig-img-case { padding-top: 0; padding-bottom: 0; }
#linkCards .fig-img {
position: relative;
width: 100%!important; max-width: 380px!important;
padding-top: calc(100% + 5rem);
border-style : solid;
border-width : 0.5px;
border-color : #000;
overflow: hidden;
}
#linkCards .fig-img figcaption { position: absolute; bottom: 0; height: 5rem; z-index: 1; background-color: #fff; display: flex; justify-content: center; align-items: center; }
#linkCards .fig-img img { position: absolute; z-index: 0; max-height: calc(100% - 5rem); width: auto; margin: 0 auto; display: block;
top: 0;  left: 50%;
transform: translateX(-50%);
}
body#blog-2 {}
body{position:relative;padding:0;margin:0;}header{position:fixed!important;display:flex;position:relative;width:100%;padding:0;height:72px!important;line-height:1;z-index:9;}header > nav{display:flex;position:relative;width:100%;padding:0;height:72px!important;justify-content:space-between;align-items:center;}nav #logo{position:relative;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 2rem;height:72px!important;background-color:#fff;}#logo > a{display:inline-block;max-height:calc(100% - 1rem);margin-left:1rem;position:relative;}#logo > a > img{display:block;height:calc(72px - 1rem);}ul#grobalNav{list-style-type:none;margin:0;padding:0 2rem 0 0;}header ul#grobalNav li{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 10px;}header ul#grobalNav li a, ul#grobalNav li i{color:#fff;text-decoration:none;}#serch{display:inline-flex;background-color:#fff;height:18px;margin:0 0.5rem;font-size:10px;padding:0 0.6rem;align-items:center;}#serchBtn{display:inline-flex;align-items:center;cursor:pointer;border:none;background:none;padding:0;outline:none;}ul#snsbox{position:relative;display:inline-flex;max-width:80%;flex-direction:row;justify-content:center;align-items:center;}ul#snsbox li{position:relative;max-width:120px;width:25%;padding:0.5rem;}ul#snsbox li img{display:block;width:100%;}@media screen and (orientation:portrait){nav{background-color:#fff;}nav #logo{padding:0.2rem;max-width:calc(100% - 90px)!important;}#logo img{max-width:calc(100% - 1rem);margin-left:0.5rem;}}@media screen and (orientation:landscape){nav{background-color:#0f2350}#smartmenu{display:none;}}nav#serchNav{background-color:#0f2350!important;}#smartmenu{position:absolute;display:inline-block;color:#0f2350;padding-right:0.5rem;top:5px;right:5px;z-index:11;}nav ul#grobalNav{display:none;}.kite-main nav ul#grobalNav{display:flex;flex-direction:column;background-color:#fff;color:#000;font-size:1.2rem;padding-left:2rem;}.kite-main nav ul#grobalNav a, .kite-main nav ul#grobalNav a:visited, .kite-main nav ul#grobalNav i{color:#000;}.kite-main nav ul#grobalNav #serch{border:0.5px solid #000;}.kite-main nav ul#grobalNav li{margin-top:1rem;}@media (min-width:1028px){#smartmenu{display:none;}nav ul#grobalNav{display:inline-flex;text-align:center;flex-direction:row;justify-content:flex-start;}}.kite-main #topnav{margin-top:3rem;}#topmenuClose{display:none;}.kite-main #topmenuClose{display:inline-block;margin-top:3rem;margin-left:2rem;}.kite-main nav#topnav{background-color:#ffffff!important;}
main{flex:1;}
.mainarea {  max-width: 760px; padding: 1rem;  background: rgba(255,255,255,0.8); height: 100%  z-index: 2; min-height: 100vh; }
.imgarea { position:relative;  }
.imgarea img { position: absolute;  top: 0;  left:50%; display: block; z-index: -1; transform: translateX(-50%);}
#webtop-main {  min-height: 100vh;  padding-bottom: 8rem; padding-top: 120px; margin: 0; }
@media screen and (orientation: landscape) {
.imgarea img { dwidth: auto!important; height: 100vh!important;  }
}
@media screen and (orientation: portrait) {
.imgarea img { width: 100vw!important; height: auto!important;  top: 10rem; }
}
.glass3px {
letter-spacing: 0.06em; line-height: 1.2;
backdrop-filter: blur(20px);
padding: 1rem;
border: 1px solid rgba(255, 255, 255, 0.4);
border-right-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(255, 255, 255, 0.2);
border-radius: 5px;
overflow: hidden;
}
.infobox { margin-top: 3rem; margin-bottom: 3rem;}
dl.liketable { display: flex; flex-flow: row wrap; width: 100%; }
dl.liketable dt { width: 180px; padding: 1rem; background-color: #f1f1f1; border-bottom: 1px solid #ccc; margin: 0; }
dl.liketable dd { width: calc(100% - 180px); padding: 1rem; background-color: #fff; border-bottom: 1px solid #ccc; margin: 0; }
body > footer{padding-top:2rem;background-color:#233b6c !important;color:#fff;}