/*     1440px (Surface Pro 3 1440x1024)
----------------------------------------*/
@media screen and (max-width:1440px){

/* Slider */
.camera_caption>div{padding:11% 0 16.3%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:245px}

}

/*     1280px (Surface Pro 2 1280x720)
----------------------------------------*/
@media screen and (max-width:1280px){

/* Slider */
.camera_caption>div{padding:10.3% 0 17%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:215px}

}

/*     1112px  (iPad Pro 10.5 1112x834)
----------------------------------------*/
@media screen and (max-width:1112px){

/* Slider */
.camera_caption>div{padding:9% 0 18.3%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:180px}

}

/*     1024px (iPad 1024x768)
----------------------------------------*/
@media screen and (max-width:1024px){

/* Slider */
.message{font-size:4em}
.camera_caption .meaning{font-size:2em}
.camera_caption>div{padding:9.5% 0 17.8%}


#content .heading{padding-bottom:8px;background-position:8px 4px}

/* Text Link Button */
.text-link{padding-bottom:12.5px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:160px}

}

/*     966px  (Nexus7 v1 966x604)
----------------------------------------*/
@media screen and (max-width:966px){

/* Structure */
#pagewrap,.camera_wrap .camera_pag .camera_pag_ul,#site-description,#main-nav,#pankuzu,#footer-menu{width:920px;margin:0 auto}

/* Slider */
.camera_wrap .camera_pag .camera_pag_ul{margin:9px auto}
.camera_caption>div{padding:9% 0 18.3%}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:150px;height:60px;-webkit-background-size:150px 120px;background-size:150px 120px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -60px}

/* Pagewrap */
#pagewrap{top:171px}

/* Content */
#content{width:580px;float:right;padding:0 20px 5px}
.max-image{margin:0 -20px 25px}

/* Balloon */
.balloon-arrow{font-size:240%}

/* LINE Accordion */
#process{font-size:290%}

/* Sidebar */
.sidebar{width:260px;margin-bottom:20px;padding:10px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:48.5%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:175px}
#confirmation-banner,#reservation-banner img{width:30px;height:150px}

}

/*     960px  (Nexus7 v2 960x600)
----------------------------------------*/
@media screen and (max-width:960px) {

/* Structure */
#pagewrap,.camera_wrap .camera_pag .camera_pag_ul,#site-description,#main-nav,#pankuzu,#footer-menu{width:95%}

/* Slider */
.camera_caption p{width:auto}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:147px;height:58px;-webkit-background-size:147px 116px;background-size:147px 116px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -58px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:6px}

/* Pagewrap */
#pagewrap{top:168px}

/* Content */
#content{width:auto;float:none;margin:25px auto;padding:0 2.5% 10px}
.max-image{margin:0 -2.61% 25px}

/* Balloon */
.balloon-arrow{font-size:360%}

/* LINE Accordion */
#line-reservation{margin-top:10px}
#process{font-size:420%;margin:0 auto 25px;padding:1% 0 0 2%}
#process::before{width:60px;height:60px;margin:0 0 -4px 20px;padding-right:30px;background-size:60px}
#process.active::before{background-size:60px}

/* Sidebar */
.sidebar{width:auto;float:none;margin:0;padding:30px 2.5% 10px}
.sidebar li{font-size:100%}
#sidebar01{padding:0 2.5% 15px}
#sidebar01 .topheading,#side01,#side02,#side03,#side04,#side05,#side06,#side07,#side08,#side09,#side10{display:none}
#sidebar02{padding:30px 2.5% 10px}
#tap,#scroll01,#scroll02,#scroll03,#scroll04,#scroll05,#scroll06,#scroll07,#scroll08,#scroll09,#scroll10,#select02,#select03,#select04,#select05,#select06{display:block}

.sidebar .separator-line{margin:75px auto}

/* Calendar */
#this-month{width:49%;float:left}
#next-month{width:49%;float:right;padding-left:2%}
#calendar .br,#nap .br{display:inline}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{width:50px;height:45px;top:48%;background-size:50px 45px}
#sidebar02 .swiper-button-prev{left:30px}
#sidebar02 .swiper-button-next{right:30px}
#sidebar02 .swiper-slide img{width:95%;margin:0 2.5% 15px;padding:0;box-shadow:5px 5px 10px #999}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:173px}
.line{margin-top:10px}

}

