/*
Theme Name: NETAFULL poweredby stork19
Theme URI: https://open-cage.com/stork19/
Template: jstork19
Author: M-glam
Author URI: https://m-glam.net/
Description: ストークをベースにM-glamにて独自設定、CSS設定などカスタムしたテーマ。
Version: 1.1.1
Updated: 2021-12-29 00:46:22
*/
body {
	font-family:system-ui, -apple-system, "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Segoe UI", "Meiryo", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:102%;
	line-height:1.7;
	letter-spacing:1px;
	font-feature-settings:"pkna";
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
}

.breadcrumb {
	height:3rem;
	overflow:hidden;
}
.breadcrumb__ul {
	height:3rem;
	flex-wrap:nowrap;
	white-space:nowrap;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

/*Archive Card eyecatch object-fit*/
.post-list .eyecatch picture img {
	max-height:218px;
	object-fit:cover;
}
.post-list .eyecatch img {
	max-height:218px;
	object-fit:cover;
}

/*Carousel Image Settings*/
.slick-slide img {
	display:block;
	width:100%;
	height:130px;
	object-fit:cover;
}

/*widgettitle margin settings*/
.widget .tagcloud {
	margin:1em 0 0;
}

/*Recommendedbox Settings*/
.box27 {
	position:relative;
	margin:4em 0 3em;
	padding:.5em 1em;
	border:solid 2px #00a0e9;
	border-radius:0 3px 3px 3px;
}
.box27 .box-title {
	position:absolute;
	display:inline-block;
	top:-32px;
	left:-2px;
	padding:.5em;
	line-height:1;
	vertical-align:middle;
	font-size:16px;
	background:#00a0e9;
	color:#fff;
	font-weight:700;
	border-radius:3px 3px 0 0;
}
.box27 br {
	display:none;
}
.box27 p {
	margin:0;
}
.box27 p+p {
	margin:.1em 0 0;
}
.box27 p:empty {
	display:none;
}

/*Autopagerize Settings*/
.autopagerize_page_separator, .autopagerize_page_info {
	position:absolute;
	clip:rect(0,0,0,0);
}
/*Ranklet Settings*/
.box26 {
	margin:0 !important;
}
.ranklet {
	min-height:217px;
	margin:2rem 0 0;
}
.box26 .box-title {
	background:#f8f8f8 !important;
}
#ranklet-10028 {
	position:relative;
}
#ranklet-10028 .ranklet-wrapper {
	font-size:10px;
}
#ranklet-10028 .ranklet-link {
	text-decoration:none;
}
#ranklet-10028 .ranklet-item:before {
	font-family:'Quicksand', sans-serif !important;
	background:#00a0e9 !important;
}
/* #ranklet-10028 .ranklet-item:nth-child(1):before {
	background:#dbb400 !important;
}
#ranklet-10028 .ranklet-item:nth-child(2):before {
	background:#c0c0c0 !important;
}
#ranklet-10028 .ranklet-item:nth-child(3):before {
	background:#c08d5e !important;
}
#ranklet-10028 .ranklet-item:nth-child(4):before {
	background:#f8f8f8 !important;
	color:#212121;
}
#ranklet-10028 .ranklet-item:nth-child(5):before {
	background:#f8f8f8 !important;
	color:#212121;
} */
div[style^="margin"] {
	position:absolute;
	right:0;
	bottom:0;
	font-size:60% !important;
}
div[style^="margin"] a {
	text-decoration:none;
}
/*CardLink Settings*/
.embed-wrapper a {
	display:flex;
	flex-direction:row-reverse;
	text-decoration:none;
	color:#212121;
	padding:1rem;
	-webkit-box-shadow:0 0 4px rgb(0 0 0 / 15%);
	box-shadow:0 0 4px rgb(0 0 0 / 15%);
}
.embed-thumbnail--image {
	width:22%;
	min-width:100px;
	height:100%;
	height:auto;
	padding-right:.7em;
	flex-direction:row-reverse;
}
.embed-thumbnail--image+.embed-content {
	padding:0 0 0 .7em;
}
.embed-thumbnail--image+.embed-content.inbox {
	padding:0 .7em 0 0;
}
.embed-content--desc {
	font-size:90%;
	margin:0 !important;
}
.embed-content--footer {
	margin:1.6em 0 0;
	font-size:68%;
	line-height:1;
}
.embed-content--footer img {
	margin-bottom:0;
	margin-right:4px;
}

