@charset "utf-8";/* Theme Name: jyukunenn */
:root{
--base-font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif!important;
--base-font-size-sp:103%;
--header-bg:#1BB4D2;
--header-text-color:#fff;
--main-bg-color:#faf9f5;
--main-text-color:#3E3E3E;
--ttl-bg-color:#f7d200;
--ttl-text-color:#000;
--label-bg:#fcee21;
--label-text-color:#000;
--footer-bg:#666;
--footer-text-color:#CACACA;
--footer-link-color:#f7f7f7;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,em,img,small,strong,b,dl,dt,dd,ul,li,form,label,caption,article,aside,figure,footer,header,menu,nav,section,time,pictuer{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;letter-spacing:0.25em;}article,aside,footer,header,menu,nav,section,a{display:block;}nav ul,ul{list-style:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}input,select{vertical-align:middle;background-color:transparent;border-style:none;}a{text-decoration:none;}* {box-sizing:border-box;}
body{line-height:1.9;font-family:var(--base-font-family);font-size:var(--base-font-size-sp,103%);letter-spacing:0.3px;background-color:var(--main-bg-color,#faf9f5);display:block;word-wrap:break-word;}
header{width:100%;min-width:320px;min-height:50px;color:var(--header-text-color);text-align:center;top:0;background-color:var(--header-bg);}
.inner-header{display:flex;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px;}
.inner-header h1{flex-grow:1;position:relative;display:flex;font-size:1.35em;}
.searchbox{flex-grow:2;left:auto;right:0;display:flex;justify-content:flex-end;align-items:center;}
#inner-content{padding:3% 4%;}
.wrap{max-width:1166px;margin:0 auto;}
#pick-up-contents{text-align:center;padding:10px 0;background-color:#f7f7f7;}
.entry-title{background-color:var(--ttl-bg-color);color:var(--ttl-text-color);font-size:103%;text-align:left;font-weight:900;padding:5px 10px;}
article{margin:0 -4%;font-size:90%;border-bottom:1px solid #333;display:flex;flex-wrap:wrap;}
article:first-child{border-top:1px solid #333;}
article a{display:flex;align-items:flex-start;width:100%;padding:3%;overflow-wrap:break-word;}
.eyecath-cover{position:relative;overflow:hidden;}
.thumb{width:120px;height:90px;max-width:200px;position:relative;flex-basis:120px;}
.thumb img{width:100%;height:100%;object-fit:cover;position:absolute;}
.entry-state{flex-basis:auto;padding-left:3%;}
.entry-state h2{font-size:100%;line-height:1.5;font-weight:900;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.state{overflow-x:auto;}
.datalist{display:flex;flex-wrap:wrap;font-size:75%;}
.datalist li{margin-right:0.6em;}
.thumb span{position:absolute;top:-0.1px;right:0;padding:0.2em 0.5em;background-color:var(--label-bg);color:var(--label-text-color);opacity:0.88;font-size:72%;}
footer{background-color:var(--footer-bg);color:var(--footer-text-color);}
#footer-inner{padding:35px;font-size:88%;}
#footer-inner a{color:var(--footer-link-color);}

#footer-bottom{text-align:center;font-size:90%;}
.footer-contents{margin:0 0 2.5em;}
.footer-contents ul li a{display:block;padding:1em 1.3em 1em .3em;position:relative;}

@media screen and (min-width:768px){
}
@media screen and (min-width:992px){
#pick-up-contents{margin:25px auto;max-width:1166px;}
#main{margin-right:2%;width:728px;max-width:728px;min-width:0;}
#inner-content{margin-top:25px;margin-bottom:25px;display:flex;justify-content:flex-start;padding:35px;box-shadow:0 0 15px rgb(102 102 102 / 20%);}
#side-bar{width:336px;max-width:34%;flex:none;margin-top:0;margin-left:auto;}
article{margin:3px auto;boder-bottom:1px solid #333;font-size:90%;}
.thumb{width:200px;height:150px;max-width:200px;position:relative;flex-basis:200px;}
.thumb span{position:absolute;top:-0.1px;right:0;padding:0.2em 0.5em;background-color:var(--label-bg);color:var(--label-text-color);opacity:0.88;}
.entry-state h2{font-size:115%;line-height:1.5;font-weight:900;}
#footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer-contents{width:calc(33.333333% - 1em);}
}