@charset "utf-8";

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.php

*/ body       { *font-size:small; *font:x-small; margin:0px; padding:0px; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:13px; line-height:1.231; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
*             { margin: 0; padding: 0; }
/* HTML5 */
header, footer, section, aside, nav, article { display: block; margin:0; padding:0; }

/* Link */
a:link        { color:#003f98; text-decoration:none; }
a:visited     { color:#666666; text-decoration:none; }
a:hover       { color:#056dff; text-decoration:none; }
a img         { text-decoration:none; border-style:none; }
a:hover img   { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

/* general params */
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote ,iframe { padding:0px; display:block; margin:0px; }
hr            { border:none; }
li            { list-style:none; }
table         { font-size:inherit; }
acronym, abbr { cursor:help; }
.clear        { clear: both; }
img { border:none; vertical-align:bottom; text-align:right; -ms-interpolation-mode:bicubic; max-width:100%;   height:auto;   width /***/:auto;}
p             { margin:10px 0 1em; font-size:108%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph; }

/* Clearfix */
.cf:after     { content: "."; display:block; clear:both; height:0; visibility:hidden; }
.cf           { min-height:1px; }
* html .cf    { height:1px;/*\*//*/height: auto;overflow: hidden;/**/ }

/* ====================================================================================================
   基本設定
   ---------------------------------------------------------------------------------------------------- */

body        { background:rgba(0,0,0,0.9); color:fff; height:100%; overflow:hidden;}
body:before { content:""; position:absolute; top:50%; left:50%; z-index:2; width:800px; height:800px; margin:-400px 0px 0px -400px; background:url(img/bg.png) no-repeat center center; display:block;}
h1          { position:absolute; top:0vh; left:0px; z-index:4; width:80%; height:20vh; padding:30vh 10% 60vh 10%; background:url(img/bg_slant.png) rgba(0,0,0,0.6); line-height:100px; margin-top:-50px; text-align:center; font-size:100px; font-family:Arial, Helvetica, sans-serif; }
ul          { width:100%; height:100%; }
ul li       { width:33.333%; height:100%; float:left; position:relative; }
ul li h2    { position:absolute; bottom:140px; left:10%; z-index:6; width:80%; text-align:center; font-size:16px; font-weight:normal; }
a.btn       { position:absolute; bottom: 70px; left:25%; z-index:6; width:50%; padding:10px 0px; display:block; background:none; border:1px solid #fff; color:#fff; text-align:center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
a.btn:hover { background:rgba(255,255,255,0.1) }

ul li:nth-child(1) { background:url(img/bg_uraniwa.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; }
ul li:nth-child(2) { background:url(img/bg_hochiminh.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; }
ul li:nth-child(3) { background:url(img/bg_comongsoon.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; }


/* screens smaller than 600 -----------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

    h1       { font-size:50px; line-height:80px; }
    ul li h2 { font-size:14px; }
	
}