.related_article .ttl:before {
	content:attr(data-labeltext);
	display:inline-block;
	font-size:.9rem;
	color:#fff;
	margin:0 1rem 0 0;
	padding:0 8px;
	border-radius:3px;
	background:#004b9a;
}
/*kaereba amaquick Settings*/
.kaerebalink-box, .booklink-box {
	position: relative;
	overflow: hidden;
	margin: 0 0 2rem;
	padding: 1rem;
	background: #ffffff;
	border: 1px solid;
	border-color: #eaeaea #dddddd #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	zoom:1;
}
.kaerebalink-box:after, .booklink-box:after {
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.kaerebalink-image, .booklink-image {
	float:left;
	width:128px;
	margin:0;
	text-align:center;
}
.kaerebakink-image img, .booklink-image img {
	width:128px;
	height:auto;
}
.kaerebalink-info, .booklink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name, .booklink-name {
	font-size: 1.0625rem;
	font-weight: bold;
	margin: 0;
}
.kaerebalink-name a, .booklink-name a { color: #2b2b2b; }
.kaerebalink-name a:hover, .booklink-name a:hover { text-decoration: underline; }
.kaerebalink-powered-date, .booklink-powered-date { font-size: 0.75rem; font-weight: normal; }
.kaerebalink-detail, .booklink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.kaerebalink-link1, .booklink-link2 { width:100%; }
.kaerebalink-link1 div, .booklink-link2 div {
	float: left;
	width: 49.5%;
	margin-bottom: 1%;
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 1%; }
.kaerebalink-link1 div a, .booklink-link2 div a { display:block; padding:3px 0; text-decoration:none; }
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkyahooAuc a,
.shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a,
.shoplinkkindle a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,
.shoplinkjun a, .shoplinktoshokan a {
	display:block;
	text-decoration:none;
}
.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
	.kaerebalink-image, .booklink-image {
	float:none;
	width:100%;
	margin:0;
	text-align:center;
	-webkit-transform: none;
	transform: none;
	}
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
	.kaerebalink-image, .booklink-image {
	float:none;
	width:100%;
	margin:0;
	text-align:center;
	-webkit-transform: none;
	transform: none;
	}
	.kaerebalink-image img, .booklink-image img { width:180px; height:auto; }
	.kaerebalink-info, .booklink-info { margin: 0; }
	.kaerebalink-link1 div, .booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even) { margin-left: 0; }
}

/* Apphtml Settings */
.apphtml-wrapper {
	width: 100%;
	margin: 0 auto 1.7rem;
	background: #ffffff;
	border: 1px solid;
	border-color: #eaeaea #dddddd #d0d0d0;
}
.apphtml-wrapper h1 {
	font-size: 16.5px;
	line-height: 1.4rem;
	background: #3498db;
	padding: 0.5rem;
	box-sizing:border-box;
	overflow: hidden;
	text-overflow: ecllipsis;
	white-space: nowrap;
}
.apphtml-wrapper h1 a { color: #f1f1f1; text-decoration:none; }
.apphtml-img + br, .apphtml-app-name + br, .apphtml-inner + br { display:none; }
.apphtml-img { width:100px; float:left; }
.apphtml-img img { width:100px; height:auto; -webkit-transform:scale(1); transform:scale(1); }
.apphtml-info {
	font-size: 14px;
	line-height: 1.4rem;
	margin: 0 0 0 100px;
	padding: 0.3rem 1rem;
}
.apphtml-info p {
	display: -webkit-box;
	max-height: 490px;
	margin: 0;
	line-height: 1.6rem;
	text-overflow: ecllipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.apphtml-info	span { font-size: 16px; }
.apphtml-btn {
	width: 100%;
	background: #3498db;
	margin: 0;
	font-size: 14px;
	text-align: center;
	-webkit-trasition: all 250ms linear;
	transition: all 250ms linear;
}
.apphtml-btn a {
	display:block;
	color:#f1f1f1;
	text-decoration:none;
}
.btn-itunes {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.png) no-repeat;
	width: 61px;
	height: 15px;
}
.btn-macapp {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.png) no-repeat;
	width: 81px;
	height: 15px;
}
.btn-ebook {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_ibooks-sm.png) no-repeat;
	width: 65px;
	height: 15px;
}
.btn-song {
	display: inline-block;
	overflow: hidden;
	background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_itunes-sm.png) no-repeat;
	width: 45px;
	height: 15px;
}
@media only screen {
	.btn-itunes { background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.svg) no-repeat; }
	.btn-macapp { background: url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.svg) no-repeat; }
	.btn-ebook { background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_ibooks-sm.svg) no-repeat; }
	.btn-song { background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_itunes-sm.svg) no-repeat; }
}

/*Appreach Settings*/
.appreach {
	text-align: left;
	padding: 10px;
	border: 1px solid #7C7C7C;
	overflow: hidden;
}
.appreach:after {
	content: "";
	display: block;
	clear: both;
}
.appreach p {
	margin: 0;
}
.appreach a:after {
	display: none;
}
.appreach__icon {
	float: left;
	border-radius: 10%;
	overflow: hidden;
	margin: 0 3% 0 0 !important;
	width: 25% !important;
	height: auto !important;
	max-width: 120px !important;
}
.appreach__detail {
	display: inline-block;
	font-size: 20px;
	line-height: 1.5;
	width: 72%;
	max-width: 72%;
}
.appreach__detail:after {
	content: "";
	display: block;
	clear: both;
}
.appreach__name {
	font-size: 16px;
	line-height: 1.5em !important;
	max-height: 3em;
	overflow: hidden;
}
.appreach__info {
	font-size: 12px !important;
}
.appreach__developper, .appreach__price {
	margin-right: 0.5em;
}
.appreach__posted a {
	margin-left: 0.5em;
}
.appreach__links {
	float: left;
	height: 40px;
	margin-top: 8px;
	white-space: nowrap;
}
.appreach__aslink img {
	margin-right: 10px;
	height: 40px;
	width: 135px;
}
.appreach__gplink img {
	height: 40px;
	width: 134.5px;
}