/*
Theme Name: EasyBlog
Theme URI: https://freeresponsivethemes.com/easyblog/
Version: 1.1.2
Author: FameThemes
Author URI: https://www.famethemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: easyblog
Tags: custom-background, custom-colors, custom-menu, featured-images, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, editor-style, post-formats
Description: EasyBlog is a fully responsive blogging WordPress theme perfect for personal blog, photo blogging, writers, travelers, bloggers, blog. It is SEO friendly with featured image supports and custom colors. Bootstrap is used for responsiveness and supports all major browsers.  It is beautifully designed clean and light color used theme perfect for everyone. Theme customizer can be used to change color, upload logo and other basic settings. 3 Built-in widgets recent posts will help you to show recently published post with thumbnails, Daisy social Icons help you to add your favorite social profiles and also included advertisement widget to add banner ads. You can get quick SUPPORT through support page https://www.famethemes.com/contact/ and view live DEMO at https://demos.famethemes.com/easyblog/

This theme, like WordPress, is licensed under the GPL.

EasyBlog is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@keyframes arrowleft {
  0% {
    left: -0.7em;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

@font-face {
	font-family: 'tegaki';
	src: url(./fonts/fuiji.ttf);
}

.tegaki{
	font-family: 'tegaki';
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid rgba(39,48,57,.2);
	border-radius: 3px;
	background: rgba(39,48,57,.05);
	color: rgba(39,48,57,.8);
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	padding: 11px 15px;
	font-size: 1em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: rgba(39,48,57,.25);
	background: rgba(39,48,57,.1);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
	color: rgba(39,48,57,.8);
	border-radius: 3px;
	border: 1px solid rgba(39,48,57,.25);
	min-width: 60%;
	max-width: 100%;
	padding: 5px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	outline: none;
	border-color: rgba(39,48,57,.5);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 40px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.comment-content p {
	margin-bottom: 10px;
}

.bypostauthor {
	display: block;
}

.comment-list,
.comment-list ol,
.comment-list ol ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-list ol,
.comment-list ol ol {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
}

.comment-list li {
	padding: 10px 10px 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.comment-list ol li,
.comment-list ol ol li {
	border: 0;
	border-top: 1px solid #e5e5e5;
	background: #fdfdfd;
}

.comment-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.comment-list .reply {
	padding-bottom: 10px;
	text-align: right;
}

.comment-form label {
	min-width: 90px;
}

.form-submit {
	margin-left: 94px;
}

@media screen and (max-width: 480px) {
	.form-submit {
		margin-left: 0;
		text-align: center;
	}
}

.comment-author img {
	margin: 0 10px 10px 0;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .dt-pagination-nav,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

#infinite-handle span {
	background: none;
	color: rgba(39,48,57,.8);
	padding: 0;
	font-size: 16px;
}
#infinite-handle span button {
	text-transform: none;
	font-size: 16px;
	display: inline-block;
	margin: 0 2px;
	padding: 2px 12px;
	border: 1px solid rgba(39,48,57,.1);
	border-radius: 2px;
	background: #fff;
	color: rgba(39,48,57,.8);
}
#infinite-handle span button:hover {
	color: #17bebb;
	text-transform: none;
	font-size: 16px;
	display: inline-block;
	margin: 0 2px;
	padding: 2px 12px;
	border: 1px solid #17bebb;
	border-radius: 2px;
	background: #fff;
	font-size: 16px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

body {
	font-family: 'Roboto', sans-serif;
	background: #f3f4f6;
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing: 0.01em;
	color: rgba(39,48,57,.8);
}

.transition5 {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.transition35,
a,
.dt-menu-wrap li a,
.dt-menu-wrap li ul,
.menu-item-has-children {
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

h1,
h2,
h3,
h4 {
	line-height: 1.6em;
}

ul,
ol {
	margin: 0;
	padding-left: 22px;
}

p {
	margin-bottom: 30px;
	line-height: 1.8em;
}

a {
	outline: none;
	text-decoration: none !important;
	color: rgba(39,48,57,.8);
}

a:hover {
	color: #17bebb;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

table,
th,
td {
	border: 1px solid rgba(39,48,57,.085);
}

table {
	border-right: 0;
	border-bottom: 0;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 600;
}

th,
td {
	padding: 6px 0;
	text-align: center;
}

td {
	border-width: 0 1px 1px 0;
}

#primary {
	margin-top: 60px;
}

#secondary {
	margin-top: 60px;
	background: #fff;
	padding: 20px 25px;
	border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);
}

#primary li,
#secondary li  {
	margin: 10px 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.dt-header {
	background: no-repeat #fff fixed;

	background-size: 100% auto;

}

.dt-header-sep {
	height: 120px;
}

/*
 *  Logo
 -----------------------------------*/
.dt-logo {
	text-align: center;
	padding: 50px 0;
}

.dt-logo img {
	max-height: 120px;
	width: auto;
}

.dt-logo h1 {
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: 'Delius Swash Caps', cursive;
}

.dt-logo h1 a {
	color: #17bebb;
}

