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

/* COMMON SETTING */
a { transition:opacity 0.5s ease-in 0s, background 0.5s ease-in 0s, color 0.5s ease-in 0s; }
img { width:auto; max-width:100%; height:auto; }
body { padding:0 0 0 0; background:url(../img/common/bg_main_01.jpg) center top; }

/* HEADER */
#header { margin:0 0 40px 0; }
#headerBox { width:960px; max-width:100%; box-sizing:border-box; padding:20px 10px 20px 10px; margin:0 auto 0 auto; }
#headerBox h1 { font-size:12px; color:#6a1533; margin:0 0 5px 0; }
#headerBox h2,
#headerBox p { display:block; width:57.65%; float:left; }
#headerBox .btnBox {  width:40.85%; float:right; padding:1% 0 0 0; }
#headerBox .btnBox ul { }
#headerBox .btnBox ul li { width:49.21%; float:left; margin:0 1.58% 0 0; background:#fff; }
#headerBox .btnBox ul li:nth-of-type(2) { margin:0; }
#headerBox .btnBox ul li a:hover { opacity:0.7; }
#headerBox .btnBox ul li a.comingSoon { position:relative; display:block; cursor:inherit; }
#headerBox .btnBox ul li a.comingSoon img {  opacity:0.2 !important; }
#headerBox .btnBox ul li a.comingSoon:after { position:absolute; width:100%; margin:-0.5em 0 0 0; top:50%; left:0; color:#999; font-weight:bold; content:'coming soon'; font-size:14px; text-align:center; }

/* GROBAL NAVIGATION */
#gNavi { display:block; box-sizing:border-box; width:96%; max-width:960px; border-radius:10px; background:#fff; margin:0 auto 0 auto; border:#7c6c64 solid 2px; padding:2px; }
#gNavi ul { display:block; box-sizing:border-box; border-radius:10px; border:#cdc6a7 solid 2px; }
#gNavi ul li { display:block; padding:10px 0; text-align:center; width:14.28%; float:left; line-height:1.1;}
#gNavi ul li:nth-of-type(1) { display:none; }
#gNavi ul li:last-of-type a { border:none; }
#gNavi ul li a {  border-right:#7c6c64 solid 1px; box-sizing:border-box; display:block; padding:0 10px; line-height:1.1; }
#gNavi ul li:hover { background:#fff; }
#gNavi ul li a:hover { opacity:0.7; }
#gNavi ul li a.comingSoon { position:relative; cursor:inherit; }
#gNavi ul li a.comingSoon img {  opacity:0.2 !important; }
#gNavi ul li a.comingSoon:after { position:absolute; width:100%; margin:-0.5em 0 0 0; top:50%; left:0; color:#000; font-weight:bold; content:'coming soon'; font-size:10px; text-align:center; }

/* FOOTER BTN */
#footerBtn { width:100%; max-width:900px; box-sizing:border-box; padding:0 10px; margin:0 auto; }
#footerBtn ul { }
#footerBtn ul li { display:block; width:45%; float:left; background:#fff; }
#footerBtn ul li:nth-of-type(2) {  float:right; }
#footerBtn ul li a { display:block; }
#footerBtn ul li a:hover {  opacity:0.7; }
#footerBtn ul li a.comingSoon { position:relative; cursor:inherit; }
#footerBtn ul li a.comingSoon img {  opacity:0.2 !important; }
#footerBtn ul li a.comingSoon:after { position:absolute; width:100%; margin:-0.5em 0 0 0; top:50%; left:0; color:#999; font-weight:bold; content:'coming soon'; font-size:14px; text-align:center; }

/* FOOTER */
#footer { background:#fff; position:relative; }
#footerBox { display:block; width:100%; box-sizing:border-box; padding:20px 10px 150px 10px; max-width:960px; margin:0 auto; }
#footerBox .telBox { margin:0 auto 10px auto; padding:0 0 10px 0; border-bottom:#938168 solid 1px; }
#footerBox #pageTop { display:block; width:19.36%; float:right; }
#footerBox .logoBox {  width:30.85%; float:left; padding:1% 0 0 0; }
#footerBox address {  font-size:10px; text-align:center; display:block; width:49.79%; float:left; padding:2.12% 0 0 0; }

#footerSpBnr { display:none; background:#00b7ee; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; }
#footerSpBnr ul { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
#footerSpBnr ul li { margin:0; }
#footerSpBnr ul li:nth-of-type(1)  { flex-grow:0; flex-shrink:1; flex-basis:40%; }
#footerSpBnr ul li:nth-of-type(2)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(3)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li:nth-of-type(4)  { flex-grow:0; flex-shrink:1; flex-basis:20%;}
#footerSpBnr ul li a,
#footerSpBnr ul li a:hover { display:block;  text-align:center; line-height:1; }
#footerSpBnr ul li a img { width:100%; height:auto; }

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



}

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

}

@media screen and (max-width:768px) {
body {  }
#headerBox h1 { font-size:2vw; font-weight:bold; margin:0; line-height:1.1; text-align:center; }
#headerBox h2,
#headerBox p { float:none; margin:0 auto 10px auto; width:100%; text-align:center; }
#headerBox .btnBox { float:none; margin:0 auto 0 auto; width:100%; }
#headerBox .btnBox ul li { width:50%; margin:0; }
#headerBox .btnBox ul li:nth-of-type(1) a { background:#ddcee5; color:#fff; font-size:4vw; font-weight:bold; text-align:center; display:block; width:100%; box-sizing:border-box; padding:10px 0; text-decoration:none; line-height:1.1em; }
#headerBox .btnBox ul li:nth-of-type(2) a { background:#f9beba; color:#fff; font-size:4vw; font-weight:bold; text-align:center; display:block; width:100%; box-sizing:border-box; padding:10px 0; text-decoration:none; line-height:1.1em; }
#headerBox .btnBox ul li a img {  display:none; }
#headerBox .btnBox ul li a:before { content:attr(data-text); }
#headerBox .btnBox ul li a.comingSoon:after { font-size:2.5vw; }

#gNavi ul li { width:25%; }
#gNavi ul li:nth-of-type(1)  { display:block; }
#gNavi ul li:nth-of-type(4) a { border:none; }
#gNavi ul li a { padding:0 5px; }
#gNavi ul li a.comingSoon:after { font-size:2.5vw; }

#footerBtn ul li { width:50%; margin:0; }
#footerBtn ul li:nth-of-type(1) a { background:#ddcee5; color:#fff; font-size:4vw; font-weight:bold; text-align:center; display:block; width:100%; box-sizing:border-box; padding:10px 0; text-decoration:none; line-height:1.1em; }
#footerBtn ul li:nth-of-type(2) a { background:#f9beba; color:#fff; font-size:4vw; font-weight:bold; text-align:center; display:block; width:100%; box-sizing:border-box; padding:10px 0; text-decoration:none; line-height:1.1em; }
#footerBtn ul li a img {  display:none; }
#footerBtn ul li a:before { content:attr(data-text); }
#footerBtn ul li a.comingSoon:after { font-size:2.5vw; }

#footer #pageTop { position:fixed; bottom:80px; right:10px; width:100px; }
#footer .logoBox { float:none; margin:0 auto 10px auto; width:50%; }
#footer address { display:block; font-size:2.5vw; text-align:center; float:none; clear:both; width:100%; }

#footerSpBnr { display:block; }
}