/*	926px  (iPhone12 Pro Max 926x428)
----------------------------------------*/
@media screen and (max-width:926px) {

/* Slider */
.message{font-size:3.5em}
.camera_caption .meaning{font-size:1.75em}
.camera_caption>div{padding:9.5% 0 17.8%}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:143.2px;height:54px;-webkit-background-size:143.2px 108px;background-size:143.2px 108px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -54px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:4.1px}

/* Pagewrap */
#pagewrap{top:165px}

/* Content */
.max-image{margin:0 -2.7% 25px}

/* Balloon */
.balloon-arrow{font-size:340%}

/* LINE Accordion */
#reservations .br{display:block}
#process{font-size:400%}
#process::before{width:50px;height:50px;margin-bottom:-2px;background-size:50px}
#process.active::before{background-size:50px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:160px}

}

/*     896px  (iPhone XR 896x414)
----------------------------------------*/
@media screen and (max-width:896px){

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:137.2px;height:55px;-webkit-background-size:137.2px 110px;background-size:137.2px 110px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -55px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5.6px}

/* Content */
.max-image{margin:0 -2.68% 25px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47.7%}

}

/*     881px  (Android 881x424)
----------------------------------------*/
@media screen and (max-width:881px){

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:135px;height:54px;-webkit-background-size:135px 108px;background-size:135px 108px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -54px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5.39px}

/* Content */
.max-image{margin:0 -2.66% 25px}

/* Balloon */
.balloon-arrow{font-size:330%}

/* LINE Accordion */
#process{font-size:390%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:157px}

}

/*     854px  (Xperia arc 854x480)
----------------------------------------*/
@media screen and (max-width:854px){

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:131.05px;height:52px;-webkit-background-size:131.05px 104px;background-size:131.05px 104px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -52px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5px}

/* Pagewrap */
#pagewrap{top:162px}

/* Balloon */
.balloon-arrow{font-size:320%}

/* LINE Accordion */
#process{font-size:375%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:151px}

}

/*     848px  (Android 848x424)
----------------------------------------*/
@media screen and (max-width:848px){

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:130px;height:52px;-webkit-background-size:130px 104px;background-size:130px 104px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5.12px}

/* Pagewrap */
#pagewrap{top:161px}

/* LINE Accordion */
#process::before{margin-bottom:-3px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:150px}

}

/*     844px  (iPhone12 844x390)
----------------------------------------*/
@media screen and (max-width:844px){

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:129.3px;height:49px;-webkit-background-size:129.3px 104px;background-size:129.3px 104px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5.2px}

/* Pagewrap */
#pagewrap{top:165px}

}

