@charset "utf-8";

.contents_header{
    background: #eb007e;
}

/* 00.USUAL
--------------------------------------------------- */
div.w910 {
	width: 910px;
	margin: 0 auto;
}
div.w910 img {
    display: block;
	max-width: 100%;
	height: auto;
    margin: 0 auto;
}
.pcNone { display:none; }
.sp-br-db{
	display: none;
}


/* 01.MAINVISUAL
--------------------------------------------------- */
section#mainvisual {
	background: url("../img/bg_mv.jpg") no-repeat center bottom / cover;
	margin: 0;
	padding: 5% 0 0;
	background-position: top;
}
section#mainvisual div.article {
	width: 350px;
	display: inline;
	float: right;
}
section#mainvisual div.figure {
	width: 520px;
	display: inline;
	float: left;
	padding-top: 0;
}
section#mainvisual div.article h2 {
	margin: 0 0 20px;
}
section#mainvisual div.article h3 {
	margin: 0 0 15px;
	font-size: 118%;
	line-height: 150%;
}
section#mainvisual div.article p {
	font-size: 93%;
	margin: 0 0 20px;
}
section#mainvisual div.button_01 {
	display: block;
    text-align: center;
    margin: 0 auto 15px;
}
section#mainvisual .button_01 a {
    max-width: 330px;
	display: block;
	padding: 15px;
    margin: 0 auto;
	background-color: #000;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
section#mainvisual div.article div.button_01 a:visited { background-color:#000; }
section#mainvisual div.article div.button_01 a:hover { opacity:0.8; }

section#mainvisual div.exLink {
    max-width: 330px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
section#mainvisual div.exLink a {
	color: #fff !important;
}
section#mainvisual div.exLink a:before {
	content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background: url(../img/linkicon.png) no-repeat;
    background-size: contain;
}
section#mainvisual div.exLink a:hover,
section#mainvisual div.exLink a:visited { color:#08c; }

section#mainvisual{
	.flex{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-around;
		align-items: center;
		
	}
	.title-img figure img{
		width: 50%;
	}
}

/* 01.MAINVISUAL2
--------------------------------------------------- */
section#mainvisual2 {
	background: url("../img/bg_mv2.jpg") no-repeat center bottom / cover;
	margin: 0;
	/* padding: 2% 0 0 0; */
	p{
		color: white;
		font-size: 28px;
		text-align: center;
		font-weight: bold;
	}
	small{
		display: block;
		margin-top: 20px;
		font-size: 16px;
		color: white;
		text-align: center;
		

	}
}


/* 02.FUNCTION
--------------------------------------------------- */
section#function {
	/* background: #000; */
	color: #000;
    background: url("../img/bg_mv3.jpg") no-repeat center bottom / cover;/*
	padding-bottom: 50px;*/
	/* margin-bottom: 30px; */
	padding: 5% 0;
	.flex{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-around;
		align-items: baseline;
	}
	.function{
		font-weight: bold;
		p{
			font-weight: bold;
			text-align: center;
			font-size: 18px;
			padding-top: 20px;
		}
		.red{
			font-size: 24px;
			text-align: center;
			color: #C3040D;
			padding-bottom: 20px;
		}
		.red::before{
			background: url("../img/new.png") no-repeat;
			object-fit: contain;
			content:"";
			display:inline-block;
			width: 66px;
            height: 62px;
			transform: translateY(22px);
			margin-right: 15px;

		}

	}
}


/* livesound
--------------------------------------------------- */
section#livesound {
	background: url("../img/bg_mv4.jpg") no-repeat center bottom / cover;
	padding: 5% 0;
	.flex{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-around;
		align-items: center;
		margin-top: 45px;
	}
	p{
		text-align: center;
		font-size: 18px;
		color: white;
	}
	.title{
		font-size: 24px;
		font-weight: bold;
		/* text-align: center; */
		display: flex;
		color: white;
		padding-bottom: 20px;
		}
	.title::before{
		background: url("../img/new_blue.png") no-repeat;
		content:"";
		display:inline-block;
		width: 66px;
		height: 62px;
		transform: translateY(14px);
		margin-right: 15px;
	}
	.ex{
		font-size: 16px;
	}



	
}
section#function div.w910 {
	
}/*
section#function h2 {
	text-align: center;
	margin: 0;
}
section#function h2 img {
	max-height: 45px;
    width: auto;
}*/
section#function ul.clearfix {
	list-style: none;
	margin: 35px 0;
	padding: 0;
}
section#function ul.clearfix li {
	display: inline-block;
	text-align: center;
	width: 33%;
	vertical-align: top;
	padding: 0 1.5%;
}
section#function ul.clearfix li figure {
}
section#function ul.clearfix li h3 {
	font-size: 106%;
	font-weight: bold;
	margin: 25px 0 15px;
}
section#function ul.clearfix li p {
	font-size: 87%;
	text-align: left;
	margin: 0;
}
section#function ul.note {
	list-style: none;
	margin: 0;
	padding: 0;
}
section#function ul.note li {
	text-indent: -2em;
	padding: 0 0 0 2em;
	font-size: 81%;
	margin: 0;
}
section#function sup {
	font-size: 56%;
    padding: 0.2em;
    top: -0.6em;
}

