/*-----------------------------------------
bootstrap3 hacks
------------------------------------------*/
.container-fluid {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
ol, ul {
	margin-bottom: 0px;
}

.text-white {
	color:#ffffff;
}
.text-red {
	color:#bf0048;
}
.text-yellow {
	color:#ffcc00;
}
.bg-black {
	background-color: #111111;
}
.bg-yellow {
	background-color: #fee33e;
}
.bg-red {
	background-color: #aa0000;
}
.alert-black {
    color: #ffffff;
    background-color: #111111;
    border-color: #000000;
}
.label-black {
    background-color: #111111;
}
.panel-yellow {
	border-color:#fee33e;
}
.panel-yellow>.panel-heading {
    color: #111;
    background-color: #fee33e;
    border-color: #fee33e;
}
.panel-red {
	border-color:#aa0000;
}
.panel-red>.panel-heading {
    color: #fff;
    background-color: #aa0000;
    border-color: #aa0000;
}

/*-----------------------------------------
header
------------------------------------------*/
@media screen and (max-width: 767px) {
	.newnbc-header {
		padding-top:1.3vw;
		padding-bottom:1.3vw;
	}
	.header-logo {
		width:80vw;
		height:12vw;
		padding-top:2vw;
		padding-left:12vw;
		text-align:center;
	}
	.header-logo img {
		height:8vw;
	}
	.header-search {
		width:12vw;
		height:12vw;
	}
	.ac-box label {
		width:12vw;
		height:12vw;
		line-height:18vw;
	}
	.ac-box label:after {
		width:12vw;
		height:8vw;
		line-height:8vw;
		font-size:3vw;
	}
	.ac-content {
		height: 12vw;
		width:0px;
	}
	.ac-box input:checked ~ .ac-content {
		height: 12vw;
		width:88vw;
	}
	#google-searchbox {
		width:80vw;
		height:12vw;
		padding-left:2vw;
	}
	.selected+.search-content {
		right:10vw;
		width:80vw;
	}
	#google-searchbox input[type=text] {
		margin-right:4vw;
	}
}
@media screen and (min-width : 768px){
	.newnbc-header {
		padding-top:10px;
		padding-bottom:15px;
	}
	.header-logo {
		width:382px;
		height:60px;
	}
	.header-add {
		width:728px;
		height:90px;
	}
	.header-search {
		width:90px;
		height:60px;
	}
	.ac-box label {
		width:60px;
		height:60px;
		line-height:88px;
	}
	.ac-box label:after {
		width:60px;
		height:36px;
		line-height:36px;
		font-size:1.8rem;
	}
	.ac-content {
		height: 60px;
		width:0px;
	}
	.ac-box input:checked ~ .ac-content {
		height: 60px;
		width:320px;
	}
	#google-searchbox {
		width:260px;
		height:60px;
		padding-left:8px;
	}
	.selected+.search-content {
		right:55px;
		width:288px;
	}
	#google-searchbox input[type=text] {
		margin-right:8px;
		width:160px;
	}
}
.ac-box {
	position:relative;
	z-index: 100;
}
.ac-box label {
	position:absolute;
	top:0px;
	right:0px;
	z-index: 100;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background: var(--color-pink);
	margin: auto;
	display: block;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.5s;
}
.ac-input {
display: none;
}





/*-----------------------------------------
mainslider
------------------------------------------*/
.swiper-container {
	position:relative;
}
.mainslider1,
.movieslider1 {
	overflow: hidden;
}
.mainslider,
.movieslider {
	width:100%;
	overflow: visible !important;
    margin: 0 auto !important;
}
.mainslider .swiper-slide{
    position: relative;
    width: 800px;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.mainslider .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.mainthumbnail .swiper-slide{
    position: relative;
    width: 100%;
    height: 104px;
    overflow: hidden;
}
.mainthumbnail .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.mainslider,
	.movieslider {
		max-width: 84vw !important;
	}
	.mainslider1,
	.movieslider1 {
		margin-top:4vw;
	}
	.mainthumbnail {
		margin:4vw auto;
	}
	.mainslider .swiper-button-prev,
	.movieslider .swiper-button-prev {
		display:none;
	}
	.mainslider .swiper-button-next,
	.movieslider .swiper-button-next {
		display:none;
	}
	.mainthumbnail .swiper-slide {
		max-width:16vw;
        height: 9vw;
	}
	.mainthumbnail .swiper-wrapper {
/*
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
*/
	}
}
@media screen and (min-width : 768px){
	.mainslider,
	.movieslider {
		max-width: 700px !important;
	}
	.mainslider1,
	.movieslider1 {
		margin-top:15px;
		min-width:1200px;
	}
	.mainthumbnail {
		margin:15px auto;
	}
	.mainslider .swiper-button-prev,
	.movieslider .swiper-button-prev {
		left:-250px;
	}
	.mainslider .swiper-button-next,
	.movieslider .swiper-button-next {
		right:-250px;
	}
	.mainthumbnail .swiper-slide {
		max-width:185px;
	}
	.mainthumbnail .swiper-wrapper {
/*
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
*/
	}
}
.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #ffffff;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.58);
}
.swiper-button-next:after
.swiper-button-prev:after {
    font-size: 60px
}