/*     834px  (iPad Pro 834x1194)
----------------------------------------*/
@media screen and (max-width:834px){

/* Slider */
.message{font-size:3.2em}
.camera_caption .meaning{font-size:1.6em}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a{width:127.55px;height:51px;-webkit-background-size:127.55px 102px;background-size:127.55px 102px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover{background-position:0 -51px}
#nav02,#nav03,#nav04,#nav05,#nav06{margin-left:5.4px}

/* Balloon */
.balloon-arrow{font-size:310%}

/* LINE Accordion */
#process{font-size:365%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:147px}

}

/*     812px  (iPhone X 812x375)
----------------------------------------*/
@media screen and (max-width:812px){

/* Header */
#sitemap{display:none}

/* Mobile Navigation */
#mobile-nav{display:block}
#mobile-nav ul{width:100%;display:none;position:absolute;margin:0;top:50px;left:0;background:rgba(255,255,255,.95);z-index:10}
#mobile-nav li{width:405.5px;height:auto;margin:0;border-bottom:solid 1px #C0C0C0;background:url(../images/sign.gif) left no-repeat;-webkit-background-size:10px 20px;background-size:10px 20px;background-position:5%}
.mobile02{border-left:solid 1px #C0C0C0}

#mobile-nav li a{width:auto;display:block;padding:5% 0 4.5% 14%;text-decoration:none;color:#666}
#mobile{position:absolute;top:0;right:0}
#mobile a{display:block;background:rgba(255,255,255,.0);padding:0}
#mobile-button{width:50px;height:50px}
#mobile-button-icon{display:block;position:absolute;top:50%;left:50%;width:14px;height:2px;background:#FFF;transition:.2s;margin:0 0 0 -10px}
#mobile-button-icon:before,#mobile-button-icon:after{display:block;content:"";position:absolute;top:50%;left:0;width:14px;height:2px;background:#FFF;transition:.3s}
#mobile-button-icon:before{margin-top:-6px}
#mobile-button-icon:after{margin-top:4px}
#mobile-button .close{background:transparent}
#mobile-button .close:before,#mobile-button .close:after{margin-top:0}
#mobile-button .close:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#mobile-button .close:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:243.6px;height:97px;-webkit-background-size:243.6px 194px;background-size:243.6px 194x}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -97px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:20.3px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:20.3px}
#nav04{margin-left:0}
#nav07,#nav09,#nav10{display:block}

/* Pankuzu */
#pankuzu{font-size:100%}

/* Pagewrap */
#pagewrap{top:442px}

/* Balloon */
.balloon-arrow{font-size:300%}

/* LINE Accordion */
#process{font-size:355%}
#process::before{margin-bottom:-4px}

/* NEW Button */
#New{display:block}
#New{width:10%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;top:360%;left:-2.5%}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47.5%}

/* Footer */
#footer{height:630px;top:40px;font-size:85%}
#footer-menu{padding-top:480px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:144px}

}

/*     808px  (Android 9 808x393)
----------------------------------------*/
@media screen and (max-width:808px){

/* Mobile Navigation */
#mobile-nav li{width:403.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:242.4px;height:97px;-webkit-background-size:242.4px 194px;background-size:242.4px 194px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -97px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:20.2px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:20.2px}

}

/*     800px  (Galaxy S 800x480)
----------------------------------------*/
@media screen and (max-width:800px){

/* Mobile Navigation */
#mobile-nav li{width:399.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:240px;height:96px;-webkit-background-size:240px 192px;background-size:240px 192px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -96px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:20px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:20px}

/* Pagewrap */
#pagewrap{top:437px}

/* LINE Accordion */
#process{font-size:350%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:140px}

}

/*     786px  (Android 9 786x393x)
----------------------------------------*/
@media screen and (max-width:786px){

/* Mobile Navigation */
#mobile-nav li{width:392.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:236px;height:94px;-webkit-background-size:236px 188px;background-size:236px 188px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -94px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:19.35px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:19.35px}

/* Pagewrap */
#pagewrap{top:430px}

/* Content */
.max-image{margin:0 -2.61% 25px}

/* Balloon */
.balloon-arrow{font-size:290%}

/* LINE Accordion */
#process{font-size:340%}
#call .br{display:block}

/* NEW Button */
#New{top:350%}

}

/*     768px  (iPad 768x1024)
----------------------------------------*/
@media screen and (max-width:768px){

/* Slider */
.message{font-size:3em}
.camera_caption .meaning{font-size:1.5em}

/* Mobile Navigation */
#mobile-nav li{width:383.5px}
#mobile-nav li a{padding:10% 0 9% 14%}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:230.4px;height:92px;-webkit-background-size:230.4px 184px;background-size:230.4px 184px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -92px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:19.2px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:19.2px}

/* Pagewrap */
#pagewrap{top:425px}

/* Content */
.max-image{margin:0 -2.63% 25px}

/* LINE Accordion */
#process{font-size:330%}

#sidebar02 .swiper-button-prev{left:20px}
#sidebar02 .swiper-button-next{right:20px}

/* NEW Button */
#New{top:340%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:134px}

}

/*     760px  (Android 760x360)
----------------------------------------*/
@media screen and (max-width:760px){

/* Mobile Navigation */
#mobile-nav li{width:379.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:228px;height:91px;-webkit-background-size:228px 182px;background-size:228px 182px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -91px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:19px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:19px}

/* Pagewrap */
#pagewrap{top:420px}

/* Balloon */
.balloon-arrow{font-size:280%}

/* LINE Accordion */
#process{font-size:325%}
#process::before{margin-bottom:-6px}

/* Sidebar */
#calendar .br{display:block}

/* NEW Button */
#New{top:330%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:132px}

}

/*     740px  (Galaxy S8 740x360)
----------------------------------------*/
@media screen and (max-width:740px){

/* Mobile Navigation */
#mobile-nav li{width:369.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:222px;height:89px;-webkit-background-size:222px 178px;background-size:222px 178px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -89px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:18.5px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:18.5px}

/* Pagewrap */
#pagewrap{top:415px}

/* LINE Accordion */
#process{font-size:320%}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47.3%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:129px}

}

/*     737px  (Android 737x415)
----------------------------------------*/
@media screen and (max-width:737px){

/* Mobile Navigation */
#mobile-nav li{width:368px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:221.05px;height:88px;-webkit-background-size:221.05px 176px;background-size:221.05px 176px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -88px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:18.5px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:18.5px}

/* Pagewrap */
#pagewrap{top:412px}

/* Balloon */
.balloon-arrow{font-size:270%}

/* LINE Accordion */
#process{font-size:315%}
#process::before{margin-bottom:-7px}

/* Reservation Status */
#BottomGuide .br{display:block}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:127px}

}

/*     736px  (iPhone Plus 736x414)
----------------------------------------*/
@media screen and (max-width:736px){

/* Mobile Navigation */
#mobile-nav li{width:367.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:220.8px;height:88px;-webkit-background-size:220.8px 176px;background-size:220.8px 176px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:18.4px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:18.4px}

/* Pagewrap */
#pagewrap{top:411px}

/* Footer */
#footer{height:756px;top:100px;font-size:100%}
#footer-menu{padding-top:426px}
#footer ul li{width:92%;float:none;text-align:left;padding:0 2% 0 6%;border-bottom:1px dotted #FFF;background-image:url(../images/gif/123.gif);background-repeat:no-repeat;background-position:5px}
#footer ul li a:hover{background:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none}
#copyright{margin-top:30px}

}

/*     720px  (Surface Pro 2 720x1280)
----------------------------------------*/
@media screen and (max-width:720px){

/* Mobile Navigation */
#mobile-nav li{width:359.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:216px;height:86px;-webkit-background-size:216px 172px;background-size:216px 172px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -86px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:18px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:18px}

/* Pagewrap */
#pagewrap{top:404px}

/* LINE Accordion */
#process{font-size:310%}
#process::before{width:45px;height:45px;margin-bottom:-5px;background-size:45px}
#process.active::before{background-size:45px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47.2%}

/* NEW Button */
#New{top:320%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:124px}

}

/*     690px  (Nexus6 690x412)
----------------------------------------*/
@media screen and (max-width:690px){

/* Mobile Navigation */
#mobile-nav li{width:344.5px}

/* Slider */
.message{font-size:2.6em}
.camera_caption .meaning{font-size:1.3em}
.camera_caption>div{padding:10% 0 17.3%}
.camera_wrap .camera_pag .camera_pag_ul{display:none}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:207px;height:83px;-webkit-background-size:207px 166px;background-size:207px 166px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -83px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:17.25px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:17.25px}

/* Pagewrap */
#pagewrap{top:393px}

/* Balloon */
.balloon-arrow{font-size:260%}

/* LINE Accordion */
#process{font-size:290%}

/* NEW Button */
#New{top:310%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:119px}

}

/*     668px  (Android 9 668x376)
----------------------------------------*/
@media screen and (max-width:668px){

/* Mobile Navigation */
#mobile-nav li{width:333.5px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:114px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:201px;height:80px;-webkit-background-size:201px 160px;background-size:201px 160px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -80px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:15.8px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:15.8px}

/* Pagewrap */
#pagewrap{top:382px}

/* LINE Accordion */
#process{font-size:285%}
#process::before{width:40px;height:40px;margin-bottom:-3px;padding-right:25px;background-size:40px}
#process.active::before{background-size:40px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47.1%}

/* NEW Button */
#New{top:300%}

/* Footer */
#footer{height:700px}
#footer-menu{padding-top:370px}

}

/*     667px  (iPhone 667x375)
----------------------------------------*/
@media screen and (max-width:667px){

/* Mobile Navigation */
#mobile-nav li{width:333px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:200.1px;height:80px;-webkit-background-size:200.1px 160px;background-size:200.1px 160px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -80px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:16.675px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:16.675px}

/* NEW Button */
#New{top:295%}

/* Balloon */
.balloon-arrow{font-size:250%}

}

/*     664px  (Nexus4,5 664x384/360)
----------------------------------------*/
@media screen and (max-width:664px){

/* Mobile Navigation */
#mobile-nav li{width:331.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:199.2px;height:80px;-webkit-background-size:199.2px 160px;background-size:199.2px 160px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:16.6px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:16.6px}

/* Pagewrap */
#pagewrap{top:385px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:112px}

}

/*     640px  (Nexus7 v1 640x966)
----------------------------------------*/
@media screen and (max-width:640px){

/* Mobile Navigation */
#mobile-nav li{width:319.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:192px;height:77px;-webkit-background-size:192px 154px;background-size:192px 154px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -77px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:16px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:16px}

/* Pagewrap */
#pagewrap{top:375px}

/* Balloon */
.balloon-arrow{font-size:240%}

/* LINE Accordion */
#process{font-size:275%}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47%}
#nap .disc{margin-left:0}

/* NEW Button */
#New{top:285%}

/* Footer */
#footer ul li{padding:0 1% 0 7%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:108px}

}

/*     600px  (Nexus7 v2 600x960)
----------------------------------------*/
@media screen and (max-width:600px){

/* Heading */
h1,#site-description,#pankuzu,#mobile-nav li{font-size:95%}

/* Mobile Navigation */
#mobile-nav li{width:299.5px}

/* Slider */
.message{font-size:2.2em}
.camera_caption .meaning{font-size:1.1em}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:180px;height:72px;-webkit-background-size:180px 144px;background-size:180px 144px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -72px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:15px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:15px}

/* Pagewrap */
#pagewrap{top:355px}

/* Balloon */
.balloon-arrow{font-size:220%}

/* LINE Accordion */
#process{font-size:250%}
#process::before{margin-bottom:-5px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:46.8%}

/* NEW Button */
#New{top:265%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:99px}

}

