@charset "UTF-8";

:root{
--baseColor:#333;
--disabledColor:#ccc;
--captionColor:#949494;
--emColor:#e30707;
--linkColor:#666;
--linkColorBase:var(--cmn-link-color-base);
--linkColorMore:#a4a4a4;
--placeholderColor:#a4a4a4;
}

/* str-container
------------------------------------------------ */
.str-container{
box-sizing:border-box;
display:none;
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
min-height:100%;
background-color:#fff;
}
.str-container.page-active{
overflow:visible;
display:block;
}
.str-container.lyt-sticky{
padding-bottom:110px;
height:auto;
}

/* pseudo-content
------------------------------------------------ */
.pseudo-content{
box-sizing:border-box;
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
min-height:100%;
background-color:#fff;
}
.pseudo-content.page-active{
overflow:visible;
display:-webkit-box;
display:flex;
}
.pseudo-content .pseudo-content-item{
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
padding:0 10px 10px;
}

/* pseudo-sticky
---------------------------------- */
.pseudo-content .pseudo-sticky{
padding:12px 10px;
box-sizing:border-box;
position:relative;
background-color:#444;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:first-child:not(:last-child){
-webkit-box-flex:1;
flex:1;
padding-right:10px;
}
.pseudo-content .pseudo-sticky .pseudo-sticky-btn-list li:last-child{
-webkit-box-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky .cv-filter{
box-sizing:border-box;
display:block;
color:#fff;
background-color:#177bcb;
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}
.pseudo-content .pseudo-sticky .cv-filter:disabled{
background-color:#d5d5d5;
box-shadow:none;
text-shadow:none;
}

/* for Google App
----------------------------------------------------------------- */
.support-app-google .sticky-box{
padding-bottom:105px;
}
.support-app-google .str-container.lyt-sticky,
.support-app-google .pseudo-content.lyt-sticky{
padding-bottom:180px;
}

/* .pseudo-search-result-item
---------------------------------- */
.pseudo-search-result-item{
margin:0;
font-size:14px;
}
.pseudo-search-result-item + .pseudo-search-result-item{
margin-top:12px;
}

/* .pseudo-search-result-item-hdg
---------------------------------- */
.pseudo-search-result-item-hdg{
padding:10px 0;
border-bottom:1px solid #e5e5e5;
}

/* .pseudo-search-result-list
---------------------------------- */
.pseudo-search-result-list li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-search-result-list li a{
color: var(--cmn-font-color-base);
padding:10px 0;
display:block;
}

/* .pseudo-search-result-list-clear
---------------------------------- */
.pseudo-search-result-list-clear{
text-align:right;
}
.pseudo-search-result-list-clear .pseudo-hdg-l2-btn{
border:0;
background:none;
padding:10px 0;
font-size:12px;
}

/* --------------------------------------------
  Form Modules
----------------------------------------------- */
/* .radio-custom
------------------------------------------------*/
.radio-custom{
display:inline-block;
position:relative;
padding-left:25px

}
.radio-custom .cmn-tip-btn{
position:relative;
top:-2px;
vertical-align:middle;
}
.radio-custom label{
display:inline
}
.radio-custom label.is-disabled{
opacity:.25;
}
.radio-custom label input[type="radio"]{
display:none
}
.radio-custom label input[type="radio"]:checked +.custom-inner::before{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
.radio-custom label > .custom-inner::before{
position:absolute;
top:50%;
left:2px;
margin-top:-9px;
width:16px;
height:16px;
background-image:url(/element_sp/shared/images/icon/icon-form-radio.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
content:"";
}

/* .checkbox-custom
------------------------------------------------*/
.checkbox-custom{
display:inline-block;
position:relative;
padding-left:25px;
vertical-align:middle
}
.checkbox-custom .cmn-tip-btn{
position:relative;
top:-1px;
vertical-align:middle;
}
.checkbox-custom label{
display:inline
}
.checkbox-custom label.is-disabled{
opacity:.25;
}
.checkbox-custom label input[type="checkbox"]{
display:none
}
.checkbox-custom label input[type="checkbox"]:checked +span:before{
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) top left no-repeat;
background-size:100% auto;
}
.checkbox-custom label input[type="checkbox"] +span:before{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-11px;
width:20px;
height:20px;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) top left no-repeat;
background-size:100% auto;
content:"";
}

/* .select-custom
----------------------------------------------- */
.select-custom{
box-sizing:border-box;
display:block;
position:relative;
border-radius:3px;
background-color:#fff;
width:100%
}
.select-custom::before{
display:block;
position:absolute;
top:50%;
right:11px;
margin:0;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
width:0;
height:0;
content:"";
}
.select-custom select{
box-sizing:border-box;
display:block;
position:relative;
margin:0;
padding:5px 20px 5px 10px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
min-height:38px;
color:#333;
background:transparent;
font-size:16px;
-webkit-appearance:none;
-moz-appearance:none
}
.select-custom select option:disabled{
color:#ccc;
}
.select-custom.is-selected select{
font-weight:bold;
}

/* input[type="text/search"]
----------------------------------------------- */
input[type="text"],
input[type="search"]{
-webkit-appearance:none;
box-sizing:border-box;
margin:0;
padding:0 5px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
min-height:42px;
font-size:16px;
color:#333;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder{
color:#a4a4a4;
}
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder{
color:#a4a4a4;
}
input[type="text"]::placeholder,
input[type="search"]::placeholder{
color:#a4a4a4;
}

/* textarea
----------------------------------------------- */
textarea{
box-sizing:border-box;
padding:5px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
font-size:16px;
min-height:42px;
-webkit-appearance:none;
color:#333;
}
textarea::-webkit-input-placeholder{
color:#a4a4a4;
}
textarea::placeholder{
color:#a4a4a4;
}

/* btn
------------------------------------------------ */
.btn{
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#666;
display:table;
min-width:55%;
text-align:center;
font-weight:bold;
font-size:13px;
background-color:#fff;
}

/* btn-pseudo
------------------------------------------------ */
.btn-pseudo{
position:relative;
color:#333;
font-size:16px;
background:none;
border:1px solid #bbb;
border-radius:4px;
min-height:38px;
width:100%;
box-sizing:border-box;
text-align:left;
padding:0 25px 0 10px;
margin:0
}
.btn-pseudo::after{
display:block;
position:absolute;
top:50%;
right:11px;
margin-top:-5px;
border-right:2px solid #949494;
border-bottom:2px solid #949494;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* --------------------------------------------
  Common Modules
----------------------------------------------- */
/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:10px 0;
}
.error .error-catch{
margin:10px 0;
}
.error .error-catch strong{
color:#e30707;
}
.error p{
margin:0;
}
.error .error-align-c{
text-align:center;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
padding:20px 0 40px;
}
.error-item .error-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
}
.error-item .error-txt{
font-size:13px;
margin-bottom:20px;
text-align:left;
padding:0 8px;
}
.error-item .error-txt.center{
text-align:center;
}
.error-item .btn-error{
border:1px solid #bbb;
border-radius:5px;
font-size:13px;
background:#fff;
color:var(--color-gray);
text-align:center;
padding:4px 8px;
font-weight:bold;
}
.filter-dp .error-item .error-txt{
font-size:12px;
margin-top:20px;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
text-align:left;
}
.error-align-c{
text-align:center;
}
.error-item strong{
color:#e93939;
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
text-align: left;
}
.error-item .txt-notfound{
font-size:12px;
text-align: left;
}
.error-item .btn {
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color: var(--cmn-font-color-base);
display: table;
min-width: 55%;
text-align: center;
font-size: 14px;
background-color: #fff;
font-weight:normal;
}

