@charset "utf-8";

/*
	Theme Name: teeter-totter
	Description: teeter-totter
	Theme URI: http://www.teeter-totter.tokyo/
	Version: 1.0
*/

/****************************************

          TYPOGRAPHY

*****************************************/
/*
body { font-size:13px; font-family: 'AxisStd-Regular', "���S�V�b�N��", "Yu Gothic", YuGothic, '���S�V�b�N', 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3',"���C���I","Meiryo", Osaka, sans-serif; line-height:1.8; letter-spacing: 0.05em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
* html body {/*IE6*/ font-size:60%; letter-spacing: 1px; }
*:first-child+html body {/*IE7*/ font-size:58%; letter-spacing: 1px; }
table { font-size: 1.0em; }
h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal; font-size: 1.0em; }
input,textarea{ font-size: 1.0em; }

.gill{ font-family:'Gill Sans W01 Light', sans-serif; -webkit-font-smoothing: subpixel-antialiased; }
.gilb{ font-family:'Gill Sans W01 Book', sans-serif; -webkit-font-smoothing: subpixel-antialiased; }
.gilm{ font-family:'Gill Sans W01 Medium', sans-serif; -webkit-font-smoothing: subpixel-antialiased; }
*/

/****************************************

          CLEARFIX

*****************************************/

.cf:after,
blockquote:after,
.menu-inline-block:after,
.staff-inline-block:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; } /* clearfix for ie7 */
.cf, blockquote, .menu-inline-block, .staff-inline-block { display: inline-block; }
.cf, blockquote, .menu-inline-block, .staff-inline-block { display: block; }






/****************************************

          SPRITE

*****************************************/

.spr{ display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.ico,.spr,a.spr { background-image: url(img/parts.png); background-repeat: none; background-position: 0 0; }


/****************************************

          TRANSITION

*****************************************/

.tst,
.tst0 { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; opacity: 1; }
.tst:hover{ opacity: 0.7; }
.tst0:hover{ opacity: 0; }
.home html,body{ height: 100%; }






/****************************************

          NAVI

*****************************************/

/* .logo { position: fixed; top: 0; right: 0; width: 100px; height: 20px; z-index: 100; } */
.num{ position: fixed; top:10%; left: 10%; font-size: 16px; }

.global-nav { font-family:'Gill Sans W01 Medium'; font-size: 16px; letter-spacing: 0.15em; position: absolute;  width: 188px;  top: 0;  background: rgba(255,255,255,0.9); border-right: 1px solid #EEE; z-index: 2000; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-font-smoothing: subpixel-antialiased; }
.global-nav.open { left: 0; width:200px;}
.global-nav-list {  border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin: 1em 0; }
.global-nav-list li { height: 1.9em; }
.global-nav-list li a { display: block;  color: #858585; text-align:left; text-decoration: underline; font-size: 16px; }

.sns-list { padding: 25px 35px; }
.top-share{ width: 250px; position: absolute; top: 26px; right: 24px; z-index: 2000; text-align: right; }
.t-share{ color: #FFF; font-family: 'Gill Sans W01 Medium'; font-size: 14px; letter-spacing: 0.2em; position: relative; top: -5px; margin: 0 3px 0 0; -webkit-font-smoothing: subpixel-antialiased; }

#btn-reservation{ width: 80px; height: 80px; background: url(img/parts.png) -189px -40px no-repeat; position: fixed; left: 20px; bottom: 20px; z-index: 1999; }
#btn-reservation a{ width: 80px; height: 80px; display: block; background: url(img/parts.png) -69px -40px no-repeat; }

ul.global-nav-list{
	width: 100%;
	text-align:left;
	position:absolute;
	top:80px;
}
ul.global-nav-list li{
	height:22px;
	font-size: 15px;
	padding: 5px 0 5px 7px;
	border-bottom:1px solid #AAA;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
ul.global-nav-list li.hover,
ul.global-nav-list li:hover{
	background: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.1) inset;
	box-shadow:0 -1px 2px 2px rgba(0,0,0,0.1) inset
}
ul.global-nav-list li:first-child{
	border-top: 1px solid #AAA;
}
ul.global-nav-list li a{
	color: #333;
	text-decoration: none;
	display:block;
	position:relative;
	top: 1px;
}
ul.global-nav-list .top{
	background: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 1px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 1px 2px 2px rgba(0,0,0,0.1) inset;
	box-shadow:0 -1px 2px 2px rgba(0,0,0,0.1) inset
}

.pc_header_nav{
    background-color : rgba(94,94,94,0.7);
    float            : right;
    height           : 58px;
    position         : fixed;
    letter-spacing  : normal;
}

.pc_header_nav ul{
    border : 0px;
    margin : 0px;
    right  : 0;
    top    : 0px;
    width  : auto;
}
.pc_header_nav ul li{
    border          : 0;
    border-right    : 1px dotted #FFF;
    float           : left;
    list-style-type : none;
    margin          : 13px 0;
    width           : auto;
}

.pc_header_nav ul li a{
    color           : white;
    display         : block;
    font-size       : 12px;
    padding         : 0px 11px;
    text-decoration : none;
}
.pc_header_nav ul li:last-child{
    border          : 0;
    float           : left;
    list-style-type : none;
    margin          : 13px 0;
    width           : auto;
}
.pc_slide_nav{
    background-color : rgba(255,255,255,0.9);
    position         : absolute;
    width            : 200px;
    float            : '';
    letter-spacing   : '';
}


.pc_slide_nav ul{
    border-bottom : 1px #ddd solid;
    border-top    : 1px #ddd solid;
    margin        : 1em 0;
    top           : 80px;
    width         : 100%;
    right         : '';
}
 
.pc_slide_nav ul li{
    border-bottom : 1px solid #AAA;
    border-right  : 0;
    font-size     : 15px;
    height        : 22px;
    margin        : 0;
    padding       : 5px 0 5px 7px;
    width         : 193px;
}

.pc_slide_nav ul li a{
    color           : #858585;
    display         : block;
    font-size       : 16px;
    padding         : 0;
    text-decoration : none;
    width           : 100%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.sp_header_nav{
    clear:both;
    padding:0 0 10px 0;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    overflow: visible;
    position: fixed;
    background-color : rgba(94,94,94,0.7);
}

.sp_header_nav ul{
    text-decoration:none;
    border: 0;
}
.sp_header_nav ul li {
    display:inline;
    padding:0;
}
.sp_header_nav ul li a{
    background-color:#fff;
    padding:15px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 95% center;
/*    margin:10px 5px 0 5px; */
    margin:5px 1%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    color:#969696;
    display:block;
    text-decoration:none;
    width: 47.5%;
    float: left;
    border-radius: 5px;
}

.sp_header_nav ul li a.btn.settingButton{
    width: 47.5% !important;
    font-weight: normal;
}
.sp_header_nav ul li:last-child a{
    margin-bottom : 10px;
}

.sp_header_nav ul li.top{
    background-color : rgba(255,255,255,0);
}
.pc_slide_nav a.shop_tel_button{
    display : none;
}
.pc_slide_nav a#nav-toggle{
    display : none;
}
.sp_header_nav a.shop_tel_button div{
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: normal;
}

a#nav-phone div{
    letter-spacing: normal;
    width: 40px;
    white-space: nowrap;
}