/*     598px  (Xperia Z3 598x360)
----------------------------------------*/
@media screen and (max-width:598px){

/* Mobile Navigation */
#mobile-nav li{width:298.5px}

/* Main Navigation */
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:14.05px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:14.05px}

}

/*     592px  (Android 592x360)
----------------------------------------*/
@media screen and (max-width:592px){

/* Mobile Navigation */
#mobile-nav li{width:295.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:177.6px;height:71px;-webkit-background-size:177.6px 142px;background-size:177.6px 142px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -71px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:14.8px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:14.8px}

/* Pagewrap */
#pagewrap{top:350px}

/* NEW Button */
#New{top:262%}

}

/*     569px  (AQUOS PHONE 569x320)
----------------------------------------*/
@media screen and (max-width:569px){

/* Mobile Navigation */
#mobile-nav li{width:284px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:171px;height:71px;-webkit-background-size:171px 142px;background-size:171px 142px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -71px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:13.675px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:13.675px}

/* Balloon */
.balloon-arrow{font-size:210%}

/* LINE Accordion */
#process{font-size:235%}
#process::before{margin-bottom:-6px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:46.7%}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:94px}

}

/*     568px  (iPhone 5 568x320)
----------------------------------------*/
@media screen and (max-width:568px){

/* disable webkit text size adjust (for iPhone) */
html{-webkit-text-size-adjust:none}

/* Heading */
h1,#site-description,#pankuzu,#mobile-nav li{font-size:90%}

/* Mobile Navigation */
#mobile-nav li{width:283.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:170.4px;height:68px;-webkit-background-size:170.4px 136px;background-size:170.4px 136px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -68px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:14.2px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:14.2px}

/* Pagewrap */
#pagewrap{top:338px}

/* SNS icon */
.sns img{width:32px}

}

