/*===================== TABLE OF CONTENT =======================
1. Fonts
2. Reset CSS
3. General Styling
4. Top Hot News
5. Header
6. Dropdown Menu
7. Featured Posts
8. Homepage Slider
9. Content
10. Widgets
11. Footer
12. Single Post Page
13. Contact Page
14. 404 Error Page
15. Responsive Menu
16. Responsive Styles
=============================================================*/


/*=============== Fonts ===================*/

@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700|Lato:300,400,700,900|Montserrat:400,500,600,700,900');


@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*=============== Reset CSS ===================*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    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;
}

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


/*=============== General Styling ===================*/

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

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

body * {
    outline: none!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
}

p {
    color: #333;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
}

a {
    color: inherit
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

input:hover,
input:focus {
    outline: none
}

strong {
    font-weight: bold;
    color: #f33;
}

/*=============== Top Bar ===================*/

.fincher-main-header {
    width: 100%;
	box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.2);
	margin-bottom:20px;
}

.fincher-top-bar {
    border-bottom: 1px solid #eee;
}

.top-hot-news span {
    display: inline-block;
    float: left;
    background-color: #f33;
    color: #fff;
    line-height: 28px;
    font-size: 10px;
    padding: 0 12px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    margin-right: 12px;
    word-spacing: 2px;
}

