#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}body {
background: none;
color: #745c51;
} .single #main {
padding: 2em 3em;
} .sidebar p {
margin: 2em 0;
line-height: 2;
}
.entry-content .wp-caption-text {
margin: 0;
} a {
transition: 0.5s;
} .widget_categories,
.widget_archive{
position: relative;
}
.widget_categories form,
.widget_archive form {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.widget_categories form select,
.widget_archive form select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.widget_categories form select::-ms-expand,
.widget_archive form select::-ms-expand {
display: none;
}
.widget_categories form,
.widget_archive form {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
}
.widget_categories form::before,
.widget_archive form::before {
position: absolute;
top: 1.6em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
.widget_categories form select,
.widget_archive form select {
padding: 1em;
color: #666666;
} #header .logo a {
color: #9b7b6c;
font-weight: bold;
}
#header .logo .site-name-text {
font-size: 1em;
}
.logo-text {
padding: 2em 0;
}
.logo-image {
padding: 0.4em 0;
margin: 0 auto -0.4em;
} .navi-in > ul li {
font-weight: bold;
height: 64px;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
line-height: 28px;
height: 64px;
}
#navi .menu-item-has-description>a>.caption-wrap{
line-height: 1.6;
}
.navi-in > ul .sub-menu ul{
top: -64px;
}
#header-container .navi{
background: #9b7b6c;
}
#header-container.fixed-header{
background-color: #9b7b6c;
}
#header-container .navi a{
color: #fff;
}
#header-container .navi a:hover{
color: #9b7b6c;
}
.navi-in > ul .sub-menu{
background: #9b7b6c;
}
.navi-in > ul > .menu-item-has-children > a::after {
right: .6em;
font-size: 1em;
font-weight: 600;
}
.sub-menu .caption-wrap{
padding-left: 1em;
font-weight: 500;
} .notice-area {
background: #f39800;
font-weight: 600;
} .a-wrap {
padding: 0;
margin: 0;
}
.entry-card-title, .related-entry-card-title {
font-weight: 600;
font-size: 0.9em;
line-height: 1.4;
color: #745c51;
margin: 0 0 0.1em 0.3em;
}
.entry-card, .related-entry-card {
display: flex;
padding: 0.5em 0;
}
.entry-card-thumb {
flex: 1;
width: 100%;
}
.entry-card-snippet, .related-entry-card-snippet {
font-size: 0.7em;
max-height: 10em;
padding: 0em;
margin-left: 0.4em;
color: #aaa;
line-height: 1.5;
margin-top: 0.4em;
}
.e-card-info > span {
color: #999;
}
.entry-card-content {
margin: 0;
flex: 3;
margin-left:0 !important;
} .related-list .a-wrap {
padding: 0.6em 0 0 0;
margin: 0;
border-bottom: 1px dashed #ccc;
}
.related-list .a-wrap:last-child {
border: none;
}
.related-entry-card .e-card-meta {
padding-bottom: 10px;
}
.related-entry-heading {
position: relative;
padding: 0 0 0 1.4em;
line-height: 1.4;
color: #745c51;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: 1.2em;
font-size: 1.2em;
}
.related-entry-heading:before {
font-family: "FontAwesome";
content: "\f15c";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #9b7b6c;
}
.related-entry-card-content {
flex: 3;
margin-left: 0;
}
.rect-entry-card .card-thumb {
flex: 1;
} .blogcard {
box-shadow: 0px 0px 5px rgba(100,100,100,0.2);
border: none;
padding: 1.4em 0.8em;
border-radius: 0;
}
.blogcard-title {
color: #666;
margin-bottom: 0.4em;
}
.blogcard-label {
padding: 5px 15px;
font-weight: 600;
font-size: 0.7em;
opacity: 0.8;
}
.blogcard-wrap{
margin:2.5em auto;
}
.blogcard-snippet{
color:#999;
}
.bct-related .blogcard-label{
background:#fd79a8;
}
.bct-reference .blogcard-label{
background:#1abc9c;
}
.bct-popular .blogcard-label{
background:#ffa502;
}
.bct-together .blogcard-label{
background:#0984e3;
}
.bct-detail .blogcard-label{
background:#848ee3;
}
.bct-check .blogcard-label{
background:#ED4C67;
}
.bct-pickup .blogcard-label{
background:#F79F1F;
}
.bct-official .blogcard-label{
background:#636e72;
} #main .pagination-next-link {
background: #fff;
border: 1px solid #9b7b6c;
color: #9b7b6c;
font-weight: 500;
font-size: 1em;
}
#main .pagination-next-link:hover {
background: #9b7b6c;
border: 1px solid #9b7b6c;
color: #fff;
}
.page-numbers {
border-radius: 50%;
border: none;
box-shadow: 0px 0px 5px rgba(0,0,0,0.13);
margin-right: 0.5em;
color: #f39800;
font-weight: 500;
}
.pagination a:hover {
background: #f39800;
color: #fff;
}
.page-numbers:last-child {
margin-right: 0;
}
.pagination .current {
background-color: #f39800;
color: #fff;
}
.pagination-next {
margin-top: 1em;
} .cat-label {
background: #f39800;
border-radius: 10px;
padding: 0 10px;
top: 0.8em;
left: 0.8em;
font-weight: 500;
}
.eye-catch .cat-label {
border-radius: 20px;
padding: 0 10px;
top: 0.8em;
left: 0.8em;
} .cat-link {
background: #f39800;
}
article .tag-link {
background: #9b7b6c;
color: #fff;
border: none;
}
article .tag-link:hover {
background: #9b7b6c;
opacity: 0.7;
color: #fff;
} .date-tags {
color: #745c51;
margin-bottom: 0.5em;
} .carousel{
margin-top:1em;
margin-bottom:-1em;
}
.carousel-entry-card-title {
font-size: 13px;
line-height: 1.5;
font-weight:300;
color:#666;
max-height: 3em;
}
.carousel-entry-card .cat-label{
font-size: 0.5em;
padding: 2px 10px;
} .sidebar {
font-size: 0.9em;
}
.sidebar h2,
.sidebar h3 {
background: #9b7b6c;
color: #fff;
padding: 0.3em 0.8em;
font-size: 1.1em;
}
.sidebar .widget_recent_entries ul li,.sidebar .widget_categories ul li a,.sidebar .widget_archive ul li,.sidebar .widget_pages ul li,.sidebar .widget_meta ul li,.sidebar .widget_rss ul li,.sidebar .widget_nav_menu ul li{
border-bottom: 2px dotted #ccc;
}
.sidebar .widget_recent_entries ul li:last-child, .sidebar .widget_archive ul li:last-child, .sidebar .widget_pages ul li:last-child, .sidebar .widget_meta ul li:last-child, .sidebar .widget_rss ul li:last-child, .sidebar .widget_nav_menu ul li:last-child{
border:none;
}
.sidebar .widget_recent_entries ul li a, .sidebar .widget_categories ul li a, .sidebar .widget_archive ul li a, .sidebar .widget_pages ul li a, .sidebar .widget_meta ul li a, .sidebar .widget_rss ul li a, .sidebar .widget_nav_menu ul li a {
position: relative;
padding-left: 1.3em;
color: #745c51;
}
.sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_categories ul li a:hover, .sidebar .widget_archive ul li a:hover, .sidebar .widget_pages ul li a:hover, .sidebar .widget_meta ul li a:hover, .sidebar .widget_rss ul li a:hover, .sidebar .widget_nav_menu ul li a:hover {
background: none;
color: #9b7b6c;
}
.sidebar .widget_recent_entries ul li a:before,
.sidebar .widget_categories ul li a:before,
.sidebar .widget_archive ul li a:before,
.sidebar .widget_pages ul li a:before,
.sidebar .widget_meta ul li a:before,
.sidebar .widget_rss ul li a:before,
.sidebar .widget_nav_menu ul li a:before {
font-family: "FontAwesome";
content: "\f138";
position: absolute;
font-size: 1em;
left: 0;
top: 10px;
color: #9b7b6c;
} .widget-entry-cards .widget-entry-card-content {
color: #745c51;
margin-left: 130px;
}
.widget .popular-entry-cards .popular-entry-card {
font-size: 1em;
} .cta-box {
background-color: #fff;
color: #745c51;
border: 1px solid #ccc;
padding: 2em;
margin-top:0.5em;
}
.cta-heading{
padding:0;
margin-bottom:0.5em;
} .nwa .author-box {
border: none;
padding: 1.5em;
max-width: 100%;
margin: 0 auto;
}
.nwa .author-box .author-name {
margin-bottom: 20px;
}
.nwa .author-box .author-name a {
color: #9b7b6c;
}
.nwa .author-box p {
margin: 1em 0;
line-height: 1.7;
}
.nwa .author-box .sns-follow-buttons a.follow-button {
font-size: 25px;
width: 35px;
height: 35px;
border-radius: 20px;
line-height: 1.5;
margin: 4px;
opacity: 0.8;
padding: 0 !important;
}
.author-widget-name {
position: relative;
background: #fff;
border: 1px solid #ccc;
font-size: 0.9em;
padding: 10px;
border-radius: 5px;
margin-bottom: 30px;
color: #745c51;
}
.author-widget-name:after, .author-widget-name:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.author-widget-name:after {
border-color: rgba(108, 107, 98, 0);
border-top-color: #fff;
border-width: 20px;
margin-left: -20px;
}
.author-widget-name:before {
border-color: rgba(204, 204, 204, 0);
border-top-color: #ccc;
border-width: 21px;
margin-left: -21px;
}
.nwa .author-box .sns-follow-buttons a {
color: #fff;
border: none;
}
.nwa .author-box .sns-follow-message {
margin: 2.3em 0 0;
display: block;
font-size: 1em;
}
.author-box .website-button {
background-color: #47555c !important;
}
.author-box .x-corp-button {
background-color: var(--cocoon-twitter-color) !important;
}
.author-box .mastodon-button {
background-color: var(--cocoon-mastodon-color) !important;
}
.author-box .bluesky-button {
background-color: var(--cocoon-bluesky-color) !important;
}
.author-box .misskey-button {
background-color: var(--cocoon-misskey-color) !important;
}
.author-box .facebook-button {
background-color: var(--cocoon-facebook-color) !important;
}
.author-box .hatebu-button {
background-color: var(--cocoon-hatebu-color) !important;
}
.author-box .google-plus-button {
background-color: var(--cocoon-google-plus-color) !important;
}
.author-box .instagram-button {
background: #e1306c !important;
}
.author-box .youtube-button {
background-color: #ef1515 !important;
}
.author-box .tiktok-button {
background-color: var(--cocoon-tiktok-color) !important;
}
.author-box .linkedin-button {
background-color: var(--cocoon-linkedin-color) !important;
}
.author-box .note-button {
background-color: var(--cocoon-note-color) !important;
}
.author-box .soundcloud-button {
background-color: var(--cocoon-soundcloud-color) !important;
}
.author-box .flickr-button {
background-color: #0063dc !important;
}
.author-box .pinterest-button {
background-color: var(--cocoon-pinterest-color) !important;
}
.author-box .line-button {
background-color: var(--cocoon-line-color) !important;
}
.author-box .amazon-button {
background-color: var(--cocoon-amazon-color) !important;
}
.author-box .twitch-button {
background-color: var(--cocoon-twitch-color) !important;
}
.author-box .rakuten-room-button {
background-color: #c42e7f !important;
}
.author-box .slack-button {
background-color: var(--cocoon-slack-color) !important;
}
.author-box .github-button {
background-color: var(--cocoon-github-color)!important;
}
.author-box .codepen-button {
background-color: var(--cocoon-codepen-color) !important;
}
.author-box .feedly-button {
background-color: var(--cocoon-feedly-color) !important;
}
.author-box .rss-button {
background-color: var(--cocoon-rss-color) !important;
} #main a .button-caption {
display: none;
}
#main .sns-buttons a {
height: 35px;
width: 35px;
border-radius: 50%;
opacity: 0.8;
margin-right: 10px;
}
#main .sns-buttons a:last-child {
margin-right: 0;
}
.sns-share-buttons {
justify-content: flex-start;
}
.article-footer .sns-share-buttons, .article-footer .sns-follow-buttons {
justify-content: center;
}
.sns-share-message, .sns-follow-message {
color: #745c51;
font-size: 0.8em;
}
.sns-follow-buttons a {
font-size: 1.3em;
}
.sns-share-message::before, .sns-follow-message::before {
content: '＼ ';
}
.sns-share-message::after, .sns-follow-message::after {
content: ' ／';
}
.sns-share, .sns-follow {
margin: 0;
}
.sns-share-buttons a .share-count,
.sns-follow-buttons a .follow-count {
right: -10px;
bottom: -10px;
color: #aaa;
} .toc {
border: 1px solid #9b7b6c;
border-radius: 5px;
padding: 1em 2em;
}
.toc-title {
color: #9b7b6c;
font-weight: 500;
}
.toc .toc-content {
color: #9b7b6c;
}
.toc a {
color: #745c51;
} .article h1 {
color: #745c51;
line-height: 1.5;
margin: 0 0 0.5em 0;
font-weight: 600;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
font-size: 1.2em;
line-height: 1.5;
color: #9b7b6c;
font-weight: 600;
margin: 2em 0;
}
.article h2 {
border-top: 1px solid #9b7b6c;
border-bottom: 1px solid #9b7b6c;
background: url(//naroten415.com/wp-content/themes/cocoon-master/skins/skin-season-autumn/images/back-dot.png);
padding: 0.7em;
}
.article h3 {
border: none;
border-bottom: 2px dotted #9b7b6c;
padding: 0.5em 0;
}
.article h4 {
border-left: 5px solid #9b7b6c;
border-top: none;
border-bottom: none;
border-right: none;
padding: 0.2em 0.7em;
}
.article h5 {
border: none;
border-bottom: 2px solid #9b7b6c;
padding: 0.5em 0;
}
.article h6 {
border: none;
border-bottom: 1px solid #9b7b6c;
padding: 0.5em 0;
}
#archive-title {
color: #9b7b6c;
font-size: 1.4em;
} .red {
color: #f39800;
}
.red-under {
border-bottom: 2px solid #f39800;
}
.marker-under-red {
background: linear-gradient(transparent 60%, #fad699 60%);
}
.marker-red {
background: #fad699;
}
.keyboard-key {
background-color: #ffff;
padding: 3px 5px;
}  pre {
padding: 2em !important;
position: relative;
}
pre.html:before {
position: absolute;
top: 0;
left: 0;
content: "HTML";
background: #ffa952;
color: #fff;
padding: 0 1em;
font-size: 16px;
}
pre.css:before {
position: absolute;
top: 0;
left: 0;
content: "CSS";
background: #0e7ac4;
color: #fff;
padding: 0 1em;
font-size: 16px;
} #comments {
position: relative;
padding: 0 0 0 1.4em;
line-height: 1.4;
color: #745c51;
letter-spacing: 0.05em;
font-weight: 400;
font-size: 1.2em;
}
#comments:before {
font-family: "FontAwesome";
content: "\f075";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #9b7b6c;
}
.commets-list {
padding: 0;
margin: 0;
list-style: none;
font-size: 0.9em;
}
#reply-title {
color: #745c51;
font-weight: 400;
font-size: 1em;
text-align: center;
}
#reply-title::before {
content: '＼ ';
}
#reply-title::after {
content: ' ／';
}
.pagination-next-link, .comment-btn {
background: #fff;
border: 1px solid #9b7b6c;
color: #9b7b6c;
padding: 0.4em 0;
font-size: 1.1em;
}
.pagination-next-link, .comment-btn:hover {
background: #9b7b6c;
color: #fff;
}
input[type=submit] {
-webkit-appearance: none;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
background: #f39800;
color: #fff;
font-size: 1em;
transition: 0.5s;
margin-top: 10px;
border: none;
}
input[type='submit']:hover {
background: #999;
}
.st-comment-author .fn {
font-weight: 500;
font-style: normal;
color: #745c51
}
#main .st-comment-content p {
margin: 1em 0;
}
#commentform p {
margin: 0.5em 0;
}
.st-comment-meta{
font-weight:600;
color:#745c51;
} #footer {
background: #9b7b6c;
color: #fff;
}
#footer h3 {
margin-bottom: 0.3em;
}
#footer a {
color: #fff;
padding: 0.3em 0;
}
#footer a:hover {
opacity: 0.8;
}
#footer li {
border-bottom: 2px dotted #fff;
}
#footer li:last-child {
border: none;
}
#footer .cat-item a {
position: relative;
padding: 10px 0 10px 30px;
}
#footer .cat-item a::before {
font-family: "FontAwesome";
content: "\f138";
position: absolute;
font-size: 1em;
left: 0;
top: 10px;
color: #fff;
}
#footer .tagcloud a {
background: none;
border: 1px solid #fff;
padding: 0.4em;
}
#footer .tagcloud a:hover {
background: #fff;
color: #9b7b6c;
}
#footer #navi-footer li {
border-bottom: none;
border-left: 1px solid #fff;
}
#footer #navi-footer li:first-child {
border: none;
}
#footer #navi-footer li a {
padding: 0 1em;
} .page-top a {
display: block;
text-align: center;
background: #d7cac4;
color: #9b7b6c;
margin: 0 0 -22px 0;
text-decoration: none;
font-weight: 600;
padding: 10px 0;
margin-top: 3em;
}
.page-top a:hover {
background: #f39800;
color: #fff;
}
.go-to-top {
right: 20px;
bottom: 20px;
}
.go-to-top-button {
background: #9b7b6c;
color: #fff;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
line-height: 1;
border-radius: 50%;
font-size: 2em;
opacity: 0.8;
} .slicknav_btn {
background: #9b7b6c;
}
.slicknav_menu .slicknav_menutxt, .slicknav_btn {
text-shadow: none;
font-weight: 500;
margin-bottom: -5px;
}
.slicknav_menu .slicknav_icon-bar {
box-shadow: none;
}
.slicknav_menu {
background: none;
}
.slicknav_nav a {
border-bottom: 2px dotted #ddd;
color: #9b7b6c;
}
.mobile-menu-buttons {
background: #9b7b6c;
color: #fff;
height: 45px;
}
.mobile-menu-buttons .menu-button > a {
color: #fff;
}
.mobile-menu-buttons .menu-button > a:hover{
color:#333;
}
.mobile-menu-buttons .menu-caption {
font-size: 0.7em;
}
.mobile-menu-buttons .menu-button {
border-right: 1px dashed #fff;
}
.mobile-menu-buttons .menu-button:last-child {
border-right: none;
}
.mobile-menu-buttons .menu-content{
color: #555;
}
.author-box .sns-follow-buttons a.follow-button {
color: #fff;
border-radius: 50%;
}
.menu-drawer a {
padding: 1em;
color: #9b7b6c;
font-weight: 400;
border-bottom: 1px dashed #9b7b6c;
}
.menu-close-button::before {
color: #f39800;
}
.menu-content .sidebar {
padding: 0 20px;
}
.menu-content .sidebar .author-description {
margin: 3em 0;
} @media screen and (max-width: 1023px){
#header-container .menu-mobile{
display:none;
}
.navi-in > .menu-mobile{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
white-space: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#navi .navi-in > .menu-mobile li {
height: auto;
line-height: 1.8;
}
.navi-in > ul li {
min-width: auto;
}
#header-container .navi a {
font-size: 0.8em;
}
#footer #navi-footer .navi-footer-in > .menu-footer li.menu-item {
border: none;
}
#sidebar {
padding: 0 2em;
}
.entry-card-content {
flex: 2;
}
.mobile-menu-buttons{
height:auto;
}
} @media screen and (max-width: 768px) {
} @media screen and (max-width: 480px) {
.single #main {
padding: 2em 1em;
}
.article h1 {
padding: 0.5em 0 0;
}
#sidebar {
padding: 0 1em;
}
.nwa .author-box .author-content {
font-size: 1.2em;
}
.rect-entry-card .card-thumb {
margin: 0 10px 0 0;
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 1em;
}
} table th, table td {
border: 1px solid #eee;
font-weight: 400;
padding: 0.8em;
font-size: 0.8em;
}
table th {
background: #FDF6F9;
} .btn {
opacity: 0.65;
}
.btn:hover {
opacity: 0.9;
} .box1 p, .box2 p, .box3 p, .box4 p, .box5 p, .box6 p, .box7 p {
margin: 0 !important; padding: 0 !important; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7 {
margin: 3em auto !important; max-width: 600px; }
.box1 {
background: #f3efee; border-radius: 4px; padding: 3.5em 2em 1.5em; position: relative; }
.box1 .box-title {
background: #9b7b6c; color: #fff; font-weight: bold; font-size: 1em; padding: 5px; text-align: center; border-radius: 4px 4px 0px 0px; position: absolute; top: 0; left: 0; width: 100%; }
.box2 {
border-radius: 4px; border: 1px solid #9b7b6c; padding: 3.5em 2em 1.5em; position: relative; }
.box2 .box-title {
background: #9b7b6c; color: #fff; font-weight: bold; font-size: 1em; padding: 5px; text-align: center; border-radius: 4px 4px 0px 0px; position: absolute; top: 0; left: 0; width: 100%; }
.box3 {
position: relative; padding: 1.7em 2em; border: 2px solid #9b7b6c; border-radius: 4px; }
.box3 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #9b7b6c; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box4 {
position: relative; padding: 1.7em 2em; border: 2px dotted #9b7b6c; border-radius: 4px; }
.box4 .box-title {
position: absolute; top: -10px; left: 30px; background: #fff; color: #9b7b6c; padding: 0 10px; line-height: 1; font-size: 1em; font-weight: bold; }
.box5 {
position: relative; padding: 2em 2em 1.7em; border: 1px solid #9b7b6c; border-radius: 4px; background: #f3efee; }
.box5 .box-title {
position: absolute; top: -18px; left: 27px; background: #9b7b6c; color: #fff; padding: 0.6em 1em; line-height: 1; font-size: 1em; font-weight: bold; border-radius: 4px; }
.box6 {
position: relative; padding: 2em 2em 1.7em; background-color: #f3efee; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); border-radius: 4px; }
.box6 .box-title {
position: absolute; top: -22px; left: 30px; padding: 0.2em 2em; color: #9b7b6c; font-weight: bold; font-size: 1em; background-color: rgba(255,255,255,.1); border-left: 2px dotted rgba(0,0,0,.1); border-right: 2px dotted rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: rotate(-3deg); } .list-1 {
counter-reset: number;
list-style-type: none;
padding: 0;
margin: 0;
}
.list-1 li {
border-bottom: 1px dashed;
border-color: #cdcdcd; position: relative;
margin: 0.5em 0 !important;
padding: 0 0 0.5em 1.8em;
}
.list-1 li:last-child {
border: none;
}
.list-1 li:before {
counter-increment: number;
content: counter(number);
background-color: #9b7b6c; color: #fff; position: absolute;
font-weight: bold;
font-size: 14px;
border-radius: 50%;
left: 0;
top: 0.3em;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
}
.list-2 {
list-style: none;
padding: 0;
margin: 0;
}
.list-2 li {
border-bottom: 1px dashed;
border-color: #cdcdcd; position: relative;
margin: 0.5em 0 !important;
padding: 0 0 0.5em 1.4em;
}
.list-2 li:last-child {
border: none;
}
.list-2 li:before {
background-color: #9b7b6c; position: absolute;
content: '';
top: 0.7em;
left: 0.5em;
width: 7px;
height: 7px;
border-radius: 4px;
}
@media screen and (max-width: 768px) {
#main .list-1, #main .list-2 {
padding-left: 0;
}
}
.list-box-1 {
background: #f3efee; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
}
.list-box-2 {
background: #f3efee; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 1px solid;
border-color: #9b7b6c; }
.list-box-3 {
background: #f3efee; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 2px dotted;
border-color: #9b7b6c; }
.list-box-4 {
background: #f3efee; border-radius: 4px;
max-width: 600px;
padding: 2em;
margin: 0 auto;
border: 4px double;
border-color: #9b7b6c; } .hidden_box {
margin: 2em 0;
padding: 0;
text-align:center;
}
.hidden_box label {
padding: 1em 2em;
border: solid 1px #9b7b6c;
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: #9b7b6c;
border-radius: 3px;
}
.hidden_box label:hover {
background: #9b7b6c;
color:#fff;
}
.hidden_box input {
display: none;
}
.hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
text-align:left;
}
.recent-comments .a-wrap{
padding: 1.5%;
}
.ranking-items p {
margin-top: 0;
}
.wpforo-list-item p {
margin: 0;
} .font-awesome-5 .related-entry-heading:before,
.font-awesome-5 .sidebar .widget_recent_entries ul li a:before,
.font-awesome-5 .sidebar .widget_categories ul li a:before,
.font-awesome-5 .sidebar .widget_archive ul li a:before,
.font-awesome-5 .sidebar .widget_pages ul li a:before,
.font-awesome-5 .sidebar .widget_meta ul li a:before,
.font-awesome-5 .sidebar .widget_rss ul li a:before,
.font-awesome-5 .sidebar .widget_nav_menu ul li a:before,
.font-awesome-5 #comments:before,
.font-awesome-5 #footer .cat-item a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}