/*     560px  (INFOBAR 560x960)
----------------------------------------*/
@media screen and (max-width:560px){

/* Mobile Navigation */
#mobile-nav li{width:279.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:168px;height:67px;-webkit-background-size:168px 134px;background-size:168px 134px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -67px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:14px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:14px}

/* Pagewrap */
#pagewrap{top:336px}

/* Balloon */
.balloon-arrow{width:84%;font-size:230%;padding:5%}

/* Reservation Button */
.call,.net{width:100%;margin:0 auto 15px}
.call img,.net img,.line img,#line-button .line img{width:100%;padding:0}

/* LINE Accordion */
.line{margin-top:0}
#process{font-size:215%;padding:2.5% 0 3.5% 2%}
#process::before{width:65px;height:65px;margin:0 0 -19px 25px;padding-right:15px;background-size:65px}
#process.active::before{background-size:65px}

/* EM Images */
#description img{width:50%}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev{left:10px}
#sidebar02 .swiper-button-next{right:10px}

/* NEW Button */
#New{top:250%}

/* Footer */
#footer{height:750px}
#footer-menu{padding-top:325px}

/* Contact & Scroll Button */
#confirmation-banner,#reservation-banner,#return{display:none}

/* Bottom Button */
#bottom-button{margin-bottom:-14px}
#bottom-button img{display:block}

}

/*     540px  (Android 540x960)
----------------------------------------*/
@media screen and (max-width:540px){

/* Mobile Navigation */
#mobile-nav li{width:269.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav09 a,#nav10 a{width:162px;height:65px;-webkit-background-size:162px 130px;background-size:162px 130px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav09 a:hover,#nav10 a:hover{background-position:0 -65px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06{margin-bottom:13.5px}
#nav02,#nav03,#nav05,#nav06,#nav09,#nav10{margin-left:13.5px}

/* Pagewrap */
#pagewrap{top:330px}

/* Content */
.max-image{margin:0 -2.627% 25px}

/* LINE Accordion */
#process{font-size:210%}
#process::before{margin-left:22px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:46.4%}

/* NEW Button */
#New{top:240%}

/* Footer */
#footer-menu{padding-top:330px}

}

