img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.aioseo-toc-header{width:100%;position:relative}.aioseo-toc-header:has(.aioseo-toc-header-area){flex-direction:column;align-items:flex-start}.aioseo-toc-header .aioseo-toc-header-title{align-items:center;color:#434960;display:flex;flex:1 0 auto;font-size:24px;font-weight:700;line-height:125%;max-width:100%;gap:8px}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{display:flex;border-radius:2px;cursor:pointer;transition:transform .3s ease;background-color:#e5f0ff;box-sizing:border-box;justify-content:center;align-items:center}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 0 8px 10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible{padding:8px 10px 8px 0}.aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{width:14px;height:14px}[dir=ltr] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-right:10px}[dir=rtl] .aioseo-toc-header .aioseo-toc-header-title .aioseo-toc-header-collapsible svg{margin-left:10px}.aioseo-toc-header .aioseo-toc-header-instructions{color:#2c324c;font-size:16px;margin-bottom:0;margin-top:16px}.aioseo-toc-header .aioseo-toc-header-buttons{flex:0 1 auto}.aioseo-toc-contents{transition:transform .3s ease,opacity .3s ease;transform-origin:top;display:block;opacity:1;transform:scaleY(1);padding-top:12px}.aioseo-toc-collapsed{opacity:0;transform:scaleY(0);height:0;overflow:hidden}

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        .wpp_def_no_src {
            object-fit: contain;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        .wpp-excerpt:empty {
            display: none;
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

        .wpp-meta:empty, .post-stats:empty {
            display: none;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }.taxopress-table-container {
    width: 100%;
}

.taxopress-table-row td {
    border: none;
}

.taxopress-table-row:nth-child(n+7) {
    display: none;
}

.taxopress-see-more-link,
.taxopress-close-table-link {
    cursor: pointer;
}

.taxopress-close-table-link {
    display: none;
}

.taxopress-see-more-container {
    text-align: right;
    padding: 10px;
}

.hidden {
    display: none;
}

.taxopress-table-container .taxopress-post-count {
    text-align: right;
    padding-right: 30px;
}

.taxopress-arrow {
    display: inline-block;
}

.taxopress-arrow.right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
}

.taxopress-arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}

/* border-cloud styling */
.taxopress-border-cloud a{
    text-decoration: none;
    border: 1px solid;
    padding: 4px 7px; 
    display: inline-block;
    margin: 3px;
}

/* box-list styling */
.taxopress-box-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.taxopress-box-list a {
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    word-wrap: break-word;
}

.taxopress-box-list img {
    max-width: 100%;
    height: auto;
    display: block;
}

.taxopress-boxrelatedpost-cat{
    color:#666;
    font-size: 0.9em;
}

@media (max-width: 1200px) {
    .taxopress-box-list {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 768px) {
    .taxopress-box-list {
        grid-template-columns: 1fr;
        word-wrap: break-word;
    }
}

.taxopress-parent-child-list {
    list-style: none !important;
}
  
.taxopress-parent-term {
    font-weight: normal;
    margin: 0.5em 0;
    list-style-type: none !important;
    position: relative;
    padding-left: 1.5em;
}
  
.taxopress-child-list {
    list-style: none !important;
    margin: 0.3em 0 0.3em 1em !important;
    padding-left: 0 !important;
}
  
.taxopress-child-term {
    font-weight: normal;
    margin: 0.2em 0;
    position: relative;
    padding-left: 1.5em;
}
  
.taxopress-parent-term::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 1.2em;
    line-height: 1;
}
  
.taxopress-child-list > li::before {
    content: "○";
    position: absolute;
    left: 0;
    font-size: 1.2em;
    line-height: 1;
}

.taxopress-child-list .taxopress-child-list > li::before {
    content: "▪  ▪";
    font-size: 1.2em;
}

.taxopress-child-list {
    margin-left: 1em !important;
}

.taxopress-child-list .taxopress-child-list {
    margin-left: 1em !important;
}

.taxopress-parent-term,
.taxopress-child-list li {
    font-weight: normal;
}

.taxopress-box-list img.custom-image-class {
    width: var(--tp-image-width, 200px);
    height: var(--tp-image-height, 200px);
    object-fit: cover;
    aspect-ratio: 1 / 1;
    display: block;
    max-width: 100%;
}@-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear}a.st_tag, a.internal_tag, .st_tag, .internal_tag { text-decoration: underline !important; }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers ---*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