.dt-logo p {
	font-size: 18px;
	margin-top: 25px;
	letter-spacing: 0.05em;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.dt-menu-wrap {
	background: #fff;
	border-top: 1px solid rgba(39,48,57,.06);
	box-shadow: 0 1px 2px rgba(39,48,57,.025);
}

.dt-menu-md {
	display: none;
}

.dt-menu-wrap ul {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
}

.dt-menu-wrap .menu > ul {
	padding: 0 10px;
	text-align: left;
}

.dt-menu-wrap li {
	position: relative;

	display: inline-block;
}

.dt-menu-wrap li a {
	display: block;

	padding: 14px 20px;
	color: #7d8388;
}

.dt-menu-wrap li:hover > a,
.dt-menu-wrap .current-menu-item a {
	color: #17bebb !important;
}

.dt-menu-wrap li ul {
	position: absolute;
	z-index: 99999;
	top: 150%;

	display: block;
	visibility: hidden;
	text-align: left;

	width: 220px;
	max-width: 500%;

	opacity: 0;
	border-right: 1px solid rgba(39,48,57,.06);
	border-left: 1px solid rgba(39,48,57,.06);
}

.dt-menu-wrap li li ul {
	top: 50%;
	left: 100%;
}

.dt-menu-wrap li li a {
	position: relative;

	padding: 10px 20px;
}

.dt-menu-wrap li li.page_item_has_children > a:after,
.dt-menu-wrap li li.menu-item-has-children > a:after {
	font-family: 'FontAwesome';

	position: absolute;
	top: 10px;
	right: 5px;

	width: 16px;
	height: 24px;

	content: '\f105';
	text-align: center;
}

.dt-menu-wrap li:hover > ul {
	top: 100%;

	visibility: visible;

	opacity: 1;
}

.dt-menu-wrap li li:hover > ul {
	top: -1px;
}

.dt-menu-wrap li ul li {
	display: block;

	border-top: 1px solid rgba(39,48,57,.06);
}

.dt-menu-wrap li ul li:last-child {
	border-bottom: 1px solid rgba(39,48,57,.06);
}

/*
 *  BreadCrumbs
 -----------------------------------*/
.dt-breadcrumbs {
	font-size: 14px;

	padding: 12px 15px;
	border-top: 1px solid rgba(39,48,57,.06);
	box-shadow: 0 1px 2px rgba(39,48,57,.025);
	background: #fcfcfc;
	color: #7d8388;
}

.dt-breadcrumbs ul {
	margin: 0;
	padding: 0;
}

#dt_breadcrumbs li {
	display: inline-block;
	padding: 0 2px;
	opacity: .9;
}

/*--------------------------------------------------------------
# Header Image
--------------------------------------------------------------*/
.dt-header-image img {
	width: 100%;
}

/*--------------------------------------------------------------
# Front Page Before and After Content Sidebar
--------------------------------------------------------------*/
.dt-front-sidebar-wrap {
	margin-top: 60px;
	background: #fff;
	padding: 25px;
	border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);
}

/*--------------------------------------------------------------
# Archive Page
--------------------------------------------------------------*/
.dt-archive-wrap {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

.dt-archive-post {
	text-align: center;
	margin-bottom: 60px;
	background: #fff;
	border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);
}

.dt-recent-post figure {
	text-align: center;
}

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

.dt-archive-post article {
	padding: 50px 40px 80px;
}

.dt-archive-post-content {
	margin: 50px 0;
	font-size: 17px;
	line-height: 2em;
	color: rgba(39,48,57,.7);
}

.dt-archive-post .entry-footer {
	text-transform: capitalize;
}

.dt-archive-post .entry-footer a {
	display: inline-block;

	padding: 12px 30px 10px;
	border: 2px solid rgba(39,48,57,.25);
	color: rgba(39,48,57,.6);
	font-weight: 500;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.dt-archive-post .entry-footer a:hover {
	background: #17bebb;
	border-color: transparent;
	color: #fff;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.dt-pagination-nav a,
.dt-pagination-nav .current {
	display: inline-block;

	margin: 0 2px;
	padding: 2px 12px;

	border: 1px solid rgba(39,48,57,.1);
	border-radius: 2px;
	background: #fff;
	color: rgba(39,48,57,.8)
}

.dt-pagination-nav a:hover,
.dt-pagination-nav .current:hover,
.dt-pagination-nav .current {
	color: #17bebb;
	border-color: #17bebb;
}

/*--------------------------------------------------------------
# Advertisement
--------------------------------------------------------------*/
.dt-ads {
	max-width: 100%;
	margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Recent Posts
--------------------------------------------------------------*/
.dt-recent-posts {
	border-bottom: 1px solid rgba(39,48,57,.15);
}

#secondary h2 {
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(39,48,57,.15);
	position: relative;
	font-size: 24px;
}

#secondary h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #17bebb;
	width: 80px;
	height: 1px;
}

.dt-recent-post {
	margin-bottom: 30px;

	padding-bottom: 10px;
}

.dt-recent-post:last-of-type {
	padding-bottom: 0;
}

.dt-recent-post h3 {
	font-size: 18px;
	text-align: center;
	padding: 0 15px;
}

/*--------------------------------------------------------------
#  Social Icons
--------------------------------------------------------------*/
.dt-social-icons {
	position: relative;
	padding: 0;
}

.dt-social-icons [id*='dt_social_icons'] {
	display: inline-block;
}

.dt-social-icons ul {
	margin: 0;
	padding: 0;
}

.dt-social-icons li {
	display: inline-block;

	margin: 0 !important;

	text-align: center;

	outline: none !important;
}

.dt-social-icons li a {
	font-size: 22px;
	line-height: 1em;

	display: block;
	margin: 0 10px 10px 0;

	color: rgba(39,48,57,.65);
	outline: none !important;


	border-radius: 50%;
}

.dt-social-icons li .fa {
	display: block;

	width: 48px;
	height: 48px;

	padding-top: 12px;
	text-align: center;

	border: 2px solid rgba(39,48,57,.15);

	border-radius: 50%;
}

.dt-social-icons li .fa:hover {
	color: #fff;
	border-color: transparent;
}

.dt-social-icons .fa-facebook:hover {
	background: #325c94;
}

.dt-social-icons .fa-twitter:hover {
	background: #00abdc;
}

.dt-social-icons .fa-google-plus:hover {
	background: #dd4b38;
}

.dt-social-icons .fa-instagram:hover {
	background: #4480b1;
}

.dt-social-icons .fa-github:hover {
	background: #3f91cb;
}

.dt-social-icons .fa-flickr:hover {
	background: #ff0084;
}

.dt-social-icons .fa-pinterest:hover {
	background: #cb2027;
}

.dt-social-icons .fa-wordpress:hover {
	background: #0090c5;
}

.dt-social-icons .fa-youtube:hover {
	background: #d32323;
}

.dt-social-icons .fa-vimeo:hover {
	background: #1ab7ea;
}

.dt-social-icons .fa-linkedin:hover {
	background: #007bb6;
}

.dt-social-icons .fa-behance:hover {
	background: #2d9ad2;
}

.dt-social-icons .fa-dribbble:hover {
	background: #f26798;
}

/*--------------------------------------------------------------
# Tag Cloud
--------------------------------------------------------------*/
.tagcloud a {
	margin: 0 4px 8px 0;
	padding: 1px 15px 0;

	background: rgba(39,48,57,.6);
	border-radius: 30px;
	display: inline-block;
	color: #fff;
	font-size: 13px !important;
	font-weight: 400;
}

.tagcloud a:hover {
	background: #17bebb;
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/
.error-404,
.dt-content-area {
	background: #fff;
	padding: 10px 25px;
	border: 1px solid rgba(39,48,57,.08);
	box-shadow: 0 0 5px rgba(39,48,57,.05);
}

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
	margin: 30px 0 60px;
	padding: 30px 0;
	border-top: 1px solid rgba(39,48,57,.05);
}

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

.post-navigation .nav-previous,
.post-navigation .nav-next {
	font-weight: 500;
	line-height: 1.8em;
	position: relative;
	display: inline-block;
	width: 48%;
	float: left;
	padding-left: 30px;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	padding-left: 0;
	padding-right: 30px;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
	position: absolute;
	top: -2px;
	font-size: 22px;

}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
	content: ' ';
	width: 24px;
	height: 32px;
	font-family: 'FontAwesome';
	left: 0;
	font-size: 36px;
}