/*     480px  (iPhone 4 480x320)
----------------------------------------*/
@media screen and (max-width:480px){

/* Heading(H1) */
h1{margin-left:10px}

/* Mobile Navigation */
#mobile-nav li{width:239.5px}

/* Slider */
.message{font-size:2em}
.camera_caption .meaning{font-size:1em}
.camera_caption>div{padding:9.5% 0 17.8%}

/* Main Navigation */
#bottom-bar{padding-top:19px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:222px;height:89px;-webkit-background-size:222px 178px;background-size:222px 178px}
#route a{width:456px;height:89px;display:block;background:url(../images/route.gif) no-repeat;-webkit-background-size:456px 178px;background-size:456px 178px;text-indent:-9999px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -89px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:12px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:12px}
#nav03,#nav05,#nav07,#nav09{margin-left:0}
#nav08,#route{display:block}

/* Pagewrap */
#pagewrap{top:700px}

/* Balloon */
.balloon-arrow{font-size:200%}

/* LINE Accordion */
#process{font-size:183%;padding:3% 0 4% 2%}
#process::before{width:55px;height:55px;margin:0 0 -17px 22px;background-size:55px}
#process.active::before{background-size:55px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47%}

/* NEW Button */
#New{width:15%;top:652%;left:-2.75%}

/* Footer */
#footer{height:1130px}
#footer-menu{padding-top:720px}
.iPhone4{display:none}

}

/*	428px  (iPhone12 Pro Max 428x926)
----------------------------------------*/
@media screen and (max-width:428px) {

/* Mobile Navigation */
#mobile-nav li{width:213.5px}

/* Slider */
.message{font-size:1.6em;font-weight:700}
.camera_caption .meaning{width:65%;padding-top:5%;font-size:1.3em}
.camera_caption>div{padding:12.8% 0 14.5%}

/* Main Navigation */
#bottom-bar{padding-top:42px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:198px;height:79px;-webkit-background-size:198px 158px;background-size:198px 158px}
#route a{width:406.6px;height:79px;-webkit-background-size:406.6px 158px;background-size:406.6px 158px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -79px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:10.6px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:10.6px}

/* Pagewrap */
#pagewrap{top:680px}

/* Balloon */
.balloon-arrow{font-size:180%}

/* Content */
.max-image{margin:0 -2.6% 25px}

/* Reservation Button */
.call,.net{margin:0 auto 10px}

/* LINE Accordion */
#line-reservation{margin-top:0}
#process{font-size:170%;padding:3.5% 0 4% 2%}
#process::before{width:50px;height:50px;margin:0 0 -15px 18px;padding-right:10px;background-size:50px}
#process.active::before{background-size:50px}

/* EM Images */
#description img{width:75%}

/* SNS icon */
#sns img{width:36px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{width:40px;height:36px;top:48%;background-size:40px 36px}

/* NEW Button */
#New{top:580%}

/* Footer */
#footer{height:1086px}
#footer-menu{padding-top:686px}
#footer ul li{padding:0 0 0 8%}

.iPhone-424{display:none}

}

/*     424px  (Android 424x881)
----------------------------------------*/
@media screen and (max-width:424px){

/* Mobile Navigation */
#mobile-nav li{width:211.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:196.1px;height:78px;-webkit-background-size:196.1px 156px;background-size:196.1px 156px}
#route a{width:402.8px;height:78px;-webkit-background-size:402.8px 156px;background-size:402.8px 156px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -78px}

/* Pagewrap */
#pagewrap{top:670px}

/* Content */
.max-image{margin:0 -2.5% 25px}

/* Text Link Button */
.text-button i.fa-lg{font-size:130%}

/* LINE Accordion */
#process{font-size:165%}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev,#sidebar02 .swiper-button-next{top:47%}

/* NEW Button */
#New{top:575%}

}

/*     415px  (Android 415x737)
----------------------------------------*/
@media screen and (max-width:415px){

/* Mobile Navigation */
#mobile-nav li{width:207px}

/* Slider */
.camera_caption .meaning{width:70%}

/* Main Navigation */
#bottom-bar{padding-top:45px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:192px;height:77px;-webkit-background-size:192px 154px;background-size:192px 154px}
#route a{width:394.25px;height:77px;-webkit-background-size:394.25px 154px;background-size:394.25px 154px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -77px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:10.25px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:10.25px}

/* Pagewrap */
#pagewrap{top:668px}

/* Content */
.max-image{margin:0 -2.67% 25px}

/* Balloon */
.balloon-arrow{font-size:170%}

/* LINE Accordion */
#process{font-size:160%}

/* NEW Button */
#New{top:560%}

}