/* .error-catch
----------------------------------------------- */
.error-catch{
font-size:14px;
margin:10px 0 15px;
font-weight:bold;
}
.agt-link .error-catch{
margin-top:-4px;
}
.error-catch-txt{
font-size:14px;
text-align:left;
}
.error-catch-txt.center{
text-align:center;
}
.error-catch-btn-item{
text-align:center;
margin-top:30px;
}
.btn-catch-error{
border:1px solid #bbb;
border-radius:5px;
min-width:200px;
min-height:38px;
color:var(--color-gray);
font-size:13px;
background:#fff;
font-weight:bold;
}

/* --------------------------------------------
  Pseudo Modules
----------------------------------------------- */
/* pseudo-header
------------------------------------------------ */
.pseudo-header{
padding: 8px 10px 8px 40px;
color: #fff;
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 45px;
position: relative;
background-color: #111;
}
.pseudo-header .pseudo-header-btn-prev{
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element_sp/blog/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}
.pseudo-header .pseudo-hdg-l1{
box-sizing: border-box;
line-height: 1.35;
font-size: 16px;
font-weight: bold;
text-align: center;
-webkit-box-flex: 1;
flex: 1;
}

/* pseudo-hdg-l2-container
------------------------------------------------ */
.pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#666
}
.pseudo-hdg-l2-container .pseudo-hdg-l2{
margin:0;
padding:0;
color:#fff;
background-color:#666;
font-size:14px;
}
.pseudo-hdg-l2-container .pseudo-hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent;
}

/* pseudo-word-search
------------------------------------------------ */
.pseudo-word-search{
margin:20px 0;
}
.pseudo-word-search .pseudo-word-search-form{
position:relative;
}
.pseudo-word-search .pseudo-word-search-form input[type=text]{
padding:0 30px 0 7px;
border:1px solid #bbb;
border-radius:4px;
height:42px;
width:100%;
}
.pseudo-word-search .pseudo-word-search-form button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:transparent;
}
.pseudo-word-search .pseudo-word-search-form button::before{
content: "";
display: block;
position: absolute;
top: 14px;
right: 8px;
width: 10px;
height: 10px;
border-radius: 1.5px;
background-size: 100%;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-mask:url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
mask:url(/element_sp/blog/shared/images/icon-close-blk.svg) no-repeat center center / contain;
background-color: #888;
}

