@charset "UTF-8";/* スタイルシートのエンコーディングを Unicode UTF-8 に*/

body {
	background-image: url(../honebana_image/honebana_top.jpg);
	background-repeat:  no-repeat;
	background-position: right top;
	background-color: black;
	text-align: right;
	
	padding: 10px;
	margin:18% auto auto;	
	
	font-family:
		"Times New Roman" ,/*英語pc*/
		"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , /*日本語winmac*/
		"ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HiraMinProN-W3" , /*日本語mac*/
		"HGS明朝B" , "HGSMinchoB" , /*日本語win1*/
		"ＭＳ Ｐ明朝" , "MS PMincho" , "ＭＳ 明朝", /*日本語win2*/
		"新宋体" , NSimSun , "細明體" , "MingLiU" ,/*中国語win*/
		"蘋果儷細宋" , "Apple LiSung Light" ,/*中国語mac*/
		serif;
	
	font-size: 0.9em;	
	word-spacing: 2em;
	color: #f3f3f3;
	line-height: 2.5em;	
}

a:link {
	color: #888;
}
a:visited {
	color: #888;
}
a:hover { 
	color: #eee;
}
a:active {
	color: #eee;
}
a {
	text-decoration: none;
}

.honebana_index_menu {
	width: 314px;
	height: 400px;
	position: relative; top: 0px; right: 0px;
	margin: 0px 380px 0 auto;
	padding: 0px;
	z-index: 2;
/*background-color: white;*/
}

.logo {
	position: absolute; bottom: 55px; right: 10px;
}
.japanese {
	position: absolute; bottom: 10px; right: 153px;
}
.english {
	position: absolute; bottom: 10px; right: 83px;
}
.chinese {
	position: absolute; bottom: 10px; right: 13px;
}

img { border-style: none }

.honebana_index_menu2 {
	display: none;
}

/*▼▼ここからレスポンシブ▼▼*/

@media screen and ( max-width:950px) {

.honebana_index_menu {
	display: none;
}

.honebana_index_menu2 {
	display: block;
	width: 284px;
	position: absolute; bottom: 10%; left: 10%;
	margin: auto;
	text-align: center;
/*background-color: #fff;*/
}

body {
	background: url(../honebana_image/honebana_top.jpg) no-repeat right top fixed;
	background-color: black;
	background-size: contain;/* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	-webkit-background-size: contain;/* Safari 3.0 */
	-moz-background-size: contain;/* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: contain;/* Opera 9.5 */
	-ms-background-size: contain;	
}

body::before {
	background:url(../honebana_image/honebana_top.jpg) no-repeat right top fixed;
	background-size: contain;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
	content: "";
	z-index: -1;
}

}