@charset "utf-8";
/* PC用CSS */
@media print, screen and (min-width: 850px) {

/* common */
*{
   	 margin: 0;
   	 padding: 0;
}

body {
  -webkit-text-size-adjust: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:95%;
}



/*** 全体☆***/
	body{text-align:center;
		font-family:'メイリオ';
		margin:0px;}
	div,li{-webkit-box-sizing:border-box;
		box-sizing:border-box;}

/*** 上部タイトル部分☆☆ ***/
	.header{position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:80px;
		margin:auto;
		text-align:center;
		background-color:#fff;
		color:#777;
		font-size:14px;}
/*** 上部タイトル ***/	
	.main_title{
		font-weight:100;
		font-size:40px;
		color:#fff;
		text-shadow: 0 1px 0 #ddd,
		0 2px 0 #c9c9c9,
		0 3px 0 #ccc,
		0 4px 0 #b9b9b9,
		0 5px 0 #bbb,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 3px 5px rgba(0,0,0,.2),
		0 5px 10px rgba(0,0,0,.25),
		0 10px 10px rgba(0,0,0,.2),
		0 20px 20px rgba(0,0,0,.15);
		margin-top: 25px;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: 0px;
	}

/*** ナビゲーション部分☆☆☆ ***/
	.koboButBase{width:95%;
		max-width:970px;
		padding:0;
		margin:0 auto;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-transition:0.5s;
		transition:0.5s;}
	.koboBut{position:relative;
		top:0px;
		left:0px;
		list-style:none;
		padding:0;margin:0;
		text-align:center;
		-webkit-flex-grow:1;
		flex-grow:1;}
	.menu_title{position:relative;
		top:0px;
		left:0px;
		display:none;
		height:40px;
		background-color:#005074;
		color:#fff;
		padding-top:8px;}
	.koboBut a{position:relative;
		top:0px;
		left:0px;
		text-decoration:none;
		display:block;
		padding:12px 0px;
		background-color:#eed;
		font-size:12px;
		font-weight:bold;
		color:#777;
		-webkit-transition:0.5s;
		transition:0.5s;
		-webkit-transform:scale(0.95,1);
		transform:scale(0.95,1);}
	.koboBut a:hover{z-index:2;
		color:#fff;
		background-color:#356;
		-webkit-transform:scale(1.05,1.2);
		transform:scale(1.05,1.2);
		box-shadow: 0px 10px 30px rgba(0,0,0,0.4);}

/*** レスポンシブ化☆☆☆☆☆ ***/
@media screen and (max-width:900px){
	.main_title{font-size:40px;}
	.header{height:60px;}
		}
@media screen and (max-width:650px){
	.header{height:60px;}
	.main_title{font-size:40px;
		margin:0px;}

	.menu_title{display:block;
		z-index:10;}
	
	.koboButBase{width:100%;
		-webkit-flex-direction:column;
		flex-direction:column;
		height:40px;
		overflow:hidden;}
	
	.koboButBase:hover{height:450px;}
	
	.koboBut a{-webkit-transform:scale(1,0.9);	
		transform:scale(1,0.9);}
	}