main{
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
	outline: none;
}

/* Clearfix ---*/
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

:first-child + html .clearfix {
	min-height: 1%;
}

.clear {
	clear: both;
}

/* 2. Layout                                        -----------------------------------------------  */
.wrap {
	clear: both;
	width: 100%;
}

.main {
	margin: 0 auto;
}

.inner {
	padding: 15px;
}

.main,
.item,
.col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}

/* Main                                           --- */
#main {
	clear: both;
	width: 880px;
	margin: 0 auto;
}

#header {
	clear: both;
	width: 880px;
	height: 60px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

#container {
	float: right;
	width: 480px;
	margin: 20px 10px;
}

#content {
	float: right;
	width: 480px;
}

#content.masonry {
	float: right;
	width: 480px;
}

/* Side--- */
#side {
	float: left;
	width: 320px;
	margin: 20px 10px;
	text-align: left;
}

/* footer --- */
#footer {
	clear: both;
	width: 880px;
	line-height: 2em;
	text-align: center;
	padding: 10px 0px 20px;
	border-top: 1px solid #e5e5e5;
}

.masonry {
	overflow: visible !important;
}

/* Item                                               ---- */
#item {
	display: block;
	float: left;
}
#item2 {
	display: block;
	float: left;
}


/*	3. CORE                                          --------------------------------------------------------- */
html{
	margin-bottom: 1px;
	overflow-y: scroll;
}

body {
	padding: 0 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.6;
	color: #555;
	word-wrap: break-word;
	-webkit-text-size-adjust:100%; /* Fix for iphone */
}

body.safari {
	font-family: Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* Font-size:
- 84%   ~ 10px
- 92%   ~ 11px
- 100%  ~ 12px
- 110%  ~ 13px
- 125%  ~ 15px
- 150%  ~ 18px
*/

/* Links ---*/
a {
	text-decoration: none;
	outline: none;
	color: #d04400;
	-webkit-transition: color 0.3s;
	-moz-transition: 	color 0.3s;
	-o-transition: 		color 0.3s;
	-ms-transition: 	color 0.3s;
	transition: 		color 0.3s;
}

a:hover,
a:active,
a:focus { 
	text-decoration: underline;
	color: #12639b;
}

/* Headings & Titles ---*/
h1, h2, h3, h4, h5, h6 ,#sitename{
	clear: both;
	font-family: inherit;
	line-height: 1.2;
	color: #555;
	text-rendering: optimizelegibility;
}

h1 {
  font-size: 120%;
  margin: 5px 0 5px 0;
}
h2 {
  font-size: 160%;
  margin: 10px 0 5px 5px;
}
h3 {
  font-size: 150%;
  margin: 10px 0 5px 5px;
}
h4 { font-size: 110%; text-transform: UPPERCASE; }
h5 { font-size: 100%; }
#sitename { font-size: 100%; }

/* Small text ---*/
small, .small {
	font-size: 80%;
}

/* Strong text ---*/
strong {
	font-weight: bold;
}

/* Unorder list ---*/
ul {
	list-style: none;
}

/* Definition list ---*/
dl {
	width: 100%;
	margin: 10px 0px;
}

dt {
	float: left;
	width: 30%;
	padding: 10px 0;
	font-weight: bold;
}

dd {
	padding: 10px 0 10px 30%;
	border-top: 1px solid #e5e5e5;
	text-align: left;
}

/* Paragraph ---*/
p { margin: 10px 0 0; }


/* Iframe ---*/
iframe,
embed {
	display: block;
	margin: 10px auto;
	max-width: 100%;
}

/* Table ---*/
table {
	width: 100%;
	margin: 0;
	border: 0px solid #e5e5e5;
}

td, th {
	border: 1px solid #e5e5e5;
	text-align: center;
  vertical-align:middle;
}

th {
	font-weight: bold;
}

/* Form ---*/
form { }

select,
input,
textarea,
button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	border-radius: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	outline: none !important;
	-webkit-transition: all 0.2s;
	-moz-transition: 	all 0.2s;
	-ms-transition: 	all 0.2s;
	-o-transition: 		all 0.2s;
	transition: 		all 0.2s;
}

input::-ms-clear {
	width: 20px;
}

/* Select ---*/
select {
	width: 180px;
	height: 30px;
	padding: 6px 7px 3px;
	border: 1px solid #ccc;
}

