/*
Theme Name: vividsound ver1.0 (wp-bootstrap-starter Child)
Theme URI: --
Description: --
Author: --
Author URI: --
Template: wp-bootstrap-starter
*/

/*
lg -> xl 1200px以上	テレビ、デスクトップPCなどの大画面モニタ
md -> lg 992px以上	ノートパソコンなどの省サイズモニタ
sm -> md 768px以上	タブレットなど	
xs -> sm 576px以上	ファブレットなど
-	(xs) 576px未満	スマートフォン、組み込み端末など

//grid align
https://qiita.com/junara/items/cf86e24292debfce250b#%E4%B8%80%E9%83%A8%E3%81%AE%E5%AD%90%E8%A6%81%E7%B4%A0%E3%81%AE%E3%81%BFalign-items%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B

//Font Awesome 5
https://qiita.com/Garyuten/items/6d68da5cdac6dab9ba26
*/

/*--------------------------------------------------------------
# common
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{margin-top:0;}
.page-content, .entry-content, .entry-summary{margin:0;}

.navbar-brand > a{font-size:1rem;}

#page{background-color:white;}

/* navi
--------------------------------------------------------------*/
@media (max-width: 991px){
	#gnavi .nav-link::after{display:inline-block; margin-left:1rem;}
}

a[Title*="Twitter"],
a[Title*="Facebook"]{
	font-size:1.1rem;
}
a[Title*="Twitter"]::before,
a[Title*="Facebook"]::before{
	font-family: "Font Awesome 5 Free";
	content: "";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-right:.5rem;
}

a[Title*="Twitter"]::before{
	font-family: "Font Awesome 5 Brands";
	content: "\f081";
	font-weight:400;
}
a[Title*="Facebook"]::before{
	font-family: "Font Awesome 5 Brands";
	content: "\f082";
	font-weight:400;
}

/* h
--------------------------------------------------------------*/
h1.entry-title{border:none;}


/* google map
--------------------------------------------------------------*/
#map>iframe{width:100%; height:100%;}
@media (max-width: 575px){
	#map>iframe{height:200px;}
}

/* search
--------------------------------------------------------------*/
button.filter-dropdown-btn span{white-space:nowrap;}

/* template-thin
--------------------------------------------------------------*/
.template-thin .entry-header.container{padding-left:0; padding-right:0;}

/* for Plugin MetaSlider
--------------------------------------------------------------*/
.metaslider{overflow:hidden;}

/* pages
--------------------------------------------------------------*/
.slug-distribution header.entry-header,
.slug-management header.entry-header,
.slug-studio header.entry-header{display:none;}

.slug-distribution.slug-flow header.entry-header,
.slug-distribution.slug-faq header.entry-header{display:block; text-align:center;}

.slug-privacy-policy h2,
.slug-service-guide h2,
.slug-shopping-guide h2{color:#c42f35;}

.slug-privacy-policy .h5,
.slug-service-guide .h5,
.slug-shopping-guide .h5{font-weight:600;}

.slug-spot-sales-department h1{font-size:1.17rem;}
.slug-spot-sales-department h1::before{
	display:block;
	content:"SPOT SALES DEPARTMENT";
	font-size: 2.6rem;
	padding:.5rem 0;
	font-weight: 700;
}
.slug-privacy-policy h1{font-size:1.17rem;}
.slug-privacy-policy h1::before{
	display:block;
	content:"Privacy Policy";
	font-size: 2.6rem;
	padding:.5rem 0;
	font-weight: 700;
}
.slug-company h1{font-size:1.17rem;}
.slug-company h1::before{
	display:block;
	content:"Company";
	font-size: 2.6rem;
	padding:.5rem 0;
	font-weight: 700;
}

.slug-distribution.slug-faq h1,
.slug-distribution.slug-flow h1{font-size:1.17rem;}
.slug-distribution.slug-faq h1::before,
.slug-distribution.slug-flow h1::before{
	display:block;
	content:"DISTRIBUTION";
	font-size: 2.6rem;
	padding:.5rem 0;
	font-weight: 700;
}

.slug-distribution.slug-faq .faq-list section{padding:30px 0; border-top:1px solid #dee2e6;}
.slug-distribution.slug-faq h3{margin-bottom:1rem;}

/* news & blog */
.blog-list h3,
.news-list h3{font-weight:normal;}

.blog-list>*,
.news-list>*,
.post.hentry{margin-bottom:1.8rem;}

h3.widget-title{font-size:1.75rem;}

.single article h1.entry-title{font-size:1.75rem;}

.slug-distribution ul.contents-navi li{display:flex; flex:1;}
.slug-distribution ul.contents-navi li a{display:flex; justify-content:center; align-items:center;}



/* Plugin WordPress Download Manager
--------------------------------------------------------------*/
/*
audio{margin-bottom:3rem;}
.w3eden .card-body{padding:1rem;}
.w3eden a.btn{padding:.5rem .8rem;}
.w3eden img.wpdm_icon{min-width:36px; width:36px;}
.w3eden .package-title a{font-size:1rem; color:black; pointer-events:none;}
.w3eden .package-title a:hover{text-decoration:none;}
@media (max-width: 575px){
	.w3eden .card-body{padding:10px 5px;}
}
*/

/* analog
--------------------------------------------------------------*/
@media (max-width: 575px){
	.single-analog h1.entry-title{font-size:1.2rem; margin-bottom:1rem;}
	ul.playlist .list-group-item{padding:.75rem;}
	ul.playlist .col-dl{padding-top:.5rem; padding-bottom:.5rem;}
}