/* 03.link
--------------------------------------------------- */
section#link{
	padding: 50px 0 70px;
	.link{
		text-align: center;
		color: #BB0C09;
		font-size: 18px;
	}
	p{
		padding-bottom: 30px;
	}
	a{
		padding: 15px 20px;
		background-color: #fff;
		border: 1px solid #BB0C09;
		text-decoration: none;
		color: #BB0C09;
		transition: background-color 1s;
	}
	a:hover{
		background-color: #BB0C09;
		color: #fff;
	}
}
/* footerimg
--------------------------------------------------- */
section#footer-img {
	background: url("../img/bg_mv5.jpg") no-repeat center bottom / cover;
	padding: 11% 0;
}


/* 03.SHOPLIST
--------------------------------------------------- */
#shop_list h1{
	margin: 30px 0;
	color: #BB0C09;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
#shop_list h2{
	font-weight: bold;
}
#shop_list ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#shop_list li{
	padding: 10px 0;
	border-bottom: 1px dotted #333;
}
#shop_list li:last-child{
	border-bottom: none;
}
#shop_list a{
	display: block;
	text-decoration: none;
}
#shop_list .b3s_ai{
    border: 3px solid #BB0C09;
	background-color: #fff;
    /* background: -moz-linear-gradient(top, #fff 50%, #fadce9 100%);
    background: -webkit-linear-gradient(top, #fff 50%, #fadce9 100%);
    background: linear-gradient(to bottom, #fff 50%, #fadce9 100%); */
    box-shadow: 0px 3px #BB0C09;
    position: relative;
    transition: 0.3s;
}
#shop_list .b3s_ai:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    box-shadow: none;
}
#shop_list .b3s_ai::after {
    content: "\f0a9";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    color: #BB0C09;
}
.panel-group{
	margin-bottom: 0;
}
.panel-group .panel + .panel{
	margin-top: 0;
}
.panel-default > .panel-heading{
	color: #fff;
	background-color: #BB0C09;
}
.panel-heading{
	cursor: pointer;
}
.panel-body{
	padding: 0 15px;
}
.accordion-toggle a:after{
	font-family: 'Glyphicons Halflings';
	content: "\e113";
	float: right;
	color: inherit;
}
.accordion-toggle a.collapsed:after{
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: inherit;
}
.memo{
	margin: 10px 0 30px;
}
@media (min-width: 992px){
	
	.point{
		min-height: 220px;
	}
	#shop_list h1{
		font-size: 48px;
	}
}
@media screen and (max-width: 992px) {
	section#mainvisual{
		.machine-img{
			width: calc(100% / 2);
		}	

	}
	section#livesound{
		.of2{
			flex-wrap: wrap-reverse;
		}

	}

	
}

@media screen and (max-width:568px) {
	.sp-br-dn{
		display: none;
	}
	.sp-br-db{
		display: block;
	}
	section#mainvisual{
		.title-img{
			figure img{
				width: 90%;
				padding-bottom: 32px;
			}
		}
		.machine-img{
			width: 90%;
		}
	}
	section#mainvisual2{
		p{
			font-size: 18px;
		}
		small{
			font-size: 14px;
		}
	}
	section#function {
		.red{
			padding-bottom: 30px;
		}
	}
	section#livesound{
		background: url("../img/bg_mv4_sp.png") no-repeat center bottom / cover;
		padding: 10% 0;
		.of2{
			flex-wrap: wrap-reverse;
		}
		.flex{
			margin-top: 20px;
		}
		p,.ex{
			font-size: 14px;
		}
		.title{
			text-align: center;
			font-size: 20px;
		}
		.title::before {
			transform: translateY(7px);
		}
	}
	section#footer-img{
		background: url("../img/bg_mv5_sp.jpg") no-repeat center bottom / cover;
		padding: 19% 0;

		/* transform: scale(1.3); */
	}


}


/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	div.w910 { width:90%; }
	div.w910 .tabNone { display:none !important; }
	section#mainvisual { padding:10% 0; }
	section#mainvisual div.article,
	section#mainvisual div.figure { display:block; float:none; width:auto; }
    section#mainvisual figure { position:relative; pointer-events:none; }
	section#mainvisual div.article h2,
	section#mainvisual div.article h3 { text-align:center; }
	section#mainvisual div.article h2 img { max-width:80%; }
}

/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	section#mainvisual { padding:10% 0 15%; }
	section#function div.w910 { background:none; }
	section#function ul.clearfix { margin:10% 0; }
	section#function ul.clearfix li { width:100%; margin-bottom:6%; }
    section#shop_list a { font-size:4vw; }
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
	section#mainvisual div.article h2 img { max-width:100%; }
	section#function { position:relative; }
	div.w910 .spNone { display:none !important; }
	div.w910 .pcNone { display:block !important; }
}