.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
	content: '';
	width: calc(100% - 32px);
	left: 32px;
	padding-top: 2px;
	font-weight: 500;
}

.post-navigation .nav-next a:before {
	content: '';
	right: 0;
	left: auto;
	text-align: right;
}

/*--------------------------------------------------------------
# Related Posts
--------------------------------------------------------------*/
.dt-related-posts {
	margin: 30px 0;
	padding: 15px 0;

	border: 1px solid #e5e5e5;
}

.dt-related-posts h2 {
	padding: 0 15px 15px;
	margin: 0;
}

.dt-related-posts ul {
	margin: 0;
	padding: 0;
}

.dt-related-posts li {
	display: block;
	float: left;

	width: -webkit-calc(25% - 20px);
	width: -moz-calc(25% - 20px);
	width: calc(25% - 20px);
	margin: 0 10px !important;
}

.dt-related-posts .dt-no-image {
	position: relative;

	width: 100%;
	height: 0;
	padding-bottom: 71.5%;

	background: url('images/no-image.png') no-repeat center center;
	background-size: auto 100%;
}

.dt-related-posts .dt-news-post-img .fa {
	background: rgba(204,41,54,.75);
}

.dt-related-posts .dt-news-post-img .fa:hover {
	background: rgba(204,41,54,1);
}

.dt-related-posts .dt-news-post-img {
	position: relative;
}

.dt-related-posts .dt-news-post-img span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	visibility: hidden;
	width: 100%;	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.5);
}

.dt-related-posts .dt-news-post-img:hover span {
	visibility: visible;
	opacity: 1;
}

.dt-related-posts .dt-news-post-img .fa {
	font-size: 18px;
	line-height: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	visibility: hidden;
	width: 48px;
	height: 48px;
	margin: 0 0 0 -24px;
	padding-top: 15px;
	text-align: center;
	opacity: 0;
	color: #fff;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
}

.dt-related-posts .dt-news-post-img:hover .fa {
	visibility: visible;
	margin-top: -24px;
	opacity: 1;
}

.dt-related-posts h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6em;
}
















/*--------------------------------------------------------------
# Post Header & Footer
--------------------------------------------------------------*/
.dt-content-area .entry-meta {
	font-weight: 500;
	margin: 20px 0;
	display:none;
}

.dt-content-area .entry-footer {
	font-weight: 500;
	font-size: 1.1em;
	display:none;
}

.entry-meta a,
.entry-footer a {
	color: rgba(39,48,57,.5);
}

.entry-meta a:hover,
.entry-footer a:hover {
	color: #17bebb;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.dt-footer {
	margin-top: 60px;
	padding: 20px 0;
	background: rgba(39,48,57,.95);
	color: rgba(255,255,255,.9);
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.035em;
	text-align: center;
	z-index: 999;
}

.dt-footer-bar a {
	color: rgba(255,255,255,.65);
}

.dt-footer-bar a:hover {
	color: #17bebb;
}

.dt-copyright {
    text-align: left;
}
.dt-footer-designer {
    text-align: right;
}
/*--------------------------------------------------------------
# Back to top
--------------------------------------------------------------*/
#back-to-top {
	font-size: 32px;

	position: fixed;
	z-index: 9999;
	right: 20px;
	bottom: 60px;

	width: 48px;
	height: 48px;
	padding-top: 6px;

	cursor: pointer;
	text-align: center;

	opacity: 0;
	visibility: hidden;
	color: #fff;
	border-radius: 50%;
	background: rgba(39,48,57,.35);

	filter: alpha(opacity=0);
}