/*     414px  (iPhone Plus 414x736)
----------------------------------------*/
@media screen and (max-width:414px){

/* Mobile Navigation */
#mobile-nav li{width:206.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:191.4px;height:77px;-webkit-background-size:191.4px 154px;background-size:191.4px 154px}
#route a{width:393.3px;height:77px;-webkit-background-size:393.3px 154px;background-size:393.3px 154px}
#nav01,#nav02,#nav03,#nav04,#route{margin-bottom:10.35px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:10.35px}

/* Reservation Button */
#confirmation-banner,#reservation-banner{top:85px}

}

/*     412px  (Nexus 6 412x690)
----------------------------------------*/
@media screen and (max-width:412px){

/* Mobile Navigation */
#mobile-nav li{width:205.5px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:190.5px;height:76px;-webkit-background-size:190.5px 152px;background-size:190.5px 152px}
#route a{width:391.4px;height:76px;-webkit-background-size:391.4px 152px;background-size:391.4px 152px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -76px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:10.4px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:10.4px}

/* Pagewrap */
#pagewrap{top:663px}

}

/*     393px  (Android 9 393x786)
----------------------------------------*/
@media screen and (max-width:393px){

/* Heading */
h1,#site-description,#pankuzu,#mobile-nav li{font-size:85%}

/* Mobile Navigation */
#mobile-nav li{width:196px}

/* Main Navigation */
#bottom-bar{padding-top:54px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:181.5px;height:73px;-webkit-background-size:181.5px 146px;background-size:181.5px 146px}
#route a{width:373.35px;height:73px;-webkit-background-size:373.35px 146px;background-size:373.35px 146px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -73px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:10.35px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:10.35px}

/* Pagewrap */
#pagewrap{top:650px}

/* Content */
.max-image{margin:0 -2.6% 25px}

/* Balloon */
.balloon-arrow{font-size:160%}

/* LINE Accordion */
#process{font-size:152%;padding:3.5% 0 3.5% 2%}
#process::before{width:45px;height:45px;margin:0 0 -13px 17px;background-size:45px}
#process.active::before{background-size:45px}

/* Sidebar */
#nap .br{display:block}

/* NEW Button */
#New{top:540%}

}

/*     390px  (iPhone12 390x844)
----------------------------------------*/
@media screen and (max-width:390px){

#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:180.5px;height:72px;-webkit-background-size:180.5px 144px;background-size:180.5px 144px}
#route a{width:370.5px;height:73px;-webkit-background-size:370.5px 146px;background-size:370.5px 146px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -73px}

#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:9.5px}

}

/*     384px  (Nexus 4 384x640)
----------------------------------------*/
@media screen and (max-width:384px){

/* Mobile Navigation */
#mobile-nav li{width:191.5px}

/* Slider */
.camera_caption .meaning{width:75%}
.camera_caption>div{padding:14.3% 0 13%}

/* Main Navigation */
#bottom-bar{padding-top:58px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:177.6px;height:71px;-webkit-background-size:177.6px 142px;background-size:177.6px 142px}
#route a{width:364.8px;height:71px;-webkit-background-size:364.8px 142px;background-size:364.8px 142px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -71px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:9.6px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:9.6px}

/* Pagewrap */
#pagewrap{top:637px}

/* Content */
.max-image{margin:0 -2.55% 25px}

/* LINE Accordion */
#process{font-size:149%;padding:2.5% 0 3.5% 2%}
#process::before{margin-left:16px}

/* Sidebar Slider */
#sidebar02 .swiper-button-prev{left:0}
#sidebar02 .swiper-button-next{right:0}

/* NEW Button */
#New{top:520%}

/* Footer */
#footer{height:1010px}
#footer-menu{padding-top:615px}

}

