/* 
Theme Name:		 WP Bootstrap Starter Child
Theme URI:		 http://childtheme-generator.com/
Description:	 WP Bootstrap Starter Child is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 J-LAND
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 wp-bootstrap-starter-child
*/


/*
    Add your custom styles here
*/



/* ## 基本ベースの範囲　## */
body {
    margin: 0;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #080808;
	text-align: left;
	background-color:#fff;
}
#page.site div#content.site-content div.container {
	max-width: 1280px;
}






/* ## ヘッダーの範囲　## */
.container-fluid.blockA {
	background-color: #080808;
}
.container-fluid.blockA .container .origin-text {
	text-align: center;
	color:#FFF;
	height: 30px;
}
header#masthead {
    margin-bottom: 0;
    background-color: #FFF;
	box-shadow: 0 0.5rem 1rem
	rgba(0,0,0,.0), inset 0 0px 0
    rgba(0,0,0,.0);
    padding: .74rem 1rem;
	border-bottom: 1px solid #eaecef;
}
.container-fluid.blockA .container .origin-text p {
	line-height: 30px;
	font-size: 0.75rem;
	color: #bbb;
}




/* ## グローバルメニューの範囲　## */
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: 
    #080808;
    padding: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: #080808;
	font-weight: normal;
    text-decoration: underline;
}





/* ## メイン画像の範囲　## */
	#page-sub-header {
	position: relative;
	padding-top: 4%;
	padding-bottom: 0;
	text-align: center;
	background-size: cover !important;
	background-position: bottom;
}
body:not(.theme-preset-active) #page-sub-header h1 {
    line-height: 1.6;
	font-size: 3.8rem;
    color: #E5CC00;
    margin: 0 0 1rem;
    border: 0;
    padding: 0;
    text-align: center;
	font-family: 'Permanent Marker', cursive;
}
body:not(.theme-preset-active) #page-sub-header p {
    color: #ddd;
    text-align: left;
    font-size: 1rem;
    line-height: 1.8em;
}

/*--------------------------------------------------------------
##　Media Queriesの範囲
--------------------------------------------------------------*/
@media screen and (min-width: 992px){
#page.site #page-sub-header .container p {
    max-width: 38rem;
	text-align: center;
}
}

a.page-scroller {
	color: #333;
	font-size: 2.6rem;
	display: inline-block;
	margin-top: 2rem;
	margin-bottom: 2rem;
}







/* ##　CMS投稿の範囲　## */
#page.site div#content.site-content div.container div.row section.content-area.col-12 main.site-main h1 {
	text-align: center;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #080808;
	font-size: 1.75rem;
}
#page.site div#content.site-content div.container div.row section.content-area.col-12 main.site-main h1:after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 60px;
    background: #d80b36;
    margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
}
#page.site div#content.site-content div.container div.row section.content-area.col-12 main.site-main h2 {
	font-size: 16px;
	text-align: center;
	color:#080808;	
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.text-light {
    color: #080808 !important;
	font-size: 0.875rem;
	padding: 16px 0px 8px 0px;
	display: block;
}
.boxA.h-100 ul.list-unstyled li p.ttl01 {
	font-size: 1rem;
}
.boxA.h-100 p {
	font-size: 0.875rem;
}
.container div.row div.col-lg-3 div.boxA.h-100 div.more {
    padding-top: 15px;	
}
.container div.row div.col-lg-3 div.boxA.h-100 div.more a.moretag{
	position: absolute;
	bottom: 0px;
	font-size: 0.875rem;
}
.container div.row div.col-lg-4 div.boxA.h-100 div.more {
	padding-top: 15px;	
}
.container div.row div.col-lg-4 div.boxA.h-100 div.more a.moretag {
	position: absolute;
	bottom: 0px;
	font-size: 0.875rem;
}

/* ##　カテゴリーアイコンの範囲　## */
.wordpress {
	background-color:#f44336;
	color:#FFF;
	padding: 3px 20px 3px 20px;
	font-size: 14px;	
}
.bootstrap4 {
	background-color:#563D7C;
	color:#FFF;
	padding: 3px 20px 3px 20px;
	font-size: 14px;	
}
.photoshop {
	background-color:#30BCED;
	color:#FFF;
	padding: 3px 20px 3px 20px;
	font-size: 14px;	
}
.web-marketing {
	background-color:#8fc31f;
	color:#FFF;
	padding: 3px 20px 3px 20px;
	font-size: 14px;	
}
.illustrator {
	background-color:#f39800;
	color:#FFF;
	padding: 3px 20px 3px 20px;
	font-size: 14px;
}





/*--------------------------------------------------------------
##　投稿ページの範囲
--------------------------------------------------------------*/
/* ##　投稿ベースの範囲　## */
.entry-content {
	line-height: 2rem;
}

/* ##　投稿見出しの範囲　## */
h1.entry-title {
    font-size: 32px;
    border-bottom: 1px solid #eaecef;
}
.entry-content h2 {
	background-color: #f1f8fc;
	border-top: 1px solid #72B5E2;
	border-bottom: 1px solid #72B5E2;
	font-size: 20px;
	padding: 20px 20px 16px 20px;
	margin-bottom: 30px;
	margin-top: 60px;
}
.entry-content h2::before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    left: 0;
    top: -0.2em;
    font-weight: 900;
    padding-right: 6px;
    color: #72B5E2;	
}

/* ##　画像の上下余白の範囲　## */
.wp-block-image {
    max-width: 100%;
    margin-bottom: 3em;
    margin-top: 3rem;
}