@charset "utf-8";

/* CSS Document */

/***共通項目***/
body { color:#FFF; font-weight:500; background:#000; }

@media (min-width: 769px) {
	a[href^="tel:"] { pointer-events: none; }
}

.w100 { width:100%; }

a, a:visited { color:#FFF; }
a:hover { text-decoration:underline; }

hr { border:none; border-bottom:solid 1px #FFF; }

div.parallax{ background: url(../img/bg.png); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }

/***ヘッダー***/
.main-img { background: url(../img/title_bg.png) no-repeat; background-size: cover; padding-top: 40px;  }

/***ナビゲーション***/
.nav { position: fixed; background-color: #000; width: 100%; z-index: +1;}
.nav ul { text-align: center;}
    @media (min-width:768px){
    .nav ul {text-align: right;}
    }
.nav ul li { display: inline-block; text-align: center; font-size: 0.8rem; padding:5px 1.0rem; height: 30px; position: relative;}
.nav ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}
.nav ul li:hover { text-decoration: underline;}

/***コンテンツ***/
.box { padding: 2.0rem 0; width: 100%;}
.purchase { padding: 2.0rem 0;}
.box h2, .purchase h2 { font-family: georgia; font-size: 3.0rem; font-weight: 700; text-align: center; }
.box h2 span { font-size: 1.2rem;}

#prestage { padding-top: 3.0rem;}

#available { margin-bottom: 1.0rem;}
#available ul { width: 100%; margin: 0 auto; padding: 0; text-align: center;}
#available ul li { width: 33.33333%; margin: 0; padding: 0.5rem; display: inline-block; box-sizing: border-box;}
#available ul li img {width: 100%;}

#rg752mqm ul li, #s6527 ul li, #s5527qfx ul li  { width: 100%; display: inline-block; padding: 0.5rem; vertical-align: top; box-sizing: border-box;}
    @media (min-width:768px){
        #rg752mqm ul li, #s6527 ul li, #s5527qfx ul li { width: 50%;}
    }
    @media (min-width:992px){
        #rg752mqm ul li, #s6527 ul li, #s5527qfx ul li { width: 25%;}
    }
#rg752mqm ul li img, #s6527 ul li img,#s5527qfx ul li img, .purchase ul li img { width: 100%;}
#rg752mqm ul li p, #s6527 ul li p { font-size: 1.0rem; font-weight: 400;} 

.purchase ul { text-align: center;}
.purchase ul li {width: 33.3333%; margin: 0; padding: 0.5rem; display: inline-block; box-sizing: border-box;}
    @media(min-width:768px){
    .purchase ul li { width: 20%;}
    }
.purchase ul li p { font-size: 0.9rem; font-weight: 400; text-align: center;}


.spec { font-weight:400; font-size:1.0rem; padding:1.0rem; text-align:left; margin-bottom:2.0rem; }
.spec h3 { text-align:center; font-weight:900; margin-bottom:0.5rem; }
.spec table { margin:0 auto; width:100%; }
.spec table tr th { width:35%; }
.spec table tr td { width:65%; }
.spec table tr th, .spec table tr td { border-bottom: solid 1px #FFF; padding:0.25rem 0; }
.spec table th { color:#F00; }

#shop { padding: 1.0rem 0;}
#shop ul li { width: 100%; margin: 0; padding: 0; text-align: center; display: inline-block; font-size: 2.5rem; vertical-align: top; padding-bottom: 2.0rem;}
    @media(min-width:768px){
        #shop ul li { width: 33.333333%;}
    }
#shop ul li p { font-size: 1.0rem;}
#shop ul li p span { font-size: 0.8rem;}

/***埋め込み系***/
.embed { position: relative; width: 100%; padding-top: 56.25%; }
    @media(min-width:768px){
        .embed { padding-top: 40%;}
    }
.embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/***フッター***/
.footer { text-align:center; font-size:0.75rem; padding:0.1rem 0; background-color:#000; color:#FFF; font-weight: 500; }