@import url(mobile.css);
html,body {overflow:hidden;}

body {font-size:69%;}
#outer{background-color:#fff;margin:0 61px;width:261px;padding: 47px 0 0;min-height:auto;}
#outer_wrap,body::before,body::after,#nav::after{background:url("/imageFile04/iphone6s.png") scroll no-repeat center 60px;background-size:340px auto;background-attachment:fixed;margin:0;background-color:#fff;z-index: 3;position:fixed;}
body::before{content:" ";height:137px;top:0;width:100%;z-index: 4;}
body::after{content:" ";height:100%;top:601px;width:100%;}
#outer_wrap{overflow-y:scroll;width:400px;top: 137px;height: 465px;;left: calc(50% - 191px);}

#nav::after {content: " ";height: 100%;top: 0;width: calc(50% - 132px);z-index: 100;left: 0;}
#wrapAll{position:fixed;z-index:1000;top:1px;font-size:13px;left:calc(-50% - 220px);top: -122px;padding: 20px;line-height: 17px;}
#set {top:6px;}
#set::before,#wrapAll{display:block;}
#set::before{text-align:center;}
#header{font-size:6.2px;height:49px;}
#header_link a{font-size:9px;padding:3px 0;margin: 1px;}
.material-icons {font-size: 10px !important ;}
/*
#header_link,#header_link.nav_off{left: calc(50% - 130px);width: 261px;z-index: 3;}
*/
#header_link{transition: 0.2s;position: initial;margin: 7px 0 0 -7px;width: 263px;left: calc(50% - 124px);}
/*#header_link.nav_off {top: 164px;position: fixed;}*/
#instagram .lazy-bg {width:71px;height:71px;}

.date-outer {padding: 1em 1px;min-height: 267px;}
/*.date-outer{margin-bottom:0em;min-height:321px;}*/
#footer {font-size:8.5px;margin:0;height: 37px;width: 261px;}
#footer a{font-size:8px;}
#footer i{font-size:8px;}
.fa::before {font-size:13px;margin: 1px;}
#top div.announce2 .calendar img{width:33%;max-width:33%;}
#page-top, #mobile_menu_bottom{    top: 481px;
    height: 17px;
    left: calc(50% + 96px);
    font-size: 74%;
    width: 27px;
}
#nav{top:188px;opacity: 0;height:378px;width:261px;padding-top: 0;z-index: 5;visibility: hidden;}
#nav.mobileNav {opacity: 1;visibility: visible;}
.instagram_hash .lazy-bg {width:114px;height:110px;MARGIN:1em;}
.instagram_hash div{height:124px;}
div.ranking_outer{left:calc(50% - 130px);height:460px;top:138px;width:259px;}
#ranking ul{width:97%;}
div.loadimg{width:258px;height:369px;top:200px;left:calc(50% - 130px);}
div.reduction{max-width:256px;top:208px;left:calc(50% - 128px);}
#top .top {margin-bottom:5em;}
#button_float {right:calc(50% - 124px);}
div.reserve span.time{height:16em;}
div.reserve span.time span {font-size:98%;}

#support input, #support select, #support textarea {font-size:95%;}
#support dl span {    font-size:80%;}
#top_review .flex a { width:38%;}
#ranking span.checkbox {margin-top:0px;}
.nail a{width:34%;}
#data span, #data2 span {font-size: 90%;}
#contents {min-height:auto;}
div.reserve a.staff{margin: 7px;}
div.reserve span.menu label{width:100%;}
div.reserve span.postform {
    display: block;
    padding: 0;
}
div.reserve input.buttons, div.reserve a.buttons{font-size:116%;}
#iphone_top,#iphone_bottom,#iphone_top_address,#iphone_top_add{position: fixed;z-index: 10;left: calc(50% - 130px);width: 261px;z-index: 4;background-repeat: no-repeat;background-size: 100%;background-position: center center;}
#iphone_top{  background-image:url("/imageFile04/ipone_parts_top.png");
} 
#iphone_top_address{  background-image:url("/imageFile04/ipone_parts_top_address.png");height:33px;opacity:1;background-size:100%;;}
#iphone_bottom{  background-image:url("/imageFile04/ipone_parts_bottom.png");border-top: 1px solid #ccc;top:570px;}

#iphone_top {height: 13px;top: 137px;text-align:center;background-color: #FFF;}
#iphone_top_add{display: flex;align-items: center;justify-content: center;background-color: #FFF;height:33px;font-size:100%;}
#iphone_top_address,#iphone_top_add {height: 33px;top: 150px;/*transition:0.2s;*/}
#iphone_top_add img {height:10px;display: inline-block;margin: 4px 3px 4px -7px;vertical-align: bottom;}
#iphone_bottom {height: 31px;top: 570px;}

#iphone_bottom._hide{top:603px;}
#iphone_top_address._hide{height:16px;opacity:0;background-size:92%;}
#iphone_top_add._hide{height:16px;font-size:72%;}
#iphone_top_add._hide img{height: 7px;margin-top: 6px;}

#header_link.nav_off{top:159px;}


h2, #water p, #premium p, #treatment p, #sannetu p, #item > div.itemlink > p, #item > #item_pick_up > h1, #nonDiamine-color p {
    padding: 5px 8px;
    
    }
    
#top_img {width: 99%;margin:-2.5em 1px 4em;box-shadow:0px 6px 8px rgb(75, 42, 10);height: 97px;}
/*#contents #iphone_top,#contents #iphone_top_add,#contents #iphone_bottom{visibility:visible;}*/
#iphone_wrap{display:block;background-color: #fff;
z-index: 3;
position: relative;

}
#mask{left: calc(50% - 131px);width: 263px;}
#ajaxclose, #nav_close, #sendhelp_close{height: 42px;width: 42px;}
#support dd {width: calc(100% - 8em);}
.page-section{height:47px;}
#item_pick_up h3, h6 {transform: scale(0.7);}

#header_link svg {width: 16px;height: 20px;}

#top .bg_move{margin-top:-5em;}
[id^="img_top__"] div {font-size: 17px;}
[id^="img_top__"] {max-height:95px;}
.float_show{top:45em;bottom:auto;}
#header_link{z-index:3;}
#mask{z-index:4;}
.button_float{top:41em;height: 3em;left: 6em;}
#contents > div[id]:not(#support) + .opening {background-size:auto;}
#header {background-position: 50% 10px,0 0;}