@charset "utf-8";
/* CSS Document */

body{
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-weight: 400;
	font-style: normal;

}

h3{font-family: a-otf-futo-min-a101-pr6n, serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3em;
	color: #fff;
}
h4{font-family: tbudgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.1em;
	color: #fff;
}

h5{
	font-size: 1.1em;
	background-color: #B7B7B7;
	padding: 3px;
	
}

li{
	list-style: none;
}

a{
	text-decoration: none;
}

.linktext{
	font-family: tbudgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}



/* プログレスバー */
#container {
  margin-top: -50px;
  margin-left:0px;
  width: 10px;
  position: fixed;
  z-index: 9800; 
}

/* フェードインエフェクト */

.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*ロゴ */
.setbox{
	margin: 0 auto;
	margin-top: -80px;
	width:90vw;
	height:45vw;
	background-image: url("../img/nihonbashi_top.jpg");
	background-position: center;
	background-size: contain;
}
@keyframes fadeIn2 { /* ←追加 */
  from { opacity: 0; }
  to { opacity: 1; }
}

/*photo*/
.indexwrap{
	width: 100%;
	overflow-x: hidden;
}


/*footer*/
.sitefooterinnner{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 95vw;
	padding: 8px;
}

.footerinner{
	margin-left: 10px;
}

.footerinner a{
	color: #000;
}

.footer_ex{
	font-size:0.7em;
	color: #fff;
	width: 290px;
}



/* スクロールの幅の設定 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* スクロールの背景の設定 */
::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #aaa inset;
}

/* スクロールのつまみ部分の設定 */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #CECECE;
}

.mainbox{
	display: flex;
	flex-wrap: wrap;
	width:95vw;
}



/* twitter枠の設定 */
.twitterbox{
	width:340px;
	height: 740px;
	margin:0 auto;
	overflow: scroll;
	margin-top: 80px;
	
}