/* Textarea ---*/
textarea {
	display: block;
	width: 100%;
	margin: 0;
	padding: 9px;
	min-height: 80px;
	border: 1px solid #ccc;
	box-shadow: 0 0 3px rgba(0,0,0,.14) inset;
	resize: vertical;
	-webkit-appearance: none;
}

textarea:focus {
	border-color: #bbb;
	box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
}

/* Text field ---*/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.input {
	width: 180px;
	height: 29px;
	padding: 4px 9px;
	border: 1px solid #ccc;
	line-height: 20px;
	box-shadow: 0 0 3px rgba(0,0,0,.14) inset;
	-webkit-appearance: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.input:focus {
	border-color: #bbb;
	box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
}

/* Button ---*/
input[type=submit] {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	margin: 0;
	padding: 5px 15px;
	border: 1px solid #ff4400;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	font-weight: bold;
	color: #fff;
	background: #ff8b33;
	background: -moz-linear-gradient(top,#ff8b33 0,#ffa500 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff8b33),color-stop(100%,#ffa500));
	background: -webkit-linear-gradient(top,#ff8b33 0,#ffa500 100%);
	background: -o-linear-gradient(top,#ff8b33 0,#ffa500 100%);
	background: -ms-linear-gradient(top,#ff8b33 0,#ffa500 100%);
	background: linear-gradient(to bottom,#ff8b33 0,#ffa500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b33', endColorstr='#ffa500',GradientType=0 );
	box-shadow: 0 0 5px rgba(0,0,0,.2) ,0 1px 1px rgba(255,255,255,.2) inset;
	-webkit-transition: none;
	-moz-transition: 	none;
	-ms-transition: 	none;
	-o-transition: 		none;
	transition: 		none;
	cursor: pointer;
	-webkit-appearance: none;
}

input[type=submit]:hover {
	text-decoration: none;
	color: #fff;
	background: #ff9900;
}

input[type=submit]:active,
input[type=submit]:focus {
	text-decoration: none;
	color: #fff;
	background: #ffa500;
	background: -moz-linear-gradient(top,#ffa500 0,#ff8b33 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffa500),color-stop(100%,#ff8b33));
	background: -webkit-linear-gradient(top,#ffa500 0,#ff8b33 100%);
	background: -o-linear-gradient(top,#ffa500 0,#ff8b33 100%);
	background: -ms-linear-gradient(top,#ffa500 0,#ff8b33 100%);
	background: linear-gradient(to bottom,#ffa500 0,#ff8b33 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#ff8b33',GradientType=0 );
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

/* Button in Firefox ---*/
input[type="submit"] {
	margin: -1px 0 0;
}

/* Button in Chrome ---*/
.chrome input[type="text"],
.chrome input[type="password"],
.chrome input[type="datetime"],
.chrome input[type="datetime-local"],
.chrome input[type="date"],
.chrome input[type="month"],
.chrome input[type="time"],
.chrome input[type="week"],
.chrome input[type="number"],
.chrome input[type="email"],
.chrome input[type="url"],
.chrome input[type="search"],
.chrome input[type="tel"],
.chrome input[type="color"],
.chrome .input {
	height: 30px;
}

.chrome input[type="submit"] {
	padding: 6px 15px 7px;
}

.safari input[type="submit"] {
	padding: 6px 15px 7px;
}

.safari input[type="text"],
.safari input[type="password"],
.safari input[type="datetime"],
.safari input[type="datetime-local"],
.safari input[type="date"],
.safari input[type="month"],
.safari input[type="time"],
.safari input[type="week"],
.safari input[type="number"],
.safari input[type="email"],
.safari input[type="url"],
.safari input[type="search"],
.safari input[type="tel"],
.safari input[type="color"],
.safari .input {
	height: 30px;
}

/* Button in Opera ---*/
.opera input[type="text"],
.opera input[type="password"],
.opera input[type="datetime"],
.opera input[type="datetime-local"],
.opera input[type="date"],
.opera input[type="month"],
.opera input[type="time"],
.opera input[type="week"],
.opera input[type="number"],
.opera input[type="email"],
.opera input[type="url"],
.opera input[type="search"],
.opera input[type="tel"],
.opera input[type="color"],
.opera .input {
	height: 32px;
}

.opera input[type="submit"] {
	margin: 0;
	padding: 7px 15px 8px;
}

/* Button in Internet Explorer ---*/
.ie input[type="text"],
.ie input[type="password"],
.ie input[type="datetime"],
.ie input[type="datetime-local"],
.ie input[type="date"],
.ie input[type="month"],
.ie input[type="time"],
.ie input[type="week"],
.ie input[type="number"],
.ie input[type="email"],
.ie input[type="url"],
.ie input[type="search"],
.ie input[type="tel"],
.ie input[type="color"],
.ie .input {
	height: 32px;
}

.ie input[type="submit"] {
	margin: 0;
	padding: 7px 15px 8px;
}

.ie button {
	padding: 5px 15px 6px;
}

/*	4. WordPress                             --------------------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

img {
	max-width: 100%;
	height: auto;
}

/*	5. Item                                      --------------------------------------------------------- */
/* Item Elements ---*/
.page-title {
	margin: 20px 15px 10px;
	font-size: 200%;
}

.item {
	width: 50%; /* 2 cols */
}

#item .item,
.page .item {
	width: 100%; /* content */
}

.item .item-inner {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 0px;
	margin: 0 0 5px 0;
	position: relative;
	height: 270px;
	overflow: hidden;
}
.item .item-inner2 {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 0px;
	margin: 0 0 5px 0;
	position: relative;
  height: 240px;
}
.item .item-inner3 {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 0px;
	margin: 0 0 5px 0;
	position: relative;
}
.item:hover .item-inner {
	border-color: #c5c5c5;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
	-webkit-transition: all 0.3s;
	-moz-transition: 	all 0.3s;
	-o-transition: 		all 0.3s;
	-ms-transition: 	all 0.3s;
	transition: 		all 0.3s;
}

.item .item-inner .item-title {
	margin: 0 1px 0 2px;
	font-family: "メイリオ",Helvetica,Arial,sans-serif;
	font-size: 125%;
	line-height: 1.4;
	position: absolute;
	top: 185px;
}

.grid-double .item-title {
	font-size: 150%;
}

.item .item-title a {
	color: #666;
}
.item .item-title a:hover,
.item .item-title a:active,
.item .item-title a:focus {
	color: #888;
	text-decoration: none;
}

.item .item-content {
	overflow: hidden;
	font-size: 100%;
	color:#777;
}

.item .item-content p{
	font-size: 120%;
	color:#555;
	margin: 5px;
}

.item .item-content q{
	font-size: 120%;
	color:#555;
	background:#eeeeff;
	margin: 5px;
}

.item .item-content:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

* html .item .item-content {
	height: 1%;
}

:first-child + html .item .item-content {
	min-height: 1%;
}

.item blockquote {
	padding: 10px 30px 0 0;
}

.item blockquote:before {
	font-family: FontAwesome;
	content: "\f10e";
	font-size: 22px;
	text-align: center;
	line-height: 43px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.single .item blockquote:before {
	color: #333;
}

.single .item q {
	color: #555;
}

.item .item-content li {
	margin: 0 0 0 20px;
}

.item .item-content ul{
	list-style: disc;
	margin: 10px 0;
}

.item .item-content ul li li {
	list-style: circle;
}

.item .item-content ol{
	list-style: decimal;
	margin: 10px 0;
}

.item .item-content ol li li {
	list-style: lower-latin;
}

.masonry .item .item-content input {
	width: auto;
	margin: 0 0 10px;
}

.item-link-pages {
	clear: both;
	margin: 20px 0 0;
}

.item .item-thumbnail {
	margin: 0 0 0 0;
	text-align: center;
}

.item .item-thumbnail img {
	display: block;
	width: 100%;
}

.item .item-thumbnail2 {
	margin: 20px 0 0 0;
	text-align: center;
	height: 245px;
}

.item img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	margin: 0 auto 4px;
	height: auto;
	max-width: 478px;
}

.masonry .item img {
	max-width: 478px;
}

img.has-border {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	padding: 4px;
	max-width: 100%;
	border: 1px solid #ddd;
}

.item .item-meta {
	margin-top: 10px;
	font-size: 92%;
	color: #333;
}

.item .meta-top a {
	border-bottom: 1px solid #e5e5e5;
	color: #999;
}

.item .meta-top a:hover,
.item .meta-top a:active,
.item .meta-top a:focus {
	border-bottom-color: #222;
	text-decoration: none;
	color: #222;
}

.item .meta-bottom {
	margin: 5px 0 0;
}

.item .meta-bottom .sep {
	display: inline-block;
	margin: 0 5px;
}

/* Single Item                                     ---*/
.single .item-content {
	margin: 0 5px 20px;
}

.single .item {
	width: 480px;
}

.single .item .item-inner {
	padding: 0px;
}

.single .item .item-thumbnail,
.single .item:hover .item-thumbnail {
	margin: 0 0 0 0;
}

.single .format-standard .item-thumbnail,
.single .format-standard:hover .item-thumbnail {
	margin: 0 0 15px;
}

.single .item .item-thumbnail img {
	width: auto;
	height: auto;
}

.single .has-ribbon .item-title:before,
.single .has-ribbon .item-title:after {
	display: none;
}

.single .item-title {
	font-size: 200%;
	margin: 0 10px 0;
}

.single .tags {
	margin: 0 10px 0;
}

.single .tags a {
 background:#fff;
 border:none;
 color:#F04400;
 display:inline-block;
 text-decoration:none;
 text-align:center;
 padding:2px 5px;
 margin:1px;
 border-radius: 5px;
 border:1px solid #ff4400;
 font-size:19px;
 line-height: 30px;
}

.single .tags a:hover {
 font-weight:bold;
 border:2px solid #ff8b33;
 margin:0px;
}

/*	7. Navigation                        --------------------------------------------------------- */

#header a {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #555;
	font-size: 200%;
}

/*	8. Themes                              --------------------------------------------------------- */


/* Sidebar ---*/
#sidebar {
}

#side .sidebar-inner {
	padding: 0 5px 30px;
}

.ie8 .sidebar-inner {
	width: 100px;
}

#side .widget,
#pr {
	margin: 0 0 0 0;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	font-size: 115%;
}

#side .widget-title {
	margin: 0 0 5px;
	text-transform: uppercase;
	font-size: 105%;
	color: #212121;
}

#side a {
	font-size: 100%;
}

/* Error 404 Page                       ---*/
.error404 #main {
	text-align: left;
	padding-left: 30px;
}


/* clearfix
------------------------------- */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/* navs
------------------------------- */

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: block;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}

/* アコーディオン
------------------------------- */

.accordion {
    margin-bottom: 20px;
}

/*--------------------------------
ページトップ
---------------------------------*/
.page_top {
position:fixed;
bottom:10px;
right:calc(50% - 500px);
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
font-size:20px;
text-decoration:none;
background:#ff8b33;
border: 3px solid #ffffff;
text-align: center;
line-height: 50px;
opacity: 0.5;
}

.page_top:hover {
color:#fff;
text-decoration:none;
opacity: 0.8;
}

.page_top:link{
color:#fff;
text-decoration:none;
}
.page_top:visited{
color:#fff;
text-decoration:none;
}

/*ページネーション*/
div.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:16px;
    line-height:20px ;
    background:none;
    margin:10px 0 20px;
    vertical-align: middle;
}
 
div.pagination span, .pagination a {
    display:block;
    float:left ;
    margin: 4px 4px 4px 0 ;
    padding:8px 13px 7px 13px ;
    text-decoration:none;
    width:auto ;
    color:#fff ;
    background: #666 ;
}
 
div.pagination a:hover{
    color:#fff ;
    background: #fdcd1a;
}
 
div.pagination .current{
    padding:8px 13px 7px 13px ;
    background: #fdcd1a;
    color:#fff ;
}

/*パンくずリスト*/

.breadcrumbs {
  width: 470px;
  padding: 0px 0px 15px 10px;
  float: left;
  font-size: 120%;
  line-height: 160%;
  text-align: left;
}
.breadcrumbs li {
  display: inline;
  padding-right: 2px;
  text-align: left;
}
.breadcrumbs li a{
	text-decoration: none;
	color: #555;
}
.breadcrumbst li a:hover{
	font-weight: bold;	/*マウスオン時の太字にする*/
}

/* サイト内ランキング(サイド) */
.wpp-list li{
    height:90px;
    line-height:120%;
    overflow:hidden;
    margin:5px 0 5px 0;
    font-size:16px;
    padding:2px 0 2px 0;
    border: 1px solid #ddd;
}
#wpp-2 img{
   width:120px;
   height:90px;
}

/* サイト内ランキングページ */
.wpp-list2{
    padding:0 0 0 15px;
}

.wpp-list2 li{
    clear:both;
    height:120px;
    line-height:150%;
    font-size:18px;
    border: 1px solid #eee;
}
.wpp-list2 li img{
    margin: 0 3px 0 0;
}
.wpp-list2 li a{
    margin:0 3px 0 0;
}

/* おすすめ動画 */
/*yarppの領域*/
.related-post{
	width:100%;/*①記事幅に100%フィット*/
	overflow:hidden;
	margin-top:5px;
	font-size:0;
}
/*１記事の領域*/
.related-entry {
	vertical-align: top;
	display:inline-block;
	width:32%;/*②１記事の領域（幅）*/
	font-size: 14px;/*文字サイズ*/
	font-size: 0.875rem;/*文字サイズ*/
	line-height: 1.4;/*文字行高*/
	margin-bottom: 12px;/*下余白*/
	padding: 0 0.5%;/*記事の間隔（左右）*/
}
/*画像の設定*/
.related-entry img{
 	border: #ccc 1px solid;/*画像の枠線*/
	padding:2%;/*画像と枠線の間隔*/
	width:100%;/*１記事の領域幅にフィット*/
}
/*画像の装飾*/
.related-thumb a,
.related-thumb a img{
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
.related-thumb a:hover{
	opacity:0.7;/*マウスオーバーで光る*/
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* --- トップメニュー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
font-size: 150%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 solid; /* 最上部の境界線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 236px;
float:left;
padding: 5px 1px; /* 項目のパディング（上下、左右） */
background-color: #f9f9f9; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
border-left: 1px #c0c0c0 solid; /* 項目の下境界線 */
border-right: 1px #c0c0c0 solid; /* 項目の下境界線 */
}
div.nav ul.nl li a {
display: block;
color:#333;
position: relative; /* IE6用 */
padding: 5px 15px; /* リンクエリアのパディング（上下、左右） */
border-left: 4px #ff8b33 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
border-left-color: #e0e0e0; /* ポイント時の左境界線色 */
}
/* --- メニュー項目 --- */
.topmenu li {
width: 236px;
float:left;
padding: 5px 1px; /* 項目のパディング（上下、左右） */
background-color: #f9f9f9; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
border-left: 1px #c0c0c0 solid; /* 項目の下境界線 */
border-right: 1px #c0c0c0 solid; /* 項目の下境界線 */
}
.topmenu li a {
display: block;
color:#333;
position: relative; /* IE6用 */
padding: 5px 15px; /* リンクエリアのパディング（上下、左右） */
border-left: 4px #ff8b33 solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.topmenu li a:hover {
border-left-color: #e0e0e0; /* ポイント時の左境界線色 */
}

.search_form {
margin:10px 10px;
}
.postform {
  margin:10px 0 10px 0;
  font-size: 120%;
  width: 150px;
  height: 35px;
}

.search_form input[type="text"]{
  font-size: 120%;
  width: 370px;
}

/* --- video --- */
video{width:100%;}

/* --- アクトレRSSリンク --- */
.relative {
	display: inline-block;
    position: relative;
    width: 220px;
}
.absolute {
    position: absolute;
    bottom: 5px;
    background: rgba(255,0,0,0.5);
    width: 100%;
    max-width: 220px;
    color: #fff;
    margin: 0;
    padding: 2px 2px;
    font-size: 120%;
    text-align: left;
}

/*--------------------------------
タグクラウド
---------------------------------*/
.xilitidytagscloud a {
 background:#fff;
 border:none;
 color:#d04400;
 display:inline-block;
 text-decoration:none;
 text-align:center;
 padding:2px 5px;
 margin:1px;
 border-radius: 5px;
 border:1px solid #ff4400;
 font-size:12px;
 line-height: 30px;
}
.xilitidytagscloud a:hover {
 font-weight:bold;
 border:2px solid #ff8b33;
 margin:0px;
}

/*--------------------------------
動画リンク
---------------------------------*/
.videolink{
 text-align:center;
 margin:30px 0 30px 0;
}
.videolink a {
 background:#fff;
 border:none;
 color:#ff6622;
 text-decoration:none;
 padding:10px 15px;
 margin:1px;
 border-radius: 5px;
 border:4px solid #ff6622;
 font-size:30px;
 font-weight:bold;
 line-height: 36px;
}
.videolink a:hover {
 color:#ff4400;
 border:5px solid #ff4400;
 margin:0px;
}