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

#subpages { }
#subpages .visual { position: relative; }
#subpages .visual .logo { z-index: 9999; ; position: absolute; left: 0; }
#subpages .visual .topvisu {}
#subpages .visual .topvisu img { display: block; width: 100%; }
#subpages .visual .topvisu img.sp { display: block; width: 100%; } 
#subpages .visual .topvisu img.pc { display: none; width: 100%; } 
#subpages .visual .topvisu img.mysp { display: block; width: 100%; }
#subpages .visual .topvisu img.mypc { display: none; width: 100%; }
#subpages .main { clear: both; }
#subpages .main h2 { margin: 5px; padding: 10px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background: #000; box-sizing: border-box; }
#subpages .main .inner { clear: both; max-width: 1250px; margin: 0 auto; }
.thumbnails { clear: both; padding: 0 5px 5px; box-sizing: border-box; }
.thumbnails ul.thumbbox {}
.thumbnails ul.thumbbox li { padding: 0 0 5px; box-sizing: border-box; }
.thumbnails ul.thumbbox li img { display: block; width: 100%; }



#concierge { position: relative; background: #000; }
#concierge .logo { position: absolute; left: 0; }
#concierge .mainbox {}
#concierge .mainbox img { display: block; width: 100%; margin: 0 auto; }
#concierge .mainbox .leftbox {}
#concierge .mainbox .rightbox {}
#concierge .mainbox .rightbox .inrbox {}
#concierge .mainbox .rightbox .inrbox ul {}
#concierge .mainbox .rightbox .inrbox ul li {}








/******************************************			SPSP     481px～767px		*******************************************/
/******************************************			SPSP     481px～767px		*******************************************/
/******************************************			SPSP     481px～767px		*******************************************/
/******************************************			SPSP     481px～767px		*******************************************/

@media only screen and (min-width: 481px) {

#subpages { }
#subpages .visual {}
#subpages .visual .topvisu {}
#subpages .visual .topvisu img {}
#subpages .visual .topvisu img.sp { display: none; } 
#subpages .visual .topvisu img.pc { display: block; } 
#subpages .main { clear: both; }
#subpages h2 { font-size: 36px; }
#subpages .main .inner { padding: 0 40px; box-sizing: border-box; }





}






/******************************************			tablet	768px～1023px		*******************************************/
/******************************************			tablet	768px～1023px		*******************************************/
/******************************************			tablet	768px～1023px		*******************************************/
/******************************************			tablet	768px～1023px		*******************************************/
@media only screen and (min-width: 768px) {


#subpages { }
#subpages .visual {}
#subpages .visual .topvisu {}
#subpages .visual .topvisu img {}
#subpages .visual .topvisu img.sp { display: none; } 
#subpages .visual .topvisu img.pc { display: block; } 
#subpages .main { clear: both; }
#subpages .main h2 { margin: 0; padding: 10px; text-align: center; font-size: 36px; }
#subpages .main .inner { padding: 5px 40px; box-sizing: border-box; }
.thumbnails { margin: 0; }
.thumbnails ul.thumbbox { }
.thumbnails ul.thumbbox li { float: left; width: 50%; }
.thumbnails ul.thumbbox li.left { padding-right: 2.5px; }
.thumbnails ul.thumbbox li.right { padding-left: 2.5px; }







}






/******************************************			tablet	1024px～1249px		*******************************************/
/******************************************			tablet	1024px～1249px		*******************************************/
/******************************************			tablet	1024px～1249px		*******************************************/
/******************************************			tablet	1024px～1249px		*******************************************/
@media only screen and (min-width: 1024px) {

#subpages {}
#subpages .visual {}
#subpages .visual img {}
#subpages .visual .topvisu img.mysp { display: none; width: 100%; }
#subpages .visual .topvisu img.mypc { display: block; width: 100%; }
#subpages .main { clear: both; }
#subpages .main h2 { margin: 0; padding: 10px; font-size: 36px; }
#subpages .main .inner { padding: 5px 0; box-sizing: border-box; }
.thumbnails { margin: 0; }
.thumbnails ul.thumbbox { }
.thumbnails ul.thumbbox li { float: left; width: 33.333%; }
.thumbnails ul.thumbbox li.left { padding-right: 0; }
.thumbnails ul.thumbbox li.right { padding-left: 0; }
.thumbnails ul.thumbbox li.left1 { padding-right: 2.5px; }
.thumbnails ul.thumbbox li.center { padding: 0 2.5px; }
.thumbnails ul.thumbbox li.right2 { padding-left: 2.5px; }



#concierge { }
#concierge .logo { }
#concierge .mainbox { max-width: 1250px; margin: 0 auto; display: flex; align-items: flex-start; flex-direction: row-reverse; }
#concierge .mainbox img { }

#concierge .mainbox .leftbox { width: 40%; position:-webkit-sticky; position:sticky; top:0; }
#concierge .mainbox .leftbox .imgbox { margin: 0 auto; }
#concierge .mainbox .leftbox .imgbox img {}

#concierge .mainbox .rightbox { width: 60%; }
#concierge .mainbox .rightbox .inrbox {}
#concierge .mainbox .rightbox .inrbox ul {}
#concierge .mainbox .rightbox .inrbox ul li {}












}





/******************************************			PCPC     1250px～1500px		*******************************************/
/******************************************			PCPC     1250px～1500px		*******************************************/
/******************************************			PCPC     1250px～1500px		*******************************************/
/******************************************			PCPC     1250px～1500px		*******************************************/

@media only screen and (min-width: 1250px) {


}





/******************************************			PCPC     1500px～1799px		*******************************************/
/******************************************			PCPC     1500px～1799px		*******************************************/
/******************************************			PCPC     1500px～1799px		*******************************************/
/******************************************			PCPC     1500px～1799px		*******************************************/

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







}





/******************************************			PCPC     1800px～		*******************************************/
/******************************************			PCPC     1800px～		*******************************************/
/******************************************			PCPC     1800px～		*******************************************/
/******************************************			PCPC     1800px～		*******************************************/

@media only screen and (min-width: 1800px) {









}