/*
Theme Name:SABORIMINERAL
Theme URI:https://saborimineral.com/
Author:Saborimineral
Description:健やかなデザイン
Version:1.0
Tags:entertainment
*/

html{font-size:62.5%}
body{line-height:1.5;margin:0;padding:0;background-color:#800000;color:#555;font-family:"Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Lucida Grande","verdana",sans-serif;font-size:10px;font-size:1rem;text-align:center}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
@media screen and (min-width:681px){
header{height:auto;aspect-ratio: 21 / 9;position:relative;background-image:url(.jpg);background-position:center;background-repeat:no-repeat;background-size:80% auto}
p,small{font-size:16px;font-size:1.6rem}
header,#BT,#TT,.Logop,.navcate,#layout,footer{width:100%;max-width:1000px;min-width:681px}
#yBT,#yTOP,#TT,#menu,#wrapm,.post,header,.navcate,#layout,footer{margin:auto}
.logo{width:32%;margin:0}
.logo,.navcate{height:auto;}
.navcate{padding:8px 0;position:absolute;bottom:0;}
.panline{padding:19px 0 19px 40px}
.navpan{font-size:21px;font-size:2.1rem}
#wrapm{float:left;width:73%;padding:0 2%;box-sizing:border-box}
#menu{float:right;width:27%;padding:0 2% 0 0;box-sizing:border-box}
.attachment-post-thumbnail,.imgs,.size-post-thumbnail,.wp-post-image,.ximg,.related-entry-thumb{width:100%;max-width:728px;height:auto}
.pk,.ratf,a.hot:link,a.tai:link,a.tot:active,a.tot:focus,a.tot:link,a.tot:visited,h1,h2,h3,h4,h5,h6{font-size:25px;font-size:2.5rem}
.dowm{width:24%;height:100%;margin:0 8px 0 0}
.MeLi{width:19%;height:32px;display:inline-block;background-color:#000;font-weight:700;box-shadow:0 0 3px black;overflow:hidden}
.threelines{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
text-overflow:ellipsis
}
.twolines{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
text-overflow:ellipsis
}
}
@media screen and (max-width:680px){
header{height:auto;margin:auto;aspect-ratio: 8 / 5;position:relative;background-image:url(.jpg);background-position:center;background-repeat:no-repeat;background-size:80% auto}
.panline,p,small{font-size:1.6rem}
header,#BT,#TT,.Logop,.navcate,#layout,.attachment-post-thumbnail,.imgs,.size-post-thumbnail,.wp-post-image,.ximg,.related-entry-thumb,footer{width:100%}
#yBT,#yTOP,#TT,#menu,#wrapm,.post,header,#layout,footer{margin:auto}
.logo,.navcate,.attachment-post-thumbnail,.imgs,.size-post-thumbnail,.wp-post-image,.ximg,.related-entry-thumb{height:auto}
.logo{width:55%;left:0;right:0;margin:0 auto;position:absolute;}
.navcate{padding:5px 0;position:absolute;bottom:0;}
.panline{padding:3% 0 3% 5%}
#menu,#wrapm{width:94%;padding:0 3%}
.ratf,a.hot:link,a.tai:link,a.tot:active,a.tot:focus,a.tot:link,a.tot:visited,h1,h2,h3,h4,h5,h6{font-size:1.6rem}
.MeLi{width:19%;height:32px;display:inline-block;background-color:#000;font-weight:700;box-shadow:0 0 3px black;overflow:hidden}
.dowm{width:47%;height:100%;margin:0 3% 0 0}
.threelines{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
text-overflow:ellipsis
}
.twolines{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
text-overflow:ellipsis
}
}
#TT,#layout,#menu,#wrapm,.dowm,footer,header,.Mea,a.Mea:active,a.Mea:focus,a.Mea:link,a.Mea:visited,.post,.ratf,.ifrawp iframe{height:100%}
#TT,#layout,footer{background-color:#FFF}
#BT,#TT,#menu,#wrapm,.dowm,.elist,.etry,.panline{text-align:left}
.navcate,#layout,.pnavi,.ximg,.related-entry-thumb,.xtv{text-align:center}

header{background-color:#FFF;overflow:hidden}
#BT{background-repeat:no-repeat;background-position:top center;background-size:100%}
h1,a.tot:active,a.tot:focus,a.tot:link,a.tot:visited,a.hot:active,a.hot:focus,a.hot:link,a.hot:visited{color:#000}
.navcate,.Mea,a.Mea:active,a.Mea:focus,a.Mea:link,a.Mea:visited,.ratf,#author,#comment,.ifrawp,.ifrawp iframe{width:100%}
.navcate,.tzMenu{display:flex;flex-wrap:wrap}
.Mea,a.Mea:active,a.Mea:focus,a.Mea:link,a.Mea:visited,#layout:after,a.inactive:active,a.inactive:focus,a.inactive:hover,a.inactive:link,a.inactive:visited,.ximg,.ifrawp:before{display:block}
.Mea,a.Mea:active,a.Mea:focus,a.Mea:link,a.Mea:visited{display:block;padding:8px 0 0;text-decoration:none;font-size:10px;color:#FFF}

.Logop{padding:5px 10px;text-align:left}
.logoh1{margin:0;padding:0}
a.logolink:active,a.logolink:focus,a.logolink:link,a.logolink:visited{font-weight:bold}
.tzMenu{justify-content:space-evenly;text-decoration:none;width:100%}


#layout:after,.ifrawp:before{content:""}
#layout:after,.pagination,footer{clear:both}

.prone{width:stretch;margin:0;padding:10px 3% 0;text-align:left}
.mokmok{width:55px;margin:0 0 -16px 28px;padding:2px 10px;color:#FFF;background-color:#d7003a;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.ulmok{margin:0 0 19px;padding:22px 8px 8px 10px;border-radius:16px 0 16px 0;-webkit-border-radius:16px 0 16px 0;-moz-border-radius:16px 0 16px 0;border:solid 2px #d7003a}
.limok1,.limok2,.limok3,.limok4,.limok5,.limok6,.limok7,.limok8,.limok9,.limok10{margin:0 0 8px;}
.post{padding:8px 0 0}
footer{margin:19px auto 0;padding:0 3%;box-sizing:border-box}
.dowm{float:left}
.clf,.nrpost,.ximg,.plgt{clear:left}
.elist{margin:8px}
.pk{padding:8px 0 0;color:#4169e1}
.dgmr{margin:0 0 10px 16px}
.etyb{padding:0 0 8px}
.dtme,.pk,.ximg,.xtv,blockquote,ol,p,ul{margin:0 0 1em}
.spon{margin:8px 0 16px}
.pnavi{margin:0 0 8px;padding:5px 0}

.nav-next,.nav-previous{margin:0 0 0 8px;}

blockquote p{margin:0}

.form{padding:16px 0}

textarea{padding:2px}
.sidemb{margin:8px 0 0}
.plgt{margin:0 0 5px;padding:2px 5px;background-color:#800000;color:#fff}
.plgb{margin:0 0 19px}

.pagination{margin:20px 0;padding:20px 0}
.ibp,.ibpa{float:left;margin:2px 2px 2px 0;background:#800000;color:#fff}
.ibp{padding:6px 12px 5px 12px}
.current{float:left;margin:2px 2px 2px 0;padding:6px 12px 5px 12px;background:#3279bb;color:#fff}
a{text-decoration:one;overflow:hidden}
a:active,a:focus,a:link,a:visited{color:#04c}
a:hover{color:#b22222}
a.tot:active,a.tot:focus,a.tot:link,a.tot:visited,a.hot:active,a.hot:focus,a.hot:link,a.hot:visited{margin:auto;text-decoration:none;color:#fff;font-weight:700}
a.inactive:active,a.inactive:focus,a.inactive:hover,a.inactive:link,a.inactive:visited{padding:6px 12px 5px 12px;text-decoration:none;color:#fff}
a.inactive:hover{background:#3279bb}
h1{margin:0;}
.eichione{margin:0 0 2px;padding:8px 16px;border-radius:16px 10px 16px 10px;-webkit-border-radius:16px 10px 16px 10px;-moz-border-radius:16px 10px 16px 10px;background:#000;color:#fff}
.title{padding:8px 10px;border-bottom: solid 5px #171717}

h2,h3{margin:0 0 5px}
#mok1,#mok2,#mok3,#mok4,#mok5,#mok6,#mok7,#mok8,#mok9,#mok10{padding:5px 0 8px 8px;border-left:solid 8px #000;border-bottom: solid 3px #d7003a}

.fcred{color:red}
.fcblue{color:blue}
.fcbrown{color:#8b4513}
.fcgreen{color:#556b2f}
.hot,.tot{margin:0 0 2px 19px}
.sdt{margin:8px 0 10px;padding:8px 19px 5px;font-size:25px;font-size:2.5rem;font-weight:700;border-bottom: solid 3px #171717}
a,dd,dl,dt,li,ol,ul{font-size:16px;font-size:1.6rem}
.ratf{box-sizing:border-box;margin:19px 0 12px;padding:8px 19px;background:#000;font-weight:700;color:#FFF;border-bottom:solid 5px #d7003a}
.goods{padding:8px 19px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#8b008b;color:#fff}
a img,img{border:none;margin:0;padding:0}
.imgs,.wp-post-image,.eichione,.ratf,.ifrawp iframe{box-shadow:0 0 3px black}
.prsingle{box-shadow:0 0 3px black}
.ximg{margin:19px auto 0;padding:0}
.ifrawp{position:relative}
.ifrawp:before{padding-top:56.25%;}
.ifrawp iframe{position:absolute;top:0;left:0;}
.wp-post-image{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}
dd,dl,dt,li,ol,ul{list-style-type:none;margin:0;padding:0}
.plgt,.pnavi,.subt,dt{font-weight:700}
.etry{margin:5px 0 1em}
.inline{margin:8px 0 2px;padding:0}
.inl,.pnk{display:inline-block;margin:0 5px}
.inl:before{content:"";width:8px;height:8px;display:inline-block;background-color:#008080;font-weight:700;box-shadow:0 0 2px black;position:relative;top:-1px;margin-right:5px;}
.pnt{float:left;clear:both;margin:0 8px 0 0}

.dgpu{padding:2px}
.dgpu li:before{content:"";width:10px;height:10px;display:inline-block;background-color:#800000;border-radius:32%;position:relative;top:-1px;margin-right:5px;}
.foop{font-size:12px;font-size:1.2rem}
#author,#comment{border-width:1px;border-color:#888;border-style:solid}