@charset "utf-8";

/*
main	: #c42f35
gray	: #6c757d

use for font fontawesome
http://www.webdesignleaves.com/pr/plugins/fontawesome_01.html

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


/* 
----------------------------------------------- */
html{font-size:14px;}
body{background-color:#c42f35; font-family:'Abel', sans-serif;}
#wrap{background-color:white;}

#container{line-height:1.8; padding:0 0 3rem;}
body.cart #container{padding-bottom:0;}
.contents{padding-top:40px; padding-bottom:40px;}

@media (max-width: 575px){
	html{font-size:13px;}
	.contents{padding-top:20px; padding-bottom:20px;}
}
@media (max-width: 767px){
	.container{max-width:100% !important;}
}

@media (min-width:992px){
	.wide-row>[class*="col-lg"]{padding-left:40px; padding-right:40px;}
	.wide-row>[class*="col-lg"]:last-child{padding-right:15px;}
	.wide-row>[class*="col-lg"]:first-child{padding-left:15px;}
}
@media (min-width:576px){
	.wide-row>[class*="col-sm"]{padding-left:40px; padding-right:40px;}
	.wide-row>[class*="col-sm"]:last-child{padding-right:15px;}
	.wide-row>[class*="col-sm"]:first-child{padding-left:15px;}
}
@media (min-width:768px){
	.wide-row>[class*="col-md"]{padding-left:40px; padding-right:40px;}
	.wide-row>[class*="col-md"]:last-child{padding-right:15px;}
	.wide-row>[class*="col-md"]:first-child{padding-left:15px;}
}

/* 
----------------------------------------------- */
img{max-width:100%; height:auto;}
img.fit{
	object-fit:cover;
	font-family:'object-fit:cover;'
}

p{margin-bottom:1.5rem;}

h1,.h1,
h1.entry-title{font-size:2.6rem; padding:2.5rem 0; margin:0; font-weight:700;}

h2,.h2{font-size:2rem; padding:1.5rem 0; line-height:1.6 !important; font-weight:700 !important;}
h3{font-size:1.65rem; line-height:1.4; margin-bottom:1.2rem;}
h4{font-size:1.5rem;}
.btn{border-radius:2px;}
.btns-bar{padding:1rem 0;}
.btns-bar>*{margin:0 .3rem;}
.title-bar{margin-bottom:4rem;}
h1 span{font-size:45%; display:block; padding:.5rem 0;}

.btn-blue,
.btn-blue:hover{color:white; background-color:rgb(20, 110, 190); border-color:rgb(20, 110, 190);}
.btn-blue:hover{background-color:#0b4ea6; border-color:#0b4ea6;}

.c-main{color:#c42f35}

@media (max-width:991px){
	.row-md-blocks>*{margin-bottom:2rem;}
}
@media (max-width:767px){
	.row-sm-blocks>*{margin-bottom:2rem;}
}

.link-boxes a,
a.link-box{display:block; color:#333; transition: 0.2s linear;}
.link-boxes a:hover,
a.link-box:hover{color:#333; text-decoration:none; opacity:.7;}

@media (max-width:575px){
	h1,.h1{font-size:2rem;}
	h2,.h2{font-size:1.5rem;}
	h1,.h1{padding:1rem 0;}
	h3,.h3,
	h4,.h4{font-size:1.4rem;}
}

ul.list-inline li{display:inline-block;}

.thin{max-width:797px; margin-left:auto; margin-right:auto;}

.bg-img-cover{background-size:cover; background-repeat:no-repeat; background-position:center center;}
.box-cc{display:flex; justify-content:center; align-items:center; flex-direction:column;}

.box-ratio{position:relative; width:100%;}
.box-ratio>*{position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;}
.box-ratio::before{
	content:'';
	display:block;
	padding-top:75%;
}
.box-ratio.ratio53::before{
	padding-top:60%;
}
.box-ratio.ratio85::before{/* 黄金比 */
	padding-top:62.5%;
}
.box-ratio.overlay-black::after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.6);
}
.overlay-black .text-white>*{color:white !important;}

/*
.overlay-black{position:relative;}
.overlay-black::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.7);
}
.overlay-black>*{position:relative; z-index:2;}
*/

@media(max-width:1119px){
	.bg-header::before{
		content:'';
		display:block;
		padding-top:56.25%;/* 11:9 */
	}
}
.bg-black-7{background-color:rgba(0,0,0,.7); color:white;}

.lazyload{opacity: 0;}
.lazyloaded{
	opacity: 1;
	transition: all 0.5s;
}

/* header
----------------------------------------------- */
.search-bar{padding:8px 0;}
#search .btn-filter{margin:0 2px 2px 0; text-align:left;}

button.filter-dropdown-btn{border:none; position:relative; min-width:22px; height:100%;}
button.filter-dropdown-btn:active,
button.filter-dropdown-btn:focus,
button.filter-dropdown-btn:hover{
    background-color:transparent !important;
    border:none !important;
	box-shadow:none !important;
}
button.filter-dropdown-btn:hover{
    color:#c42f35;
}
button.filter-dropdown-btn:before{
	content: "\f150";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	font-size:25px;
	position:absolute;
	top:-6px;;
	left:0;
}
button.filter-dropdown-btn span{padding-left:22px;}


ul.keybord>li{display:block; text-align:left;}
ul.keybord ul.nav{display:block; white-space:nowrap;}
ul.keybord ul.nav li{display:inline-block;}
.keybord li{min-width:38px; text-align:center; margin:0 2px 2px 0;}
.keybord li a{display:block;}

.select-list,
.result-list{display:flex; flex-wrap:wrap;}
.select-list>*,
.result-list>*{width:33.3333%;}

.result-list li{position:relative;}
.result-list a.nav-link{color:white;}
.result-list a.nav-link.active{color:#c42f35;}
.result-list .badge-info{position:absolute; top:.7rem; left:0;}

#result_box dl{line-height:1.5rem;}
#result_box dl dt{width:8rem;}
#result_box dl dd{margin:-1.5rem 0 0.2rem 9rem;}

#view-navi{position:absolute; top:2rem; right:0;}

.modal-full{max-width:100% !important; width:100% !important; margin:0 !important;}
.modal-full .modal-content{height:100vh; border-radius:none; border:none;}
.modal-full .modal-header,
.modal-full .modal-footer{display:block; border-radius:none; line-height:32px; border-color:#6c757d; padding:10px 15px;}
.modal-full .modal-header>*,
.modal-full .modal-footer>*{line-height:32px !important;}
.modal-full .modal-body{overflow:auto; border-radius:none;}
.modal-content.bg-dark{color:white;}

.btn-close{width:32px; height:32px; margin:0; padding:0; position:relative; overflow:hidden; text-indent:100%; background-color:transparent;}
.btn-close::before,
.btn-close::after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	border-top:2px solid white;
	position:absolute;
	top:0;
	left:-10px;
}
.btn-close::before{transform:rotate(45deg); top:10px;}
.btn-close::after{transform:rotate(135deg); top:-10px;}

@media (max-width:991px){
	#search .row-1>:first-child{order:2;}
	#search .row-1>:last-child{margin-bottom:8px;}
}

@media (max-width:991px){

}
@media (max-width: 575px){
/*
	#search .row-1>:first-child{order:2;}
	#search .row-1>:last-child{margin-bottom:8px;}
*/
	.select-list>*,
	.result-list>*{width:100%;}
/*
	.filter-dropdown-btn{font-size:1.25rem; padding:0 .5rem;}
*/
	.filter-dropdown-btn span{display:none;}
}

/* footer
----------------------------------------------- */
#footer{padding:2rem 0; color:rgba(255,255,255,.8);}
#footer h2{color:white;}
#footer a{color:white; opacity:.7; transition: 0.3s linear;}
#footer a:hover{color:white; text-decoration:none; opacity:1;}
#footer .nav.flex-column .nav-link{padding-left:0; padding-right:0;}

#copyright{display:block; padding:.5rem; text-align:center;}

#scroll-top{position:fixed; bottom:30px; right:30px; display:none; color:black;}
#scroll-top i{font-size:2.5rem;}

/* footer
----------------------------------------------- */
@media (max-width:767px){
	#col-sidebar{padding-top:20px; padding-bottom:20px; background-color:#343a40;}
	#col-sidebar .author{color:white;}
}

/* navi
----------------------------------------------- */
#header .navbar{padding:0;}

#header .navbar-light .navbar-nav .nav-link{color:white;}
#header .navbar-light .navbar-nav .nav-link:focus,
#header .navbar-light .navbar-nav .nav-link:hover{color:white; background-color:rgba(0,0,0,.2);}

#header .navbar-brand{margin:0; width:220px;}
.navbar-brand > a{font-weight:700;}
/* IE */ #header .navbar-brand img{width:100%; height:auto;}

#header .navbar-collapse{width:100%; background-color:#c42f35;}

#snavi .dropdown-menu .dropdown-item-text{color:#6c757d;}

#gnavi .nav-link::after{display:block;}
#gnavi .navi-news a::after{content:"NEWS";}
#gnavi .navi-rele a::after{content:"RELEASE INFO";}
#gnavi .navi-studio a::after{content:"STUDIO";}
#gnavi .navi-manage a::after{content:"MANAGEMENT";}
#gnavi .navi-dist a::after{content:"DISTRIBUTION";}
#gnavi .navi-blog a::after{content:"BLOG";}

@media (min-width:992px){
	#header .navbar{display:flex; flex-direction:column; align-items:flex-start;}
	#header .brand-wrap{padding:8px 10px;}
	#header .navbar-collapse .inner,
	#header .brand-wrap{max-width:1110px; width:100%; margin-left:auto; margin-right:auto;}
	#header .navbar-brand{width:360px;}

	#gnavi{justify-content:space-around;}
	#gnavi .nav-link{padding:.5rem 2rem; text-align:center;}

	#snavi{position:fixed; top:0; right:0; z-index:1000;}
	#snavi li{margin:0 4px;}
	#snavi .btn{border-top-left-radius:0; border-top-right-radius:0;}

	.dropdown-menu.logined{left:auto; right:0;}
	.btn-dark.fa-b-disc,
	.btn-dark.fa-b-disc:hover{color:white; background-color:rgb(20, 110, 190); border-color:rgb(20, 110, 190);}
	.btn-dark.fa-b-disc:hover{background-color:#0b4ea6; border-color:#0b4ea6;}
}

@media (max-width:991px){
	#header .navbar-brand{margin-left:.5rem;}
	#navi-main>.inner{display:flex; flex-direction:column;}
	ul.navbar-nav{padding-left:1rem; padding-right:1rem;}
	ul.navbar-nav li{border-bottom:1px solid rgba(255,255,255,0.5);}
	ul.navbar-nav li:last-child{border:none;}
	#gnavi{order:2;}
	#gnavi .nav-link::after{display:inline-block; margin-left:1rem;}

	#snavi{background-color:#343a40;}
	#snavi .btn{display:block; width:100%; text-align:left; padding:.5rem 0;}

	#snavi .dropdown-menu{background-color:transparent; border:none; padding:0;}
	#snavi .dropdown-menu a{border-top:1px solid rgba(255,255,255,0.5); padding:.5rem 0 .5rem 2rem;}
	#snavi .dropdown-menu .dropdown-divider{display:none;}
	#snavi .dropdown-menu .dropdown-item{color:white;}
}

.user-dropdown-btn i.fa-user,
header [class*="fa-b-"]::before{
	width:1.5rem;
}
.user-dropdown-btn i.fa-user{text-align:center;}

.navbar-toggler{
	padding:6px 8px;
	font-size: 1.25rem;
	background-color:#c42f35;
	border-radius:0;
}
.navbar-light .navbar-toggler-icon{
	width:24px;
	height:24px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 6h24M4 16h24M4 26h24'/%3E%3C/svg%3E");
}
a#btn-m-cart{display:flex; flex-direction:column; justify-content: center; border-radius:0; width:42px; text-align:center; font-size:1.2rem;}

/* mode-biz
----------------------------------------------- */
#header .navbar-collapse{width:100%; background-color:#c42f35;}
body.mode-biz #header .navbar-collapse,
body.mode-biz .navbar-toggler{background-color:rgb(20, 110, 190);}

/* fontamouse-icon
----------------------------------------------- */
[class*="fa-b-"]::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;
}
.fa-b-cart::before{
	content: "\f07a";
	font-weight: 900;
}
.fa-b-deli::before{
	content: "\f0d1";
	font-weight: 900;
}
.fa-b-login::before{
	content: "\f13e";
	font-weight: 900;
}
.fa-b-user::before{
	content: "\f007";
	font-weight: 900;
}
.fa-b-tw::before{
	font-family: "Font Awesome 5 Brands";
	content: "\f081";
	font-weight:400;
}
.fa-b-fb::before{
	font-family: "Font Awesome 5 Brands";
	content: "\f082";
	font-weight:400;
}
.fa-b-check::before{
	content: "\f00c";
	font-weight:900;
	font-size:.6rem;
	margin-right:.5rem;
	color:#6c757d;
}
.fa-b-check.active::before{
	color:#c42f35;
}
.fa-b-close::before{
	content: "\f057";
	font-weight:900;
	font-size:.6rem;
	margin-right:.2rem;
	color:white;
}
.fa-b-disc::before{
	content: "\f51f";
	font-weight:900;
}

.fa-b-tag::before{
	content: "\f02b";
	font-weight:900;
}
.fa-b-user-en::before{
	content: "\f2bd";
	font-weight:900;
}
.fa-b-list::before{
	content: "\f0ca";
	font-weight:900;
}
.fa-b-barcode::before{
	content: "\f02a";
	font-weight:900;
}

#item [class*="fa-b-"]::before,
#items [class*="fa-b-"]::before{content:none !important;}


/* login user
----------------------------------------------- */
.navi-members a i.fas{font-size:1.2rem;}
.navi-members a span{padding-left:.5rem;}
@media (max-width:767px){
	.navi-members a span{margin-right:.5rem;}
}

/* pages
----------------------------------------------- */


/* new & blog
----------------------------------------------- */
time{font-size:1.2rem; margin-right:1rem;}

.news-list .badge{margin:0 .5rem .45rem;}

.blog-author-list .photo,
.blog-list .media,
.news-list .media{margin-bottom:1rem;}
.blog-list .media img,
.news-list .media img{width:200px; height:125px; object-fit:cover; font-family:'object-fit:cover;'}

.blog-author-list h3,
.blog-list h3,
.news-list h3{font-size:1.4rem;}

.scroll-contents .blog-author-list .author{margin:0 1rem; background-color:white; padding:0;}
.scroll-contents .blog-author-list a{display:block; padding:.5rem;}
.scroll-contents .blog-author-list button{margin:.5rem; width:auto;}
.scroll-contents .blog-author-list .media{width:80px; margin-right:1rem;}

#news .entry-title,
#blog .entry-title{margin:1rem 0 2rem; padding:0;}
#news .entry-content,
#blog .entry-content{border-bottom:1px solid #dee2e6; padding-bottom:2rem; margin-bottom:2rem;}
body.news #container,
body.blog #container{padding-bottom:0;}

/*
.author-header .photo,
.scroll-contents .blog-author-list .photo{max-width:80px; padding-right:1rem;}
.scroll-contents .blog-author-list h3{font-size:1.1rem; margin:0;}
.author-header h3{margin:0;}
*/

#sidebar .blog-author-list .author{line-height:1.4;}
#sidebar .blog-author-list .author .btn{margin-bottom:5px;}
#sidebar .blog-author-list .author p{margin-bottom:.5rem;}

@media (max-width:767px){
	time{font-size:.9rem;}
	#sidebar .blog-author-list .author{display:flex;}
	#sidebar .blog-author-list .author .photo{width:100px; height:auto; padding-right:1.5rem;}
	#sidebar .blog-author-list .author .btn-block{display:inline-block; width:auto; margin:0 .5rem .5rem 0;}
	#sidebar h3.widget-title{color:white;}
}
@media (max-width:575px){
	.news-list .media{padding-right:0;}
	.blog-list .media img,
	.news-list .media img{width:112px; height:70px;}
	.blog-author-list h3,
	.news-list h3{font-size:1.15rem;}
	#news .entry-title,
	#blog .entry-title{font-size:1.5rem;}
}

/*
----------------------------------------------- */
ul.page-navi{padding:15px 0; justify-content:center;}
ul.page-navi li{margin:0 1px;}

.scroll-contents{width:100%; overflow:auto; padding-bottom:15px;}
.scroll-contents>*{display:block !important; white-space:nowrap; position:relative;}
.scroll-contents>*>*{display:inline-block; white-space:normal; vertical-align:top;}
.scroll-contents.scroll-center{text-align:center;}

.badge{padding:.35rem .4rem .25rem; vertical-align:bottom;}

/* pages
----------------------------------------------- */
/*
#home-cover{position:relative; width:100%;}
#home-cover::before{content:""; display:block; padding-top:75%;}
#home-cover>*{position:absolute; top:0; bottom:0; left:0; right:0;}
*/

#home-cover{height:650px; background-color:#F4F4F4;}

ul.picup-labels li{padding:.5rem 1rem; width:200px; text-align:center; line-height:1.5;}
ul.picup-labels li img{margin:0 0 .5rem;}
@media (max-width: 575px){
	ul.picup-labels li{width:50%;}
}

@media (max-width: 991px){
	#home-cover{height:450px;}
}

@media (max-width: 575px){
	#home-cover{height:300px;}
}

@media (min-width:1200px){
	.modal-dialog {
		max-width:750px;
		margin: 1.75rem auto;
	}
}

@media (min-width: 576px){
	.modal-dialog {
		max-width:750px;
		margin: 1.75rem auto;
	}
}

/* Item common
----------------------------------------------- */
.item-list .item{/*IE*/width:245px; /* max-width:245px; */ padding:0 15px;}
.item-list .item>a{color:#333; transition: 0.3s linear;}
.item-list .item>a:hover{color:#333; text-decoration:none; opacity:.7;}
.item-list h3{font-size:1rem; font-weight:600; margin-bottom:0;}
.item-list .package{margin-bottom:.5rem; text-align:center;}
.item-list .package img{width:auto; height:215px;}

.item-list-grid{margin-left:auto; margin-right:auto;}
.item-list-grid .item-list{
	display:flex;
	display:ms-flex;
	flex-wrap:wrap;
}
.item-list-grid .item-list .item{padding:0 15px 15px;}

.item-list a.item,
.item-list .item>*{display:flex; flex-direction:column;}

@media (max-width:991px){
	.scroll-contents .item-list .item{width:158px;}
	.scroll-contents .item-list .package img{width:128px; height:128px;}
	/* IE */ .scroll-contents .item-list .package img{max-width:none;}
}
@media (max-width:575px){
	.item-list-grid .item-list .item{/* max-width:100%;  */width:100%;}
	.item-list-grid .item-list .item>*{flex-direction:row; width:100%;}
	.item-list-grid .item-list .item .package{flex:1; padding-right:1rem;}
	.item-list-grid .item-list .item .package img{width:100%; height:auto;}
	.item-list-grid .item-list .item .detail{flex:2;}
}

.sp-price{font-weight:bold;}
.sp-price .badge{font-size:.85rem; margin-right:.5rem;}

/* Item detail
----------------------------------------------- */
#item dl{line-height:1.5rem;}
#item dl dt{width:8rem;}
#item dl dd{margin:-1.5rem 0 .5rem 0; padding:0 0 0 9rem;}

.item-detail h1{padding:0; margin-bottom:2rem;}
.item-detail h1 span{display:block; padding:.5rem 0; font-size:85%;}
.item-detail .artiste span{margin-left:1rem;}
.item-detail .genres ul li{border-right:1px solid rgba(0,0,0,.3); padding-right:.5rem; margin-right:.5rem;}
.item-detail .genres ul li:last-child{border:none; padding-right:0; margin-right:0;}
.item-detail .jacket{max-width:400px; text-align:center;}
.item-detail .btn-viewing{font-size:80%;}

.jacket-tmbs{margin-left:-4px; margin-right:-4px; justify-content:center; padding:.6rem 0;}
.jacket-tmbs>*{max-width:80px; padding-left:4px; padding-right:4px;}
.jacket-tmbs img{border:3px solid white; cursor:pointer;}
.jacket-tmbs img:hover{border-color:#999;}
.jacket-tmbs img.active{border-color:#c42f35;}

#jacketModal .modal-dialog{max-width:100%; justify-content:center;}
#jacketModal .modal-content{width:auto;}

#jacketModal .jacket-gallery{display:flex;}
#jacketModal .jacket-cover{order:2;}
#jacketModal .jacket-cover img{width:auto; max-height:82vh;}
#jacketModal .jacket-tmbs{flex-direction:column; margin:0; padding:0;}

.modal-dialog .close{float:none;}

@media (min-width:768px){
	.item-detail .jacket{width:40%;}
}
@media (max-width:767px){
	.cart-bar .col-sm-auto{padding-top:.5rem;}
}

	/* 2022 */
	/* Chrome, Safari, Edge */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button{margin:0; -webkit-appearance:none;}

	/* Firefox */
	input[type=number]{-moz-appearance:textfield;}
	.cart-bar input[type=number]{width:7em;}
	.cart-bar .cart-add{color:#6c757d; border-radius:10rem; background-color:#ced4da;}
	.cart-bar .input-amount{display:flex; gap:.5rem;}
	.cart-bar .btns{display:flex; gap:1rem; flex-wrap:wrap;}
	
	@media (max-width:767px){
		.cart-bar .input-amount,
		.cart-bar .btns{justify-content:center;}
	}

/* #biz_items
----------------------------------------------- */
#biz_items .search-bar{display:none;}
#biz_items .biz-page-navi>*{margin-bottom:.5rem;}
#biz_items .badge{vertical-align:text-bottom;}

.biz_item{padding-top:1rem; padding-bottom:1rem; border-top:1px solid rgba(0,0,0,.1);}

.biz_item .col-tmb{min-width:120px; max-width:120px;}

.biz_item .col-main{padding-bottom:.5rem;}
.biz_item .col-main .first>*,
.biz_item .col-main .second>*{display:inline-block; padding-right:1rem;}
.biz_item .col-main .nav>*{padding-right:1rem;}
.biz_item .release{min-width:8em;}

.biz_item .col-cart>*{max-width:18rem; margin-left:auto;}
.biz_item .col-cart .text-right>*{padding-left:1rem;}

.biz_item .cart-bar{padding:0 !important; border:none !important;}
.biz_item .cart-bar p,
.biz_item .cart-bar .btns{display:none !important;}

#biz_items .biz_item.active{
	animation:fadeInFlex .5s linear forwards;
}
#biz_items .biz_item{
	animation:fadeOutFlex .5s linear forwards;
}
@keyframes fadeOutFlex {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		height:0;
		visibility:hidden;
		padding:0;
	}
}
@keyframes fadeInFlex {
	0% {
		opacity: 0;
		height:0;
		visibility:hidden;
	}
	100% {
		opacity: 1;
		visibility:visible;
	}
}

@media (min-width:768px){
/* 	#biz_items .biz_item{flex-wrap:nowrap} */
}
@media (max-width:991px){
	#biz_items .container{max-width:100%;}
}
@media (max-width:767px){
/* 	#biz_items .biz_item */
}
@media (max-width:575px){
	.biz_item .col-main .info>*{margin-left:-120px;}
}

/* artiste
----------------------------------------------- */
#artist h2 span{display:block; padding:.5rem 0; font-size:85%;}
@media (min-width:576px){
	#artist .photo{max-width:50%;}
}

/* News & Blog common
----------------------------------------------- */
.btn-archive{padding-left:3rem; padding-right:3rem;}
@media (max-width:767px){
	.btn-archive{display:block;}
}

/* shop cart
----------------------------------------------- */
.cart-fee-info{font-size:1.15rem;}
.cart-fee-info dl{line-height:1.5rem;}
.cart-fee-info dl dt{width:13rem;}
.cart-fee-info dl dd{margin:-1.5rem 0 .5rem 0; padding:0 0 0 14rem;}

.item-row{border-bottom:1px solid #dee2e6; padding:1.5rem 0;}
.item-row img{max-width:160px;}
.item-row dl{line-height:1.5rem;}
.item-row dl dt{width:10rem;}
.item-row dl dd{margin:-1.5rem 0 .5rem 0; padding:0 0 0 11rem;}
.item-row .btn-delete{position:absolute; top:0; right:15px;}

.item-row .form-control-plaintext{padding:0; border:none;}

.pay-box{margin-bottom:3rem;}
.pay-box .form-check{padding-left:2.2rem;}
.pay-box .radio{font-size:1.1rem; font-weight:700;}
.pay-box .radio .form-check-input{margin-left:-2rem;}
.small9{font-size:90%;}

/* delivery-status
----------------------------------------------- */
.ordered-item:first-child{border:none !important;}
.ordered-item .item .package{flex: 0 0 140px;}
.ordered-item .deli-carrier{flex-direction:column; line-height:1.4;}
.ordered-item .deli-carrier img{max-height:2.5rem; width:auto;}
@media (max-width:767px){
	.ordered-item .item .package{flex: 0 0 100px;}
	.ordered-item .deli-carrier{flex-direction:row;}
	.ordered-item .deli-carrier>*{flex:1;}
}

/* distribution
----------------------------------------------- */
.balloon{
	position: relative;
	background: #ffffff;
	border: 2px solid #c42f35;
	border-radius:4px;
	padding:1rem 2rem;
	margin:0 auto 1.5rem;
	display:inline-block;
	max-width:650px;
	font-weight:700;
	color:#c42f35;
}
.balloon:after,
.balloon:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	z-index:10;
}
.balloon:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}
.balloon:before {
	border-color: rgba(39, 183, 235, 0);
	border-top-color: #c42f35;
	border-width: 15px;
	margin-left: -15px;
}

.flow-list .flow{padding:20px 40px; border-left:2px solid #343a40; position:relative;}
.flow-list .flow:last-child{border:none;}
.flow-list .flow .no{
	color:white;
	background-color:#343a40;
	font-size:21px;
	text-align:center;
	line-height:45px;
	width:45px;
	height:45px;
	border-radius:23px;
	position:absolute;
	top:0;
	left:-23px;
}

@media (max-width:767px){
	.flow-list .flow{padding-right:15px;}
}

/* company
----------------------------------------------- */
dl.dl-def{line-height:1.8rem;}
dl.dl-def dt{width:10rem;}
dl.dl-def dd{margin:-1.8rem 0 .6rem 0; padding:0 0 .6rem 11rem;}

.table.cod{font-size:90%;}
.table.cod td.price{vertical-align:middle; text-align:right;}

#gmap{min-height:250px;}

@media (max-width:767px){
	dl.dl-def dt{width:auto;}
	dl.dl-def dd{margin:0 0 .6rem 0; padding:0 0 .6rem 0; border-bottom:1px solid #dee2e6;}
}

.section-blocks section{padding-top:2rem; padding-bottom:2rem;}
.section-blocks section section{padding-top:1rem; padding-bottom:1rem;}

/* 
----------------------------------------------- */
.red{color:#900;}
#user-widget{position:fixed; top:0; right:0; padding:30px; background-color:#f4f4f4;}
#user-widget .box{padding:.5rem 0;}

/* DISTRIBUTION
----------------------------------------------- */
@media (max-width:767px){
	.nav-tabs{font-size:.8rem;}
}

/* MANAGEMENT
----------------------------------------------- */
.manage-artists .row>*{text-align:center; margin-bottom:2rem;}
.manage-artists .h4 span{display:block; font-size:1rem; padding:.3rem;}
.manage-artists ul{flex-wrap:wrap;}
.manage-artists ul li{width:25%; padding:.5rem;}
@media (max-width:991px){
	.manage-artists ul li{width:33.3333%;}
}
@media (max-width:767px){
	.manage-artists ul li{width:100%;}
}

.bg-header{position:relative; width:100%;}
.bg-header::before{
	content:'';
	display:block;
	padding-top:500px;
}
.bg-header>*:not(.copy){position: absolute; top:0; left:0; bottom:0; right:0;}
.bg-header .h2{font-weight:700;}
.bg-header .copy{color:white; position:absolute; right:15px; bottom:10px;}
@media(max-width:1119px){
	.bg-header::before{
		content:'';
		display:block;
		padding-top:56.25%;/* 11:9 */
	}
}
@media (max-width:575px){
	.bg-header .h2{font-size:1.3rem;}
}
.bg-black-7{background-color:rgba(0,0,0,.7); color:white;}