@charset "UTF-8";
@import "reset5.css";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body { color:#111815; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; background: #fff; -webkit-text-size-adjust: 100%; font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial,'Noto Sans JP', sans-serif,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html {  min-height: 100%; }

* html body { font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial,'Noto Sans JP', sans-serif,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;  }
*:first-child+html body { font-family: LynotypeUnivers, Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { line-height: 1; letter-spacing: 0.08em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

body p, body th, body td { font-size:14px; line-height: 2; letter-spacing: 0.12em; font-weight: 300 }

h1,h2,h3,h4 { line-height: 1.6 }

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }
.mb120 { margin-bottom:120px !important; }



/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }



.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #221815; text-decoration: none; }
a:visited { color: #221815; text-decoration: none }
a:hover { color: #999999; text-decoration: underline }
a:active { color: #221815; text-decoration: none }


html {  }
#wrapper { width: 100%; text-align: center; }

#header { position: relative; padding: 27px 50px; text-align: left }
#header h1 {}
#header .sns { position: absolute; right: 120px; top: 17px }
#header .sns li { float: left; margin: 0 10px }
#header .lang { position: absolute; right: 50px; top: 27px }

#main { position: relative; background: #f3f1ea }
#main h1 { position: absolute; left: 14%; top: 50%; margin: -11px 0 0 -100px; z-index: 10 }
#main img.slide { position: absolute; left: 0; top: 0; z-index: 0; display: none }
#main #bullets { position: absolute; left: 50%; bottom: 15px; z-index: 10; margin-left: -48px }
#main #bullets li { float: left; padding: 4px; cursor: pointer }

#globalNav { border: solid #e8e4d5; background: #fff; border-width: 1px 0; width: 100%; text-align: left; position: relative; background: #fff; z-index: 10; min-width: 1120px; }
#globalNav .logo { position: absolute; left: -90px; top: 28px; }
#globalNav .gnav { margin-left: 30px; font-weight: 400; font-size: 13px }
#globalNav .store { position: absolute; right: 5px; top: 0; padding: 20px 0 }
#globalNav .gnav li { float: left; }
#globalNav .gnav li a { padding: 30px 20px; display: block; position: relative }
#globalNav .gnav li a:hover { text-decoration: none }
#globalNav .gnav li a span { position: absolute; left: 20px; bottom: 20px; width: 0/*calc(100% - 50px)*/; height: 2px; background: #070506 }
#globalNav .store li { float: left }
#globalNav .store li.ginza { border-right: solid 1px #e8e4d5 }
#globalNav .store li a { padding: 10px 25px; display: block }

#content { padding: 100px 80px 80px; min-width: 980px; max-width: 1280px; margin: 0 auto; }

.pickup { margin: 0 0 60px }
.pickup ul { width: 50%; float: left; position: relative }
.pickup ul li { text-align: left }
.pickup ul.oneClm li { padding: 0 30px 30px 0; }
.pickup ul.twoClm li { float: left; padding: 0 20px 30px; position: relative }
.pickup ul li a { display: block; margin: 0 0 20px; position: relative }
.pickup ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
.pickup ul li h2 { font-size: 18px; margin: 20px 0 10px; font-weight: 400 }
.pickup ul li p { line-height: 1.6 }
.pickup ul.twoClm li h2 { font-size: 16px; margin: 15px 0 5px; font-weight: 400 }

.brands { text-align: left; margin: 0 0 80px }
.brands h3 { margin: 0 0 30px }
.brands ul { position: relative }
.brands li { float: left; width: 25%; text-align: center }
.brands li a { padding: 25px 0; display: block }
.brands li a:hover { background: #f3f1ea }

.cap { font-size: 12px; margin: 10px 10px 0; }

.link_txt { display: inline-block; font-size: 15px; line-height: 1.6; border-bottom: dashed 1px #cac8c2; float:right; margin-top: 20px }
.link_txt a:hover { text-decoration: none }

.link_btn a { display: block; font-size: 15px; line-height: 1.6; border: solid 1px #cac8c2; padding: 15px 0; text-align: center; margin-top: 20px; background: #f7f7f7 }
.link_btn a:hover { text-decoration: none; background: #cac8c2; color: #fff }

.ovl a { position: relative; overflow: hidden }
.ovl a span { display: block; position: absolute; background: #cac8c2 }
.ovl a span.t { width: 0; height: 4px; left: 0; top: -2px }
.ovl a span.l { width: 4px; height: 0; left: -2px; bottom: 0 }
.ovl a span.r { width: 4px; height: 0; right: -2px; top: 0 }
.ovl a span.b { width: 0; height: 4px; right: 0; bottom: -2px }

#footCont { margin: 0 0 80px }
#footCont .storeVis { margin: 0 0 60px; position: relative }
#footCont .storeVis .logo { position: absolute; left: 50%; top: 50%; margin: -17px 0 0 -75px; }
#footCont .pickup_ig { margin: 0 0 60px; }
#footCont .pickup_ig li { float: left; margin-right: 60px; overflow: hidden }
#footCont .pickup_ig li.last { margin-right: 0 }
#footCont .foot {}
#footCont .conect { width: 46%; float: left; font-weight: 200; text-align: left; line-height: 50px; vertical-align: middle }
#footCont .conect a { display: inline-block; margin-left: 40px }
#footCont .conect a img { line-height: 0; vertical-align: middle }
#footCont .newsletter { width: 50%; float: right; font-weight: 200; text-align: left; padding-left: 2%; line-height: 50px; vertical-align: middle; border-left: solid 1px #e8e4d5; position: relative }
#footCont .newsletter .link_btn { position: absolute; right: 0; top: 0; width: 60% }
#footCont .newsletter .link_btn a{ margin-top: 0; padding: 10px 0 }

#footer { border-top: solid 1px #e8e4d5; padding: 20px 0 0; text-align: left; font-size: 12px; letter-spacing: 0.04em }
#footer p img { display: inline-block; padding-right: 30px }

#loader { position: fixed; left: 50%; top: 50%; margin: -16px 0 0 -16px }

#gotop { position: fixed; right: 0; bottom: -60px; width: 60px; height: 60px; overflow: hidden; z-index: 100 }
#gotop a { display: block; position: relative; width: 60px; height: 60px; cursor: pointer }
#gotop a img { position: absolute; left: 50%; bottom: -10px; margin-left: -2px }

.lineL { position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e8e4d5 }
.lineR { position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e8e4d5 }
.bl1 { border-left: solid 1px #e8e4d5 }
.gr { color: #cac8c2 }
.wid_1 { width: 100% }
.wid_2 { width: 50% }
.wid_3 { width: 33.333% }
.wid_4 { width: 25% }


.btit { text-align: left; margin: 0 0 60px; position: relative }
.btit h2 span { display: inline-block; margin-left: 30px; font-size: 24px; font-weight: 300 }
.btit .anchor { position:absolute; right: 0; top: 20px }
.btit .anchor li { float: left; font-size: 16px; margin: 0 10px; font-weight: 300; line-height: 1.8 }
.btit .anchor li.cur { border-bottom: solid 1px #221815 }

.locNav { text-align: left; margin-left: -20px; color: #cac8c2; margin: 0 0 60px; }
.locNav li { font-size: 16px; display: inline-block; text-align: left; font-weight: 400 }
.locNav li:after { content: "/" }
.locNav li a { padding: 0 20px }
.locNav li.cur a { font-weight: bold } 

.sec { margin: 0 0 120px; text-align: left }
.sec_sp { margin: 0 0 80px; text-align: left }
.sec .sec_inner { padding: 0 40px }
.sec .wid_inner { padding: 0 40px }
.sec .wid_inner_l { padding: 0 40px 0 0 }
.sec .wid_inner_r { padding: 0 0 0 40px }
.sec .vis { margin: 0 0 40px }
.sec h2 { margin: 0 0 40px; font-size: 32px; font-weight: 300; text-align: center }
.sec h3 { margin: 0 0 40px; font-size: 18px; font-weight: 400 }
.sec h3 span { font-size: 16px; font-weight: 300 }
.sec h4 { margin-bottom: 010px}
.sec table { margin: 0 0 40px }
.sec th { line-height: 2; vertical-align: top; padding: 0 20px 0 0; white-space: nowrap }
.sec td { line-height: 2;  }

.twoClm .fltL, .twoClm .fltR { width: 50%; position: relative }
.twoClm .fltL .cont { padding-right: 30px }
.twoClm .fltL .cont_inner { padding-left: 30px }
.twoClm .fltR .cont { padding-left: 30px }
.twoClm .fltR .cont_inner { padding-left: 30px }
.twoClm .vis a { display: block; overflow: hidden; position: relative }

.fourClm li { float: left; padding: 0 0 30px; margin-right: 60px; position: relative }
.fourClm li a { display: block; overflow: hidden; position: relative }
.fourClm li.eg { margin-right: 0 }
.fourClm li h3 { margin-top: 15px; font-size: 18px; font-weight: 600 }

#news .news_idx { margin: 0 0 120px }
#news .new { margin: 0; padding: 0 30px 60px; float: left; position: relative }
#news .new .thumb { float: left; }
#news .new .thumb a { display: block; overflow: hidden; position: relative }
#news .new .det { float: right; text-align: left }
#news .new .det .date { font-size: 15px; margin-bottom: 1em; display: inline-block; font-weight: 600 }
#news .new .det h2 { font-size: 16px; font-weight: 400 }
#news .new .det p { font-size: 13px; margin: 1em 0 }
#news .new .det .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; }

#map-canvas { width: 100%; height: 500px; background: #efeeed; margin: 0 0 60px }
p.tel { font-size: 32px; font-weight: 500; margin-top: 20px }

#floormap .vis .wid_2 span { display: block; padding: 0 30px !important }
#floormap  .floor { margin: 0 0 60px }
#floormap  .floor .thumb { float: left; }
#floormap  .floor .det { float: right }
#floormap  .floor .det h4 { font-size: 15px }
#floormap  .floor .det h4 span { font-size: 24px; font-weight: bold }
#floormap  .floor .det p { font-size: 13px }

#special .idx { margin: 0 0 120px }
#special .idx ul { width: 100%; float: none; position: relative }
#special .idx ul li { text-align: left }
#special .idx ul.twoClm li { float: left; padding: 0 30px 60px; position: relative }
#special .idx ul.fourClm li { float: left; padding: 0 20px 30px; position: relative; margin-right: 0 }
#special .idx ul li a { display: block; margin: 0 0 20px; position: relative }
#special .idx ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
#special .idx ul li h2 { font-size: 16px; margin: 20px 0 10px; font-weight: 400 }
#special .idx ul li p { line-height: 1.6 }
#special .idx ul.twoClm li h2 { font-size: 18px; margin: 15px 0 5px; font-weight: 400 }
#special .locNav { display: none }

#special .sec a:link { color: #666666; text-decoration: underline; }
#special .sec a:visited { color: #999999; text-decoration: none }
#special .sec a:hover { color: #221815; text-decoration: none }
#special .sec a:active { color: #221815; text-decoration: none }

.tbl { border-bottom: solid 1px #e8e4d5 }
.tbl th { padding: 20px 40px; border-top: solid 1px #e8e4d5; line-height: 2; vertical-align: top; font-weight: 500; font-family: 'Noto Sans JP'; white-space: nowrap }
.tbl td { padding: 20px 40px; border-top: solid 1px #e8e4d5; line-height: 2 }

.tbl_s { border-bottom: solid 1px #e8e4d5 }
.tbl_s th { padding: 10px; border-top: solid 1px #e8e4d5; line-height: 2; vertical-align: top; font-weight: 500; font-family: 'Noto Sans JP'; white-space: nowrap }
.tbl_s td { padding: 10px; border-top: solid 1px #e8e4d5; line-height: 2 }

#inquiry th { width: 20% }
#inquiry th span { color: #C00 }
#inquiry .form-box01 { border:0; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; padding: 0 10px border:1px solid #cdcac8; width:98%; height:40px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#inquiry textarea { border:0; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; border:1px solid #cdcac8; width:98%; height:110px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:10px 0 }

/* mailform */
.text-success { padding: 40px; font-size: 16px; font-weight: bold }
.text-danger { padding: 40px; font-size: 16px; color: #C00; font-weight: bold }
#button_default, .MyMailForm_btn { display: block; width: 40%; font-size: 15px; line-height: 1.6; border: solid 1px #cac8c2; padding: 15px 0; text-align: center; margin: 0 auto; background: #f7f7f7 }
#button_default:hover, .MyMailForm_btn:hover { text-decoration: none; background: #cac8c2; color: #fff }

#aftercare .idx { margin: 0 0 120px }
#aftercare .idx ul { width: 100%; float: none; position: relative }
#aftercare .idx ul li { text-align: left }
#aftercare .idx ul.twoClm li { float: left; padding: 0 30px 60px; position: relative }
#aftercare .idx ul.fourClm li { float: left; padding: 0 20px 30px; position: relative; margin-right: 0 }
#aftercare .idx ul li a { display: block; margin: 0 0 20px; position: relative }
#aftercare .idx ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
#aftercare .idx ul li h2 { font-size: 16px; margin: 20px 0 10px; font-weight: 400 }
#aftercare .idx ul li p { line-height: 1.6 }
#aftercare .idx ul.twoClm li h2 { font-size: 18px; margin: 15px 0 5px; font-weight: 400 }

#aftercare .sec h2 { font-weight: 300; text-align: left }

#aftercare .faq { text-align: left; margin: 0 0 80px }
#aftercare .faq h3 { padding: 5px 40px 18px 100px; font-size: 18px; border-bottom: solid 1px #e8e4d5; font-weight: 500; position: relative }
#aftercare .faq h3 .q { position: absolute; left: 40px; top: 0 }
#aftercare .faq p { padding: 18px 40px; /*border-bottom: solid 1px #e8e4d5*/ }

#aftercare .checksheet li { padding: 30px 40px; border-bottom: solid 1px #e8e4d5; }
#aftercare .checksheet .fig { padding:80px 0 60px 0; }

#aftercare .howto { text-align: left; margin: 0 0 80px }
#aftercare .howto li { padding: 0 40px; margin:0 0 30px 0; border-bottom: solid 1px #e8e4d5; }
#aftercare .howto img { border:3px solid #dddddd; margin:0 30px 30px 0; float:left}
#aftercare .howto p { padding:0 0 30px 0; }

#aftercare .knowledge { text-align: left; margin: 0 40px 80px }
#aftercare .knowledge h3 { font-size: 18px; font-weight: 500; padding:0 0 30px 0; }
#aftercare .knowledge tr { border-bottom:1px dotted #ccc; }
#aftercare .knowledge th p { font-weight:500; padding:15px 0 10px 30px; }
#aftercare .knowledge td p { padding:15px 30px 10px 0; }
#aftercare .knowledge th { width:22%; vertical-align:top; }
#aftercare .knowledge td { width:78%; vertical-align:top; } 
#aftercare .knowledge .fig { padding:0 50px 100px 50px;}

.pickup li a .ico_new, .idx li a .ico_new, #news .new .thumb a .ico_new { position: absolute; right: -2px; top: -2px; width: 80px; height: auto; }




@media screen and (max-width: 760px) {
	
body { font-size:13px; line-height: 2.0; -webkit-text-size-adjust: none; }
body p, body th, body td { font-size:13px; line-height: 2; letter-spacing: 0.08em }

a {color:#fff; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

#main { position: relative; background: #f3f1ea }
#main h1 { position: absolute; left: 50%; top: 30%; margin: -11px 0 0 -80px; z-index: 10 }
#main h1 img { width: 160px }
#main img.slide { position: absolute; left: 0; top: 0; z-index: 0; display: none }
#main #bullets { position: absolute; left: 50%; bottom: 0; z-index: 10; margin-left: -48px }
#main #bullets li { float: left; padding: 4px; cursor: pointer }

#header { position: relative; padding: 15px; text-align: left }
#header h1 img { width: 120px }
#header .sns { position: absolute; right: 50px; top: 6px }
#header .sns li { float: left; margin: 0 }
#header .lang { display: none }

#globalNav { border: solid #e8e4d5; background: #fff; border-width: 1px 0; text-align: left; position: fixed; width: 100%; padding:0 !important; left: 0; top: 0; background: #fff; z-index: 999; display: none; min-width: inherit }
#globalNav .logo { position: relative; left: auto; top: auto; margin: 0 20px 20px }
#globalNav .gnav { padding: 0 20px; margin: 0; border-top: solid 1px #e8e4d5; }
#globalNav .store { position: relative; right: auto; top: 0; padding: 20px }
#globalNav .gnav li { float: left; width: 49%; text-align: center; border-bottom: solid 1px #e8e4d5; }
#globalNav .gnav li a { padding: 30px 0; display: block; position: relative }
#globalNav .gnav li a span { position: absolute; left: 0; bottom: 0; width: 100%; display: none; height: 2px; background: #070506 }
#globalNav .store li { float: left; width: 49%; text-align: center; }
#globalNav .store li.ginza { border-right: solid 1px #e8e4d5 }
#globalNav .store li a { padding: 10px 25px; display: block }

#content { padding: 40px 15px 0; min-width: auto; max-width: auto; margin: 0 auto; }

.pickup { margin: 0 0 60px }
.pickup ul { width: 100%; float: left; position: relative }
.pickup ul li { text-align: left }
.pickup ul.oneClm li { padding: 0 0 20px 0; }
.pickup ul.twoClm li { float: left; padding: 0 20px 20px 0; position: relative }
.pickup ul li a { display: block; margin: 0 0 20px; position: relative }
.pickup ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
.pickup ul li h2 { font-size: 15px; margin: 15px 0 10px; font-weight: 400 }
.pickup ul li p { line-height: 1.6 }
.pickup ul.twoClm li h2 { font-size: 16px; margin: 15px 0 5px; font-weight: 400 }
.pickup ul.twoClm li p { font-size: 12px }

.brands { text-align: left; margin: 0 0 80px }
.brands h3 { margin: 0 0 20px }
.brands ul { position: relative }
.brands li { float: left; width: 100%; text-align: center; margin: 0 0 5px; border: solid #e8e4d5; border-width: 0 1px }
.brands li a { padding: 20px 0; display: block }
.brands li a:hover { background: #f3f1ea }

#footCont { margin: 0 0 40px }
#footCont .storeVis { margin: 0 0 30px; position: relative }
#footCont .storeVis .logo { position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -60px; }
#footCont .storeVis .logo img { width: 120px }
#footCont .pickup_ig { margin: 0 0 10px; }
#footCont .pickup_ig li { float: left; margin-right: 20px; margin-bottom: 20px }
#footCont .pickup_ig li:nth-child(2) { margin-right: 0 }
#footCont .pickup_ig li.last { margin-right: 0 }
#footCont .foot {}
#footCont .conect { width: 100%; float: left; font-weight: 200; text-align: left; line-height: 50px; vertical-align: middle }
#footCont .conect a { display: inline-block; margin-left: 0; width: 50% }
#footCont .conect a img { line-height: 0; vertical-align: middle }
#footCont .newsletter { width: 100%; float: right; font-weight: 200; text-align: left; padding-left: 2%; line-height: 50px; vertical-align: middle; border-left: none }
#footCont .newsletter .link_btn { position: relative; right: auto; top: auto; width: 100% }
#footCont .newsletter .link_btn a{ margin-top: 0; padding: 10px 0 }

#footer { border-top: solid 1px #e8e4d5; padding: 20px 0 40px; text-align: left; font-size: 13px; }
#footer p img { display: inline-block; padding-right: 20px }
#footer p { font-size: 11px }

#gotop { position: fixed; right: -15px; bottom: 20px; width: 60px; height: 60px; overflow: hidden; z-index: 100 }
#gotop a { display: block; position: relative; width: 60px; height: 60px; cursor: pointer }
#gotop a img { position: absolute; left: 50%; bottom: -10px; margin-left: -2px }

#menu_btn { position: fixed; right: 0; top: 0; z-index: 1000 }
#menu_btn a { display: block; padding: 8px; }
#menu_btn a img { width: 30px }

.lineL { display: none }
.lineR { display: none }
.bl1 { border-left: none }
.gr { color: #cac8c2 }
.wid_1 { width: 100% }
.wid_2 { width: 100% }
.wid_3 { width: 33.333% }
.wid_4 { width: 25% }


.btit { text-align: left; margin: 0 0 20px; position: relative }
.btit h2 img { height: 24px }
.btit h2 span { display: inline-block; margin-left: 10px; font-size: 16px; font-weight: 300 }
.btit .anchor { position: relative; right: 0; top: auto; margin: 15px 0 20px }
.btit .anchor li { float: left; font-size: 15px; margin: 0 10px; font-weight: 300; line-height: 1.8 }
.btit .anchor li.cur { border-bottom: solid 1px #221815 }

.locNav { text-align: left; margin-left: -20px; color: #cac8c2; margin: 0 0 40px; }
.locNav li { font-size: 14px; display: inline-block; text-align: left; font-weight: 400 }
.locNav li:after { content: "/" }
.locNav li a { padding: 0 15px }
.locNav li.cur a { font-weight: bold } 

.sec { margin: 0 0 60px; text-align: left }
.sec_sp { margin: 0 0 40px; text-align: left }
.sec .sec_inner { padding: 0 }
.sec .wid_inner { padding: 0 }
.sec .wid_inner_l { padding: 0 }
.sec .wid_inner_r { padding: 0 }
.sec .vis { margin: 0 0 20px }
.sec h2 { margin: 0 0 20px; font-size: 24px; font-weight: 300; text-align: center }
.sec h3 { margin: 0 0 20px; font-size: 16px; font-weight: 400 }
.sec h3 span { font-size: 16px; font-weight: 300 }
.sec h4 { margin-bottom: 010px}
.sec table { margin: 0 0 40px }
.sec th { line-height: 2; vertical-align: top; padding: 0 20px 0 0; white-space: nowrap }
.sec td { line-height: 2;  }

.cap { font-size: 12px; margin: 10px 10px 0; }

.link_txt { display: inline-block; font-size: 15px; line-height: 1.6; border-bottom: dashed 1px #cac8c2; float:right; margin-top: 20px }
.link_txt a:hover { text-decoration: none }

.link_btn a { display: block; font-size: 15px; line-height: 1.6; border: solid 1px #cac8c2; padding: 15px 0; text-align: center; margin-top: 20px; background: #f7f7f7 }
.link_btn a:hover { text-decoration: none; background: #cac8c2; color: #fff }

#news .news_idx { margin: 0 0 60px }
#news .new { margin: 0; padding: 0 0 30px; float: none; position: relative; width: 100%; }
#news .new .thumb { float: left; }
#news .new .thumb a { display: block; overflow: hidden }
#news .new .det { float: right; text-align: left; }
#news .new .det .date { font-size: 15px; margin-bottom: 0.8em; display: inline-block; font-weight: 600 }
#news .new .det h2 { font-size: 15px; font-weight: 400 }
#news .new .det p { font-size: 12px; margin: 0.8em 0 }
#news .new .det .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; }

#map-canvas { width: 100%; height: 500px; background: #efeeed; margin: 0 0 30px }

.twoClm .fltL, .twoClm .fltR { width: 100%; position: relative }
.twoClm .fltL .cont { padding-right: 0; margin-bottom: 60px }
.twoClm .fltL .cont_inner { padding-left: 10px }
.twoClm .fltR .cont { padding-left: 0 }
.twoClm .fltR .cont_inner { padding-left: 10px }
.twoClm .vis a { display: block; overflow: hidden; position: relative }

.fourClm li { float: left; padding: 0 0 20px; margin-right: 20px; position: relative }
.fourClm li a { display: block; overflow: hidden; position: relative }
.fourClm li.eg { margin-right: 0 }
.fourClm li h3 { margin-top: 14px; font-size: 18px; font-weight: 600 }

#contact .wid_inner_l { margin-bottom: 40px }
p.tel { font-size: 22px; font-weight: 500; margin-top: 20px }

#ginza .vis .fltL { margin-bottom: 20px }

#floormap  .floor .det h4 { font-size: 14px }
#floormap  .floor .det h4 span { font-size: 18px; font-weight: bold }
#floormap  .floor .det p { font-size: 12px }

#special .idx { margin: 0 0 60px }
#special .idx ul { width: 100%; float: none; position: relative }
#special .idx ul li { text-align: left }
#special .idx ul.twoClm li { float: left; padding: 0 0 30px; position: relative }
#special .idx ul.fourClm li { float: left; padding: 0 10px 30px; position: relative; margin-right: 0 }
#special .idx ul li a { display: block; margin: 0 0 20px; position: relative }
#special .idx ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
#special .idx ul li h2 { font-size: 15px; margin: 20px 0 10px; font-weight: 400 }
#special .idx ul li p { line-height: 1.6; font-size: 12px }
#special .idx ul.twoClm li h2 { font-size: 15px; margin: 15px 0 5px; font-weight: 400 }
#special .locNav { display: none } 

.tbl { border-bottom: solid 1px #e8e4d5 }
.tbl th { padding: 20px; border-top: solid 1px #e8e4d5; line-height: 2; vertical-align: top; font-weight: 500; font-family: 'Noto Sans JP'; white-space: nowrap; }
.tbl td { padding: 20px; border-top: solid 1px #e8e4d5; line-height: 2 }

#inquiry th { width: auto; font-size: 13px; white-space: normal }
#inquiry th span { color: #C00 }
#inquiry .form-box01 { border:0; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; padding: 0 10px border:1px solid #cdcac8; width: 200px; height:40px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#inquiry textarea { border:0; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; border:1px solid #cdcac8; width:98%; height:110px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:10px 0 }

/* mailform */
.text-success { padding: 40px; font-size: 16px; font-weight: bold }
.text-danger { padding: 40px; font-size: 16px; color: #C00; font-weight: bold }
#button_default, .MyMailForm_btn { display: block; width: 80%; font-size: 15px; line-height: 1.6; border: solid 1px #cac8c2; padding: 15px 0; text-align: center; margin: 0 auto; background: #f7f7f7 }
#button_default:hover, .MyMailForm_btn:hover { text-decoration: none; background: #cac8c2; color: #fff }

#special .idx { margin: 0 0 60px }

#aftercare .btit h2 span { display: inline-block; margin-left: 6px; font-size: 14px; font-weight: 300 }
#aftercare .idx ul { width: 100%; float: none; position: relative }
#aftercare .idx ul li { text-align: left }
#aftercare .idx ul.twoClm li { float: left; padding: 0 0 30px; position: relative }
#aftercare .idx ul.fourClm li { float: left; padding: 0 10px 30px; position: relative; margin-right: 0 }
#aftercare .idx ul li a { display: block; margin: 0 0 20px; position: relative }
#aftercare .idx ul li .cat { border-bottom: solid 1px #c19120; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; display: inline-block; margin-right: 1em }
#aftercare .idx ul li h2 { font-size: 15px; margin: 20px 0 10px; font-weight: 400 }
#aftercare .idx ul li p { line-height: 1.6 }
#aftercare .idx ul.twoClm li h2 { font-size: 15px; margin: 15px 0 5px; font-weight: 400 }

#aftercare .sec h2 { font-weight: 300; text-align: left }

#aftercare .sec img.fltR { float: none; width: 100% }
#aftercare .sec .tbl_s { width: 100% }
#aftercare .sec.mb60 { margin-bottom: 30px !important }

#aftercare .faq { text-align: left; margin: 0 0 40px }
#aftercare .faq h3 { padding: 5px 0 12px 52px; font-size: 16px; border-bottom: solid 1px #e8e4d5; font-weight: 500; position: relative }
#aftercare .faq h3 .q { position: absolute; left: 0; top: 0 }
#aftercare .faq p { padding: 12px 0; /*border-bottom: solid 1px #e8e4d5*/ }


#aftercare .checksheet li { padding:30px 0; }
#aftercare .checksheet .fig { padding:40px 0 20px 0; }


#aftercare .howto li { padding: 0; margin:0 0 30px 0; }
#aftercare .howto img { margin:0 20px 10px 0; width:80px; height:auto; }

#aftercare .knowledge { margin: 0 0 80px }
#aftercare .knowledge h3 { font-size: 16px; padding:0 0 10px 0; }
#aftercare .knowledge th p { padding:15px 10px 10px 0; }
#aftercare .knowledge td p { padding:15px 0 10px 0; }
#aftercare .knowledge th { width:30%; }
#aftercare .knowledge td { width:70%; } 
#aftercare .knowledge .fig { padding:0 0 80px 0;}
	
.pickup li a .ico_new, .idx li a .ico_new, #news .new .thumb a .ico_new  { position: absolute; right: -2px; top: -2px; width: 40px; height: auto; }



}

@media screen and (max-width: 320px) {
	#navigation li { padding: 0 7px }
	#navigation li img { height: 7px }
}