@charset "UTF-8";

/*--------------------↓BG      ↓--------------------*/

#vegas {z-index:0; position:fixed; top:0; left:0; width:100vw; height:100vh;}

/*--------------------↑BG      ↑--------------------*/
/*--------------------↓MAIN    ↓--------------------*/

/* top */
#top {z-index:10; position:relative; width:100%; height:calc(100vh - 100px);}

#text p {margin:5px; font-size:min(7vw,45px);}
#text p:nth-child(2) {font-size:min(3vw,20px); line-height:1.5;}

#new {z-index:15; position:absolute; top:45px; right:0; margin:10px; padding:8px 10px;}
#new span {margin-right:5px;}

#promo {display:inline-block; position:absolute; bottom:50px; left:0;}
#promo a {margin:5px; padding:10px 15px;}



/* search */
#search {margin:20px 0; padding:0;}
#search > div {margin:0 auto;}

#search h3 {margin:15px 0 30px;}


#type p {height:48px; width:100%;}
#type a {margin:4px; padding:8px 16px;}


#menu {margin:4px;}
#menu a {margin:4px; width:40%; padding:16px;}

#areamap {margin:0 16px;}
#areamap svg {width:272px;}
#map-sub {display:none; width:192px; padding:2px;}
#map-sub a {display:block; width:calc(100% - 4px); margin:3px;}

.types {min-width:272px; width:calc(33% - 32px); margin:16px;}
.flex1 {flex:1;} .flex2 {flex:2;} .flex3 {flex:3;}
.flex4 {flex:4;} .flex5 {flex:5;} .flex6 {flex:6;}
#type .t14 a {padding:8px;}


/* banner */
#banner {margin:20px 0;}
#banner a {max-width:400px; margin:16px;}



/* rec */
#rec > div {max-width:100%;}
.slider a {display:block; width:256px; height:400px; margin:16px;}

.slider img {width:256px; height:192px; border-radius:3px 3px 0 0;}
.slider a div {z-index:1; position:relative; margin:5px;}

.slider h5 {display:inline-block;}
.slider p {margin:5px; letter-spacing:0;}
.slider span {display:inline-block; margin:0 5px;}



/* con */
#con a, #con .cW, #s-link a {width:272px; height:136px; margin:8px auto;}
#con a p, #s-link p {width:136px; height:136px; border-radius:3px 0 0 3px;}
#con a p:nth-child(2), #s-link p:nth-child(2) {border-radius:0 3px 3px 0;}

#con .cW span {didplay:inline-block; height:68px;}
#con .cW a {width:82px; height:61.5px; margin:0 3px 6px;}



/* info */
#info {letter-spacing:0;}

address, #news, #cal {margin:10px; padding:8px;}
#news, #cal, .aIcon {z-index:1; position:relative;}

address > * {margin:8px; padding:2px;}

address img {max-width:250px;}
address p img {vertical-align:middle; width:1em; height:1em;}
.aIcon img {z-index:10; position:absolute; top:calc(50% - 9px); left:9px; width:18px; height:18px;}

address .sns a {width:40px; height:40px; margin:10px;}
.sns a img {width:100%; height:100%;}

#cal p {padding:5px 5px 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*-- safariのみ --*/
#twitter-widget-0 {max-height:400px!important;}
}


/* links */
#links {margin:30px 0;}
#links > div {margin:0 auto;}
#links a {width:240px; height:auto; margin:16px;}
#links a img {width:100%; height:auto;}

/*--------------------↑MAIN  ↑--------------------*/

/*--------------------Responsive750--------------------*/
@media screen and (min-width:750px){

/* top */
#new {top:70px;}

/* search */
#search {margin:30px 0; padding:10px;}

#areamap svg {width:384px;}
#map-sub {display:block; width:192px;}


/* con */
#con a, #con .cW, #s-link a {margin:24px;}

}


/*--------------------Responsive1045--------------------*/
@media screen and (min-width:1045px){

/* info */
address {order:2;}
#news {order:1;}
#cal {order:3;}

}