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

body {
	height: 100%;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
	color:#fff;
	text-align:center;
	font-size:medium;
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	background-color:#000;
}

a:hover		{opacity: 0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
			-webkit-transition:0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
			}


h1{	display:block;
	text-indent:-99999px;
	background-image:url("img/ktb_logo.png");
	background-image/*¥**/: url(img/ktb_logo_ie.png) ¥9;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:0 10px;
	height: 0;
    padding: 10%;
    margin: 0;
	}
@media screen and (max-width: 1000px) and (max-width: 1000px) {
	h1{padding: 20%;}
}

@media screen and (max-width: 540px) and (max-width: 540px) {
	h1{padding: 30%;}
}


	.btn a, .btn a:visited {
		position: relative;
		overflow: visible;
		display: inline-block;
		padding: 12px 40px;;
		margin: 10px auto;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		background-color: #555;
		border-radius: 3px;
		zoom: 1;
	}

.box {
  width: 100vw;
  height: 100vh;
}

@media screen and (max-width: 320px) and (max-width: 480px) {
  .box {
    width: 320px;
    height: 480px;
  }
}


.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

p{margin: 40px 0 10px 0;}
p.btn{margin: 10px 0;}

.title{
	font-size:300%;
	font-family: 'Kaushan Script', cursive;
	letter-spacing: 5px;

}