@charset "utf-8";

.heroTitleTop{

  	font-size:18px;
	font-weight: bold;
	
}
	
	
	

	.gaikanBigBack{
		
	background-image: url(../img/top/nioh_syoumen_pc.jpg);
	background-repeat: no-repeat;
	background-size:  cover; 

	margin-top: 50px;
	height: 500px;
		

		 background-position: center;
		
		
		

		
}



.gaikanBack {
	
	
	
		display: flex;
	flex-direction: row;
	align-items: flex-end;
	
	padding: 20px;
	
	height: 500px;
	
}

.gaikanBack_White {
	width: 100%;
	background-color:rgba(255,255,255,0.7);
	padding: 30px;
	font-size: 25px;
}





.info_midashi{
	font-size: 30px;
	text-align: center;
	margin-top: 30px;
}

.infoBox{
	border: solid 1px gray;
	background-color: #fff;
	margin: 0 20px;
	padding: 20px;
	

}

.infoBoxUL{
		
	display: flex;
flex-direction: row;
flex-wrap: nowrap;
border-bottom: dotted 1px gray;
	padding-bottom: 10px;
}



.infoBoxLI1{
		padding-right: 20px;

}

.teikyuubiBox{
	padding: 0 30px;
}

.instagramBox {
	margin: 20px 20px 0 20px;
}

.instagramBanar {
	margin: 20px 0 100px 0;
	text-align: center;
}

.goaisatuButton {
/*background-color: gray;*/
	order: 1;
	margin: 0px;
	padding: 0px;
	text-align: center;
	align-self: flex-end;
}

	
		.goaisatuButton img {
				width: 95%;
			}

/* ////////////////////////
タブレット以上
//////////////////////// */
@media (min-width:768px){
	
	.heroimg {
/*	  background-color:aliceblue;*/
  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 0px -50vw 0px -50vw;/*左右設定することでセンターに*/
}

	

	
.heroTitleTop{

  font-size:20px;

	
}
	
	
	

	.gaikanBigBack{
		
	background-image: url(../img/top/nioh_syoumen_pc.jpg);

		
				background-attachment: fixed;
		
		
		
					width: 100vw;
	  position: relative;
	  left:50%;
	  right:50%;
	  margin: 40px -50vw 0px -50vw;
		
}

	
	
	
	
	.gaikanBack {



	margin-top: 0px;
	height: 500px;
	
	
		display: flex;
	flex-direction: row;
	justify-content: flex-end;
	
	padding: 0px;
}
	


	
	.gaikanBack_White {
	width: 22%;
		height: 100%;
	background-color:rgba(255,255,255,0.7);
	padding: 20px 20px 20px 0px;
	font-size: 20px;
		margin-right: 50px;
		
		display: flex;

		
flex-wrap: wrap;
justify-content: space-between;
justify-content: flex-end;

}


.goaisatuButton {

}

	
		.goaisatuButton img {
				width: 50%;
			}
	
	.gaikan_text{
	
	order: 2;
			-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
		text-align: left;
		
/*		background-color: red;*/
		
	}

	

	
	


.annai3Box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
	margin: 50px 0;
}

.annnaiBox {
	flex-basis: 31%;
}

	.infoOshiraseBoxBig {
		margin: 30px 0px;
	}
	
	.infoBoxBig {
		border-right:solid 1px gray;
	}
	
.infoOshiraseBoxBig {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.infoOshiraseBoxBigIN {
	flex-basis: 49%;
}
	

.infoBox{
	margin: 0 20px;
	

}
	
	
	.teikyuubiBox{
	padding: 0 0px;
}
	

	
.instagramBox {
		margin: 20px 0px 0 0px;
}

.instagramBanar img{
	width: 50%;
}

	
	
}


/* ////////////////////////
パソコン以上
//////////////////////// */
@media screen and (min-width: 1200px) {

		.gaikanBigBack{
		
	background-image: url(../img/top/nioh_syoumen_pc2.jpg);

}

	
	
	
	.gaikanBack_White {
	width: 17%;


}

.heroTitleTop{

  font-size:30px;

	
}
	
.instagramBanar img{
	width: 30%;
}


}