#back-to-top:hover {
	background: #17bebb;
}

#back-to-top.show {
	opacity: 1;
	visibility: visible;

	filter: alpha(opacity=100);
}

@media screen and (max-width: 992px) {
	#back-to-top {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width: 1200px) {
	.dt-header {
		background-image: none !important;
	}
}

@media all and (max-width: 1200px) and (min-width: 992px){
	.dt-menu-wrap li {
		font-size: 15px;
	}

	.dt-menu-wrap li a {
		padding: 13px;
	}
}

@media all and (max-width: 992px) {
	.dt-logo {
		padding: 15px 0;
	}

	.dt-menu-md {
		padding: 10px 20px;
		display: block;
		font-weight: 500;
		cursor: pointer;
	}

	.dt-menu-md span {
		float: right;
		text-align: right;
		display: inline-block;
		font-size: 24px;
	}

	.dt-menu-wrap .menu {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .8s, opacity .8s;
	}

	.dt-menu-wrap .menu-show {
		max-height: 2500px;
		overflow-x: scroll;
		opacity: 1;
		transition: max-height 1s, opacity 1s;
	}

	.dt-menu-wrap ul {
		text-align: left;
	}

	.dt-menu-wrap li {
		display: block;
	}

	.dt-menu-wrap li a {
		border-bottom: 1px solid rgba(39,48,57,.035);
	}

	.dt-menu-wrap li ul {
		position: relative;
		z-index: 99999;
		top: 0;
		visibility: visible;
		width: 100%;
		max-width: 100%;

		opacity: 1;
		border: 0;
		padding-left: 24px;
	}

	.dt-menu-wrap li li ul {
		top: 0;
		left: 24px;
	}

	.dt-menu-wrap li li.page_item_has_children > a:after,
	.dt-menu-wrap li li.menu-item-has-children > a:after {
		display: none;
	}

	.dt-menu-wrap li ul li {
		border-top: 0;
	}

	.dt-menu-wrap li ul li:last-child {
		border-bottom: 0;
	}
}

@media all and (max-width: 767px) {
	.dt-logo p {
		margin-top: 0;
	}
}

@media all and (max-width: 600px) {
	h1 {
		font-size: 24px;
		line-height: 2em;
	}

	h2 {
		font-size: 20px;
		line-height: 2em;
	}

	h3 {
		font-size: 18px;
		line-height: 1.8em;
	}

	h4 {
		font-size: 16px;
		font-weight: 500;
		line-height: 1.8em;
	}

	.post-navigation .nav-previous a:before,
	.post-navigation .nav-previous a:after,
	.post-navigation .nav-next a:before,
	.post-navigation .nav-next a:after {
		font-size: 16px;
	}

	.post-navigation .nav-previous a:before,
	.post-navigation .nav-next a:before {
		font-size: 24px;
	}

	.post-navigation .nav-previous a:after,
	.post-navigation .nav-next a:after {
		width: calc(100% - 16px);
		left: 16px;
	}

	.post-navigation .nav-next a:after {
		padding-right: 16px;
	}

	.dt-related-posts li {
		width: -webkit-calc(50% - 20px) !important;
		width: -moz-calc(50% - 20px) !important;
		width: calc(50% - 20px) !important;
		margin-bottom: 25px;
	}
}


@media all and (max-width: 480px) {
	.dt-logo {
		padding: 10px 0;
	}

	.dt-logo h1 {
		font-size: 32px;
	}

	.dt-logo p {
		margin-bottom: 10px;
		font-size: 16px;
	}
}

@media all and (max-width: 400px) {
	.dt-related-posts li {
		width: -webkit-calc(100% - 20px) !important;
		width: -moz-calc(100% - 20px) !important;
		width: calc(100% - 20px) !important;
	}
}