/*-----------------------------------------
tab
------------------------------------------*/
.tab-group {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/ /* Safari */
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.tab-group.tab-group-program {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.tab-group .tab {
	border-radius:3px;
	color:var(--color-pink);
	background-color:var(--color-gray);
	list-style:none;
	text-align:center;
	cursor:pointer;
	line-height:100%;
	white-space: nowrap;
}
.tab-group.tab-group-program .tab {
	border-radius:3px 3px 0 0;
	margin-bottom:0;
}
.panel-group{
	height:auto;
	padding-bottom:15px;
	border-bottom:none;
}
.nbcpanel{
	display:none;
}
.tab-group .tab.is-active{
	color:#ffffff;
	background-color:var(--color-pink);
	transition: all 0.4s ease-out;
}
.tab-group .tab span {
	display:block;
	font-weight:700;
	padding-top:0.6em;
	padding-bottom:0.3em;
}
.tab-group .tab.is-active span {
	color:#ffffff;
}
.nbcpanel.is-show{
	display:block;
}
@media screen and (max-width: 767px) {
	.tab-group {
		margin-top:4vw;
	}
	.tab-group .tab {
		padding:2vw 4vw;
		margin-right:4vw;
		margin-bottom:4vw;
	}
	.tab-group.tab-group-program .tab {
		padding:2vw 1.5vw;
		margin-right:1vw;
	}
	.tab-group .tab span {
		font-size:5vw;
	}
}
@media screen and (min-width : 768px){
	.tab-group {
		margin-top:15px;
	}
	.tab-group .tab {
		padding:6px 12px;
		margin-right:8px;
		margin-bottom:8px;
	}
	.tab-group.tab-group-program .tab {
		padding:12px 16px;
	}
	.tab-group .tab span {
		font-size:3.0rem;
	}
}
.panel-group-program table {
	width:100%;
}
.panel-group-program table tbody tr:nth-child(even) {
	background-color:var(--color-bggray);
}
.panel-group-program table thead th {
	color:#ffffff;
	text-align: center;
	white-space: nowrap;
	background-color:var(--color-pink);
	border-right:1px solid color:var(--color-pink);
}
.panel-group-program table tbody td {
	border-right:1px solid var(--color-gray);
	border-bottom:1px solid var(--color-gray);
}
.panel-group-program table tbody td h2 {
	margin-top:0;
}
@media screen and (max-width: 767px) {
	.panel-group-program table thead th,
	.panel-group-program table tbody td {
		padding:2vw;
		vertical-align: top;
	}
}
@media screen and (min-width : 768px){
	.panel-group-program table thead th,
	.panel-group-program table tbody td {
		padding:8px;
		vertical-align: top;
	}
}
/*-----------------------------------------
single
------------------------------------------*/
.sidebar-layout-main>.single-container {
	margin-top:0;
}
.single-category  ul.post-categories {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/ /* Safari */
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.single-category a {
	display:inline-block;
	color:#ffffff;
	background-color:var(--color-pink);
	border-radius:3px;
}
.single-content {
	line-height:150%;
	overflow: hidden;
}
.single-snsbtn {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.single-tags li{
    display: inline-block;
}
.single-tags a{
    color: var(--color-pink);
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
	.single-container {
		margin-top:4vw;
	}
	.single-date {
		margin-top:6vw;
		margin-bottom:3.6vw;
	}
	.single-tt {
		font-size:4.8vw;
		line-height:150%;
		margin-bottom:8vw;
	}
	.single-category {
		margin-bottom:8vw;
	}
	.single-category li {
		margin-right:4vw;
	}
	.single-category a {
		padding:1vw 4vw;
	}
	.single-content {
		margin-bottom:6vw;
	}
	.single-more-content {
		margin-top:6vw;
	}
	.single-snsbtn {
		grid-column-gap: 4vw;
	}
	.single-date-event {
		padding-top:4vw;
		padding-bottom:4vw;
	}
    .single-tags {
		margin-top:3.6vw;
		margin-bottom:3.6vw;
	}
    .single-tags a{
        font-size: 3.7vw;
    }
}
@media screen and (min-width : 768px){
	.single-container {
		margin-top:15px;
	}
	.single-date {
		margin-top:30px;
		margin-bottom:15px;
	}
	.single-tt {
		font-size:3.0rem;
		line-height:150%;
		margin-bottom:30px;
	}
	.single-category {
		margin-bottom:30px;
	}
	.single-category li {
		margin-right:8px;
	}
	.single-category a {
		padding:2px 8px;
	}
	.single-content {
		margin-bottom:30px;
	}
	.single-more-content {
		margin-top:30px;
	}
	.single-snsbtn {
		max-width:345px;
		grid-column-gap: 15px;
		margin-left:auto;
		margin-right:auto;
	}
	.single-date-event {
		padding-top:30px;
		padding-bottom:16px;
	}
    .single-tags{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
/*-----------------------------------------
contact
------------------------------------------*/
.nbc-contactframe .mwform-tel-field input {
	max-width:25%;
}
@media screen and (max-width : 767px){
	.nbc-contactframe {
	padding:4px 0px;
	margin-top:16px;
	margin-bottom:16px;
	}
	.nbc-contactframe table {
	margin-top:4vw;
	margin-bottom:4vw;
	}
	.nbc-contactframe input,.nbc-contactframe textarea,.nbc-contactframe select {
	margin-left:auto;
	margin-right:auto;
	}
	.nbc-contactframe th,.nbc-contactframe td {
	display:block;
	padding:4px 10px;
	text-align:center;
	}
	.nbc-sslframe {
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	}
}
@media screen and (min-width : 768px){
	.nbc-contactframe {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	}
	.nbc-contactframe table {
	margin-top:16px;
	margin-bottom:16px;
	}
	.nbc-contactframe th {
	text-align:right;
	padding-right:45px;
	}
	.nbc-sslframe {
	border:1px solid #dddddd;
	border-radius:5px;
	}
}
.nbc-contactframe table {
width:100%;
}
.nbc-contactframe input,.nbc-contactframe textarea {
width:90%;
}
.nbc-contactframe tr {
border-top:1px solid #dddddd;
}
.nbc-contactframe tr:nth-child(even) {
	background-color:#f4f5f6;
}
.nbc-contactframe th {
	position:relative;
}
.nbc-contactframe th,.nbc-contactframe td {
	padding-top:8px;
	padding-bottom:8px;
}
.hissu:after {
	content:"\5FC5\9808";
	display:inline-block;
	position:relative;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:60px;
	text-align:center;
	border:1px solid #c0392b;
	color:#c0392b;
	border-radius:5px;
	margin-left:18px;
}
.nini:after {
	content:"\4EFB\610F";
	display:inline-block;
	position:relative;
	font-weight:normal;
	padding:4px 10px 4px 8px;
	width:60px;
	text-align:center;
	border:1px solid #999999;
	color:#999999;
	border-radius:5px;
	margin-left:18px;
}
.submit-tr td {
	background-color:#111111;
	text-align:center;
}
.submit-tr td.bgc-none {
    background-color: transparent;
}
.nbc-contactframe .submit-tr input {
	width:40%;
	margin-top:2vw;
	margin-bottom:2vw;
}
.nbc-sslframe {
	padding:15px;
	margin-top:30px;
	margin-bottom:30px;
}
.nbc-sslframe h2 {
	margin-top:0px;
	color:#5cb85c;
	font-size:128%;
}
.nbc-form-group .form-control {
	float:left;
	width:80%;
}
.nbc-form-group label {
	float:right;
	width:20%;
}
/*-----------------------------------------
embed
------------------------------------------*/
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single-content video {
	margin:0px !important;
}
.single-content video+p {
	margin-top:2em;
}
.covid19-embed {
	position: relative;
}
.covid19-embed iframe {
	width: 100%;
	height: 640px;
	overflow:hidden;
}
.twitter-embed {
	margin-left:auto;
	margin-right:auto;
}
@media screen and (min-width : 768px){
	.twitter-embed {
		max-width:640px;
	}
}
/*-----------------------------------------
snslink
------------------------------------------*/
@media screen and (min-width : 768px){
	.snslink-box-half {
		max-width:50%;
		margin:30px auto;
	}
    .snslist.cardlist2-2 {
		max-width:436px;
		margin-left:auto;
		margin-right:auto;
	}
	.snslist.cardlist3-3 {
		max-width:662px;
		margin-left:auto;
		margin-right:auto;
	}
}
.snslist.cardlist2-2{
    text-align: center;
}
/*-----------------------------------------
sidebar
------------------------------------------*/
.sidebar li {
}
.sidebar li a {
	border-bottom:1px solid var(--color-gray);
	display:block;
	line-height:150%;
	padding:8px 0;
}
.sidebar .sidebar-recent li a {
	padding-top:1em;
	padding-bottom:1em;
}
.sidebar .sidebar-date {
	font-size:smaller;
}
/*-----------------------------------------
add 20161025
------------------------------------------*/
.bg-widefm {
	background-image: url(images/special/widefm/bg-nbc.jpg);
	background-repeat: repeat-x;
	background-position:center 50px;
	background-size:cover;
	position:relative;
	padding-bottom:50px;
}
.widefm-order {
	position:relative;
}
.bg-widefm-black {
	background-color:#111111;
	padding-top:15px;
	padding-bottom:15px;
}
@media screen and (max-width : 767px){
	.widefm-video {
	max-width:290px;
	}
	.wide-datatable th,.wide-datatable td {
	display:block;
	}
	.widefm-area a {
	display:block;
	margin-top:15px;
	}
}
@media screen and (min-width : 768px){
	.widefm-video {
	max-width:468px;
	}
}
.widefm-video .mejs-container {
	margin-left:auto;
	margin-right:auto;
}
.wide-datatable {
	width:100%;
	border-top:1px solid #333333;
}
.wide-datatable tr {
	border-bottom:1px solid #333333;
}
.wide-datatable th,.wide-datatable td {
	padding:8px;
}
.wide-datatable th {
	white-space:nowrap;
}
.widefm-modal-foot {
	display:inline-block;
	font-weight:bold;
	font-size:128%;
	padding-right:50px;
}
/*-----------------------------------------
add 20161122
------------------------------------------*/
@media screen and (max-width : 767px){
	.cinema-back {
	display:none;
	}
	.nbc-scinema-title {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin:30px auto;
	position:relative;
	border-radius:3px;
	border-bottom:3px solid #999;
	}
	.cinema-st-left {
	text-align:center;
	margin:30px auto;
	}
	.cinema-container .nbc-vividcard {
	border-bottom:1px solid #dddddd;
	}
}
@media screen and (min-width : 768px){
	.cinema-back {
	position:absolute;
	width:100%;
	height:810px;
	z-index:1;
	opacity:0.2;
	}
	.cinema-back:after {
	content:"";
	width:100%;
	height:110px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:5;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	}
	.cinema-back img {
	width:100%;
	}
	.cinema-container {
	position:relative;
	z-index:10;
	margin-top:60px;
	margin-bottom:15px;
	}
	.nbc-cinema-eyecatch {
	border-radius:5px 5px 0px 0px;
	overflow:hidden;
	}
	.nbc-scinema-title {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin:50px auto;
	position:relative;
	border-radius:3px;
	color:#ffffff;
	background-color:#111;
	}
	.cinema-st-left {
	text-align:left;
	margin:30px auto;
	}
	.cinema-container .nbc-vividcard {
		max-width:768px;
		background:#ffffff;
		margin-left:auto;
		margin-right:auto;
		border-radius:5px;
		box-shadow:0px 1px 2px 1px rgba(0,0,0,0.3);
	}
}

.cinema-st {
	text-align:center;
	margin:30px auto;
}

.cinema-st h2,.cinema-st-left h2 {
	display:inline;
	font-size:24px;
	font-weight:bold;
	border-bottom:3px solid #111;
}
.cinema-text {
	max-width:640px;
	margin:30px auto;
}
/*-----------------------------------------
add 20161129 忘年会終了後削除可
------------------------------------------*/
.bg-bounenkai {
	background-image: url(images/special/bounenkai/bg-bounenkai.png);
	background-repeat: repeat;
	padding:15px 0;
}
.bounenkai-box {
	border-radius:4px;
	position:relative;
	padding:30px;
	margin-top:40px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(255,244,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,244,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,244,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff494',GradientType=0 ); /* IE6-9 */
}
.bounenkai-box-1:before {
	content:"\30A4\30D9\30F3\30C8\8A73\7D30";
	font-weight:bold;
	color:#c50000;
	position:absolute;
	left:50%;
	margin-left:-150px;
	width:300px;
	text-align:center;
}
.bounenkai-box-2:before {
	content:"\304A\7533\8FBC\307F\65B9\6CD5";
	font-weight:bold;
	color:#c50000;
	position:absolute;
	left:50%;
	margin-left:-150px;
	width:300px;
	text-align:center;
}
@media screen and (max-width : 767px){
	.bounenkai-box-1:before {
	font-size:24px;
	top:-10px;
	}
	.bounenkai-box-2:before {
	font-size:24px;
	top:-10px;
	}
}
@media screen and (min-width : 768px){
	.bounenkai-box-1:before {
	font-size:36px;
	top:-20px;
	}
	.bounenkai-box-2:before {
	font-size:36px;
	top:-20px;
	}
}
.bounenkai-oubo {
	background-color:#c50000;
	border-radius:4px;
	color:#ffffff;
	padding:15px 0;
}
.pt15 {padding-top:15px;}
/*-----------------------------------------
add 20161205 臥牛窯終了後削除可
------------------------------------------*/
.bg-tougei {
	background-image: url(images/special/tougei/bg-tougei.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding:15px 0;
	width:100%;
}
.tougei-box {
	border-radius:4px;
	position:relative;
	background-color:rgba(255,255,255,0.9);
	overflow:hidden;
}
.tougei-box-small {
	min-height:450px;
}
.tougei-box-inner {
	padding:30px;
}
.tt-tougei {
	background-image: url(images/special/tougei/bg-tt-tougei.jpg);
	background-repeat:repeat;
	color:#ffffff;
	font-size:18px;
	padding:10px;
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}
/*-----------------------------------------
add 20161207 コンサート終了後削除可
------------------------------------------*/
.bg-fukoku_charity272 {
	background-image: url(images/special/fukoku_charity272/bg-fukoku.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	background-attachment:fixed;
	background-color:#3f2f16;
	padding:15px 0;
	width:100%;
}
.box-t-pink {
	background-color:rgba(197,39,91,0.9);
	border-radius:4px;
	padding:15px 29px;
}
.box-t-brown {
	background-color:rgba(40,30,10,0.9);
	border-radius:4px;
	padding:15px 29px;
}
.tt-underline {
	border-bottom:1px solid #333333;
	padding-bottom:4px;
}

/*-----------------------------------------
add 20161219 ブラスフェス
------------------------------------------*/
.bg-brass {
	background-image: url(images/special/brass2019/bg-brass_2019.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	background-attachment:fixed;
	background-color:#dab457;
	padding-top:15px;
	width:100%;
}
.navbar-brass {
    background-color:rgba(198,40,93,0.9);
    border:none;
	margin:15px auto;
}
.navbar-brass a {
	color:#ffffff;
}
.navbar-brass a:hover {
	background:#222222 !important;
}
.navbar-brass .icon-bar {
	    background-color: #fff;
}
@media screen and (min-width : 768px) {
	.bg-brass {
	min-width:1032px;
	}
	.nav-brass {
	max-width:940px;
	float:none;
	}
	.nav-brass li {
	width:16.6666%;
	text-align:center;
	}
}
.tt-brass {
color:#333333;
background: #fce892;
background: -moz-linear-gradient(top,  #fce892 0%, #fce892 50%, #f4c156 51%, #f4c156 100%);
background: -webkit-linear-gradient(top,  #fce892 0%,#fce892 50%,#f4c156 51%,#f4c156 100%);
background: linear-gradient(to bottom,  #fce892 0%,#fce892 50%,#f4c156 51%,#f4c156 100%);
}
.brass-date {
	margin:15px auto 0px auto;
	border-bottom:1px solid #cccccc;
}
.brass-date li {
	padding-bottom:15px;
}
.brass-date span {
	text-align:center;
	background:#8c5725;
	color:#ffffff;
	font-size:14px;
	padding:5px 10px;
	width:130px;
	border-radius:3px;
}
@media screen and (max-width : 767px){
	.brass-container .nbc-card {
		padding-left:5vw;
		padding-right:5vw;
		margin-bottom:5vw;
	}
	.brass-top-box section {
		padding-top:5vw;
		padding-bottom:5vw;
	}
	.brass-date span {
	display:block;
	margin-bottom:15px;
	}
}
@media screen and (min-width : 768px) {
	.brass-container .nbc-card {
		padding-left:30px;
		padding-right:30px;
		margin-bottom:30px;
	}
	.brass-top-box section {
		padding-top:20px;
		padding-bottom:20px;
	}
	.brass-top-box section:first-child {
		padding-right:30px;
	}
	.brass-top-box section:last-child {
		padding-left:30px;
	}
	.brass-date span {
	display:inline-block;
	margin-right:15px;
	}
	.border-left-pc {
	border-left:1px solid #cccccc;
	}
}
.st-brass {
	color:#8c5725;
}
.block-brass {
	color:#ffffff;
	background-color:#8c5725;
	padding:5px 10px;
}
@media screen and (max-width : 767px){
	.brass-datatable th,.brass-datatable td {
	display:block;
	}
}
.brass-datatable {
	width:100%;
	border-top:1px solid #333333;
	margin:30px auto;
}
.brass-datatable tr {
	border-bottom:1px solid #333333;
}
.brass-datatable th {
	padding:8px;
	min-width:240px;
	line-height:150%;
	vertical-align:top;
}
.brass-datatable td {
	padding:8px;
	line-height:150%;
}
.table-bg-brass {
	background-color:#8c5725;
}
.brass-datatable .table-bg-brass th,.brass-datatable .table-bg-brass td {
	color:#ffffff;
}
.brass-step-frame li {
	margin-bottom:30px;
	background-color:#fce892;
	border-radius:4px;
	padding:15px 15px 15px 60px;
	position:relative;
	z-index:100;
}
.brass-step-frame li:before {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	background-color:#8c5725;
	border-radius:30px;
}
.brass-step-frame li:after {
	content:"";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 15px solid #fce892;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.brass-step-1:before { content:"1";}
.brass-step-2:before { content:"2";}
.brass-step-3:before { content:"3";}
.brass-step-4:before { content:"4";}
.brass-step-5:before { content:"5";}
.brass-step-6:before { content:"6";}
.brass-step-7:before { content:"7";}
.brass-step-8:before { content:"8";}
@media screen and (max-width : 767px) {
	#gallery-1 .gallery-item {
    padding-left:7px !important;
	}
}
@media screen and (min-width : 768px) {
	#gallery-1 .gallery-item {
    width:157px !important;
	}
}
#gallery-1 img {
    border:none !important;
}
#gallery-1 dl {
	margin-bottom:0px !important;
}
/*-----------------------------------------
add 20170201 widefm
------------------------------------------*/
.widefm-order-new p {
margin:0;
}
.widefm-order-new h4 {
	background:#dd0301;
	color:#ffffff;
	font-weight:700;
	margin-bottom:0;
	padding:6px;
	text-align:center;
}
/*-----------------------------------------
add 20170201 mw-wpform
------------------------------------------*/
@media screen and (max-width : 767px){
	.mw-wp-form_image img {
	width:100%;
	max-width:300px;
	height:auto;
	}
}
@media screen and (min-width : 768px){
	.mw-wp-form_image img {
	width:100%;
	max-width:640px;
	height:auto;
	}
}

.card_status {
    padding: 1px 3px;
    color: #ffffff;
    background: var(--color-winered);
    margin-right: 3px;
}
/*-----------------------------------------
add 20211117 bannerlist
------------------------------------------*/
.category-banner-list a,
.category-banner-list img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width : 767px){
	.category-banner-list {
		margin-top:2vw;
		margin-bottom:2vw;
	}
	.category-banner-list li {
		padding:2vw;
	}
}
@media screen and (min-width : 768px){
	.category-banner-list {
		margin-top:20px;
		margin-bottom:20px;
	}
	.category-banner-list li {
		padding:20px 10px;
	}
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: auto;
}
/*-----------------------------------------
add 20220512 sns embed
------------------------------------------*/
.insta-embed .sbi_btn_text,
.sbi_follow_btn span {
	color:#ffffff;
}
@media screen and (min-width : 768px){
	.tv-snsembed>div {
		padding:20px;
	}
}