/* smart */

th{
    padding: 2px 0px;
    width: 25%;
}

tr{
	padding: 2px 10px;
}

td{
    padding: 2px 10px;
    border-bottom: 1px solid #3f3f3f;
	width: 80%;
}



.side-collapse-container{
	width:none;
	position:relative;
	left:0;
	transition:left .4s;
	margin-left:0px;
	}

.background_1{
	width:100%;
	background-color: rgb(0, 0, 0);
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
.menucontainer {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 100%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	}

.menucontainer_2 {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 80%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	background-color: rgba(115,27,36,1);
	}
			
.macherimark {
	font-size: 17px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 265px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.logomark {
	font-size: 18px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	width:10em;
	}
	
.topimg {
	float: left;
	margin-top: 65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../macheri_img/topimg_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0px;
	height: 250px;
	position:relative;
	}
	
.topsubimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 100%;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-image: url(../201806onemanlive/topimg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
	.topsub_img {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 6em;
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
.topsubimg_1 {
	background-image: url(../macheri_img/original_5.png);
	}
.topsubimg_2 {
	background-image: url(../macheri_img/original_6.png);
	}
.topsubimg_3 {
	background-image: url(../macheri_img/macheri_201610_2.png);
	}
.topsubimg_4 {
	background-image: url(../macheri_img/macheri_201610_1.png);
	}			
	
.contentimg {
	float: left;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	}

.co_1 {
	background-image: url(../macheri_img/kha.png);
	}

.co_2 {
	background-image: url(../macheri_img/original_3.png);
	}

.co_3 {
	background-image: url(../macheri_img/original_gray.png);
	}
.co_4 {
	background-image: url(../macheri_img/topimg_6.png);
	}
.background_b {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: rgba(3,3,3,1);
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}
	
.textsize {
	font-size: 15px;
	color: rgba(3,3,3,1);
	float: left;
	line-height: 170%;
	text-align: left;
	margin: 0px;
	padding: 5px;
	}
	
.topbana {
	color: rgba(3,3,3,1);
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	height: 125px;
	width: 125px;
	}
	
.snsbana {
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 60px;
	width: 60px;
		}
	
.eventinfobox {
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 1em;
	line-height: 170%;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border: 1px solid rgba(228,228,228,1);
	}
	
.eventinfoimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 13em;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}
.eventimg_0 {
	background-image: url(../mark_img/macheri_heart_500.png);
	}
.eventimg_1 {
	background-image: url(../macheri_img/kha_201705_2.png);
	}
.eventimg_2 {
	background-image: url(../macheri_img/201612_ikebukuro.png);
	}	
.eventimg_3 {
	background-image: url(../macheri_img/2017223.jpg);
	}
.eventimg_4 {
	background-image: url(../macheri_img/2017520.png);
	}
	.eventimg_5 {
	background-image: url(../macheri_img/20170730.png);
	}
.eventimg_6 {
	background-image: url(../macheri_img/keephopealive20180601.png);
	}
	.eventimg_7 {
	background-image: url(../macheri_img/201809branchpoint.png);
	}

.eventclose{
	position:absolute;
	left:auto;
	right:auto;
	top: 50px;
	width:100%;
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.5em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	box-sizing: border-box;
	}	
.backgrounddeg {
	overflow: hidden;
	transform: skewX(-5deg) rotate(-5deg);;
	background-color: #d90e10;
	top:-80px;
	position:absolute;
	width:100%;
	height:402px;
	 }
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

	 /* eventad */	 
.event-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
}
.event-img{
	width: 100%;
	height: auto;
	float: left;
	margin-right: 10px;
	padding: 5px;
}
	
.event-text{
    width: 100%;
    height: auto;
    float: left;
    padding: 5px;
    font-size: 14px;
    line-height: 150%;
}
	
.event-close{
	width:100%;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.5em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	}


.twitcasbana{
	width:60%;
	padding: 5px;
	text-align: center;
	}

.sns-doc{
	display: flex;
    align-items: flex-start;
    justify-content: space-around;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
}
.sns-contents{
	width:100%;
}




/* tab */
@media (min-width: 768px) {

.side-collapse-container{
	width:none;
	position:relative;
	left:0;
	transition:left .4s;
	margin-left:0px;
	}

.background_1{
	width:100%;
	background-color: rgb(0, 0, 0);
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
.menucontainer {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 100%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	}

.menucontainer_2 {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 80%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	background-color: rgba(115,27,36,1);
	}
			
.macherimark {
	font-size: 17px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 265px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.logomark {
	font-size: 20px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	width:11em;
	}
	
.topimg {
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../macheri_img/topimg_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 400px;
	position:relative;
	}
	
.topsubimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 100%;
	margin-top: 62px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-image: url(../201806onemanlive/topimg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
	.topsub_img {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
.topsubimg_1 {
	background-image: url(../macheri_img/original_5.png);
	}
.topsubimg_2 {
	background-image: url(../macheri_img/original_6.png);
	}
.topsubimg_3 {
	background-image: url(../macheri_img/macheri_201610_2.png);
	}
.topsubimg_4 {
	background-image: url(../macheri_img/macheri_201610_1.png);
	}			
		
.contentimg {
	float: left;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	}

.co_1 {
	background-image: url(../macheri_img/topimg_3.png);
	}

.co_2 {
	background-image: url(../macheri_img/topimg_4.png);
	}

.co_3 {
	background-image: url(../macheri_img/topimg_3.png);
	}
	
	
.background_b {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: rgba(3,3,3,1);
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}
	
.textsize {
	font-size: 15px;
	color: rgba(3,3,3,1);
	float: left;
	line-height: 170%;
	text-align: left;
	margin: 0px;
	padding: 5px;
	}
	
.topbana {
	color: rgba(3,3,3,1);
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	height: 125px;
	width: 125px;
	}
	
.snsbana {
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 120px;
	width: 120px;
		}
	
.eventinfobox {
	float: left;
	height: 398px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 1em;
	line-height: 170%;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border: 1px solid rgba(228,228,228,1);
	}
	
.eventinfoimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 10em;
	width: 100%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}
	
.eventimg_1 {
	background-image: url(../macheri_img/kha_201705_2.png);
	}
	
.eventimg_2 {
	background-image: url(../macheri_img/201612_ikebukuro.png);
	}
	.eventimg_6 {
	background-image: url(../macheri_img/keephopealive20180601.png);
	}
	.eventimg_7 {
	background-image: url(../macheri_img/201809branchpoint.png);
	}	
	
.eventclose{
	position:absolute;
	left:auto;
	right:auto;
	top: 50px;
	width:100%;
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	}
.backgrounddeg {
	overflow: hidden;
	transform: skewX(-5deg) rotate(-5deg);;
	background-color: #d90e10;
	top:-80px;
	position:absolute;
	width:100%;
	height:566px;
	 }
	 
	 /* eventad */	 
.event-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
}
.event-img{
	width: 35%;
	height: auto;
	float: left;
	margin-right: 10px;
	padding: 5px;
}
	
.event-text{
	width: 63%;
	height: auto;
	float: left;
	padding: 5px;
}
	
.event-close{
	width:100%;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.5em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	}


/* eventad end */ 	
}

		  
/* pc */
@media(min-width:991px) {
	
.side-collapse-container{
	width:none;
	position:relative;
	left:0;
	transition:left .4s;
	margin-left:175px;
	}

.background_1{
	width:100%;
	background-color: rgb(0, 0, 0);
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
.menucontainer {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 12.5%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	}

.menucontainer_2 {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	width: 80%;
	line-height: 170%;
	margin: 0px;
	padding: 5px;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(160, 26, 40);
	background-color: rgba(115,27,36,1);
	}
		
.macherimark {
	font-size: 17px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 265px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.logomark {
	font-size: 20px;
	color: rgba(3,3,3,1);
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	width:15em;
	}
	
.topimg {
	float: left;
	margin-top: 142px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-attachment: scroll;
	background-image: url(../macheri_img/topimg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0px;
	height: 450px;
	position:relative;
	}

.topsubimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 100%;
	margin-top: 132px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-image: url(../201806onemanlive/topimg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
	.topsub_img {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
	}
	
.topsubimg_1 {
	background-image: url(../macheri_img/original_5.png);
	}
.topsubimg_2 {
	background-image: url(../macheri_img/original_6.png);
	}
.topsubimg_3 {
	background-image: url(../macheri_img/macheri_201610_2.png);
	}
.topsubimg_4 {
	background-image: url(../macheri_img/macheri_201610_1.png);
	}			
		
.contentimg {
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	}

.co_1 {
	background-image: url(../macheri_img/kha.png);
	}

.co_2 {
	background-image: url(../macheri_img/topimg_6.png);
	}

.co_3 {
	background-image: url(../macheri_img/topimg_3.png);
	}
	
.background_b {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: rgba(3,3,3,1);
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}
	
.textsize {
	font-size: 15px;
	color: rgba(255,255,255,1);
	float: left;
	line-height: 170%;
	text-align: left;
	margin: 0px;
	padding: 5px;
	}
	
.topbana {
	color: rgba(3,3,3,1);
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	height: 125px;
	width: 125px;
	}
	
.snsbana {
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 120px;
	width: 120px;
		}
		
.eventinfobox {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 1em;
	line-height: 170%;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border: 1px solid rgba(228,228,228,1);
	}
	
.eventinfoimg {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	height: 15em;
	width: 35%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 45px;
	margin-left: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	}
	
.eventimg_1 {
	background-image: url(../macheri_img/kha_201705_2.png);
	}
	
.eventimg_2 {
	background-image: url(../macheri_img/201612_ikebukuro.png);
	}
	.eventimg_6 {
	background-image: url(../macheri_img/keephopealive20180601.png);
	}
	.eventimg_7 {
	background-image: url(../macheri_img/201809branchpoint.png);
	}
	

	.backgrounddeg {
	overflow: hidden;
	transform: skewX(-5deg) rotate(-5deg);;
	background-color: #d90e10;
	top:-80px;
	position:absolute;
	width:100%;
	height:695px;
	 }
	 
	 .eventclose{
	position:absolute;
	left:auto;
	right:auto;
	top: 100px;
	width:100%;
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.5em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	box-sizing:content-box;
	}
/* eventad */	 
.event-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
}
.event-img{
	width: 35%;
	height: auto;
	float: left;
	margin-right: 10px;
	padding: 5px;
}
.event-text{
	width: 64%;
	height: auto;
	float: left;
	padding: 5px;
}
.event-close{
	width:100%;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.5em;
	font-weight: bold;
	color: rgba(214,0,5,1);
	text-align: center;
	}

.twitcasbana{
	width:35%;
	padding: 5px;
	text-align: center;
	}
/* eventad end */ 
	 
}