/* "BASE" Style Sheet
===================================================== */



/* BASE
===================================================== */
body,h1,h2,h3,h4,h5,h6,p,table,tr,th,td,quote,small,form,input,ul,li,ol,label,hr,dl,dt,dd,figure,img {
	margin: 0;
	padding: 0;
}
html,body {
	height:100%;
}

body {
	font-family: "Roboto","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 22px;
	line-height: 1.8em;
	font-style: normal;
	text-decoration: none;
	color: #4D4D4D;
	letter-spacing: 0.03em;
}
img {
  border:none;
	vertical-align: top;
}

a {
	color: #0080A6;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
li {
	list-style: none;
}
hr {
	border: none;
	border-top: dashed 1px #000;
	height: 1px;
	margin: 3px 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
a:hover img {
	cursor:pointer;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	opacity:0.7;
	zoom:1;
}



/* SCROLL BAR
===================================================== */
.scrollbar::-webkit-scrollbar {
  overflow:hidden;
  width:5px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
.scrollbar::-webkit-scrollbar:horizontal {
  height:5px;
}
.scrollbar::-webkit-scrollbar-button {
	display:none;
}
.scrollbar::-webkit-scrollbar-piece {
  background:#eee;
}
.scrollbar::-webkit-scrollbar-piece:start {
	background:#eee;
}
.scrollbar::-webkit-scrollbar-piece {
  background: transparent;
}
.scrollbar::-webkit-scrollbar-piece:start {
	background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  overflow:hidden;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#666;
}
.scrollbar::-webkit-scrollbar-corner {
  overflow:hidden;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#666;
}



/* RESPONSIVE YOUTUBE
===================================================== */
div.flex-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
div.flex-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* CLEARFIX
===================================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear: both;
	border: none;
}