/* pseudo-link-list
------------------------------------------------ */
.pseudo-link-list{
margin:0 -10px;
border-top:1px solid #e5e5e5;
line-height:1.35;
font-size:14px
}
.pseudo-link-list >li >a{
padding:11px 25px 10px 10px;
border-bottom:1px solid #e5e5e5;
color:#333;
display:block;
position:relative;
text-decoration:none
}
.pseudo-link-list >li >a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* pseudo-suggest-container
------------------------------------------------ */
.pseudo-suggest-container{
position:relative;
margin: 0 -10px;
padding:0 10px 8px 10px;
background-color: #111;
}
.pseudo-suggest-container .pseudo-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:42px;
left:0;
z-index:2;
width:calc(100% - 20px);
box-sizing:border-box;
display:none;
background-color:#fff;
}
.pseudo-suggest-container .pseudo-suggest.is-active{
display:block;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list{
margin:0;
font-size:14px;
line-height:1.25;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list >li{
position:relative;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list >li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list >li >span{
padding:0 40px 0 10px;
color:var(--baseColor);
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list >li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:0 0;
}
.pseudo-suggest-container .pseudo-suggest .pseudo-suggest-list >li button::before{
content:"";
display:block;
width:11px;
height:100%;
position:absolute;
right:7px;
opacity:.9;
background:url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}

/* --------------------------------------------
  Common Modules
----------------------------------------------- */
/* toggle-container
------------------------------------------------ */
.toggle-container .toggle-item{
display:none;
}
.toggle-container.is-active .toggle-item{
display:block;
}

/* sns
------------------------------------------------ */
.sns{
margin:10px 0 25px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-size:12px
}
.sns > li{
margin-right:5px;
color:#fff;
box-sizing:border-box;
border-radius:4px;
text-align:center;
height:28px;
-webkit-box-flex:.42;
flex:.42
}
.sns > li:last-child{
margin-right:0;
}
.sns > li button{
padding:0;
height:28px;
border-radius:4px;
box-sizing:border-box;
border:none;
width:100%;
background:none;
line-height:1;
color:#fff;
text-indent:-9999px
}
.sns > li button::before{
background-repeat:no-repeat;
}
.sns > li.fb{
background-color:rgb(24, 119, 242)
}
.sns > li.fb iframe{
vertical-align:bottom;
}
.sns > li.fb-share{
-webkit-box-flex:.5;
flex:.5;
background-color:rgb(24, 119, 242)
}
.sns > li.fb-share button{
font-size:11px;
text-indent:0;
}
.sns > li.fb-share-icon{
background-color:rgb(24, 119, 242)
}
.sns > li.fb-share-icon button{
position:relative;
font-size:11px;
text-indent:0;
padding-left:10px
}
.sns > li.fb-share-icon button:before{
content:"";
position:absolute;
left:6px;
top:5px;
width:8px;
height:18px;
background:url(/element/matome/shared/images/icon-sns-fb.svg) 50% 50% no-repeat;
}
.sns > li.tw{
background-color:#000;
}
.sns > li.tw button{
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 50% 50% no-repeat;
background-size:34px auto;

}
.sns > li.line{
color:rgba(255,255,255,0);
background-color:#00b900
}
.sns > li.line button{
background:url(/element/shared/images/icon/icon-sns-line.svg) 50% 50% no-repeat;
background-size:31px auto;
}
.sns > li.mail button{
position:relative;
color:rgba(51,51,51,0);
border:1px solid #a0a0a0;
color:#333;
font-size:12px;
background-color:#fff
}
.sns > li.mail button::before{
content:"";
display:inline-block;
vertical-align:middle;
margin:0;
width:17px;
height:12px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-image:url(/element_sp/blog/shared/images/icon-mail-view-sp.svg);
}
.sns > li.copy{
position:relative;
-webkit-box-flex:.42;
flex:.42;
display:-webkit-box;
display:flex
}
.sns > li.copy button{
border-color:#bbb;
color:rgba(51,51,51,0);
position:relative;
border:1px solid #a0a0a0;
font-size:12px;
-webkit-box-flex:1;
flex:1;
padding:0;
height:28px;
box-sizing:border-box;
text-indent:-9999px;
background-color:#fff
}
.sns > li.copy button::before{
content:"";
display:inline-block;
margin:0;
width:15px;
height:16px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-image:url(/element_sp/blog/shared/images/icon-copy-view-sp.svg);
vertical-align:top;
}
.sns > li.copy .caption{
-webkit-box-flex:1;
flex:1;
color:#666;
font-size:11px;
text-align:left;
visibility:hidden;
display:block;
position:absolute;
top:100%;
right:0;
}
.sns > li.copy.is-active .caption{
margin:5px 0 0;
white-space:nowrap;
visibility:visible;
}

/* blog-bnr
------------------------------------------------ */
.blog-bnr a{
display:block
}
.blog-bnr a img{
vertical-align:top;
margin:0 auto;
display:block;
max-width:100%;
}

/* btn-entry-back
------------------------------------------------ */
.btn-entry-back a{
padding:7px 0 6px;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:100%;
color:#666;
font-size:14px;
text-align:center;
text-decoration:none;
background-color:#fff;
box-sizing:border-box;
}

/* entry-back
------------------------------------------------ */
.entry-back a{
position:relative;
color:#666;
font-size:14px;
display:inline-block;
padding-left:20px
}
.entry-back a::before{
position:absolute;
left:5px;
top:50%;
margin-top:-5px;
content:"";
display:block;
width:7px;
height:7px;
border-left:2px solid #555;
border-top:2px solid #555;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* pager
------------------------------------------------ */
.pager{
margin:0 auto;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
max-width:400px;
line-height:1.3;
font-size:13px
}
.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#666;
text-align:center;
text-decoration:none;
background-color:#fff;
}
.pager > li.pager-first{
margin-right:6px
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
-webkit-box-flex:1;
flex:1;
text-align:center;
font-size:12px
}
.pager > li.pager-current >span{
font-family:Arial;
font-size:13px;
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px
}
.pager > li.pager-current > b span{
font-family:Arial;
font-size:15px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-next{
width:96px;
}

/* pager-entry
------------------------------------------------ */
.pager-entry{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
max-width:300px;
line-height:1.3;
font-size:13px
}
.pager-entry > li{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center
}
.pager-entry > li > a{
padding:9px 10px;
border:1px solid #bbb;
display:block;
border-radius:3px;
height:35px;
box-sizing:border-box;
color:#555;
text-align:center;
text-decoration:none;
background-color:#fff;
}
.pager-entry > li.pager-back-entry{
-webkit-box-flex:1;
flex:1;
text-align:center;
font-size:12px
}
.pager-entry > li.pager-back-entry a{
padding-left:9px;
padding-right:9px;
}
.pager-entry > li.pager-back-entry:first-child{
margin-left:127px;
}
.pager-entry > li.pager-back-entry:last-child{
margin-right:127px;
}
.pager-entry > li.pager-prev-entry a{
margin-left:25px;
margin-right:15px;
}
.pager-entry > li.pager-next-entry a{
margin-right:25px;
margin-left:15px;
}

/* tab
------------------------------------------------ */
.tab{
/* padding-bottom:10px; */
margin-bottom:10px
}
.tab .tab-list{
display:-webkit-box;
display:flex;
margin:0 -10px;
border-bottom:1px solid #bbb
}
.tab .tab-list > li{
-webkit-box-flex:1;
flex:1;
border-top:1px solid #bbb;
background-color:#fff;
border-bottom:1px solid #bbb;
position:relative;
top:1px
}
.tab .tab-list > li:first-child{
margin-right:2px;
border-right:1px solid #bbb;
}
.tab .tab-list > li:last-child{
margin-left:2px;
border-left:1px solid #bbb;
}
.tab .tab-list > li a{
padding:12px 10px 11px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:center;
justify-content:center;
color:#666;
background-color:#f5f5f5;
font-size:13px
}
.tab .tab-list > li a > span{
margin-left:4px
}
.tab .tab-list > li a > span > span{
/* font-family:Arial; */
line-height:1;
}
.tab .tab-list > li.is-active{
border-bottom:none
}
.tab .tab-list > li.is-active a{
font-weight:bold;
background-color:#fff;
position:relative;
color:#333;
}
.tab-item{
display:none
}
.tab-item.is-active{
display:block;
}

/* link-list
------------------------------------------------ */
.link-list > li{
border-bottom:1px solid #ddd;
}
.link-list .link-list-no-result{
font-size:14px;
padding:0 0 10px;
}
.link-list .link-list-hook{
position:relative;
background:none;
border:none;
font-size:15px;
width:100%;
text-align:left;
color:#333;
padding:9px 35px 8px 0
}
.link-list .link-list-hook::after{
position:absolute;
right:10px;
top:50%;
margin-top:-7px;
content:"";
display:block;
width:8px;
height:8px;
border:0;
border-bottom:2px solid #999;
border-left:2px solid #999;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-list .is-active:last-child{
border-bottom:none;
margin-bottom:-10px;
}
.link-list .is-active .link-list-hook::after{
border:0;
margin-top:-3px;
border-top:2px solid #999;
border-right:2px solid #999;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* link-list-col-3
------------------------------------------------ */
.link-list-col-3{
margin-left:-10px
}
.link-list-col-3::after{
content:"";
display:table;
clear:both;
}
.link-list-col-3 li{
float:left;
font-size:13px;
margin:0 0 10px 10px;
border-radius:3px;
width:calc((33.33% - 10px));
border:1px solid #ccc;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
text-align:center
}
.link-list-col-3 li.link-list-break{
clear:both;
}
.link-list-col-3 li.is-disabled{
opacity:.33
}
.link-list-col-3 li.is-disabled a{
cursor:default;
}
.link-list-col-3 li a{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
min-height:41px;
color:#666;
line-height:1.2;
text-decoration:none;
padding:3px 0;
box-sizing:border-box;
}

@media screen and (max-width:320px){
.link-list-tag-col-3 a{
padding:0;
letter-spacing:-.04em
}
.link-list-tag-col-3 a > span{
display:block;
width:100%;
margin-top:-7px;
}
}

/* --------------------------------------------
  Main Modules
----------------------------------------------- */
/* menu-header
------------------------------------------------ */
.menu-header{
margin:-10px -10px 0;
padding:10px 10px 12px;
border-bottom:1px solid #ccc

}
.menu-header .menu-header-item{
display:-webkit-box;
display:flex
}
.menu-header .menu-header-item >:first-child{
-webkit-box-flex:1;
flex:1;
}
.menu-header .menu-header-hdg{
color:#333
}
.menu-header .menu-header-hdg .menu-header-hdg-text{
display:block;
font-size:16px;
font-weight:bold
}
.menu-header .menu-header-hdg .menu-header-hdg-text a{
color:#333;
}
.menu-header .menu-header-hdg .menu-header-hdg-filter{
display:block;
font-size:11px;
}

/* menu-header-tools
------------------------------------------------ */
.menu-header-tools{
display:-webkit-box;
display:flex;
margin-top:5px
}
.menu-header-tools >div{
-webkit-box-flex:1;
flex:1
}
.menu-header-tools >div:last-child{
margin-left:10px;
}

@media screen and (max-width:320px){
.menu-header-tools >div:first-child{
-webkit-box-flex:.43;
flex:.43;
}
.menu-header-tools >div:last-child{
-webkit-box-flex:.57;
flex:.57;
}
}

/* menu-item
------------------------------------------------ */
.menu-item{
background-color:#eee;
margin:0 -10px;
padding:10px
}
.menu-item .entry-list-filter{
border-top:none;
padding-top:0;
}

/* menu-aside
------------------------------------------------ */
.menu-aside{
margin-top:-10px;
padding:20px 10px 10px;
border-top:1px solid #ccc
}
.menu-aside .hdg-menu-l2{
font-size:15px;
margin-top:25px;
padding:5px 0;
border-bottom:1px solid #ddd;
}
.menu-aside > :first-child{
margin-top:0
}
.menu-aside > :first-child.blog-bnr{
margin-top:10px;
}

/* menu-auth
------------------------------------------------ */
.menu-auth{
display:-webkit-box;
display:flex;
margin:3px 0
}
.menu-auth >li{
position:relative
}
.menu-auth >li a{
display:block;
font-size:13px;
color:#666;
}
.menu-auth >li:first-child:not(:last-child) a{
padding-left:8px;
padding-right:5px;
}
.menu-auth >li:last-child:not(:first-child) a{
padding-right:8px;
padding-left:5px;
}
.menu-auth >li:last-child:not(:first-child)::before{
position:absolute;
content:"";
display:block;
width:1px;
height:12px;
left:-1px;
top:4px;
background-color:#666;
}

/* entry-item
------------------------------------------------ */
.entry-item{
background-color:#eee;
margin:0 -10px -10px;
padding:0 10px 10px
}
.entry-item::before{
content:"";
display:table;
}

/* entry-list-no-result
------------------------------------------------ */
.entry-list-no-result{
font-size:14px
}
.entry-list-no-result .entry-list-no-result-cancel{
margin-top:5px;
}

/* entry-list
------------------------------------------------ */
.entry-list{
margin:10px 0 0 0
}
.entry-list > li:not(:first-child){
margin-top:10px;
}
.entry-list > li > a{
position:relative;
display:block;
padding:10px;
background-color:#fff;
color:#333;
box-shadow:0px 1px 2px rgba(0, 0, 0, .16);
}
.entry-list .entry-list-header{
display:-webkit-box;
display:flex
}
.entry-list .entry-list-header .entry-list-item{
-webkit-box-flex:1;
flex:1;
}
.entry-list .entry-list-header .entry-list-item-hdg{
font-size:15px;
font-weight:bold;
line-height:1.3;
word-break:break-word;
}
.entry-list .entry-list-header .entry-list-item-hdg-author{
font-size:12px;
font-weight:bold;
word-break:break-word
}
.entry-list .entry-list-header .entry-list-item-hdg-author >span{
color:#666;
text-decoration:underline;
}
.entry-list .entry-list-header .entry-list-item-hdg-blog{
font-size:12px;
word-break:break-word;
}
.entry-list .entry-list-header .entry-list-item-thumb{
width:80px;
margin-left:5px
}
.entry-list .entry-list-header .entry-list-item-thumb >span{
display:table-cell;
height:80px;
width:80px;
vertical-align:top;
text-align:center
}
.entry-list .entry-list-header .entry-list-item-thumb >span > img{
vertical-align:top;
max-height:80px;
max-width:80px;
}
.entry-list .entry-list-header .entry-list-item-thumb-author{
width:60px;
margin-left:5px
}
.entry-list .entry-list-header .entry-list-item-thumb-author >span{
position:relative;
width:60px;
height:60px;
border-radius:50%;
background-color:#f5f5f5;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box
}
.entry-list .entry-list-header .entry-list-item-thumb-author >span img{
max-width:60px;
max-height:60px;
}
.entry-list .entry-list-header .entry-list-item-info{
margin:5px 0 0
}
.entry-list .entry-list-header .entry-list-item-info >li{
font-size:12px;
line-height:1.4;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start
}
.entry-list .entry-list-header .entry-list-item-info >li:not(.entry-list-item-info-date) >:first-child{
position:relative;
width:46px;
white-space:nowrap
}
.entry-list .entry-list-header .entry-list-item-info >li:not(.entry-list-item-info-date) >:first-child::after{
content:":";
display:block;
position:absolute;
right:4px;
top:-1px;
}
.entry-list .entry-list-header .entry-list-item-info >li:not(.entry-list-item-info-date) >:last-child{
-webkit-box-flex:1;
flex:1;
word-break:break-word;
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-area{
padding-top:3px;
clear:both
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-area >ul{
margin:0;
font-size:0
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-area >ul >li{
display:inline;
position:relative;
font-size:12px
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-area >ul >li:not(:first-child)::before{
content:"\003E";
display:inline-block;
margin:0 3px;
position:relative;
top:-1px;
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-theme >ul{
margin:0;
font-size:0
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-theme >ul >li{
display:inline;
position:relative;
font-size:12px
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-theme >ul >li:not(:first-child)::before{
content:"/";
display:inline-block;
margin:0 2px;
position:relative;
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-date{
display:block;
font-size:10px;
margin-right:7px;
float:left
}
.entry-list .entry-list-header .entry-list-item-info .entry-list-item-info-date > span:first-child::after{
content:":";
display:inline-block;
margin:0 2px;
}
.entry-list .entry-list-intro{
font-size:13px;
display:block;
word-break:break-word;
border-top:1px solid #ddd;
padding:10px 10px 0;
margin:10px -10px 0
}
.entry-list .entry-list-intro .entry-list-intro-more{
padding:2px 0;
color:#a4a4a4;
display:inline-block
}
.entry-list .entry-list-intro .entry-list-intro-more::before{
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}

/* entry-list-filter
------------------------------------------------ */
.entry-list-filter{
font-size:11px;
border-top:1px solid #ccc;
margin:0px -10px;
padding:10px 10px 0;
display:block
}
.entry-list-filter >ul{
font-size:0;
margin:0
}
.entry-list-filter >ul >li{
font-size:11px;
vertical-align:top;
line-height:1
}
.entry-list-filter >ul >li >span{
display:inline-block
}
.entry-list-filter >ul >li >span:first-child:not(:last-child){
position:relative
}
.entry-list-filter >ul >li >span:first-child:not(:last-child)::after{
display:inline-block;
margin-left:4px;
content:":";
}

/* entry-list-num
------------------------------------------------ */
.entry-list-num{
font-size:12px;
color:#333;
margin-bottom:8px
}
.entry-list-num >span{
font-family:Arial;
}

/* entry-list-footer
------------------------------------------------ */
.entry-list-footer{
margin:15px 0 5px;
}

/* entry-comment
------------------------------------------------ */
.entry-comment{
position:relative;
padding:5px 0 0 0;
margin-top:10px;
background-color:#fff;
color:#333;
box-shadow:0px 1px 2px rgba(0, 0, 0, .16)
}
.entry-comment .entry-comment-hdg{
margin:0 10px;
padding:10px 0 10px;
border-bottom:1px solid #ddd;
}
.entry-comment .entry-comment-list-footer{
padding:20px 0;
}
.entry-comment .entry-comment-list-btn a{
padding:15px 10px;
color:#666;
display:block;
text-align:center;
text-decoration:underline;
}
.entry-comment .entry-comment-list{
padding:0 10px;
border-bottom:1px solid #ddd;
margin:0
}
.entry-comment .entry-comment-list > li{
display:block;
padding:5px 0;
word-break:break-word
}
.entry-comment .entry-comment-list > li:not(:last-child){
font-size:13px;
border-bottom:1px solid #ddd;
}
.entry-comment .entry-comment-list > li > span{
display:-webkit-box;
display:flex;
text-align:right;
-webkit-box-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
align-items:center;
color:#949494;
margin-top:3px
}
.entry-comment .entry-comment-list > li > span .entry-comment-list-name{
display:inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:11px;
}
.entry-comment .entry-comment-list > li > span .entry-comment-list-date{
width:100px;
white-space:nowrap;
font-size:11px;
font-family:Arial;
margin-left:3px;
}

/* entry-comment-form
------------------------------------------------ */
.entry-comment-form{
position:relative;
padding:15px 10px;
margin-top:10px;
background-color:#fff;
color:#333;
box-shadow:0px 1px 2px rgba(0, 0, 0, .16)
}
.entry-comment-form .entry-comment-form-list{
margin:0
}
.entry-comment-form .entry-comment-form-list >li:not(:first-child){
margin-top:10px;
}
.entry-comment-form .entry-comment-form-list .entry-comment-form-key{
font-weight:bold;
font-size:13px;
}
.entry-comment-form .entry-comment-form-list .entry-comment-form-value{
margin-top:5px;
min-height:42px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.entry-comment-form .entry-comment-form-list .entry-comment-form-tag{
font-weight:normal;
color:#e60012;
border:1px solid #e60012;
font-size:10px;
margin-left:3px;
position:relative;
top:-1px;
padding:0 2px;
}
.entry-comment-form .entry-comment-form-list .entry-comment-form-guide{
font-weight:normal;
font-size:12px;
display:inline-block;
margin-left:3px;
}
.entry-comment-form .entry-comment-form-notes{
margin-top:5px;
color:#949494;
font-size:12px
}
.entry-comment-form .entry-comment-form-notes >li{
text-indent:-1em;
margin-left:1em
}
.entry-comment-form .entry-comment-form-notes >li a{
color:#949494;
text-decoration:underline;
}
.entry-comment-form .entry-comment-form-submit{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
-webkit-box-pack:end;
justify-content:flex-end;
margin-bottom:0
}
.entry-comment-form .entry-comment-form-submit > li:last-child{
margin-left:7px;
}
.entry-comment-form .entry-comment-form-submit button{
background:none;
padding:8px 10px;
min-width:100px;
border:1px solid #bbb;
display:inline-block;
border-radius:3px;
color:#666;
font-size:14px;
text-align:center;
text-decoration:none;
background-color:#fff;
}

/* entry-select-form
------------------------------------------------ */
.entry-select-form{
margin-top:5px;
color:#333
}
.entry-select-form .entry-select-form-list{
margin:0
}
.entry-select-form .entry-select-form-list >li:not(:first-child){
margin-top:15px;
}
.entry-select-form .entry-select-form-list .entry-select-form-value{
margin-top:5px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* entry-access-count
------------------------------------------------ */
.entry-access-count{
margin-top:30px;
color:#666
}
.entry-access-count > span:first-child::after{
content:":";
display:inline-block;
margin:0 3px;
}
.entry-access-count > span:last-child{
font-family:Arial;
}

/* entry-author-container
------------------------------------------------ */
.entry-author-container{
padding-top:5px;
margin:-10px -10px 0;
padding:5px 10px

}
.entry-author-container .entry-author-thumb{
width:120px;
margin:0 auto
}
.entry-author-container .entry-author-thumb >span{
display:table-cell;
vertical-align:middle;
text-align:middle;
width:120px;
height:80px
}
.entry-author-container .entry-author-thumb >span img{
max-width:120px;
max-height:80px;
}
.entry-author-container .entry-author-list{
font-size:13px
}
.entry-author-container .entry-author-list >li{
display:-webkit-box;
display:flex
}
.entry-author-container .entry-author-list >li:not(:first-child){
margin-top:4px;
}
.entry-author-container .entry-author-list >li > div{
word-break:break-word
}
.entry-author-container .entry-author-list >li > div:first-child{
position:relative;
width:55px;
padding-right:15px;
box-sizing:border-box
}
.entry-author-container .entry-author-list >li > div:first-child::after{
content:":";
display:block;
font-weight:normal;
position:absolute;
top:-1px;
right:5px;
}
.entry-author-container .entry-author-list >li > div:last-child{
display:block;
-webkit-box-flex:1;
flex:1;
word-break:break-word;
}
.entry-author-container .entry-author-area{
margin:0;
font-size:0
}
.entry-author-container .entry-author-area >li{
display:inline-block;
font-size:13px
}
.entry-author-container .entry-author-area >li:not(:first-child)::before{
content:"\003E";
display:inline-block;
margin:0 2px 0 3px;
position:relative;
top:-1px;
}
.entry-author-container .entry-author-body{
padding:15px 0;
font-size:14px;
}

/* entry-author-state
------------------------------------------------ */
.entry-author-state{
border-top:1px solid #ddd;
padding-top:20px

}
.entry-author-state .entry-author-state-header{
display:-webkit-box;
display:flex
}
.entry-author-state .entry-author-state-header .entry-author-state-thumb{
width:97px;
margin-right:10px
}
.entry-author-state .entry-author-state-header .entry-author-state-thumb > span{
display:table-cell;
vertical-align:middle;
text-align:center;
width:97px;
height:55px;
background-color:#f5f5f5
}
.entry-author-state .entry-author-state-header .entry-author-state-thumb > span img{
vertical-align:middle;
max-width:97px;
max-height:55px;
}
.entry-author-state .entry-author-state-header .entry-author-state-desc{
-webkit-box-flex:1;
flex:1;
line-height:1.5;
word-break:break-word

}
.entry-author-state .entry-author-state-header .entry-author-state-desc a{
color:#666
}
.entry-author-state .entry-author-state-header .entry-author-state-desc a .entry-author-state-hdg{
font-size:13px;
font-weight:bold;
display:block;
color:#333;
}
.entry-author-state .entry-author-state-header .entry-author-state-desc a .entry-author-state-sup{
display:block;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}
.entry-author-state .entry-author-state-list{
margin-top:10px;
font-size:13px
}
.entry-author-state .entry-author-state-list > li{
display:-webkit-box;
display:flex
}
.entry-author-state .entry-author-state-list > li:not(:first-child){
margin-top:4px;
}
.entry-author-state .entry-author-state-list > li > div{
position:relative;
word-break:break-word
}
.entry-author-state .entry-author-state-list > li > div:first-child{
padding-right:15px;
width:100px;
box-sizing:border-box
}
.entry-author-state .entry-author-state-list > li > div:first-child::after{
content:":";
display:block;
position:absolute;
right:8px;
top:-2px;
}
.entry-author-state .entry-author-state-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}
.entry-author-state .entry-author-state-area{
margin:0;
font-size:0
}
.entry-author-state .entry-author-state-area >li{
display:inline-block;
font-size:13px
}
.entry-author-state .entry-author-state-area >li:not(:first-child)::before{
position:relative;
content:"\003E";
display:inline-block;
margin:0 2px 0 3px;
top:-1px;
}

/* entry-ad
------------------------------------------------ */
.entry-ad{
margin-top:30px;
border:1px solid #bbb;
border-radius:3px
}
.entry-ad > a{
padding:5px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:30px
}
.entry-ad > a .entry-ad-sup{
color:#333;
margin:0 -7px;
}
.entry-ad > a .entry-ad-desc{
-webkit-box-flex:1;
flex:1;
font-size:12px;
line-height:1.3;
}
.entry-ad > a .entry-ad-thumb{
margin-right:12px
}
.entry-ad > a .entry-ad-thumb span{
display:table-cell;
width:100px;
text-align:center;
background-color:#f5f5f5
}
.entry-ad > a .entry-ad-thumb span img{
vertical-align:top;
max-width:100px;
}

/* entry-container
------------------------------------------------ */
.entry-container{
margin:0 -10px;
padding:0 10px 20px
}
.entry-container .entry-body{
font-size:16px;
word-break:break-word;
padding:20px 0 30px;
border-top:1px solid #ccc
}
.entry-container .entry-body img{
max-height:260px;
display:block;
margin:0 auto
}
.entry-container .entry-body img.entry-img-inline{
display:inline;
}

/* entry-header-container
------------------------------------------------ */
.entry-header-container{
padding:0 10px 10px;
margin:0 -10px;
border-bottom:1px solid #ccc
}
.entry-header-container .entry-header{
padding-top:0
}
.entry-header-container .entry-header .entry-header-hdg{
font-size:16px;
}

/* entry-header
------------------------------------------------ */
.entry-header{
padding-top:3px
}
.entry-header .entry-header-hdg{
font-size:18px;
color:#333;
font-weight:bold;
line-height:1.3;
}
.entry-header .entry-header-date{
font-size:10px;
color:#949494;
}
.entry-header .entry-header-date-list{
display:-webkit-box;
display:flex;
margin:0
}
.entry-header .entry-header-date-list > li{
vertical-align:top;
line-height:1;
margin-top:5px
}
.entry-header .entry-header-date-list > li > span{
vertical-align:top
}
.entry-header .entry-header-date-list > li > span:first-child{
position:relative
}
.entry-header .entry-header-date-list > li > span:first-child::after{
content:":";
display:inline-block;
margin:0 3px;
}
.entry-header .entry-header-date-list > li > span:last-child{
font-family:Arial;
font-size:11px;
}
.entry-header .entry-header-date-list > li:not(:first-child){
margin-left:10px;
}

/* entry-header-author
------------------------------------------------ */
.entry-header-author{
display:-webkit-box;
display:flex;
margin-top:10px;
padding-bottom:10px
}
.entry-header-author .entry-header-author-thumb{
margin-right:5px
}
.entry-header-author .entry-header-author-thumb >span{
position:relative;
width:38px;
height:38px;
background-color:#f5f5f5;
border-radius:50%;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box
}
.entry-header-author .entry-header-author-thumb >span img{
max-width:38px;
max-height:38px;
vertical-align:middle;
}
.entry-header-author .entry-header-author-desc{
-webkit-box-flex:1;
flex:1;
position:relative;
padding-right:30px;
}
.btn-share{
width: 16px;
height: 20px;
background: url(/element_sp/blog/shared/images/icon-share.svg) no-repeat 0 0;
border:0;
text-indent:-9999px;
}
.entry-header-author .entry-header-author-desc .btn-share{
position:absolute;
right:6px;
top:50%;
margin-top:-10px;
}
.entry-header-author .entry-header-author-name{
font-size:14px;
}
.entry-header-author .entry-header-author-name a{
color:var(--linkColor);
text-decoration:underline;
}
.entry-header-author .entry-header-author-blog{
font-size:12px;
}
.entry-header-author .entry-header-author-blog a{
color:var(--linkColor);
text-decoration:underline;
}
.entry-header-author .entry-header-author-date{
font-size:12px;
}

/* entry-footer
------------------------------------------------ */
.entry-footer{
padding-top:20px;
margin-top:35px;
border-top:1px solid #ddd;
}

/* entry-tag
------------------------------------------------ */
.entry-tag{
display:-webkit-box;
display:flex;
font-size:13px
}
.entry-tag .entry-tag-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.entry-tag .entry-tag-list{
-webkit-box-flex:1;
flex:1;
margin:0
}
.entry-tag .entry-tag-list > li{
display:inline-block;
margin-right:3px
}
.entry-tag .entry-tag-list > li a{
color:#666;
}

/* entry-feedback
------------------------------------------------ */
.entry-feedback{
text-align:right;
margin-bottom:25px
}
.entry-feedback::after{
content:"";
display:table;
clear:both;
}
.entry-feedback >ul{
display:-webkit-box;
display:flex;
float:right;
margin:0
}
.entry-feedback >ul >li.is-pressed button{
background-color:#f1f1f1;
}
.entry-feedback >ul >li:not(:first-child){
margin-left:10px;
}
.entry-feedback >ul >li button{
background:none;
padding:5px 10px 4px;
border:1px solid #bbb;
display:block;
border-radius:3px;
color:#666;
text-align:center;
text-decoration:none;
background-color:#fff;
width:100%;
font-size:13px
}
.entry-feedback >ul >li button .entry-feedback-cnt{
margin-left:3px;
}

/* entry-aside
------------------------------------------------ */
.entry-aside{
background-color:#eee;
padding:15px 10px

}
.entry-aside.entry-aside-branch{
border-top:1px solid #ccc;
}
.entry-aside .entry-aside-hdg{
font-size:16px;
}
.entry-aside .entry-aside-item{
position:relative;
padding:15px 10px;
margin-top:15px;
background-color:#fff;
color:#333;
box-shadow:0px 1px 2px rgba(0, 0, 0, .16);
word-break:break-word
}
.entry-aside .entry-aside-item:first-child{
margin-top:0;
}
.entry-aside .entry-aside-item-block{
margin:15px -10px;
padding:10px;
background-color:#fff
}
.entry-aside .entry-aside-item-block + .entry-aside-item{
margin-top:0;
}
.entry-aside >:first-child.entry-aside-item-block{
margin-top:-15px;
}

/* entry-list-aside-01
------------------------------------------------ */
.entry-list-aside-01 li{
padding:10px 0;
border-bottom:1px dotted #ddd
}
.entry-list-aside-01 li a{
display:-webkit-box;
display:flex;
color:#333
}
.entry-list-aside-01 li a .entry-list-aside-thumb{
width:97px;
margin-right:10px
}
.entry-list-aside-01 li a .entry-list-aside-thumb > span{
display:table-cell;
vertical-align:middle;
text-align:center;
width:97px;
height:55px;
background-color:#f5f5f5
}
.entry-list-aside-01 li a .entry-list-aside-thumb > span img{
vertical-align:middle;
max-width:97px;
max-height:55px;
}
.entry-list-aside-01 li a .entry-list-aside-desc{
-webkit-box-flex:1;
flex:1;
line-height:1.5;
word-break:break-word
}
.entry-list-aside-01 li a .entry-list-aside-desc .entry-list-aside-hdg{
font-size:13px;
font-weight:bold;
display:block;
}
.entry-list-aside-01 li a .entry-list-aside-desc .entry-list-aside-sup{
display:block;
color:#949494;
font-size:12px;
font-weight:normal;
}

/* entry-recent
------------------------------------------------ */
.entry-recent .entry-recent-hdg{
font-size:16px;
}
.entry-recent .entry-recent-list li{
margin-top:10px;
font-size:14px
}
.entry-recent .entry-recent-list li a{
color:#666;
text-decoration:underline;
}

/* entry-list-aside-03
------------------------------------------------ */
.entry-list-aside-03 li{
margin-top:10px
}
.entry-list-aside-03 li a{
color:#333;
font-size:11px;
display:-webkit-box;
display:flex
}
.entry-list-aside-03 li a > span:first-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:11px;
text-decoration:underline;
}
.entry-list-aside-03 li a > span:last-child{
white-space:nowrap;
text-decoration:none;
text-overflow:ellipsis;
-webkit-box-flex:1;
flex:1;
}

/* blog-header
------------------------------------------------ */
.blog-header{
margin-top:-10px;
padding:10px 0 15px;
display:-webkit-box;
display:flex;
}
.blog-header .blog-header-hdg-author{
font-size:14px;
font-weight:bold;
word-break:break-all;
}
.blog-header .blog-header-hdg{
display:block;
font-size:12px;
line-height:1.3
}
.blog-header .blog-header-hdg a{
color:#666;
text-decoration:underline;
}
.blog-header .blog-header-sup{
font-size:12px;
margin:5px 0 0;
line-height:1.3;
}
.blog-header .blog-header-item{
display:-webkit-box;
display:flex;
width:100%;
}
.blog-header .blog-header-item .blog-header-thumb{
width:60px;
margin-right:7px;
margin-top:5px
}
.blog-header .blog-header-item .blog-header-thumb > span{
position:relative;
width:60px;
height:60px;
border-radius:50%;
background-color:#f5f5f5;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box
}
.blog-header .blog-header-item .blog-header-thumb > span img{
max-width:60px;
max-height:60px;
vertical-align:middle;
}
.blog-header .blog-header-item .blog-header-thumb + div{
position:relative;
flex:1;
}
.blog-header .blog-header-item .blog-header-thumb + div h1{
padding-right:30px;
}
.blog-header .blog-header-item .blog-header-thumb + div > .btn-share {
position: absolute;
right: 6px;
top: 10px;
}