/*
Theme Name:fukasawa-child
Template:fukasawa
*/

body {
	background-image: url("images/dark-stripes-light.png");
	background-color: #f5f5f5;
	background-repeat: repeat;
	word-break: break-all;

}

blockquote {
	font-size: 0.7rem;
	letter-spacing: 0.1rem;
}

.blog-logo img {
	border-radius: 50px;
}

h2.post-title a,
h2.post-title a:visited {
	color: white !important;
	text-decoration: underline;
}


h2.post-title a:hover {
	color: white;
	text-decoration: none;
}

.ad-announce {
	padding: 10px 15px;
	border-radius: 10px;
	margin-left: 0px;
	background: repeating-linear-gradient(-45deg, #ffffff 0, #ebebeb 2px, #FFF 4px, #f0f0f0 6px);
}

.archive-title {
	background-color: white;
	padding: 1rem;
}

.post-container .post {
	border-radius: 10px;
	box-shadow: 0 0 10px black;
}

.post-container .post-excerpt {
	margin-top: 20px;
}

.entry {
	margin-top: 10px;
	border-radius: 20px;
	box-shadow: 0 0 20px black;
}

.archive-description {
	color: white;
}

.post-content input[type="text"],
.post-content input[type="email"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="password"],
.post-content textarea {
	width: 100%;
	padding: 14px 16px;
	font-size: 0.9em;
	border: none;
	color: #333;
	background: #f2f2f2;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.ad_class01 {
	text-align: center;
	display: block;
	background-color: #EEEEEE;
	padding: 10px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-bottom: 30px !important;
}

.ad_class01 a {
	display: inline-block;
	color: #fff;
	background-color: #eb6100;
	border-bottom: 5px solid #b84c00;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.ad_class01 a:hover {
	margin-top: 3px;
	color: #fff;
	background: #f56500;
	border-bottom: 2px solid #b84c00;
}

.ad_class02 {
	text-align: left;
	display: block;
	background-color: #EEEEEE;
	padding: 10px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-bottom: 30px !important;
}

.ad_class02 a {
	display: inline-block;
	color: #fff;
	background-color: #eb6100;
	border-bottom: 5px solid #b84c00;
	padding: 10px;
	border-radius: 10px;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.ad_class02 a:hover {
	margin-top: 3px;
	color: #fff;
	background: #f56500;
	border-bottom: 2px solid #b84c00;
}

.ad_class03 {
	text-align: left;
	display: block;
	background-color: #EEEEEE;
	padding: 10px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-bottom: 30px !important;
}

.ad_class03 a img {
	max-width: 49%;
	height: inherit;
}


/* addClass4 Begin */
.ad_class04 {
	text-align: left;
	display: block;
	background-color: #EEEEEE;
	padding: 10px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-bottom: 30px !important;
}

.ad_class04 span.headText {
	position: relative;
	padding: 1rem;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	display: block;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	background-color: white;
}

.ad_class04 span.headText:before,
.ad_class04 span.headText:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
	background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.ad_class04 span.headText:before {
	top: 0;
}

.ad_class04 span.headText:after {
	bottom: 0;
}

.ad_class04 .lead-text {
	font-size: 95%;
	display: inline-block;
	margin-bottom: 20px;
}

.ad_class04 div {
	margin-bottom: 30px;
	font-size: 90%;
}

.ad_class04 div p {
	margin-bottom: 10px;
	font-size: 100%;
	line-height: 1.5;
	margin-top: 10px;
}

.ad_class04 .rank {
	font-size: 150%;
	padding: 5px;
	border-radius: 10px;
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
}

.ad_class04 .rank1_class span.rank {
	background: linear-gradient(45deg, #c0b283 0%, #c0b283 45%, #FEE9A0 70%, #c0b283 85%, #c0b283 90% 100%);
	background-size: 800% 400%;
	animation: gradient_medal 5s infinite cubic-bezier(.62, .28, .23, .99) both;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

.ad_class04 .rank2_class span.rank {
	background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
	background-size: 800% 400%;
	animation: gradient_medal 5s infinite cubic-bezier(.62, .28, .23, .99) both;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

.ad_class04 .rank3_class span.rank {
	background: linear-gradient(45deg, #a57e65 0%, #a57e65 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
	background-size: 800% 400%;
	animation: gradient_medal 5s infinite cubic-bezier(.62, .28, .23, .99) both;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

@keyframes gradient_medal {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* addClass4 End */



/* addClass5 Begin */
.ad_class05 {
	text-align: left;
	display: block;
	padding: 3px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-bottom: 30px !important;
}

.ad_class05 span.headText {
	position: relative;
	padding: 1rem;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	display: block;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	background-color: white;
}

.ad_class05 span.headText:before,
.ad_class05 span.headText:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
	background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.ad_class05 span.headText:before {
	top: 0;
}

.ad_class05 span.headText:after {
	bottom: 0;
}

.ad_class05 .lead-text {
	font-size: 95%;
	display: inline-block;
}

/* addClass4 End */

@media screen and (max-width: 640px) {
	.ad_class03 a img {
		max-width: 100%;
		height: inherit;
		display: block;
		margin: 5px auto;
	}
}

.ad_class03 span.lead-text {
	display: block;
	margin-bottom: 5px;
}

.blog-logo::after {
	/* content: "当サイトは広告が含まれます。"; */
	color: #666;
	font-size: 74%;
	margin: 10px 0px;
}

.single h2 {
	margin-top: 85px;
}

.single h3 {
	margin-top: 80px;
}

.content {
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
}

.content h2 {
	position: relative;
	padding: 0.6em;
	background: #8b4513;
	color: white;
	border-radius: 15px;
}

.content h2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #8b4513;
	width: 0;
	height: 0;
}

.content h3 {
	border-left: 5px solid #8b4513;
	padding: 5px 5px 5px 15px;
	border-radius: 15px;
}

.content h4 {
	border-bottom: 4px dotted #8b4513;
	padding: 5px 5px 15px 5px;
	border-radius: 15px;
}

.content h5 {
	border-left: 4px dotted #8b4513;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
}

/* table setting */

.content table {
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
}

.content table tr td:nth-child(1) {
	width: 28%;
}

.content table {
	border-collapse: collapse;
	width: 100%;
}

.content table th,
.content table td {
	box-sizing: border-box;
}

.content table th {}

@media screen and (max-width: 640px) {
	.content table:not(.addTable) {
		width: 100%;
	}

	.content table:not(.addTable) th,
	.content table:not(.addTable) td {
		display: block;
		width: 100%;
		border-bottom: none;
	}

	.content table:not(.addTable) tr {
		margin-bottom: 25px;
	}

	.content table:not(.addTable) tr td:nth-child(1) {
		width: 100%;
		font-weight: bold;
	}

	.content table:not(.addTable) tr:last-child {
		border-bottom: solid 1px #ccc;
	}
}

/* table setting */

.content ul,
.content ol {
	padding: 12px 15px;
	border-radius: 10px;
	margin-left: 0px;
	background: repeating-linear-gradient(-45deg, #fff0f5 0, #f5f5f5 2px, #FFF 4px, #FFF 6px);
}

.content ul:nth-child(odd),
.content ol:nth-child(odd) {
	padding: 10px 15px;
	border-radius: 10px;
	margin-left: 0px;
	background: repeating-linear-gradient(-45deg, #fffafa 0, #f5f5f5 2px, #FFF 4px, #FFF 6px);
}

.content ul li,
.content ol li {
	margin-left: 15px;
	text-shadow:
		1px 0 0 #FFFFFF;
}

.content strong {
	font-size: 110%;
}

.post-content blockquote {
	margin: 2.5em 0;
	padding: 0 30px 0 0;
	position: relative;
	color: #666;
}

.post-content blockquote:before {
	content: '\f106';
	font: 30px/1 "Genericons";
	width: 30px;
	height: 30px;
	color: #019EBD;
	position: absolute;
	top: -4px;
	right: -6px;
}

.sidebar {
	letter-spacing: 0.1rem;
}


/*モバイルメニュー*/

.mobile_submenu,
.footer_credits {
	display: none;
}

@media (max-width: 1000px) {
	.mobile_submenu {
		display: block;
	}

	.footer_credits {
		display: block;
		background-color: white;
		padding: 2rem;
		margin-top: 1rem;
		border-top: 5px solid #EEEEEE;
		font-size: 10px;
	}

	.mobile_submenu {
		background-color: white;
		padding: 2rem;
	}

	.mobile_submenu * {
		line-height: 1.5rem;
	}

	.mobile_submenu h2 {
		margin-bottom: 1rem;
	}

	.mobile_submenu li {
		list-style: none;
	}

	.widget_fukasawa_recent_posts li {
		margin-bottom: 1.5rem;
	}

	.widget_text {
		font-size: 85%;
	}
}