/*
Theme Name: Sparkling Studio KonKon Theme
Author: Studio KonKon, Inc.
Author URI: https://studiokonkon.com/
Description: Sparkling Child Theme for use with our private custom Studio KonKon Theme
Version: 5.0.1
Template: sparkling
*/

.content-area>.site-main>.post,
.content-area>.site-main>.post-inner-content
{
	margin-bottom: 20px;
}

.navbar-header a>img
{
	width: auto;
	max-height: 50px;
	padding: 10px 0;
}

@media(max-width:576px){.home .entry-header{display:none;}.home .entry-content{margin-top:0;}}

@media screen and (min-width: 800px)
{
	.navbar-header a>img
	{
		width: auto;
		max-height: 70px;
		padding: 15px 0;
	}
}

html,
.site *:not(.fa):not(.glyphicon)
{
	/* Meiryo, */
	font-family: "Noto Sans JP","Noto Color Emoji","メイリオ","Meiryo","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Roboto,Arial,sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue","Liberation Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

.glyphicon,
#menu-social li a:before,
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before
{ font-family: "FontAwesome" !important; }

#menu-social li a[href*="plus.google.com"]:before { content: "\f0d5"; }
#menu-social li a[href*="youtube.com"]:before { content: "\f167"; }
#menu-social li a[href*="twitter.com"]:before { content: "\f099"; }
#menu-social li a[href*="instagram.com"]:before { content: "\f16d"; }
#menu-social li a[href*="facebook.com"]:before { content: "\f09a"; font-weight: 900; }
.glyphicon-search:before { content: "\f002"; font-weight: 900; }

.copyright-child
{
	margin-top: 10px;
	text-align: center;
}

.copyright-child>.visible-xs
{
	width: 100%;
	height: 1px;
	clear: both;
}


@media (max-width: 767px)
{
    .home .post-inner-content
	{
		border: none !important;
        padding: 40px 25px;
    }
	
	.home .main-content-inner
	{
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	
	.home .main-content-area
	{
		margin: 0;
	}
}

/* --- Terms & Policy page --- */

.terms-page-a,
.terms-page-a:hover,
.terms-page-a:visited,
.terms-page-a:active
{
	color: #333 !important;
	border: 1px solid transparent;
	display: block;
	padding: 20px 25px;
	margin-left: -25px;
	margin-right: -25px;
	border-radius: 5px;
}

.terms-page-a h4,
.terms-page-a p
{color:#333!important;}

.terms-page-a:hover
{border:1px solid #dadada;background-color:#F2F2F2;}

.terms-page-a p{margin:0;}
.terms-page-a .media-left{padding-right:25px;}

.terms-page-a .fa{font-size: 42px;width:42px;text-align:center;}

.terms-page-a .fa-lock{color:#dd9933;}
.terms-page-a .fa-file-text-o{color:#99ccff;}
.terms-page-a .fa-copyright{color:#81d742;}
.terms-page-a h4{font-size:22px;}

.terms-page-a+.terms-page-a
{margin-top:15px;}

/* --- YouTube HomePage --- */


.syt-youtube
{
	width: 100%;
	min-height: 100px;
	padding: 30px 15px 50px;
	margin: 40px auto 30px;
}

.syt-youtube .syt-content
{
	position: relative;
	max-width: 576px;
	margin: auto;
}


@media (min-width: 768px)
{
	.syt-youtube .syt-content
	{
		max-width: 768px;
	}
}

.syt-youtube .yt
{
	width: 180px;
	height: 100px;
	outline: none;
	padding: 0px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
}

.syt-youtube .yt-home
{
	position: relative;
	background-color: #eee;
	z-index: 999;
}

.syt-youtube .yt-left
{
	position: absolute;
	left: 0px;
	top: -20px;
	background-color: #bbb;
	z-index: 1;
	transform: perspective(500px) rotateY(30deg);
}

.syt-youtube .yt-right
{
	position: absolute;
	left: auto;
	right: 0px;
	top: 0;
	background-color: #ddd;
	z-index: 1;
	transform: perspective(500px) rotateY(-30deg);
	top:30px;
}

.syt-youtube .yt a
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0);
}

.syt-youtube .yt a:hover
{
	background-color: rgba(255,255,255,.28);
}
	
@media (min-width: 576px)
{
	.syt-youtube .yt
	{
		width: 320px;
		height: 180px;
	}
}


.yt-s
{
	text-align: center;
	max-width: 798px;
	margin: 40px auto;
}

.yt-s .fa-youtube { color: #e91e63 !important; }
.yt-s .fa-facebook { color: #55acee !important; }
.yt-s .fa-twitter { color: #00bcd4 !important; }


.yt-s a
{
	text-decoration: none;
}

.yt-s a:hover .fa,
.yt-s a:hover .yt-s-title
{
	opacity: .68;
}

.yt-s .fa
{
	font-size: 48px;
	font-weight: 400;
}

.yt-s .yt-s-title
{
	font-size: 1.1em;
	margin: 30px 0 15px;
  color: #3c4858;
	font-weight: 700;
}

.yt-ex1
{
	border: none;
	border-left: solid 4px #ddd;
	border-radius: 3px;
	padding-left: 10px;
}

@media (max-width: 576px)
{
	.yt-s .yt-s-title
	{
		display: none;
	}
	
	.yt-ex1 {font-size:.8rem;}
}


/* --- Bootstrap Addon Style --- */

.callout{position:relative;display:block;padding:0px 20px;margin:20px 0px;border:1px solid #eeeeee;border-left-width:5px;border-radius:3px;box-sizing:border-box;}

.callout-success{border-left-color:#5cb85c;}
.callout-info{border-left-color:#5bc0de;}
.callout-warning{border-left-color:#f0ad4e;}
.callout-danger{border-left-color:#d9534f;}

.callout > h4 { margin-top: 15px; }

.callout-success h4,.callout-success h3,.callout-success h2,.callout-success h1,.callout-success h4 *,.callout-success h3 *,.callout-success h2 *,.callout-success h1 *{color:#5cb85c;}

.callout-info h4,.callout-info h3,.callout-info h2,.callout-info h1,.callout-info h4 *,.callout-info h3 *,.callout-info h2 *,.callout-info h1 *{color:#5bc0de;}

.callout-warning h4,.callout-warning h3,.callout-warning h2,.callout-warning h1,.callout-warning h4 *,.callout-warning h3 *,.callout-warning h2 *,.callout-warning h1 *{color:#f0ad4e;}

.callout-danger h4,.callout-danger h3,.callout-danger h2,.callout-danger h1,.callout-danger h4 *,.callout-danger h3 *,.callout-danger h2 *,.callout-danger h1 *{color:#d9534f;}

.callout+.callout{margin-top:10px;}
.callout>p:first-child{margin:15px 0px;}

/* --- Content Style --- */

.post-inner-content,
.entry-content,
.entry-header
{
	font-size: 16px !important;
}

.entry-title
{
	font-size: 2em !important;
	color: #c9337f !important;
}

.entry-content > p
{
	line-height: 1.8em;
	margin: 0 0 20px;
}

.entry-content > p:last-child
{
	margin: 0;
}

.entry-content > div + p
{
	margin: 20px 0;
}

.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6
{
	margin: 0 auto;
	padding: 30px 0;
	box-sizing: border-box;
	color: #c9337f;
}

.entry-content > h1{font-size:2em;}
.entry-content > h2{font-size:1.5em;}
.entry-content > h3{font-size:1.17em;}
.entry-content > h4{font-size:1.33em;}
.entry-content > h5{font-size:.83em;}
.entry-content > h6{font-size:.67em;}

.entry-content > ul,
.entry-content > ol
{
	margin: 0 auto 30px;
}

.entry-content>ul>li:not(:last-child),
.entry-content>ol>li:not(:last-child)
{
	margin-bottom: 10px;
}

@media (max-width: 767px)
{
	.entry-content>ul,
	.entry-content>ol
	{
		padding-left: 15px;
		padding-inline-start: 15px;
	}
}

/* --- Help:Tables --- */
.table-left>tbody>tr>td:not(:last-child)
{
	width: 1%;
	min-width: 60px;
}

.table th
{
	font-size: .8em;
	font-weight: bold;
	color: #888;
}

.table-social>tbody>tr>td
{
	font-size: .9em;
}

.table-social>tbody>tr>td:first-child
{
	font-size: 1.1em;
	text-align: center;
}

/* --- YouTube:Video List #1 --- */
.yt-page-list
{
	text-align: center;
}

.yt-page-list img
{
	width: 100%;
	max-width: 200px;
	height: auto;
}

.yt-page-list h2
{
	font-size: .75em;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.yt-page-item
{
	margin: 10px auto;
}

.yt-page-item-d
{
	opacity: .4;
}