/*
Theme Name: orefolder2021
*/

:root {
--cgray:  #f0f0f0;	/* 背景（薄い灰） */
--cgray2: #e0e0e0;	/* 背景（灰） */
}

*{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;}
body {background:#fff;margin:0 0 0 0;padding:0 0 0 0;color:#333;font-size:15px;font-family:'Rubik','Poppins','BIZ UDPゴシック','Noto Sans Japanese','メイリオ',sans-serif;}
a {outline:none;color:#111;text-decoration:none;transition:all 0.2s ease;}
a img{border:0px;}
img{vertical-align:bottom;}
small{font-size:80%;}
pre {white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;}
p{margin:1.1rem 0;padding:0 0 0 0;line-height:1.75;}
ul, ol{margin:1.2rem 0;padding:0 0 0 1.5rem;}
dt{margin-top:1rem;}
p:first-child,ul:first-child,ol:first-child{margin-top:0;}
p:last-child,ul:last-child,ol:last-child{margin-bottom:0;}
p:empty{display:none;}
.dshadow{box-shadow:0px 1px 3px rgba(0,0,0,0.3);}
.font80{font-size:0.8rem;}

@media screen and (min-width: 960px){
body {font-size:16px;}
}

/* ***** layout ***** */
#wrapper{}
.sidebar{padding:0 24px;}
#footer{margin:1rem 0 0 0;text-align:center;}
.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.max-width{width:1240px;margin:0px auto;padding:0 10px;}

@media screen and (min-width: 600px){
body {background:#f0f0f0;}
.wrapper{max-width:560px;margin:30px auto 0 auto;}
.main-contents{background:#fff;padding-bottom:20px;}
.sidebar{padding:0 0;}
}

@media screen and (min-width: 960px){
.wrapper{display:flex;justify-content:space-between;padding:20px;max-width:1260px;margin-top:0;}
.main-contents{width:calc(100% - 320px);max-width:870px;background:#fff;}
.sidebar{width:300px;padding:0 20px;}
}

@media screen and (min-width: 1000px){
.main-contents{width:calc(100% - 330px);}
}
@media screen and (min-width: 1080px){
.main-contents{width:calc(100% - 350px);}
}

/* ***** header ***** */
#header{margin:0 0 0 0;padding:0 0 0 0;font-weight:700;background-color:#111;width:100%;height:48px;position:relative;z-index:99;}
.header-inner{max-width:1260px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
#title{padding:0 0 0 0;font-size:22px;text-align:center;order:2;position:relative;z-index:99;}
#title a{color:#fff;text-decoration:none;letter-spacing:0.15em;padding:0 1em;height:48px;display:flex;align-items: center;}
.logo{height:16px;width:auto;}

.drawer-l{order:1;width:30%;}
@media screen and (max-width: 959px){
#menu {margin:0 0 16px 0;padding:0 0 0 0;border-top:1px solid #444;width:100%;}
#menu li {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#menu li a {color:#fff;display: block;padding:16px;border-bottom:1px solid #444;}
#menu li a span{margin-right:3px;}
}
.drawer-hidden {display: none;}

.drawer-open1,.drawer-open2{display:inline-block;height:48px;width:48px;position:relative;z-index:100;cursor:pointer;}
.drawer-open1::before,.drawer-open2::before{font-family:'orefolder';color:#fff;font-size:16px;line-height:48px;display:inline-block;width:48px;height:48px;text-align:center;}

.drawer-open1::before{content:"\4d";}
#drawer-check1:checked ~ .drawer-open1::before {content:"\43";}
.drawer-open2::before{content:"\53";}
#drawer-check2:checked ~ .drawer-open2::before {content:"\43";}

.drawer-content1,.drawer-content2{
  width:100%;height:100%;position:fixed;top:0;z-index:98;backdrop-filter:blur(5px);background:rgba(0,0,0,0.85);transition: .5s;padding-top:64px;
  display:flex;align-items: center;flex-direction:column;justify-content:center;
}

.drawer-content1 {padding:3rem;left: -100%;}
.drawer-content2 {padding:1rem;left: 100%;}

#drawer-check1:checked ~ .drawer-content1, #drawer-check2:checked ~ .drawer-content2 {left: 0;}

.drawer-r{width:30%;display:flex;justify-content: flex-end;}
@media screen and (max-width: 959px){
.header-sns{display:none;}
}
@media screen and (min-width: 960px){
.header-inner{justify-content:start;}
.drawer-l{width:auto;order:2;}
#title{background:#16a085;}
.drawer-r{margin-left:auto;width:auto;}
.header-sns a{display:inline-block;font-size:1rem;height:48px;line-height:48px;text-align:center;color:#f8f8f8;margin:0 -0.3em;padding:0 0.5em;}
.header-sns a::before{margin-right:0;}
.header-sns .icon-rss:hover{background:#EF8000;}
.header-sns .icon-feedly:hover{background:#87C040;}
.header-sns .icon-twitter:hover{background:#33A7E0;}
.header-sns .icon-facebook:hover{background:#47639e;}
.header-sns .icon-push7:hover{background:#eeac00;}
.header-inner{padding:0 20px;}

.drawer-content1{position:relative;left:0;padding:0;background:transparent;width:auto;height:auto;}
.drawer-open1{display:none;}
#menu{list-style-type:none;padding-left:16px;}
#menu li{display:inline-block;}
#menu li a{display:inline-block;color:#fff;font-size:10px;line-height:48px;padding:0 10px;margin:0 -5px;}
#menu li a:hover{background:#16a085;}
}
@media screen and (min-width: 1000px){
#menu li a{font-size:11px;}
.header-sns a{padding:0 0.9em;}
}
@media screen and (min-width: 1100px){
#menu li a{font-size:12px;}
}

/* ***** footer ***** */
.footer-inner{background:#111;padding:1.5rem 0 1.5rem 0;color:#fff;}

#page-top {font-size:0;position:fixed;bottom:0px;right:0px;opacity:0;}
#page-top.fade-in {width:48px;height:48px;line-height:48px;background:#111;color: #fff;font-size:32px;text-align:center;opacity: 1;transition: opacity 1s;cursor: pointer}

/* ***** main ***** */



.category-list{margin:0 16px 16px 16px;padding:0 0 0 0;overflow:hidden;}
.category-list li{list-style-type:none;width:50%;float:left;margin:0 0 0 0;padding:0 0 0 0;}
.category-list li a{display:block;font-family:Montserrat;font-weight:700;font-size:16px;line-height:40px;}

/* **page** */
#main-contents{padding:20px;}
#main-contents .top-widget h2.wtitle2{padding:6px 0 0 6px;margin:0 6px 6px 0;font-size:14px;line-height:18px;word-break:break-all;font-weight:normal;overflow:hidden;white-space:nowrap;letter-spacing:-0.5px;background:#fff;}


.gad-main{text-align:center;padding:1.5em 0;}


/* ***** サイドバー ***** */
.sidebar{display:flex;flex-direction: column;}
.side-box{margin:0 0 2rem 0;background:#fff;}
.side-end{}
.side-h3{text-align:center;position:relative;padding:0.5rem 0 0.25rem 0;font-size:1.3rem;}
.side-h3::after{content:'';position:absolute;bottom:0;left:50%;border-bottom:2px solid #000;width:50px;margin-left:-25px;}

.side-sns{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;}
.side-sns a{width:49%;margin:0.25em 0;color:#666;line-height:36px;height:36px;font-size:90%;}
.side-sns i{display:inline-block;width:36px;text-align:center;margin-right:6px;position:relative;top:2px;font-size:100%;color:#fff;}
.side-rss{background:linear-gradient(to right, #ef8000 36px, #fff 32px);}
.side-feedly{background:linear-gradient(to right, #87c040 36px, #fff 32px);}
.side-gnews{background:linear-gradient(to right, #4285f4 36px, #fff 32px);}
.side-twitter{background:linear-gradient(to right, #33a7e0 36px, #fff 32px);}
.side-facebook{background:linear-gradient(to right, #47639e 36px, #fff 32px);}
.side-push7{background:linear-gradient(to right, #eeac00 36px, #fff 32px);}

@media screen and (min-width: 960px){
.sidebar{padding:0 0 0 0;}
}

.sidebar iframe{vertical-align:bottom;}
.sidebar .textwidget{margin:0 0 2rem 0;}
.sidebar .side-banner{max-width:100%;height:auto;}
.sidebar > div:last-of-type{} 
.sidebar > div.side-toc-box{margin:0 0 0 0;position:sticky;top:1rem;} 

/* ***** 検索 ***** */
.side-searchform{position:relative;width:100%;margin:1rem 0;}
.side-searchfield{width:100%;padding:10px;line-height:20px;border:2px solid #ccc;background:rgba(250,250,250,0.85);font-family:"Noto Sans Japanese";font-size:13px;}
.side-searchsubmit{position:absolute;right:0.35rem;top:0.4rem;font-family:orefolder;width:2rem;height:calc(100% - 0.8rem);border:0;background:#aaa;color:#fff;font-size:1.2rem;cursor:pointer;padding:1px 0 0 1px;}

/* ***** カテゴリ ***** */
.side-categories{margin:0 0 0 0;padding:0.5rem 1rem;}
.side-categories li{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;overflow:hidden;font-size:13px;line-height:20px;width:48%;}
.side-categories li a{text-decoration:none;font-weight:bold;line-height:38px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.side-categories li a:hover{transform:translateX(4px);}
.side-categories li a:before{font-size:18px;line-height:1;display:inline-block;text-align:center;width:20px;position:relative;top:2px;transform:rotate(90deg);}


/* ***** ランキング ***** */
.ranking{margin:0 0 0 0;padding:0.5rem 0;list-style-type:none;counter-reset: item;}
.ranking li{margin:0 0 0 0;padding:0.5rem 1rem;position:relative;}
.ranking li::before{counter-increment: item;content: counter(item);position:absolute;width:2rem;height:2rem;line-height:2;text-align:center;color:#fff;background:#111;}
.ranking li:nth-of-type(1):before{background:#c5ac3b;}
.ranking li:nth-of-type(2):before{background:#999;}
.ranking li:nth-of-type(3):before{background:#b0802c;}
.ranking .ranking-img{width:100%;height:auto;margin-bottom:0.5em;}
.ranking .ranking-title{font-weight:bold;word-break:break-all;font-size:90%;}

/* ***** exinfo ***** */

.exinfo{display:flex;justify-content:center;flex-wrap:wrap;margin:10px 0 20px 0;padding:0;line-height:1;height:48px;}
.exinfo a{display:inline-block;width:42px;height:42px;overflow:hidden;margin:0 8px;color:#fff;line-height:46px;text-align:center;font-size:24px;}
.exinfo a::before{margin:0 0 0 0;}


.exinfo2{display:flex;justify-content:center;flex-wrap:wrap;}
.exinfo2 a{color:#fff;margin:.5em;}



/* ***** entries ***** */
.main-h2{font-size:5vw;margin:1.5rem 0 0 0;padding:1rem 0 1rem 0;text-align:center;text-transform:uppercase;position:relative;letter-spacing:1px;font-weight:800;
display:flex;align-items: center;flex:0;}
.main-h2::before{content:'';border-top:2px solid #111;flex:1;margin-right:0.6rem;}
.main-h2::after{content:'';border-top:2px solid #111;flex:1;margin-left:0.6rem;}
.entry-single .main-h2{color:#111;border-bottom:0;}

.navigation{clear:both;}


@font-face {
  font-family: 'orefolder';font-weight: normal;font-style: normal;font-display: swap;
  src:
    url('font/orefolder4c.ttf?20220830') format('truetype'),
    url('font/orefolder4c.woff?20220830') format('woff'),
    url('font/orefolder4c.svg?20220830#orefolder4c') format('svg');
}

[class^="icon-"]:before, [class*=" icon-"]:before { font-family:'orefolder';!important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:110%;margin:0 .1em;}
.icon-android:before {content: "\f17b";}
.icon-home:before {content: "\f17b";}
.icon-check:before {content: "\f00c";}
.icon-close:before {content: "\43";}
.icon-info:before {content: "\69";}
.icon-mail:before {content: "\e07c";}
.icon-search:before {content: "\53";}
.icon-up:before {content: "\e20a";}
.icon-external-link:before {content: "\f08e";}
.icon-warning:before {content: "\f071";}
.icon-calculator:before {content: "\e901";}
.icon-save:before {content: "\e902";}
.icon-menu:before {content: "\e903";}
.icon-world:before {content: "\e904";}
.icon-settings:before {content: "\e905";}

.icon-arrow-up:before {content: "\ea32";}
.icon-arrow-down:before {content: "\ea36";}
.icon-arrow-left:before {content: "\ea38";}
.icon-arrow-right:before {content: "\ea34";}
.icon-arrow8:before {content: "\f138";}
.icon2-arrow8-right:before {content: "\f138";font-family:'orefolder';}
.icon-twitter:before {content: "\74";}
.icon-facebook:before {content: "\66";}
.icon-rss:before {content: "\61";}
.icon-push7:before {content: "\e900";}
.icon-feedly:before {content: "\79";}
.icon-hatebu:before {content: "\48";}
.icon-pocket:before {content: "\50";}
.icon-bars:before {content: "\4d";}