/*=== RESET ===*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;} table{border-collapse:collapse; border-spacing:0;} fieldset, img{border:0;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;} ol, ul{list-style:none;} caption, th{text-align:left;} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;} q:before, q:after{content:”;} abbr, acronym{border:0;} /*=== COMMON ITEMS ===*/ *{margin:0;padding:0;border:0;list-style-type:none;zoom:1;} html,body{height: 100%;} body{background: #eeede6;width: 100%;min-width: 1000px;} img {border:none;} br{letter-spacing:0;} .clr{clear:both;line-height:0;} .bold{font-weight: bold;} .small{font-size: 12px;} a{color:#000000;text-decoration: none;} a:hover{color:#999999;text-decoration: none;} /*=== LAYOUT ===*/ #wrapper{padding: 0 40px;} .column{width:50%;height:100%;float:left;padding: 0 20px;position: relative;z-index: 10; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #column-contents{width: 75%;position:absolute;right:0;margin-top: 760px;z-index: 1;} #contents{margin:-30px 80px 0 40px;padding-top: 30px;} /*=== IMG retina ===*/ #tteshima a, #tteshima span{width: 151px;height: 123px;margin-top: 80px; float: right;text-indent: -999999px;background-image: url("../img/logo.png");background-size: 151px 123px;} .nav-poetaster a{width: 100px;height: 40px;text-indent: -999999px;background-image: url("../img/nav-poetaster.png");background-size: 100px 80px;display: block;} .nav-poetaster a:hover{background-position: 0 -40px;} ul.nav{margin-top: 160px;overflow: hidden;margin-bottom: 263px;} ul.nav li{background-image: url("../img/dot.png");background-position: 25px 2px;background-repeat: no-repeat;background-size: 7px 6px;float: left;} ul.nav li a, ul.nav li span{width: 58px;height: 116px;text-indent: -999999px;display: block;} .nav-news a, .nav-news span{background-image: url("../img/nav-news.png");background-size: 58px 348px;} .nav-biography a, .nav-biography span{background-image: url("../img/nav-biography.png");background-size: 58px 348px;} ul.nav li a:hover{background-position: 0 -116px;} .nav-news span, .nav-biography span{background-position: 0 -232px;} .notice{font-size: 12px; line-height: 18px;height: 36px;float: left;max-width: 450px;margin: 60px 30px 50px 20px;letter-spacing: 0;color: #666666;} .footer{width: 110px;height: 36px;margin: 60px 0 50px; float: right;text-indent: -999999px;background-image: url("../img/footer.png");background-size: 110px 36px;background-repeat: no-repeat;background-position: center bottom;} @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ #tteshima a,#tteshima span{background-image: url("../img/logo@2x.png");} ul.nav li{background-image: url("../img/dot.png");} .nav-poetaster a{background-image: url("../img/nav-poetaster@2x.png");} .nav-news a, .nav-news span{background-image: url("../img/nav-news@2x.png");} .nav-biography a, .nav-biography span{background-image: url("../img/nav-biography@2x.png");} .footer{background-image: url("../img/footer@2x.png");} } /*CONTACT*/ .contact-ttl{width: 50px;height: 32px;text-indent: -999999px;background-image: url("../img/contact/ttl-contact.png");background-size: 50px 32px;margin-bottom: 34px;} .contact-add a{display: block;width: 230px;height: 128px;text-indent: -999999px;background-image: url("../img/contact/contact-add.png");background-size: 230px 256px;margin-bottom: 22px;} .contact-add a:hover{background-position: 0 -128px;} .contact-tf{width: 173px;height: 74px;text-indent: -999999px;background-image: url("../img/contact/contact-tf.png");background-size: 173px 74px;margin-bottom: 5px;} .contact-mail a{display: block;width: 210px;height: 20px;text-indent: -999999px;background-image: url("../img/contact/contact-mail.png");background-size: 210px 40px;margin-bottom: 30px;} .contact-dot{display: block;width: 7px;height: 7px;text-indent: -999999px;background-image: url("../img/contact/contact-dot.png");background-size: 7px 7px;margin-bottom: 37px;} .contact-furniture a{display: block;width: 180px;height: 20px;text-indent: -999999px;background-image: url("../img/contact/contact-furniture.png");background-size: 180px 40px;} .contact-sns{margin-top: 45px;overflow: hidden;} .contact-instagram a{display: block;width: 20px;height: 20px;text-indent: -999999px;background-image: url("../img/contact/contact-instagram.png");background-size: 20px 40px;float: left;} .contact-facebook a{display: block;width: 20px;height: 20px;text-indent: -999999px;background-image: url("../img/contact/contact-facebook.png");background-size: 20px 40px;margin-left: 36px;} .contact-mail a:hover, .contact-furniture a:hover, .contact-instagram a:hover, .contact-facebook a:hover{background-position: 0 -20px;} @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .contact-ttl{background-image: url("../img/contact/ttl-contact@2x.png");} .contact-add a{background-image: url("../img/contact/contact-add@2x.png");} .contact-tf{background-image: url("../img/contact/contact-tf@2x.png");} .contact-mail a{background-image: url("../img/contact/contact-mail@2x.png");} .contact-dot{background-image: url("../img/contact/contact-dot@2x.png");} .contact-furniture a{background-image: url("../img/contact/contact-furniture@2x.png");} .contact-instagram a{background-image: url("../img/contact/contact-instagram@2x.png");} .contact-facebook a{background-image: url("../img/contact/contact-facebook@2x.png");} } /*WORKS*/ .works-ttl{width: 85px;height: 31px;text-indent: -999999px;background-image: url("../img/works/ttl-works.png");background-size: 85px 31px;background-repeat: no-repeat;margin-top: 461px;margin-bottom: 126px;margin-left: 1px;} ul.nav-works{margin-top: 249px;margin-bottom: 66px;} ul.nav-works li{background-image: url("../img/dot.png");background-position:0 14px;background-repeat: no-repeat;background-size: 7px 6px;margin-left: -23px;} ul.nav-works li a, ul.nav-works li p{height: 30px;margin-left: 23px;display: block;overflow: hidden;background-image:url("../img/works/bg.gif");background-position: center left;background-repeat: repeat-x;background-size: 1px 30px;} ul.nav-works li a span, ul.nav-works li p span{display: inline-block;height: 30px;text-indent: -999999px;background-color: #eeede6;} ul.nav-works li a span.l, ul.nav-works li p span.l{width: 68px;background-size: 68px 90px;} ul.nav-works li a span.r, ul.nav-works li p span.r{float: right;} .works-list-date12{background-image: url("../img/works/works-list-date12.png");} .works-list-area12{background-image: url("../img/works/works-list-area12.png");background-size: 45px 90px;width:45px;} .works-list-date11{background-image: url("../img/works/works-list-date11.png");} .works-list-area11{background-image: url("../img/works/works-list-area11.png");background-size: 59px 90px;width:59px;} .works-list-date10{background-image: url("../img/works/works-list-date10.png");} .works-list-area10{background-image: url("../img/works/works-list-area10.png");background-size: 45px 90px;width:45px;} .works-list-date9{background-image: url("../img/works/works-list-date9.png");} .works-list-area9{background-image: url("../img/works/works-list-area9.png");background-size: 59px 90px;width:59px;} .works-list-date8{background-image: url("../img/works/works-list-date8.png");} .works-list-area8{background-image: url("../img/works/works-list-area8.png");background-size: 59px 90px;width:59px;} .works-list-date7{background-image: url("../img/works/works-list-date7.png");} .works-list-area7{background-image: url("../img/works/works-list-area7.png");background-size: 59px 90px;width:59px;} .works-list-date6{background-image: url("../img/works/works-list-date6.png");} .works-list-area6{background-image: url("../img/works/works-list-area6.png");background-size: 59px 90px;width:59px;} .works-list-date5{background-image: url("../img/works/works-list-date5.png");} .works-list-area5{background-image: url("../img/works/works-list-area5.png");background-size: 45px 90px;width:45px;} .works-list-date4{background-image: url("../img/works/works-list-date4.png");} .works-list-area4{background-image: url("../img/works/works-list-area4.png");background-size: 44px 90px;width:44px;} .works-list-date3{background-image: url("../img/works/works-list-date3.png");} .works-list-area3{background-image: url("../img/works/works-list-area3.png");background-size: 85px 90px;width:85px;} .works-list-date2{background-image: url("../img/works/works-list-date2.png");} .works-list-area2{background-image: url("../img/works/works-list-area2.png");background-size: 56px 90px;width:56px;} .works-list-date1{background-image: url("../img/works/works-list-date1.png");} .works-list-area1{background-image: url("../img/works/works-list-area1.png");background-size: 44px 90px;width:44px;} ul.nav-works li a:hover{filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";opacity:0.60;} ul.nav-works li p.yh{filter:alpha(opacity=30);-ms-filter:"alpha( opacity=30 )";opacity:0.30;} @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .works-ttl{background-image: url("../img/works/ttl-works@2x.png");} ul.nav-works li{background-image: url("../img/dot@2x.png");} .works-list-date12{background-image: url("../img/works/works-list-date12@2x.png");} .works-list-area12{background-image: url("../img/works/works-list-area12@2x.png");} .works-list-date11{background-image: url("../img/works/works-list-date11@2x.png");} .works-list-area11{background-image: url("../img/works/works-list-area11@2x.png");} .works-list-date10{background-image: url("../img/works/works-list-date10@2x.png");} .works-list-area10{background-image: url("../img/works/works-list-area10@2x.png");} .works-list-date9{background-image: url("../img/works/works-list-date9@2x.png");} .works-list-area9{background-image: url("../img/works/works-list-area9@2x.png");} .works-list-date8{background-image: url("../img/works/works-list-date8@2x.png");} .works-list-area8{background-image: url("../img/works/works-list-area8@2x.png");} .works-list-date7{background-image: url("../img/works/works-list-date7@2x.png");} .works-list-area7{background-image: url("../img/works/works-list-area7@2x.png");} .works-list-date6{background-image: url("../img/works/works-list-date6@2x.png");} .works-list-area6{background-image: url("../img/works/works-list-area6@2x.png");} .works-list-date5{background-image: url("../img/works/works-list-date5@2x.png");} .works-list-area5{background-image: url("../img/works/works-list-area5@2x.png");} .works-list-date4{background-image: url("../img/works/works-list-date4@2x.png");} .works-list-area4{background-image: url("../img/works/works-list-area4@2x.png");} .works-list-date3{background-image: url("../img/works/works-list-date3@2x.png");} .works-list-area3{background-image: url("../img/works/works-list-area3@2x.png");} .works-list-date2{background-image: url("../img/works/works-list-date2@2x.png");} .works-list-area2{background-image: url("../img/works/works-list-area2@2x.png");} .works-list-date1{background-image: url("../img/works/works-list-date1@2x.png");} .works-list-area1{background-image: url("../img/works/works-list-area1@2x.png");} ul.nav-works li a, ul.nav-works li p{background-image:url("../img/works/bg@2x.gif");} } /*ARCHIVE*/ .archive-ttl{width: 90px;height: 32px;text-indent: -999999px;background-image: url("../img/archive/ttl-archive.png");background-size: 90px 32px;background-repeat: no-repeat;margin-left: 3px;} ul.nav-archive li{background-image: url("../img/dot.png");background-position:0 14px;background-repeat: no-repeat;background-size: 7px 6px;margin-left: -23px;} ul.nav-archive li a, ul.nav-archive li p{height: 30px;margin-left: 23px;display: block;overflow: hidden;background-image:url("../img/archive/bg.gif");background-position: center left;background-repeat: repeat-x;background-size: 1px 30px;} ul.nav-archive li a span, ul.nav-archive li p span{display: inline-block;height: 30px;text-indent: -999999px;background-color: #eeede6;} ul.nav-archive li a span.l, ul.nav-archive li p span.l{width: 41px;background-size: 41px 90px;} ul.nav-archive li a span.r, ul.nav-archive li p span.r{float: right;width: 45px;background-size: 45px 90px;} .archive-list-date4_l{background-image: url("../img/archive/archive-list-date4_l.png");} .archive-list-date4_r{background-image: url("../img/archive/archive-list-date4_r.png");} .archive-list-date3_l{background-image: url("../img/archive/archive-list-date3_l.png");} .archive-list-date3_r{background-image: url("../img/archive/archive-list-date3_r.png");} .archive-list-date2_l{background-image: url("../img/archive/archive-list-date2_l.png");} .archive-list-date2_r{background-image: url("../img/archive/archive-list-date2_r.png");} .archive-list-date1_l{background-image: url("../img/archive/archive-list-date1_l.png");} .archive-list-date1_r{background-image: url("../img/archive/archive-list-date1_r.png");} ul.nav-archive li a:hover{filter:alpha(opacity=60);-ms-filter:"alpha( opacity=60 )";opacity:0.60;} ul.nav-archive li p.yh{filter:alpha(opacity=30);-ms-filter:"alpha( opacity=30 )";opacity:0.30;} @media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){ .archive-ttl{background-image: url("../img/archive/ttl-archive@2x.png");} ul.nav-archive li{background-image: url("../img/dot@2x.png");} .archive-list-date4_l{background-image: url("../img/archive/archive-list-date4_l@2x.png");} .archive-list-date4_r{background-image: url("../img/archive/archive-list-date4_r@2x.png");} .archive-list-date3_l{background-image: url("../img/archive/archive-list-date3_l@2x.png");} .archive-list-date3_r{background-image: url("../img/archive/archive-list-date3_r@2x.png");} .archive-list-date2_l{background-image: url("../img/archive/archive-list-date2_l@2x.png");} .archive-list-date2_r{background-image: url("../img/archive/archive-list-date2_r@2x.png");} .archive-list-date1_l{background-image: url("../img/archive/archive-list-date1_l@2x.png");} .archive-list-date1_r{background-image: url("../img/archive/archive-list-date1_r@2x.png");} ul.nav-archive li a, ul.nav-archive li p{background-image:url("../img/archive/bg@2x.gif");} }