/*     376px  (Android 9 376x668)
----------------------------------------*/
@media screen and (max-width:376px){

/* Mobile Navigation */
#mobile-nav li{width:187.5px;font-size:80%}

/* Slider */
.camera_caption .meaning{padding-top:6%}
.camera_caption>div{padding:14% 0 13.3%}

/* Main Navigation */
#bottom-bar{padding-top:61px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:174px;height:70px;-webkit-background-size:174px 140px;background-size:174px 140px}
#route a{width:357.2px;height:70px;-webkit-background-size:357.2px 140px;background-size:357.2px 140px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -70px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:9.2px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:9.2px}

/* Pagewrap */
#pagewrap{top:630px}

/* Content */
.max-image{margin:0 -2.7% 25px}

/* LINE Accordion */
#process{font-size:145%;padding:2.25% 0 3.75% 2%}
#process::before{margin-bottom:-14px}

/* NEW Button */
#New{top:515%}

}

/*     375px  (iPhone 375x667)
----------------------------------------*/
@media screen and (max-width:375px){

/* Mobile Navigation */
#mobile-nav li{width:187px}

/* Main Navigation */
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:173.5px;height:69px;-webkit-background-size:173.5px 138px;background-size:173.5px 138px}
#route a{width:356.25px;height:69px;-webkit-background-size:356.25px 138px;background-size:356.25px 138px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -69px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:9.25px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:9.25px}

/* Pagewrap */
#pagewrap{top:626px}

/* NEW Button */
#New{top:505%}

/* Balloon */
.balloon-arrow{font-size:150%}

}

/*     360px  (Nexus 5 360x640)
----------------------------------------*/
@media screen and (max-width:360px){

/* Heading(H1) */
h1{margin-top:16px}

/* Heading */
h1,#site-description,#pankuzu,#mobile-nav li{font-size:80%}

/* Mobile Navigation */
#mobile-nav li{width:179.5px}
#mobile-button-icon{margin:0 0 0 -5px}

/* Slider */
.message{font-size:1.4em}
.camera_caption .meaning{font-size:1.25em}
.camera_caption>div{padding:16% 0 11.3%}

/* Main Navigation */
#bottom-bar{padding-top:67px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:166.5px;height:67px;-webkit-background-size:166.5px 134px;background-size:166.5px 134px}
#route a{width:342px;height:67px;-webkit-background-size:342px 134px;background-size:342px 134px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -67px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:9px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:9px}

/* Pagewrap */
#pagewrap{top:617px}

/* LINE Accordion */
#process::before{margin-left:15px}

/* NEW Button */
#New{top:490%}

/* Footer */
#footer{height:955px}
#footer-menu{padding-top:570px}

/* Text Size Common */
em,.sidebar,#content,#footer,#mobile-nav{font-size:95%}

}

/*     320px  (iPhone 5 320x568)
----------------------------------------*/
@media screen and (max-width:320px){

/* Heading(H1) */
h1{margin-top:17px}

/* Heading */
h1,#site-description,#pankuzu{font-size:72%}

/* Mobile Navigation */
#mobile-nav li{width:159.5px;font-size:75%}

/* Slider */
.message{font-size:1.4em}
.camera_caption .meaning{width:80%;font-size:1.2em}
.camera_caption>div{padding:18.5% 0 9.8%}

/* Main Navigation */
#bottom-bar{padding-top:83px}
#nav01 a,#nav02 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a,#nav09 a,#nav10 a{width:148px;height:59px;-webkit-background-size:148px 118px;background-size:148px 118px}
#route a{width:304px;height:59px;-webkit-background-size:304px 118px;background-size:304px 118px}
#nav01 a:hover,#nav02 a:hover,#nav03 a:hover,#nav04 a:hover,#nav05 a:hover,#nav06 a:hover,#nav07 a:hover,#nav08 a:hover,#nav09 a:hover,#nav10 a:hover,#route a:hover{background-position:0 -59px}
#nav01,#nav02,#nav03,#nav04,#nav05,#nav06,#nav07,#nav08,#route{margin-bottom:8px}
#nav02,#nav04,#nav06,#nav08,#nav10{margin-left:8px}

/* Pagewrap */
#pagewrap{top:573px}

/* NEW Button */
#New{width:15%;top:430%;left:-2.75%}

/* LINE Accordion */
#process{font-size:135%;padding:2.5% 0 3.5% 2%}
#process::before{width:40px;height:40px;margin:0 0 -13px 13px;background-size:40px}
#process.active::before{background-size:40px}

/* Footer */
#footer{height:895px}
#footer-menu{padding-top:530px}

/* Calendar */
#this-month{width:100%;float:none}
#next-month{width:100%;float:none;padding-left:0}

/* Text Size Common */
em,#content,#footer,#mobile-nav,#copyright{font-size:90%}
#sidebar01{font-size:85%}
.item{font-size:140%}
.item-description{font-size:95%}

}