#back_area{display:none;width:100%;height:100%;position:fixed;z-index:999;text-align:center;background-color:rgba(0,0,0,.5);top:0;left:0}#back_wrap{width:100%;max-width:480px;height:auto;text-align:center;margin:0 auto;padding:8px;box-sizing:border-box;margin-top:160px}.back_wrap_inner img{width:100%;height:auto}.back_wrap_inner{width:100%;margin:-20px auto 0 auto;padding:8px;box-sizing:border-box;background:#fff;font-weight:bold;text-align:left;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#close{position:relative;margin-top:-50px;text-align:right}#close_button{width:40px;height:auto}.back_wrap_left{width:85%;float:left}.back_wrap_right{width:15%;float:right;font-size:2.1em;text-align:center;padding:15px 0}body{-webkit-touch-callout:none;-webkit-user-select:none}.order_area h3{background:#666;margin-bottom:0;color:#fff;font-size:1em;text-align:center;padding:12px!important}#order_slide ul li h4{font-size:.9em}#order_slide ul li{width:100%}.scroll_area{text-align:center;padding:0 0 12px 0}.ticker{margin:0 auto;position:relative;overflow:hidden;background-color:#fff;padding:7%;margin-bottom:20px;border:3px solid #d4d4d4;font-size:16px}.red{color:red}.s_text{font-size:.7em!important;color:#9c9c9c}.point{position:relative;border-top:solid 2px #80c8d1;border-bottom:solid 2px #80c8d1;background:#f4f4f4;line-height:1.4;padding:.4em .5em;margin-top:45px;margin-bottom:25px;border-radius:.5em;border:solid 3px #80c8d1}.point2{position:relative;border-top:solid 2px #ffc7c8;border-bottom:solid 2px #ffc7c8;background:#f4f4f4;line-height:1.4;padding:.4em .5em;margin-top:45px;margin-bottom:25px;border-radius:.5em;border:solid 3px #ffc7c8}.point3{position:relative;border-top:solid 2px #7ed29c;border-bottom:solid 2px #7ed29c;background:#f4f4f4;line-height:1.4;padding:.4em .5em;margin-top:45px;margin-bottom:25px;border-radius:.5em;border:solid 3px #7ed29c}.point4{position:relative;border-top:solid 2px #ceace1;border-bottom:solid 2px #ceace1;background:#f4f4f4;line-height:1.4;padding:.4em .5em;margin-top:45px;margin-bottom:25px;border-radius:.5em;border:solid 3px #ceace1}.point_after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;background:#80c8d1;color:#fff;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:5px 7px 3px;font-size:.7em;line-height:1;letter-spacing:.05em}.point2_after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;background:#ffc7c8;color:#fff;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:5px 7px 3px;font-size:.7em;line-height:1;letter-spacing:.05em}.point3_after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;background:#7ed29c;color:#fff;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:5px 7px 3px;font-size:.7em;line-height:1;letter-spacing:.05em}.point4_after{position:absolute;font-family:"Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;background:#ceace1;color:#fff;left:0;bottom:100%;border-radius:5px 5px 0 0;padding:5px 7px 3px;font-size:.7em;line-height:1;letter-spacing:.05em}.point p,.point2 p,.point3 p,.point4 p{margin-bottom:0!important}h2#danraku2{padding:.5em;color:#494949;background:#fffaf4;border-left:solid 5px #ffaf58}　 h2#danraku_pink{padding:.5em;color:#494949;background:#fcc;border-left:solid 5px #f06}　 #pink_midashi{position:relative;padding:.25em 0}#pink_midashi:after{content:"";display:block;height:4px;background:-moz-linear-gradient(to right,#e65a5a,transparent);background:-webkit-linear-gradient(to right,#e65a5a,transparent);background:linear-gradient(to right,#e65a5a,transparent)}#border_1{color:#364e96;padding:.5em 0;border-top:solid 3px #364e96;border-bottom:solid 3px #364e96}#marker_y{background:linear-gradient(transparent 70%,#ffff4d 70%)}#tensen1{background:#ffe4e1;box-shadow:0 0 0 5px #ffc0cb;border:dashed 2px #fff;padding:.2em .5em}.style-blink{animation-name:style-flash;animation-duration:2s;animation-delay:.5s;animation-iteration-count:infinite}@keyframes style-flash {
  0% { opacity: 1; }
  25% { opacity: 0;}
  50% {opacity: 1;}
  75% { opacity: 0;}
  100% { opacity: 1; }
}#border_2{position:relative;padding-bottom:.3em}#border_2::before,#border_2::after{position:absolute;bottom:-4px;left:0;content:'';height:4px}#border_2::before{z-index:2;width:15%;background-color:#444}#border_2::after{width:100%;background:-webkit-repeating-linear-gradient(45deg,#fff,#fff 2px,#aaa 2px,#aaa 4px);background:repeating-linear-gradient(45deg,#fff,#fff 2px,#aaa 2px,#aaa 4px)}#border_3{position:relative;padding:0 .5em .3em 1.7em;border-bottom:1px solid #ccc}#border_3::after{position:absolute;top:.4em;left:.4em;z-index:2;content:'';width:12px;height:12px;background-color:#ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pink_line_narrow{color:#000;background:rgba(0,0,0,0) linear-gradient(transparent 60%,#ffb2d8 0%) repeat scroll 0 0}.blue_line_narrow{color:#000;background:rgba(0,0,0,0) linear-gradient(transparent 60%,#add6ff 0%) repeat scroll 0 0}.yellow_line_narrow{color:#000;background:rgba(0,0,0,0) linear-gradient(transparent 60%,#ffff7f 0%) repeat scroll 0 0}#blue_01{border-bottom:solid 3px #cce4ff;position:relative}#blue_01:after{position:absolute;content:" ";display:block;border-bottom:solid 3px #5472cd;bottom:-3px;width:20%}#l_and_b{padding:.25em 0 .5em .75em;border-left:6px solid #ccc;border-bottom:1px solid #ccc}#midashi_sakura{color:#701722;padding:5px 5px 5px 30px;position:relative}#midashi_sakura:before{background-color:#ef858c;border-radius:5px;content:'';position:absolute;top:0;left:3px;width:5px;height:100%}#midashi_sakura:after{background-color:#f3cbd0;border-radius:5px;content:'';position:absolute;top:0;left:12px;width:5px;height:100%}#under_sakura{background-color:#fcf0f1;color:#701722;padding:10px;position:relative}#under_sakura:after{background:repeating-linear-gradient(-45deg,#f0b8bf,#f0b8bf 5px,#fcf0f1 0,#fcf0f1 10px);content:'';height:5px;position:absolute;bottom:0;left:0;right:0;z-index:1}.bg_markee{background: linear-gradient(to right, #FFEC3D 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;background: -webkit-linear-gradient(left, #FFEC3D 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}.bg_markee_blue{background: linear-gradient(to right, #FFEC3D 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;background: -webkit-linear-gradient(left, #FFEC3D 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}.bg_markee_anim{background-position:0% bottom}.floating{position:fixed;right:8px;bottom:8px;display:none}.floating a{display:block;color:#fff;background:#000;padding:8px;text-decoration:none;opacity:.6}.floating a:hover{opacity:1}.line_title{padding:5px 20px;color:#fff;background:rgba(7,49,49,.5);display:flex;justify-content:center;align-items:center;font-weight:500;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;width:75%;margin:15px auto}.line_title p{font-size:21px;font-weight:bold;margin-bottom:0}.line_like_bg{background:#a7e2c8;padding:10px 35px}.line_like_bg_blue{background:#d3eef5;padding:10px 35px}.line_like_bg_blue .yswpsb-name,.line_like_bg_pink .yswpsb-name{color:#000}.line_like_bg_pink{background:#fdf4fb;padding:10px 35px}.line_like_bg_blue .yswpsb-type-r .yswpsb-balloon{background:#2f8bd4;border-color:#2f8bd4;color:#fff}.yswpsb-type-r .yswpsb-balloon:after{border-width:0 0 20px 50px}.line_like_bg_blue .yswpsb-type-r .yswpsb-balloon:after{border-color:transparent #2f8bd4}.line_like_bg_pink .yswpsb-type-r .yswpsb-balloon{background:#ec4bbd;border-color:#ec4bbd;color:#fff}.line_like_bg_pink .yswpsb-type-r .yswpsb-balloon:after{border-color:transparent #ec4bbd}.yswpsb-content{opacity:.0}.yswpsb-balloon-anim{display:block!important;animation-name:fadein;animation-duration:1s;opacity:1.0}@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px) scale(0.5,0.5);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1,1);
}
}.linkbtn{font-weight:bold;text-decoration:none;text-align:center;display:block;background:#dee4e7;-webkit-border-radius:20px;border-radius:20px;width:100%;padding-top:15px;padding-bottom:15px;border-bottom:solid 2px #37474f}.site-branding h1,.site-branding h2{}.underline{border-bottom:3px dotted red}.block_line{height:1px;margin-top:-.5em;border-bottom:1px solid #ccc}.site-branding h1,.site-branding h2{font-size:12px!important;margin:5px 0!important}.box2{background:#fffbf4;border:solid 2px #f89174;margin-bottom:2em}.vertical{animation:vertical_01 2.44s ease infinite;transform-origin:50% 50%}.horizontal{animation:horizontal_01 2.72s ease infinite;transform-origin:50% 50%}@keyframes vertical_01 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}@keyframes horizontal_01 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}.default_button .su-spoiler-title{padding:15px;font-weight:bold;background:#0a67b5;border:1px solid #0a67b5;color:#fff;border-radius:5px;cursor:pointer;transition:.5s;width:100%;text-align:center;font-size:17px}.default_button .su-spoiler-icon{top:15px}.su-spoiler-content{padding:0!important}.entry-content .tl_content .sng-box{margin-top:1em}.entry-content .tl_content .box28,.entry-content .tl_content .box30,.entry-content .tl_content .box31,.entry-content .tl_content .box32,.entry-content .tl_content .box33{margin-top:2.3em}.sng-box p{margin:0;padding:0}.sng-box .say{margin-bottom:0}.sng-box .faceicon{padding-right:20px}.box1{margin:2em 0;padding:1.5em 1em;border:solid 2px #000;font-weight:bold}.box2{margin:2em 0;padding:1.5em 1em;border:solid 2px #d1d1d1;border-radius:5px;background:#fff}.box3{margin:2em 0;padding:1.5em 1em;background:#edf6ff;color:#2c2c2f}.box4{margin:2em 0;padding:1.5em 1em;border-top:solid 3px #6bb6ff;border-bottom:solid 3px #6bb6ff;background:#eef7ff;color:#2c2c2f}.box5{margin:2em 0;padding:1.5em 1em;border:double 5px #4ec4d3;color:#474747}.box6{margin:2em 0;padding:1.5em 1em;border:dashed 2px #6bb6ff;background:#edf6ff}.box7{margin:2em 0;padding:1.5em 1em;border-right:double 7px #4ec4d3;border-left:double 7px #4ec4d3;background:#f5f5f5;color:#474747}.box8{margin:2em 0;padding:1.5em 1em;border-left:solid 6px #ffc06e;background:#fff8e8;color:#232323}.box9{margin:2em 0;padding:1.5em 1em;border-top:solid 6px #f47d7d;background:#fceded;color:#f47d7d;font-weight:bold}.box10{margin:2em 0;padding:1.5em 1em;border-top:solid 6px #1dc1d6;background:#e4fcff;box-shadow:0 2px 3px rgba(0,0,0,.22);color:#00bcd4}.box11{margin:2em 0;padding:1.5em 1em;border-top:solid 5px #5d627b;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.22);color:#5d627b}.box12{margin:2em 0;padding:1.5em 1em;border-bottom:solid 6px #aac5de;border-radius:9px;background:#c6e4ff;color:#5989cf;font-weight:bold}.box13{margin:2em 0;padding:1.5em 1em;border-bottom:solid 6px #3f87ce;border-radius:9px;background:#6eb7ff;box-shadow:0 2px 3px rgba(0,0,0,.22);color:#fff;font-weight:bold}.box14{margin:2em 10px;padding:1.5em 1em;border:dashed 2px #fff;background:#d6ebff;box-shadow:0 0 0 10px #d6ebff}.box15{margin:2em 10px;padding:1.5em 1em;border:dashed 2px #ffc3c3;border-radius:8px;background:#ffeaea;box-shadow:0 0 0 10px #ffeaea;color:#565656}.box16{margin:2em 0;padding:1.5em 1em;background: repeating-linear-gradient(
    -45deg,
    #f0f8ff,
    #f0f8ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  )}.box17{position:relative;margin:2em 0;padding:1em 2em;border-top:solid 2px #000;border-bottom:solid 2px #000}.box17:before,.box17:after{position:absolute;top:-10px;width:2px;height: -webkit-calc(100% + 20px);height: calc(100% + 20px);background-color:#000;content:""}.box17:before{left:10px}.box17:after{right:10px}.box18{position:relative;margin:2em 0;padding:1.5em 1em;border:solid 2px #ffcb8a;border-radius:3px 0 3px 0}.box18:before,.box18:after{position:absolute;width:10px;height:10px;border:solid 2px #ffcb8a;border-radius:50%;content:""}.box18:after{top:-12px;left:-12px}.box18:before{right:-12px;bottom:-12px}.box19{position:relative;padding:1.5em 1em}.box19:before,.box19:after{display:inline-block;position:absolute;width:20px;height:30px;content:""}.box19:before{top:0;left:0;border-top:solid 1px #5767bf;border-left:solid 1px #5767bf}.box19:after{right:0;bottom:0;border-right:solid 1px #5767bf;border-bottom:solid 1px #5767bf}.box20{position:relative;top:0;margin:2em 0;padding:1.5em 1em;background:#efefef}.box20:before,.box20:after{display:inline-block;box-sizing:border-box;position:absolute;top:0;width:15px;height:100%;content:""}.box20:before{left:0;border-top:dotted 2px #15adc1;border-bottom:dotted 2px #15adc1;border-left:dotted 2px #15adc1}.box20:after{right:0;border-top:dotted 2px #15adc1;border-right:dotted 2px #15adc1;border-bottom:dotted 2px #15adc1}.box21{margin:2em 0;padding:1.3em;background:linear-gradient(to left,#92d2f8,#c4baff);box-shadow:0 5px 15px rgba(0,0,0,.13);color:#fff;font-weight:bold}.box22{margin:1em 0;padding:1.5em 1em;border-left:solid 6px #6bb6ff;background:#f6f6f6;box-shadow:0 2px 3px rgba(0,0,0,.33)}.box23{position:relative;max-width:400px;margin:2em 0 2em 40px;padding:20px;border-radius:30px;background:#fff0c6}.box23:before{position:absolute;bottom:0;left:-40px;color:#fff0c6;font-family:FontAwesome;font-size:15px;content:"\f111"}.box23:after{position:absolute;bottom:0;left:-23px;color:#fff0c6;font-family:FontAwesome;font-size:23px;content:"\f111"}.box24{position:relative;margin:2em 0;padding:.8em 1em;background:#e6f4ff;color:#5c98d4;font-weight:bold}.box24:after{position:absolute;top:100%;left:30px;width:0;height:0;border:15px solid transparent;border-top:15px solid #e6f4ff;content:""}.box25{position:relative;margin:2em 5px;padding:1.5em 1em;border:dashed 2px #fff;background:#fff0cd;box-shadow:0 0 0 5px #fff0cd;color:#454545}.box25:after{position:absolute;top:-7px;right:-7px;border-width:0 15px 15px 0;border-style:solid;border-color:#ffdb88 #fff #ffdb88;box-shadow:-1px 1px 1px rgba(0,0,0,.15);content:""}.box-title{font-weight:bold}.box26,.box27{margin:2em 0;border:solid 3px #95ccff;border-radius:8px}.box26 .box-title,.box27 .box-title{display:inline-block;position:relative;top:-14px;left:10px;padding:0 9px;margin:0 7px;background:#fff;color:#95ccff;font-size:19px;line-height:1.4}.box26 .box-content,.box27 .box-content{padding:0 1.5em 24px}.box26 .box-title:before,.box27 .box-title:before{padding-right:4px;font-family:FontAwesome;content:"\f02e"}.box27{border:solid 3px #ed8583}.box27 .box-title{color:#ed8583}.box27 .box-title:before{content:"\f071"}.box28{margin:2em 0}.box28 .box-title{display:inline-block;line-height:1.5;padding:5px 9px 3px;border-radius:5px 5px 0 0;background:#62c1ce;color:#fff;font-size:17px}.box28 .box-content{padding:1.3em 1em;border:solid 3px #62c1ce}.box29{margin:2em 0;border:solid 2px #ffc107}.box29 .box-title{display:inline-block;position:relative;top:-2px;padding:2px 9px;background:#ffc107;color:#fff;font-size:17px;line-height:1.5}.box29 .box-title:before{padding-right:4px;font-family:FontAwesome;content:"\f0eb"}.box29 .box-content{padding:15px}.box30{margin:2em 0;padding:15px 15px 10px;background:#dcefff}.box30 .box-title:before{padding-right:4px;font-family:FontAwesome;content:"\f00c"}.box30 p,.box31 p{margin:0 0 5px}.box31,.box32,.box33{margin:2em 0;padding:0 15px 10px;background:#edf6ff;box-shadow:0 2px 4px rgba(0,0,0,.15)}.box30 .box-title,.box31 .box-title,.box32 .box-title,.box33 .box-title{margin:-15px -15px 15px;padding:8px 4px;background:#5fc2f5;color:#fff;font-size:1.2em;text-align:center;line-height:1.5}.box32,.box33{background:#fff9eb}.box32 .box-title{background:#f5a15f}.box33 .box-title{background:#f46b6b}blockquote .li-chevron li:before,blockquote .li-check li:before,blockquote .li-yubi li:before,blockquote .li-niku li:before,.sng-box .li-chevron li:before,.sng-box .li-check li:before,.sng-box .li-yubi li:before,.sng-box .li-niku li:before,.memo .li-chevron li:before,.memo .li-check li:before,.memo .li-yubi li:before,.memo .li-niku li:before,.alert .li-chevron li:before,.alert .li-check li:before,.alert .li-yubi li:before,.alert .li-niku li:before,.li-chevron li li:before,.li-check li li:before,.li-yubi li li:before,.li-niku li li:before{left:0}.sc ul,.sc ol,.list-raw ul,.list-raw ol,.sng-box ul,.sng-box ol,.memo ul,.memo ol{margin:5px 0;padding:0 0 0 1.4em;border:none;box-shadow:none;background:transparent}.custom-comment{position:relative;background:#decfd0;box-shadow:0 0 0 5px #decfd0;border:dashed 2px #fff;border-radius:1px;padding:.3em .7em;margin-top:30px;text-align:center}.custom-comment img{text-align:center;border:none;background:none;margin:0}.custom-comment-text{padding:10px;margin-bottom:10px;margin-top:10px;border:1px solid #fff;border-radius:5px;background-color:#fff}.custom-comment-unit{margin-top:9px;font-size:14px;display:block;color:#fff;line-height:1;font-family:'Buenard',sans-serif}.custom-comment-number{display:block;color:#fff;line-height:1;font-family:'Buenard',sans-serif;margin-top:6px;font-size:24px}.custom-comment-icon{position:absolute;top:-25px;left:-10px;width:60px;height:60px;text-align:center;background:#dc8791;border-radius:30px}.custom-comment2{border:1px solid #ccc;padding:10px;background:#fff}.custom-comment2-title{color:#068681}.custom-comment2-star{color:#ecb32b}.concept-box2:after{content:"\e909";line-height:1.1rem}.concept-box2,.concept-box3,.concept-box4,.concept-box5,.concept-box6,.innerlink-box1{padding:10px 25px;padding-bottom:0;box-sizing:border-box}.concept-box2:before,.concept-box3:before,.concept-box4:before,.concept-box5:before,.concept-box6:before{font-size:20px;top:-21px;padding:5px 8px 5px 8px}.concept-box2:before,.concept-box3:before,.concept-box4:before,.concept-box5:before,.concept-box6:before{position:relative;font-weight:bold;background:#fff;color:#555;line-height:0;letter-spacing:0}.concept-box1:after,.concept-box2:after,.concept-box3:after,.concept-box4:after,.concept-box5:after,.concept-box6:after{left:20px;top:-28px;padding-left:12px;padding-right:18px;padding-top:13px;padding-bottom:17px;border-radius:40px;font-size:1.4rem}.concept-box2:after,.concept-box3:after,.concept-box4:after,.concept-box5:after,.concept-box6:after{position:absolute;background:#aaa;color:#fff;font-family:"jin-icons";border:5px solid #fff;text-align:center;width:16px;height:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.concept-box2{border:1px solid #f7cf6a!important}.concept-box2:after{background-color:#f7cf6a!important}.concept-box1{border-color:#85db8f!important}.concept-box1:after{background-color:#85db8f!important}.concept-box1:before{content:"ポイント"!important;color:#85db8f!important}.concept-box3{border-color:#86cee8!important}.concept-box3:after{background-color:#86cee8!important}.concept-box3:before{content:"良い例"!important;color:#86cee8!important}.concept-box4{border-color:#ed8989!important}.concept-box4:after{background-color:#ed8989!important}.concept-box4:before{content:"悪い例"!important;color:#ed8989!important}.concept-box5{border-color:#9e9e9e!important}.concept-box5:after{background-color:#9e9e9e!important}.concept-box5:before{content:"参考"!important;color:#9e9e9e!important}.concept-box6{border-color:#8eaced!important}.concept-box6:after{background-color:#8eaced!important}.concept-box6:before{content:"メモ"!important;color:#8eaced!important}.concept-box2,.concept-box3,.concept-box4,.concept-box5,.concept-box6,.innerlink-box1{margin-bottom:40px;width:90%;margin-left:auto;margin-right:auto}.animate{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;margin-left:auto;margin-right:auto;z-index:8;-webkit-animation-name:animate1;-moz-animation-name:animate1;-o-animation-name:animate1;animation-name:animate1;width:100%}@-moz-keyframes animate1 {
  0% { -moz-transform: skewX(9deg); }
  10% { -moz-transform: skewX(-8deg); }
  20% { -moz-transform: skewX(7deg); }
  30% { -moz-transform: skewX(-6deg); }
  40% { -moz-transform: skewX(5deg); }
  50% { -moz-transform: skewX(-4deg); }
  60% { -moz-transform: skewX(3deg); }
  70% { -moz-transform: skewX(-2deg); }
  80% { -moz-transform: skewX(1deg); }
  90% { -moz-transform: skewX(0deg); }
  100% { -moz-transform: skewX(0deg); }
}@-o-keyframes animate1 {
  0% { -o-transform: skewX(9deg); }
  10% { -o-transform: skewX(-8deg); }
  20% { -o-transform: skewX(7deg); }
  30% { -o-transform: skewX(-6deg); }
  40% { -o-transform: skewX(5deg); }
  50% { -o-transform: skewX(-4deg); }
  60% { -o-transform: skewX(3deg); }
  70% { -o-transform: skewX(-2deg); }
  80% { -o-transform: skewX(1deg); }
  90% { -o-transform: skewX(0deg); }
  100% { -o-transform: skewX(0deg); }
}@-webkit-keyframes animate1 {
  0% { -webkit-transform: skewX(9deg); }
  10% { -webkit-transform: skewX(-8deg); }
  20% { -webkit-transform: skewX(7deg); }
  30% { -webkit-transform: skewX(-6deg); }
  40% { -webkit-transform: skewX(5deg); }
  50% { -webkit-transform: skewX(-4deg); }
  60% { -webkit-transform: skewX(3deg); }
  70% { -webkit-transform: skewX(-2deg); }
  80% { -webkit-transform: skewX(1deg); }
  90% { -webkit-transform: skewX(0deg); }
  100% { -webkit-transform: skewX(0deg); }
}