.hot-news-carousel h4 a {
    font-size: 12px;
   font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 25px;
    font-weight: 600;
    word-spacing: 1.4px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.top-social-icons ul {
    display: inline-block;
    float: right;
}

.top-social-icons ul li {
    display: inline-block;
    margin-right: 4px;
}

.top-social-icons ul li:last-child {
    margin-right: 0;
}

.top-social-icons ul li i {
    line-height: 28px;
    font-size: 15px;
    color: #555;
    padding: 0 10px;
    transition: all 0.25s ease-in-out;
}

.top-social-icons ul li:last-child i {
    padding-right: 0;
}

.top-social-icons ul li i:hover {
    color: #f33;
}

/*=============== Header ===================*/

.search-icon i:hover,
.fincher-main-menu ul li a:hover,
.hot-news-carousel h4 a:hover {
    color: #f33;
}

.fincher-logo {
    padding: 25px 0;
}

.main-logo img{

	max-height:35px;

}

.header-news {
    float: right;
}

.header-post {
    display: inline-block;
}

.header-post img {
    height: 60px;
    width: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    margin-right: 14px;
    opacity: 0.9;
}

.header-post h4 a {
    font-size: 13px;
   font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 26px;
    font-weight: 600;
    word-spacing: 0.8px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.header-post h4 a:hover {
    color: #f33;
}

.header-post p {
    font-size: 11px;
   font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 14px;
    letter-spacing: 0.6px;
}

.fincher-main-menu{
	
	display:flex;
	justify-content: space-between;
	align-items: center;
	
}

.fincher-main-menu ul li {
    display: inline-block;
    margin-right: 35px;
}

.fincher-main-menu ul li a {
    font-size: 15px;
	font-weight:bold;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	line-height:35px;

}

.fincher-main-menu ul li:first-child>a {
    padding-left: 0;
}


.fincher-main-menu ul .search-icon {
    margin-right: 0;
    float: right;
}

.search-icon i {
    cursor: pointer;
    line-height: 25px;
    padding-left: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.search-box {
    background-color: #fafafa;
    border: 0;
    color: #000;
    padding-left: 20px;
    padding-right: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 2px;
    opacity: 0;
    width: 228px;
    height: 40px;
    visibility: hidden;
    position: absolute;
    right: 40px;
    top: 7px;
    -webkit-transition: all 0.25s cubic-bezier(0.600, 0.040, 0.980, 0.335);
    transition: all 0.25s cubic-bezier(0.600, 0.040, 0.980, 0.335);
    /* easeInCirc */
    -webkit-transition-timing-function: cubic-bezier(0.400, 0.400, 0.400, 0.400);
    transition-timing-function: cubic-bezier(0.400, 0.400, 0.400, 0.400);
    /* easeInCirc */
}

.search-box.searchon {
    visibility: visible;
    -webkit-animation: opacity 200ms 100ms forwards;
    animation: opacity 200ms 100ms forwards;
}

.search-box::-webkit-input-placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-transform: uppercase;
}

.search-box:-ms-input-placeholder {
    color: #adadad;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-transform: uppercase;
}

@keyframes opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*=============== Dropdown Menu ===================*/

nav li ul {
    display: block;
    background: #fff;
    position: absolute;
    top: 56px;
    margin-left: 0;
    z-index: 1111;
    width: 200px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.fincher-main-menu ul li ul li:first-child a {
    padding-left: 20px;
}

nav ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

.fincher-main-menu nav ul ul li {
    margin: 0;
    display: block;
}

.fincher-main-menu nav ul ul li a {
    font-size: 12px;
    display: block;
    background-color: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
    text-align: left;
    font-weight: 400;
}

.fincher-main-menu nav ul ul li:last-child a {
    border-bottom: 0;
}


/*=============== Featured Posts ===================*/

.featured-posts {
    margin-bottom: 50px;
}

.big-post {
    height: 450px;
    width: 100%;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.big-post img {
    height: 450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.9;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.big-post iframe {
    height: 450px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    border: 0;
}

.home-full {
    height: 550px;
}

.home-full img {
    height: 550px;
}

.home-full iframe {
    height: 550px;
}

.category {
    display: inline-block;
    background-color: #f33;
    color: #fff;
    line-height: 25px;
    font-size: 10px;
    padding: 0 8px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    position: absolute;
    letter-spacing: 0.8px;
    top: 12px;
    right: 12px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.category:hover {
    background-color: #333;
}

.big-post-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.big-post-title a {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 4px;
}

.featured-post {
    height: 210px;
    width: 100%;
    background-color: #fff;
    position: relative;
}

.featured-box {
    margin-bottom: 30px;
}

.featured-post img {
    height: 210px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.9;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.featured-post-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.featured-post-title a {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 6px;
}


/*=============== Homepage Slider ===================*/

.owl-theme .slider-dots {
    position: absolute;
    top: 88%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
    display: inline-block;
}

.owl-theme .slider-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .slider-dots .slider-dot {
    display: inline-block;
}

.owl-theme .slider-dots .slider-dot span {
    width: 11px;
    height: 11px;
    margin: 5px 6px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-radius: 30px;
}

.owl-theme .slider-dots .slider-dot.active span,
.owl-theme .slider-dots .slider-dot:hover span {
    background: #fff;
}


/*=============== Content ===================*/

.content {
    margin-bottom: 60px;
}

.grid-post-header {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.grid-box {
    margin-bottom: 60px;
    padding-bottom: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.grid-post img {
    width: 100%;
    height:auto;
}

.grid-post-title {
    margin-top: 10px;
	padding-left:10px;
}

.grid-post-title a {
    color: #222;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    line-height: 29px;
    font-weight: bold;
    word-spacing: 1px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.grid-post-title a:hover {
    color: #f33;
}

.grid-post-content p {
    font-size: 16px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 22px;
    word-spacing: 0.8px;
    color: #444;
    padding: 0 20px;
}

.grid-read-more a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 9px;
    border: 1px solid #c7c7c7;
    color: #777;
    display: inline-block;
    margin-top: 18px;
    float: right;
    margin-right: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.grid-read-more a:hover {
    color: #000;
    border-color: #000;
}

.small-news {
    margin-bottom: 70px;
}

.small-news img {
    height: 80px;
    width: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    opacity: 0.9;
}

.small-date {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    margin-left: 4px;
}

.small-news .category {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: #f33;
    color: #fff;
    line-height: 18px;
    font-size: 8px;
    padding: 0 5px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-left: 14px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.small-news-title a {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 29px;
    font-weight: 600;
    word-spacing: 0.8px;
    margin-left: 14px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.small-news-title a:hover {
    color: #f33;
}

.small-read-more a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 7px;
    border: 1px solid #c7c7c7;
    margin-left: 14px;
    color: #444;
    display: inline-block;
    margin-top: 3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.small-read-more a:hover {
    color: #000;
    border-color: #000;
}

.normal-box {
    margin-bottom: 60px;
    padding-bottom: 40px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.normal-post-header {
    height: 400px;
    width: 100%;
    background-color: #fff;
    position: relative;
}

.normal-post img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.9;
}

.normal-post iframe {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 0;
    opacity: 0.9;
}

.normal-post-title {
    text-align: center;
    margin-top: 20px;
}

.normal-post-title:after {
    content: ' ';
    background-color: #000;
    display: block;
    height: 1px;
    width: 30px;
    margin: 10px auto 20px;
}

.normal-post-title,
.normal-post-title a {
    color: #222;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 21px;
    line-height: 29px;
    font-weight: 600;
    word-spacing: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.normal-post-title a:hover {
    color: #f33;
}

.normal-post-content p {
    font-size: 16px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
    word-spacing: 0.8px;
    color: #444;
    padding: 0 20px;
}

.normal-read-more a {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    padding: 0 14px;
    border: 1px solid #c7c7c7;
    color: #777;
    display: inline-block;
    margin-top: 28px;
    float: right;
    margin-right: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.normal-read-more a:hover {
    color: #000;
    border-color: #000;
}

.page-number {
    width: 36px;
    height: 36px;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    border: 1px solid #eaeaea;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.page-numbers ul {
    padding: 0;
    text-align: center;
    margin: 30px 0;
}

.page-numbers ul li:first-child {
    margin-right: 50px;
    color: #888;
}

.page-numbers ul li:last-child {
    margin-left: 50px;
    color: #888;
}

.page-numbers ul li:nth-last-child(2) {
    margin-right: 0px;
}

.page-numbers ul li {
    display: inline-block;
    margin-right: 25px;
}

.page-numbers ul a span {
    color: #999;
    font-size: 12px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-number:hover,
.page-number:active {
    background-color: #eee;
    color: #000;
}

.page-numbers .active {
    background-color: #eee;
}


/*=============== Widgets ===================*/

.widget-title h3 {
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #222;
    line-height: 25px;
    font-weight: 600;
    word-spacing: 0.8px;
    text-transform: uppercase;
}

.widget-title h3:after {
    content: ' ';
    background-color: #eee;
    display: block;
    height: 1px;
    width: 100%;
    margin: 6px 0 30px;
}

.widget-breaking-news {
    padding: 10px 24px 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
}

.breaking-post {
    display: inline-block;
    margin-bottom: 28px;
    width: 100%;
}

.breaking-post:last-child {
    margin-bottom: 10px;
}

.breaking-post img {
    height: 68px;
    width: 68px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    margin-right: 14px;
    opacity: 0.9;
}

.breaking-post h4 a {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 24px;
    word-spacing: 0.8px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.breaking-post h4 a:hover {
    color: #f33;
}

.breaking-post p {
    font-size: 15px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 18px;
    word-spacing: 0.8px;
}

.widget-subscribe {
    padding: 10px 24px 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
}

.subscribe {
    height: auto;
    width: 100%;
    border: 0;
    background-color: #f8f8f8;
    color: #333;
    padding: 14px 18px;
    font-size: 13px;
    letter-spacing: 0.6px;
    word-spacing: 2px;
    font-family: 'Noto Sans JP', sans-serif;
}

.widget-subscribe a {
    display: block;
    text-align: center;
    width: 100%;
    padding: 13px;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f33;
    margin-top: 10px;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.widget-subscribe a:hover {
    background-color: #333;
}

.widget-banner {
    padding: 10px 24px 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
}

.banner-img {
    max-width: 100%;
    height: 250px;
    background-color: #fff;
}

.banner-img img {
    max-width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget-tags {
    padding: 10px 24px 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
}

.tags ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
}

.tags li {
    display: inline-block;
    margin-bottom: 14px;
    margin-right: 10px;
}

.tag {
    display: inline-block;
    background-color: #f33;
    color: #fff;
    line-height: 25px;
    font-size: 10px;
    padding: 0 8px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.tag:hover {
    background-color: #333;
}

.widget-categories {
    padding: 10px 24px 30px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 60px;
}

.categories ul {
    list-style: none;
    padding-left: 0;
}

.categories ul li {
    margin-bottom: 18px;
    padding: 0 20px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.categories ul li a {
    line-height: 30px;
    font-size: 10px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #f33;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.categories ul li a:hover {
    color: #000;
}

.categories ul li a span {
    color: #000;
    float: right;
}


/*===============  Footer  ===================*/

.footer-content {
    padding: 50px 0 65px;
    border-top: 1px solid #eee;
}

.footer-logo {
    width: 100%;
}

.footer-logo img {
    height: 40px;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 20px;
}

.footer-logo p {
    font-size: 15px;
    line-height: 20px;
    color: #444;
}

.copyright {
    background-color: #161616;
    text-align: center;
    padding: 20px 10px;
	box-sizing:border-box;
}


.copyright span , .copyright a {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    word-spacing: 1.8px;
    font-weight: 300;
    letter-spacing: 0.4px;
}

.copyright a:hover{
	
	text-decoration: underline;

}


.footer-about-widget,
.widget-small-news,
footer .widget-subscribe {
    padding: 10px 24px 30px;
    box-shadow: none;
    margin-bottom: 0;
}

.footer-small-news {
    margin-bottom: 30px;
}

.footer-small-news:last-child {
    margin-bottom: 0;
}

.footer-small-news img {
    height: 58px;
    width: 58px;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    opacity: 0.9;
}

.footer-small-news .small-date {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    margin-left: 4px;
}

.footer-small-news .category {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: #f33;
    color: #fff;
    line-height: 18px;
    font-size: 8px;
    padding: 0 5px;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-left: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-small-news .small-news-title a {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 29px;
    font-weight: 600;
    word-spacing: 0.8px;
    margin-left: 10px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.footer-small-news .small-news-title a:hover {
    color: #f33;
}


/*=============== Single Post Page ===================*/

.single-post-box {
    margin-bottom: 20px;
}

.single-post-box p {
    margin-bottom: 20px;
}

.single-post-box p:last-child {
    margin-bottom: 0;
}

.post-tags {
    padding: 10px 20px 10px;
    box-shadow: none;
    margin-bottom: 30px;
}

.post-tags-list ul {
    padding-left: 0;
    list-style: none;
    text-align: left;
}

.post-tags-list li {
    display: inline-block;
    margin-bottom: 14px;
    margin-right: 10px;
}

.single-post-content .small-news {
    margin-bottom: 24px;
}

.post-comments {
    margin-top: 30px;
    padding: 0 18px;
}

.post-comments .widget-title span {
    float: right;
}

.post-comment {
    display: inline-block;
    margin-bottom: 22px;
    width: 100%;
}

.post-comment:last-child {
    margin-bottom: 10px;
}

.post-comment img {
    height: 68px;
    width: 68px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    float: left;
    margin-right: 14px;
    opacity: 0.9;
}

.post-comment h4 a {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 24px;
    word-spacing: 0.8px;
    font-weight: 600;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-comment h4 a:hover {
    color: #f33;
}

.post-comment p {
    font-size: 15px;
    font-family: 'Crimson Text', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 18px;
    word-spacing: 0.8px;
}

.post-comment span a {
    color: #f33;
    display: block;
    text-align: right;
    font-size: 14px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-comment span a:hover {
    color: #444;
}

.comment-reply {
    padding-left: 50px;
    margin-bottom: 40px;
}

.comment-form {
    margin-top: 40px;
    padding: 0 18px;
}

.contact-form {
    text-align: center;
    margin-top: 30px;
}

.comment-form input[type="text"] {
    float: left;
}

.comment-form input[type="email"] {
    float: right;
}

.comment-form input[type="text"],
.comment-form textarea[name="message"],
.comment-form input[type="email"] {
    background-color: #fff;
    color: #333;
    padding: 13px 4px 13px 10px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #e5e5e5;
    width: 49%;
    display: inline-block;
    margin-bottom: 26px;
}

.comment-form textarea[name="message"] {
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    resize: vertical;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus {
    color: #333;
    outline: none;
}

.comment-form input[type="submit"] {
    display: block;
    text-align: center;
    width: auto;
    padding: 13px;
    border: 0;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f33;
    margin-top: 10px;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.comment-form input[type="submit"]:hover {
    background-color: #333;
}


/*=============== Contact Page ===================*/

.contact-form {
    text-align: center;
    margin-top: 30px;
    padding: 0 20px;
}

.contact-form input[type="text"] {
    float: left;
}

.contact-form input[type="email"] {
    float: right;
}

.contact-form input[type="url"],
.contact-form input[type="text"],
.contact-form textarea[name="message"],
.contact-form input[type="email"] {
    background-color: #fff;
    color: #333;
    padding: 13px 4px 13px 10px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #e5e5e5;
    width: 49%;
    display: inline-block;
    margin-bottom: 26px;
}

.contact-form input[type="url"] {
    width: 100%;
}

.contact-form textarea[name="message"] {
    width: 100%;
    height: 140px;
    margin-bottom: 20px;
    resize: vertical;
}

.contact-form input[type="url"]:focus,
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus {
    color: #333;
    outline: none;
}

.contact-form input[type="submit"] {
    display: block;
    text-align: center;
    width: auto;
    padding: 13px;
    border: 0;
    margin: 0 auto;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f33;
    margin-top: 10px;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.contact-form input[type="submit"]:hover {
    background-color: #333;
}


/*=============== 404 Error Page ===================*/

.error-content {
    padding: 100px 0 200px;
}

.error-content h1 {
    font-size: 140px;
    text-align: center;
    font-weight: 700;
}

.error-content h4 {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    word-spacing: 5px;
    margin: 20px 0 50px;
}

.error-button a {
    display: block;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    padding: 13px 24px;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f33;
    letter-spacing: 0.4px;
    word-spacing: 2px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.error-button a:hover {
    background-color: #333;
}


/*=============== Responsive Menu ===================*/

.responsive-menu {
    background: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    left: -480px;
    width: 480px!important;
    z-index: 10000;
    display: none;
    -webkit-transition: all 400ms cubic-bezier(0.200, 0.200, 0.200, 0.200);
    transition: all 400ms cubic-bezier(0.200, 0.200, 0.200, 0.200);
    /* easeInCirc */
    -webkit-transition-timing-function: cubic-bezier(0.200, 0.200, 0.200, 0.200);
    transition-timing-function: cubic-bezier(0.200, 0.200, 0.200, 0.200);
    /* easeInCirc */
}

.responsive-menu.slidein {
    left: 0
}

.responsive-menu header ul {
    list-style: none;
    padding-left: 0;
}

.responsive-menu header ul li {
    display: inline-block;
}

.responsive-menu header {
    padding: 12px 30px;
    margin: 0px auto 0;
}

.responsive-menu header ul li:last-child {
    float: right;
}

.responsive-menu header ul li i {
    font-size: 16px;
    line-height: 30px;
    color: #555555;
}

.mobile-menu {
    display: block;
    list-style: none;
    text-align: center;
    padding-left: 0;
    background: #fff;
}

.mobile-menu li {
    margin: 0;
    display: block;
    padding: 0;
}

.mobile-menu li a {
    font-size: 11px;
    display: block;
    color: #555555;
    letter-spacing: 1px;
    background-color: #fff;
    padding: 14px 30px 14px;
    border-bottom: 1px solid #efefef;
    text-align: left;
    text-transform: uppercase;
     font-family: 'Noto Sans JP', sans-serif;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.mobile-menu li:first-child>a {
    border-top: 1px solid #000;
}

.mobile-menu ul {
    display: none;
    width: 100%;
    padding-left: 0;
}

.mobile-menu ul li a {
    background-color: #fbfbfb;
    font-size: 10px;
    padding-left: 60px;
    line-height: 16px;
}

.mobile-menu li.menu-item-has-children a {
    position: relative
}

.mobile-menu li.menu-item-has-children>a:after {
    color: #000;
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    font-size: 14px;
    right: 30px;
}

.mobile-menu li ul li:first-child>a {
    border-top: 0;
}

.mobile-menu li a:hover {
    color: #f33;
}


/*=============== Responsive Styles ===================*/

.menu-button {
    display: none;
    text-align: right;
}

.hopyfeel-menu .menu-button li {
    margin-right: 0;
    padding: 0;
    float: right;
}

.menu-button a i {
    font-size: 25px;
    color: #000;
}

.responsive-logo {
    display: none;
}


.breadcrumb_banner img{
	width:100%;
}


.breadcrumb_content{
	margin-bottom:20px;
}

.breadcrumb_content p{
	font-size:14px;
}

.legal-page {
  width: 100%;
  max-width: 800px;
  margin: 60px auto;
  padding: 0 20px;
  font-family: "Noto Sans JP", Arial, sans-serif;
  color: #333;
  line-height: 1.8;
}

.legal-page h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  color: #222;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.legal-page h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #222;
  padding-left: 0;
}

/* 본문 텍스트 & 리스트 */
.legal-page p,
.legal-page li {
  font-size: 15px;
  color: #444;
  margin-bottom: 12px;
}

.legal-page ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

/* 링크 스타일 */
.legal-page a {
  color: #555;
  text-decoration: underline;
  transition: color 0.3s;
}

.legal-page a:hover {
  color: #000;
  text-decoration: none;
}

/* 運営者情報: 수직박스형 리스트 */
.legal-page dl {
  margin: 0;
  padding: 0;
}

.legal-page .info-item {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}

.legal-page dt {
  font-weight: bold;
  color: #222;
  margin-bottom: 4px;
  font-size: 16px;
}

.legal-page dd {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 15px;
}

@media (max-width: 600px) {
  .legal-page {
    padding: 0 15px;
  }

  .legal-page h2 {
    font-size: 20px;
  }

  .legal-page h3 {
    font-size: 16px;
  }

  .legal-page dt {
    font-size: 15px;
  }

  .legal-page dd {
    font-size: 14px;
  }
}