@charset "Shift_JIS";
/* --------------------------------------------------------------------
import
--------------------------------------------------------------------- */
/*@import url(core.css); (Javascript制御部分) */
/*@import url(skin.css); (Javascript制御部分) */
/*@import url(dropframe.css); (Javascript制御部分) */
/*@import url(ui-lightness/jquery-ui-1.8.14.custom.css); jQuery-UI */
/* --------------------------------------------------------------------
リセット
--------------------------------------------------------------------- */
html {
-webkit-text-size-adjust: 100%;
color:#000;
background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
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;
}
li {
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;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0;padding:0;}
/* --------------------------------------------------------------------
表示幅：固定
表示順：左メニュー・メインコンテンツ・右メニュー
-------------------------------------------------------------------- */
div.wrapper_ {
margin: 0 auto;
text-align:left;
width: 100%;
background: #F2F2F2;
padding-top:120px;
}
div.container_ {
overflow: hidden;
margin: 0 auto 50px;
clear: both;
width:auto;
padding-left:25px;
padding-right:25px;
max-width:1600px;
min-width:910px;
}
div.container_.classicbase_ {
max-width:980px;
}
div.container_.classicbase961_ {
max-width:961px;
}
div.container_.classicbase961_ div.freepage_{
width:739px;
}
div.container_.classicbase960_ {
max-width:960px;
}
div.container_.classicbase_.shopbase_ {
/* width:980px !important; */
}
div.container_.classicbase_.shopbase_ {
/* min-width:980px !important; */
}
div.container_.classicbase_.shopbase_ div.freepage_ {
width:100%;
}
div.container_.classicbase_.shopbase_ #gallery_content2 {
margin:0 auto 30px;
}
div.container_.classicbase_ div.leftmenuframe_ {
margin: 0 0 0 0;
float: left;
display: inline;
width: 17%;
/* overflow: hidden; */
}
#welcome_home.contents_ {
width:980px !important;
margin:0 auto;
display:block;
float:none;
}
div.contents_ {
float: left;
display: inline;
overflow: hidden;
}
/* 左メニュー */
div.leftmenuframe_ {
margin: 0 50px 0 0;
float: left;
display: inline;
width: 220px;
/* overflow: hidden; */
}
div.leftmenuframe2_ {
margin: 0 20px 0 0;
width:200px;
}
div.leftmenuframe_ a {
text-decoration:none;
}
div.leftmenuframe_ a:hover {
text-decoration:underline;
}
#welcome_home.contents_ div.leftmenuframe_ {
margin: 0 auto 0;
float: none;
display: block;
width:755px ;
}
/**/
/* 右メニュー */
div.rightmenuframe_ {
margin: 0 0 0 20px;
float: right;
display: inline;
width:160px;
overflow: hidden;
}
/**/
/* メインフレーム */
div.mainframe_ {
float: right;
display: inline;
overflow: hidden;
}
div.container_ div.contents_,
div.container_ div.mainframe_ {
width: 100%;
}
div.container_ div.mainframe_ .event_ .goods_ { /* 左メニューのみ表示の場合 */
width: 100%; /* = div.container_ - div.leftmenuframe_ */
}
div.container_ div.contents_ div.mainframe_ {
position:relative;
width: calc(100% - 270px);
}
div.container_ div.contents_ div.mainframe_ .event_ .goods_ { /* 左右メニューの表示の場合 */
width: 100%; /* = div.container_ - (div.leftmenuframe_ + div.rightmenuframe_) */
position:relative;
}
#welcome_home.contents_ div.mainframe_ {
float: none;
display: block;
width:755px ;
margin:0 auto;
}
/**/
div.single_mainframe_ {
float: right;
display: inline;
overflow: hidden;
}
div.col1_ {
}
/* --------------------------------------------------------------------
サイドボックス
-------------------------------------------------------------------- */
div.sidebox_ {
margin: 0 0 20px 0;
}
div.sidebox_ h2, h2.event_title_rightmenu_ {
margin: 0 0 20px;
font-size: 17px;
letter-spacing:7px;
color:#000;
}
.static_h2_ a {
color:#ef3340;
}
div.sidebox_ h2.static_company_h2_ {
letter-spacing:4px !important;
line-height:1.3;
}
div.sidebox_ h2.static_news_h2_ {
}
div.sidebox_ h2.static_shop_h2_ {
letter-spacing:4px;
}
div.sidebox_ h2.static_service_h2_ {
letter-spacing:3px;
}
div.sidebox_ h2.static_brand_h2_ {
letter-spacing:3px;
}
/* --------------------------------------------------------------------
サイドボックス カテゴリツリー
-------------------------------------------------------------------- */
.category_tree_ {
margin: 0;
padding: 0;
}
.category_tree_ li {
margin: 0;
padding: 0;
}
.category_tree_ li a, .category_tree_ li span.nolink_ {
padding: 5px 5px 5px 10px;
display: block;
font-size:12px;
background-color: transparent;
color:#000;
}
.category_tree_ li a:hover {
background-color: #F0F0F0;
}
.category_tree_ li.category_tree2_ {
border-top:solid 1px #d9d9d9;
}
.category_tree_ li.category_tree2_ a,
.category_tree_ li.category_tree2_ span.nolink_ {
padding-left: 10px;
display:block;
background-image: url(/img/usr/tree1.png);
background-position: 2px center;
background-repeat: no-repeat;
color:#000;
}
.category_tree_ li.category_tree2_ a:hover {
}
.category_tree_ li.category_tree3_ {
margin-top:1px;
}
.category_tree_ li.category_tree3_ a,
.category_tree_ li.category_tree3_ span.nolink_ {
padding-left: calc(1em + 20px);
display:block;
background-image: url(/img/usr/tree1.png);
background-position: calc(1em + 10px) center;
background-repeat: no-repeat;
color:#000;
}
.category_tree_ li.category_tree3_ a:hover {
}
.category_tree_ li.category_tree4_ a,
.category_tree_ li.category_tree4_ span.nolink_ {
padding-left: 45px;
background-position: 20px 8px;
background-repeat: no-repeat;
}
.category_tree_ li.category_tree5_ a,
.category_tree_ li.category_tree5_ span.nolink_ {
padding-left: 45px;
width: 115px;
background-position: 30px 8px;
background-repeat: no-repeat;
color:#000;
}
.category_tree_ li.category_tree5_ a:hover {
}
/* 現在のカテゴリ */
.category_tree_ li.category_tree2_open_ {
border-top:solid 1px #d9d9d9;
}
.category_tree_ li.category_tree2_open_ a {
padding-left: 10px;
display:block;
color:#ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: 2px center;
background-repeat: no-repeat;
font-weight: bold;
}
.category_tree_ li.category_tree2_open_ a:hover {
}
.category_tree_ li.category_tree3_open_ {
margin-top:1px;
}
.category_tree_ li.category_tree3_open_ a {
padding-left: calc(1em + 20px);
display:block;
color:#ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: calc(1em + 10px) center;
background-repeat: no-repeat;
font-weight: bold;
}
.category_tree_ li.category_tree3_open_ a:hover {
}
.category_tree_ li.category_tree4_open_ a {
padding-left: 45px;
font-weight: bold;
}
.category_tree_ li.category_tree4_open_ a:hover {
}
.category_tree_ li.category_tree5_open_ a {
padding-left: 45px;
font-weight: bold;
width: 115px;
background-image: url(/img/usr/tree4_open.png);
background-position: 30px 8px;
background-repeat: no-repeat;
}
.category_tree_ li.category_tree5_open_ a:hover {
}
.free_tree_ {
}
.free_tree_ li{
margin-bottom:5px;
display:block;
}
.free_tree_ li a{
display:block;
background-image: url(/img/usr/tree1.png);
background-position: 0 7px;
background-repeat: no-repeat;
padding-left:10px;
color:#000;
}
.free_tree_ li span{
display:block;
padding-left:10px;
}
.free_tree1_open_ ,
.free_tree1_ {
margin-top:10px;
}
.free_tree1_open_ a{
background-image: url(/img/usr/tree1_open.png) !important;
color:#ef3340 !important;
}
.free_tree2_ ,
.free_tree2_open_ {
}
.free_tree2_ a{
background-image:none !important;
}
.free_tree_ li.free_tree2_ a,
.free_tree_ li.free_tree2_ span.nolink_ {
padding-left: calc(1em + 10px);
display:block;
background-image: url(/img/usr/tree1.png);
background-position: 22px center;
background-repeat: no-repeat;
}
.free_tree2_open_ a{
background-image:none !important;
color:#ef3340;
padding-left: 30px !important;
}
/* リンクがない場合 */
.category_tree_ li.category_tree2_ span.nolink_,
.category_tree_ li.category_tree3_ span.nolink_,
.category_tree_ li.category_tree4_ span.nolink_,
.category_tree_ li.category_tree5_ span.nolink_ {
color: #727171;
}
/**/
/* --------------------------------------------------------------------
サイドボックス ジャンルツリー
-------------------------------------------------------------------- */
.genre_tree_ {
margin: 0;
padding: 0;
}
.genre_tree_ li {
margin: 0;
padding: 0;
}
.static_tree1_ a,
.genre_tree_ li a, .genre_tree_ li span.nolink_ {
padding: 6px 10px 6px 10px;
display: block;
font-size:12px;
background-color: transparent;
}
.static_tree1_ a:hover,
.genre_tree_ li a:hover {
background-color: #F0F0F0;
}
.genre_tree_ li.genre_tree1_ {
border-top:solid 1px #d9d9d9;
}
.static_tree1_ a,
.genre_tree_ li.genre_tree1_ a,
.genre_tree_ li.genre_tree1_ span.nolink_ {
padding-left: 10px;
display:block;
background-image: url(/img/usr/tree1.png);
background-position: 2px center;
background-repeat: no-repeat;
color:#000;
}
.genre_tree_ li.genre_tree2_ {
margin-top:1px;
}
.genre_tree_ li.genre_tree2_ a,
.genre_tree_ li.genre_tree2_ span.nolink_ {
color:#000;
padding-left: 40px;
display:block;
background-image: url(/img/usr/tree1.png);
background-position: 32px center;
background-repeat: no-repeat;
}
.genre_tree_ li.genre_tree2_ a:hover {
}
.genre_tree_ li.genre_tree3_ a,
.genre_tree_ li.genre_tree3_ span.nolink_ {
padding-left: 45px;
color:#000;
}
.genre_tree_ li.genre_tree4_ a,
.genre_tree_ li.genre_tree4_ span.nolink_ {
padding-left: 55px;
color:#000;
}
.genre_tree_ li.genre_tree4_ a:hover {
}
/* 現在のカテゴリ */
.genre_tree_ li.genre_tree1_open_ {
border-top: solid 1px #d9d9d9;
}
.genre_tree_ li.genre_tree1_open_ a {
padding-left: 10px;
display:block;
color:#ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: 2px center;
background-repeat: no-repeat;
font-weight: bold;
}
.genre_tree_ li.genre_tree1_open_ a:hover {
}
.genre_tree_ li.genre_tree2_open_ {
margin-top:1px;
}
.genre_tree_ li.genre_tree2_open_ a {
padding-left: 40px;
display:block;
color:#ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: 32px center;
background-repeat: no-repeat;
font-weight: bold;
}
.genre_tree_ li.genre_tree2_open_ a:hover {
}
.genre_tree_ li.genre_tree3_open_ a {
font-weight:bold;
padding-left: 45px;
color:#ef3340;
}
.genre_tree_ li.genre_tree3_open_ span.nolink_ {
padding-left: 45px;
font-weight:bold;
color:#ef3340;
}
.genre_tree_ li.genre_tree3_open_ a:hover {
}
.genre_tree_ li.genre_tree4_open_ a {
padding-left: 55px;
color:#ef3340;
}
.genre_tree_ li.genre_tree4_open_ a:hover {
}
/**/
/* リンクがない場合 */
.genre_tree_ li.genre_tree1_ span.nolink_,
.genre_tree_ li.genre_tree2_ span.nolink_,
.genre_tree_ li.genre_tree3_ span.nolink_,
.genre_tree_ li.genre_tree4_ span.nolink_ {
color: #727171;
font-weight:bold;
}
/**/
.link_tree_ {
margin-top:20px;
}
.icon_gatalogue_ {
background: url(/img/usr/icon_catalogue.gif) no-repeat;
line-height: 16px;
display: block;
padding: 0 0 0 18px;
}
.icon_newprod_ {
background: url(/img/usr/icon_star.gif) no-repeat;
line-height: 16px;
display: block;
padding: 2px 0 0 20px;
margin-bottom:10px;
}
/* --------------------------------------------------------------------
カテゴリ一覧 ピックアップ
--------------------------------------------------------------------- */
div.CategoryStyleP_ {
width:100%;
overflow: hidden;
}
div.CategoryStyleP_Line_ {
width: 100%;
overflow: hidden;
}
div.CategoryStyleP_Item_ {
padding: 0 0 20px 0;
float: left;
display: inline;
width: 50%;
}
div.CategoryStyleP_Item_ div.img_ {
}
div.CategoryStyleP_Item_ div.desc_{
margin: 5px 0 0;
}
/* --------------------------------------------------------------------
カテゴリ一覧 孫カテゴリ
--------------------------------------------------------------------- */
div.CategoryStyleG_ {
width:100%;
overflow: hidden;
}
div.CategoryStyleG_Line_ {
width: 100%;
overflow: hidden;
}
div.CategoryStyleG_Item_ {
padding: 0 0 20px 0;
float: left;
display: inline;
width: 33%;
overflow: hidden;
}
div.CategoryStyleG_Item_ h3.name_ {
margin: 0 5px 10px 5px;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
background: #F0F0F0;
}
div.CategoryStyleG_Item_ .comment_ {
margin: 0 10px;
}
div.CategoryStyleG_Item_ div.comment_ img {
margin: 0 0 10px 0;
}
div.CategoryStyleG_ ul {
margin: 10px 10px 0 10px;
padding: 0;
}
div.CategoryStyleG_ ul li {
margin: 0 0 0 2em;
padding: 0;
list-style: square;
}
/* --------------------------------------------------------------------
カテゴリ一覧 一覧
--------------------------------------------------------------------- */
div.CategoryStyleL_ {
width:100%;
border:none;
}
div.CategoryStyleL_ span.name_ {
margin:4px;
font-weight:bold;
white-space: nowrap;
}
/* --------------------------------------------------------------------
カテゴリ一覧 サムネイル
--------------------------------------------------------------------- */
div.CategoryStyleT_ {
width:100%;
overflow: hidden;
margin:15px 0;
}
div.CategoryStyleT_Line_ {
width:100%;
margin-bottom:10px;
overflow: hidden;
}
div.CategoryStyleT_Item_ {
float: left;
display: inline;
width:245px;
overflow: hidden;
}
div.CategoryStyleT_Item_ h3.name_ {
font-size: 12px;
padding:0 10px;
}
div.CategoryStyleT_Item_ h3.img_ {
padding: 0 5px 10px;
font-size: 5px;
border: none;
text-align: center;
}
div.CategoryStyleT_Item_ h3.img_ a img {
border:solid 1px #CCC;
}
div.CategoryStyleT_Item_ h3.img_ a:hover img {
border:solid 1px #ef3340;
}
div.CategoryStyleT_Item_ .comment_ {
margin: 0 10px;
text-align: center;
}
/* --------------------------------------------------------------------
カテゴリ一覧 詳細
--------------------------------------------------------------------- */
div.CategoryStyleD_ {
width: 100%;
overflow: hidden;
}
div.CategoryStyleD_Item_ {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
div.CategoryStyleD_Item_ h3 {
margin: 0 5px 10px 5px;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
background: #F0F0F0;
}
/* --------------------------------------------------------------------
ジャンル一覧
--------------------------------------------------------------------- */
div.GenreStyle_ {
width: 100%;
overflow: hidden;
}
div.GenreStyle_Line_ {
margin: 0 0 20px 0;
width: 100%;
overflow: hidden;
}
div.GenreStyle_Item_ {
margin: 0;
background: #F0F0F0;
padding: 15px;
}
div.GenreStyle_Item_ h3.img_ {
margin: 0 0 10px;
font-size: 5px;
border: none;
}
div.GenreStyle_Item_ h3.name_ {
margin: 0 0 10px;
font-size: 14px;
font-weight: bold;
}
div.GenreStyle_Item_ div.comment_ {
}
div.GenreStyle_ h3.event_title_ {
color: #000;
letter-spacing:2px;
font-size: 15px;
}
.Genre_outlet_cassina_box_{
background:#FFF !important;
padding:0 !important;
margin-bottom:20px !important;
}
.Genre_outlet_cassina_box_ h2{
background:#e60012 !important;
color:#FFF;
padding:8px !important;
margin-bottom:15px;
}
.Genre_outlet_cassina_box_ h2 a,
.Genre_outlet_ixc_box_ h2 a{
color:#FFF;
letter-spacing:2px;
font-size: 15px;
}
.Genre_outlet_ixc_box_ {
background:#FFF !important;
padding:0 !important;
margin-bottom:20px !important;
}
.Genre_outlet_ixc_box_ h2{
background:#727171 !important;
color:#FFF;
padding:8px !important;
margin-bottom:15px;
}
.outlet_attention_ {
margin:30px 0 0 ;
border-top: solid 1px #e0e1e1;
border-bottom: solid 1px #e0e1e1;
padding:5px 0 20px;
line-height:1.6;
}
.outlet_attention_ dt{
font-weight:bold;
font-size:14px;
margin-top:15px;
}
div.GenreStyle_ .goods_{
margin-bottom:20px;
}
div.GenreStyle_ .icon_{
color:#F00;
}
.Genre_designer_cassina_box_ {
background:#FFF !important;
padding:0 0 20px !important;
line-height:1.6;
}
.Genre_designer_ixc_box_ {
background:#FFF !important;
padding:0 0 20px !important;
line-height:1.6;
}
.Genre_designer_cassina_box_ h2,
.Genre_designer_ixc_box_ h2{
margin-bottom:15px;
}
ul.other_genre_ {
width:100%;
clear:both;
overflow:hidden;
}
ul.other_genre_ li{
float:left;
margin:0 20px 10px 0;
}
ul.other_genre_ li a{
background: url(/img/usr/shop/icon_arrow4.gif) no-repeat left center;
font-size: 12px;
padding-left: 10px;
}
a.link_arrow_ {
margin: 0 0 20px 0;
padding: 10px 0 10px 12px;
color: #B49158;
font-size: 16px;
font-weight: normal;
line-height: 140%;
border-bottom: solid 1px #B49158;
letter-spacing: 3px;
background: url(/img/usr/icon_arrow_wred.gif) no-repeat left center;
}
/* --------------------------------------------------------------------
商品詳細
--------------------------------------------------------------------- */
div.goods_ {
clear: both;
}
div.goods_ a {
text-decoration:none;
}
div.goodsproductdetail_ {
width:100%;
}
table.goodsproductdetail_ {
width: 100%;
}
table.goodsproductdetail_ td {
vertical-align: top;
}
/* 商品画像 */
div.goodsimg_ {
overflow: hidden;
margin-bottom:20px;
border-bottom:solid 1px #CCC;
overflow: hidden;
clear:both;
}
td.goodsimg_ {
padding-right: 20px;
}
div.goodsimg_ .img_L_ {
text-align:center;
background:#FFF;
}
div.goodsimg_ .img_L_ .comment_ {
margin-top: 5px;
display:none;
}
div.goodsimg_ .img_c_{
margin-bottom: 10px;
}
div.goodsimg_ .img_c_ .comment_ {
margin-top: 5px;
}
#caption-txt {
font-size: 8px;
display: block;
text-align: right;
padding: 3px 0 3px;
height: 12px;
width: 100%;
overflow: hidden;
line-height: 13px;
}
/**/
/* 添付ファイル */
dl.attach_ {
margin: 0 0 10px 0;
}
dl.attach_ dt {
margin-bottom: 5px;
padding: 0 0 5px 20px;
font-weight: bold;
background: url(/img/sys/file.gif) 0 0 no-repeat;
border-bottom: 1px dotted #CCC;
}
dl.attach_ dd {
margin-bottom: 10px;
padding: 0 0 0 20px;
}
/**/
/* 商品画像バリエーション */
div.etc_goodsimg_ {
width: 100%;
overflow: hidden;
position:relative;
}
div.etc_goodsimg_line_ {
margin-bottom: 15px;
width: 102%;
/* padding-left:20px; */
overflow: hidden;
position:relative;
margin-left: -1%;
}
div.etc_goodsimg_item_ {
margin: 0 0.5% 10px;
margin:0 0.25% 5px;
float: left;
display: inline;
width: calc(90% / 20);
width: 9%;
width: calc(92.5% / 15);
overflow: hidden;
font-size: 10px;
line-height: 1.1;
background:#FFF;
}
div.etc_goodsimg_item_ a{
display: block;
height: 30px;
height: 50px;
height: 35px;
position:relative;
}
div.etc_goodsimg_item_ img {
height: 30px;
height: 50px;
height: 35px;
display:block;
margin:0 auto;
}
#slide_prev ,
#slide_next {
position:absolute;
width:16px;
background:#A6A7A7;
display:block;
height:33px;
top:0;
line-height:33px;
text-align:center;
color:#FFF;
font-size:12px;
cursor:pointer;
display:none !important;
}
.lema-ex {
background:#FFF;
}
#slide_prev {
border-right:solid 4px #FFF;
left:0;
/* display:none; */
}
#slide_next {
border-left:solid 4px #FFF;
right:0;
}
/**/
/* 商品スペック */
div.goodsspec_ {
width: 75%;
float:left;
overflow: hidden;
}
table.goodsspec_ {
margin: 0 0 10px 0;
width: 100%;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
}
table.goodsspec_ th {
width:100px;
text-align:right;
padding:2px;
vertical-align:top;
border-bottom: 1px dotted #CCC;
background: transparent;
}
table.goodsspec_ td {
text-align:left;
padding:2px;
vertical-align:top;
border-bottom: 1px dotted #CCC;
}
/**/
/* カートボタン関係 */
div.cartbox_ {
margin-bottom: 10px;
text-align:right;
vertical-align:middle;
}
div.cartbox_ span.valiationlist_ {
padding-right:4px;
vertical-align:top;
}
/**/
/* バリエーションプルダウン */
div.cartbox_ .valiation_pulldown_ {
margin-bottom: 10px;
}
/**/
/* バリエーションボックス */
div.cartbox_ div.colors_ {
margin-bottom: 5px;
width: 100%;
overflow: hidden;
}
div.cartbox_ div.colors_ div.color_ {
float:left;
margin:2px 5px 2px 5px;
white-space: nowrap;
width:30px;
height:30px;
}
div.cartbox_ div.colors_ div.color2_ {
float: left;
margin: 2px 5px 2px 5px;
white-space: nowrap;
width: 30px;
height: 30px;
overflow: hidden;
text-align: left;
background-position: center;
}
div.cartbox_ div.colors_ div.color_EnableStock_ {
border:solid 2px #d0d0d0;
background-color:#FFF;
cursor:pointer;
}
div.cartbox_ div.colors_ div.color_DisableStock_ {
border:dashed 2px #d0d0d0;
background-color:#909090;
cursor:pointer;
}
div.cartbox_ div.colors_ div.color_Selected_ {
border:solid 2px #ffc0c0;
background-color:#ffe0e0;
}
div.cartbox_ div.colors_ div.color_DisableSelected_ {
border:dashed 2px #ffc0c0;
background-color:#909090;
color:#ffc0c0;
}
div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
clear:left;
}
div.cartbox_ div.sizes_ {
margin-bottom: 5px;
width: 100%;
overflow: hidden;
}
div.cartbox_ div.sizes_ div.size_ {
float:left;
padding:2px 5px 2px 5px;
margin:2px 5px 2px 5px;
white-space: nowrap;
width:auto;
height:auto;
text-align:center;
}
div.cartbox_ div.sizes_ div.size_EnableStock_ {
border:dotted 1px #d0d0d0;
background-color:#FFF;
cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_DisableStock_ {
border:dotted 1px #d0d0d0;
background-color:#909090;
cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_Selected_ {
border:solid 1px #ffc0c0;
background-color:#ffe0e0;
}
div.cartbox_ div.sizes_ div.size_DisableSelected_ {
border:dotted 1px #d0d0d0;
background-color:#909090;
color:#ffc0c0;
}
.goodsproductdetail_ .goodsimg_ div.mask_ {
position:absolute;
z-index:10;
color:#ff4a4a;
font-weight:bold;
}
.goodsproductdetail_ .slick-track .item .desc {
position: absolute;
height: 20px;
font-size: 10px;
bottom: -25px;
line-height: 1.1;
right: 0;
letter-spacing: 1px;
}
.goodsproductdetail_ .slide .item {
border-bottom:solid 25px #FFF;
}
span.message_ {
float: left;
}
/**/
div.goodsspec_ div.togetherlist_ {
}
div.goodsspec_ div.to_detaillink_ {
text-align: right;
}
div.goodscomment_detail_ {
}
#goodscomment_tab {
width:auto;
overflow:hidden;
clear:both;
margin-bottom:15px;
border-bottom:solid 1px #787776;
display:none;
}
#goodscomment_tab li {
width:110px;
float:left;
text-align:center;
margin-right:2px;
height:20px;
line-height:20px;
cursor: pointer;
background:url(/img/usr/shop/goodscomment_tab.png) no-repeat center top;
color:#FFF;
font-size:11px;
}
#goodscomment_tab li:hover ,
#goodscomment_tab li.current {
background-position:center bottom !important;
}
#goodscomment_detailbox {
width:100%;
/* height: 230px; */
min-height: 230px;
overflow:auto;
position:relative;
}
div.goodscomment1_ {
overflow: hidden;
text-align: justify;
}
div.goodscomment2_ {
position:relative;
margin-bottom: 10px;
margin-top:20px;
border-top:solid 1px #CCC;
}
div.goodscomment2_ dl{
width:100%;
overflow:hidden;
border-bottom:1px solid #CCC;
}
div.goodscomment2_ dt{
float:left;
width:19%;
padding:8px 0 8px 0;
clear:both;
font-weight:bold;
}
div.goodscomment2_ dd{
float:right;
width:81%;
padding:8px 0;
}
div.goodscomment2_ > dl > dd{
}
div.goodscomment2_ dl.goods_size_spec_ {
border-bottom:none !important;
}
div.goodscomment2_ dl.goods_size_spec_ dt{
width:70px;
padding-left:15px;
}
div.goodscomment2_ dl.goods_size_spec_ dd{
border-bottom: 1px solid #CCC;
}
div.goodscomment2_ dl.goods_size_spec_ dd.lastspec_{
border-bottom:none !important;
}
div.goodscomment2_ dt.goods_size_spec_title_ {
width:70px !important;
padding-left:0 !important;
}
div.goodscomment2_ dl.goods_materials_data_ dd{
font-size:11px;
}
div.goodscomment2_ a {
text-decoration: underline;
}
div.goodscomment2_ a:hover {
text-decoration: none;
color: #CC3300;
}
div.goodscomment3_ {
margin-bottom: 10px;
display:none;
}
div.goodscomment3_ dl{
width:435px;
overflow:hidden;
margin-left:15px;
}
div.goodscomment3_ dt{
float:left;
width:90px;
padding:5px 10px 5px 0;
clear:both;
}
div.goodscomment3_ dd{
float:right;
width:335px;
padding:5px 0;
text-align: justify;
}
div.goodscomment3_ dd span{
display:block;
margin:1em 0;
background:#F2F2F2;
padding:10px;
width:290px;
margin-left:-10px;
}
div.goodscomment4_ {
margin: 20px 0 50px;
}
div.goodscomment4_:before{
content: 'PHOTO GALLERY';
font-size: 18px;
font-weight:bold;
letter-spacing:1px;
}
div.goodscomment4_ ul{
margin-top:10px;
width: 100%;
overflow: hidden;
}
div.goodscomment4_ li{
float:left;
width:19%;
padding:0 1% 1% 0;
overflow: hidden;
margin-bottom: 10px;
}
div.goodscomment4_ li img{
width:100%;
}
div.goodscomment5_ {
margin-bottom: 10px;
}
div.accessory_list_ {
width:100%;
float:none;
clear:both;
padding-top:20px;
}
div.goods_ div.accessory_list_ {
margin:10px 0px;
}
div.accessory_list_ .sub_headline_ span {
display: inline;
margin:0 0 0 10px;
}
.accessory_list_ .goods_ {
margin-bottom:40px;
}
.goods_photo {
position: relative;
top: 0;
left: 0;
width: auto;
}
.goods_photo a .goods_large {
display: block;
position: absolute;
width: 1px;
height: 1px;
top: 0;
left: 0;
}
.goods_photo a.goods_popup, .goods_photo a.goods_popup:visited {
display: block;
width: auto;
top: 0;
left: 0;
}
.goods_photo a.goods_popup:hover {
background-color: #fff;
}
.goods_photo a.goods_popup:hover .goods_large {
display: block;
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
a.btn_link_ {
display: block;
background: url(/img/usr/shop/option_buttons.png) no-repeat center top;
width: 365px;
height: 60px;
overflow: hidden;
text-align: center;
line-height: 60px;
color: #FFF;
text-decoration: none;
font-size: 12px;
}
a.btn_link_:hover {
background-position:center bottom !important;
}
a.btn_link2_ {
display: block;
background: #888;
width: 365px;
height: 50px;
overflow: hidden;
text-align: center;
line-height: 50px;
color: #FFF;
text-decoration: none;
font-size: 12px;
border-radius: 5px;
}
a.btn_link2_:hover {
background: #BBB;
}
/* SNS */
ul.sns {
list-style:none;
}
li.sns {
display: none;
float:left; margin-right:10px; margin-bottom:5px;
}
.lema-ex {
border:solid 1px #666;padding:2em;
overflow:hidden;
width:auto;
margin-bottom:30px;
}
.lema-ex h3{
margin-bottom:25px;
float:left;
width:35%;
}
.lema-ex img{
max-width:100%;
}
.lema-ex-img {
margin-bottom:5px;
float:left;
width:49%;
padding-right:1%;
display:block;
}
.lema-ex-spec {
margin-bottom:25px;
float:left;
width:65%;
}
.lema-ex-2d {
margin-bottom:5px;
float:left;
width:49%;
padding-left:1%;
display:block;
}
.lema-ex-spec-item {
display:block;
border-top:solid 1px #CCC;
padding:5px 0;
}
.lema-ex-spec-item:last-child {
border-bottom:solid 1px #CCC;
}
#lema-product-detail a.ext-contact1 {
position:absolute;
display:block;
background:#999;
color:#000;
padding:8px 0;
line-height:1.2;
text-align:center;
width:10em;
right:0;
top:0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;
font-size:13px;
color:#FFF;
}
.lema-ex-zoom {
display:block;
width:100%;
overflow:hidden;
}
#lema-product-detail {
margin-top:15px;
}
#lema-ex1, #lema-ex2, #lema-ex3, #lema-ex4, #lema-ex5
,#lema-ex6,#lema-ex7,#lema-ex8,#lema-ex9,#lema-ex10,#lema-ex11,
#lema-ex12,#lema-ex13{
width:100%;display:block;float:none;clear:both;
}
/* --------------------------------------------------------------------
絞り込み
--------------------------------------------------------------------- */
.goods_maker_title_ i:before {
content: '絞り込み:';
font-style:normal;
}
.goods_brand_title_ i:before {
content: 'ブランド:';
font-style:normal;
}
.goods_filter1_title_ i:before {
content: '価格:';
font-style:normal;
}
.goods_filter2_title_ i:before {
content: '絞り込み2:';
font-style:normal;
}
.filter1_name_now_ ,
.filter2_name_now_ {
color: #ef3340;
text-decoration: none;
margin: 2px 5px;
white-space: nowrap;
}
/* --------------------------------------------------------------------
商品一覧 サムネイル
--------------------------------------------------------------------- */
div.StyleT_Frame_ {
width:100%;
overflow: hidden;
}
div.StyleT_Line_ {
margin: 0 0 10px 0;
width: 100%;
padding-bottom:5px;
overflow: hidden;
border-bottom:solid 1px #eeefef;
}
div.StyleT_Item_ {
margin: 0 auto;
width: 100%;
}
div.StyleT_Item_ div.img_ {
margin-bottom: 5px;
float:left;
display:inline;
margin-right:40px;
}
div.StyleT_Item_ div.img_ img {
width: 100px;
}
div.StyleT_Item_ div.name_,
div.StyleT_Item_ div.price_ {
margin: 0 10px 5px 10px;
}
div.StyleT_Item_ div.name_ {
padding-top:20px;
}
div.StyleT_Item_ div.cart_ {
margin: 0 10px;
}
/* サイドメニューイベント欄 */
div.leftmenuframe_ div.StyleT_Line_,
div.rightmenuframe_ div.StyleT_Line_ {
width: 100%;
}
div.leftmenuframe_ div.StyleT_Item_,
div.rightmenuframe_ div.StyleT_Item_ {
margin: 0;
width: 100%;
}
/* --------------------------------------------------------------------
商品一覧 詳細一覧
--------------------------------------------------------------------- */
div.GoodsStyleD_Frame_ {
width:100%;
overflow: hidden;
}
div.GoodsStyleD_Item_ {
margin: 0 0 10px 0;
width: 100%;
padding: 10px 0;
overflow: hidden;
background:#FFF;
}
div.GoodsStyleD_Frame_ div.img_ {
float: left;
width:30%;
text-align: center;
}
div.GoodsStyleD_Frame_ div.img_ img {
height: 80px;
}
div.GoodsStyleD_Frame_ div.name1_ {
line-height:1.3;
padding-top:5px;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
div.GoodsStyleD_Frame_ span.name2_ {
font-size:11px;
}
div.GoodsStyleD_Frame_ div.desc_ {
float: left;
display: inline;
width: auto;
overflow: hidden;
}
div.GoodsStyleD_Frame_ div.name_ {
width:70%;
float: right;
}
div.GoodsStyleD_Frame_ div.detail_ {
width:70%;
float: right;
font-size:11px;
}
div.GoodsStyleD_Frame_ div.detail_ div.spec_ {
width: 50%;
}
div.GoodsStyleD_Frame_ div.cart_ {
}
div.GoodsStyleD_Frame_ .goodscomment1_ {
}
div.StyleD_Frame_ {
width:100%;
overflow: hidden;
}
div.StyleD_Item_ {
margin: 0 0 10px 0;
width: 100%;
padding-bottom: 5px;
overflow: hidden;
border-bottom: solid 1px #eeefef;
}
div.StyleD_Frame_ div.img_ {
margin-bottom: 5px;
float: left;
display: inline;
margin-right: 40px;
}
div.StyleD_Frame_ div.img_ img {
width: 100px;
}
div.StyleD_Frame_ div.desc_ {
float: left;
display: inline;
width: 490px;
overflow: hidden;
}
div.StyleD_Frame_ div.name_ {
padding-top: 20px;
}
div.StyleD_Frame_ div.detail_ {
width: 100%;
overflow: hidden;
}
div.StyleD_Frame_ div.detail_ div.spec_ {
float: left;
display: inline;
text-align: left;
width: 50%;
}
div.StyleD_Frame_ div.cart_ {
float: right;
display: inline;
text-align: right;
width: 50%;
}
div.StyleD_Frame_ .goodscomment1_ {
margin-top: 10px;
}
/* --------------------------------------------------------------------
商品一覧 ピックアップ
--------------------------------------------------------------------- */
div.StyleP_Frame_ {
width: 100%;
overflow: hidden;
}
div.StyleP_Line_ {
width: 100%;
overflow: hidden;
margin-bottom:5px;
}
div.StyleP_Item_ {
margin: 0;
padding: 0 0 12px 0;
float: left;
display: inline;
width: 92px;
}
div.StyleP_Item_ div.img_ {
margin: 0;
padding: 0 10px 0 10px;
float: left;
display: inline;
width: 70px;
}
div.StyleP_Item_ div.img_ img {
width: 70px;
}
div.StyleP_Item_ div.desc_ {
margin: 0;
float: left;
display: inline;
width: 170px;
}
div.StyleP_Item_ div.name_,
div.StyleP_Item_ div.price_ {
margin: 0 0 5px;
}
/* --------------------------------------------------------------------
商品一覧 一覧
--------------------------------------------------------------------- */
table.StyleL_Frame_ {
margin: 0 0 20px 0;
border:none;
width:100%;
}
table.StyleL_Frame_ tr {
vertical-align:top;
}
table.StyleL_Frame_ th {
text-align: center;
font-weight: bold;
}
table.StyleL_Frame_ td {
vertical-align: middle;
}
table.StyleL_Frame_ td.name_ {
width: 180px;
}
table.StyleL_Frame_ td.price_ {
white-space:nowrap;
text-align:right;
}
table.StyleL_Frame_ td.comment_ {
}
table.StyleL_Frame_ td.stock_ {
text-align: center;
}
table.StyleL_Frame_ td.cart_ {
width:50px;
text-align:right;
}
/* --------------------------------------------------------------------
商品一覧 メーカー
--------------------------------------------------------------------- */
table.StyleM_Frame_ {
margin: 0 0 20px 0;
border:none;
width:100%;
}
table.StyleM_Frame_ tr {
vertical-align:top;
}
table.StyleM_Frame_ th {
text-align: center;
font-weight: bold;
}
table.StyleM_Frame_ td {
vertical-align: middle;
}
table.StyleM_Frame_ td.name_ {
width: 180px;
}
table.StyleM_Frame_ td.price_ {
white-space:nowrap;
text-align:right;
}
table.StyleM_Frame_ td.comment_ {
}
table.StyleM_Frame_ td.stock_ {
text-align: center;
}
table.StyleM_Frame_ td.cart_ {
width:50px;
text-align:right;
}
/* --------------------------------------------------------------------
商品一覧 リスト
--------------------------------------------------------------------- */
ul.StyleS_Frame_ {
margin: 0 0 20px 0;
padding: 0;
}
li.StyleS_Line_ {
margin: 0;
padding: 5px 0;
list-style: none;
width: 100%;
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
li.StyleS_Line_ span {
padding-right: 1em;
}
li.StyleS_Line_ .name_ {
display: inline;
}
li.StyleS_Line_ .name1_ {
padding-right: 1em;
display: inline;
}
li.StyleS_Line_ .name2_ {
padding-right: 1em;
display: inline;
}
/* --------------------------------------------------------------------
商品一覧 商品名
--------------------------------------------------------------------- */
table.StyleN_Frame_ {
margin: 0 0 20px 0;
width: 100%;
}
table.StyleN_Frame_ th {
width: 40%;
}
/* --------------------------------------------------------------------
商品一覧 一括購入
--------------------------------------------------------------------- */
table.StyleB_Frame_ {
margin: 0 0 10px 0;
border:none;
width:100%;
}
table.StyleB_Frame_ tr {
vertical-align:top;
}
table.StyleB_Frame_ th {
text-align: center;
font-weight: bold;
}
table.StyleB_Frame_ td {
vertical-align: middle;
}
table.StyleB_Frame_ td.name_ {
width: 180px;
}
table.StyleB_Frame_ td.price_ {
white-space:nowrap;
text-align:right;
}
table.StyleB_Frame_ td.comment_ {
}
table.StyleB_Frame_ td.stock_ {
text-align: center;
}
table.StyleB_Frame_ td.qty_ input {
width: 4em;
}
div.StyleB_Cart_ {
margin: 0 0 20px 0;
text-align: right;
}
/* --------------------------------------------------------------------
商品一覧 チェックリスト
--------------------------------------------------------------------- */
.StyleA_Frame_ {
width: 100%;
overflow: hidden;
}
.StyleA_Item_ {
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
.StyleA_Item_ td {
padding-bottom: 10px;
vertical-align: top;
}
.StyleA_Item_ td.img_ {
padding-right: 10px;
width: 100px;
}
.StyleA_Item_ div.price_ {
text-align: right;
}
.StyleA_Frame_ div.stock_ {
text-align: right;
}
.StyleA_Frame_ div.checkbox_ {
text-align: right;
white-space: nowrap;
}
.StyleA_Frame_ div.checkbox_ label {
margin: 0 0 0 5px;
text-align: right;
font-weight: bold;
}
/* チェックリスト(子商品追加) */
div.goods_ table.StyleC_Frame_ td.price_ {
text-align:right;
white-space: nowrap;
}
div.goods_ table.StyleC_Frame_ td.stock_ {
text-align:right;
white-space: nowrap;
}
div.goods_ table.StyleC_Frame_ td.checkbox_ {
text-align:right;
white-space: nowrap;
}
/* --------------------------------------------------------------------
商品一覧 写真付き
--------------------------------------------------------------------- */
table.StyleI_Frame_ {
margin: 0 0 20px 0;
border:none;
width:100%;
}
table.StyleI_Frame_ tr {
vertical-align:top;
}
table.StyleI_Frame_ th {
text-align: center;
font-weight: bold;
}
table.StyleI_Frame_ td {
vertical-align: middle;
}
table.StyleI_Frame_ td.img_ img {
width: 50px;
}
table.StyleI_Frame_ td.name_ {
width: 180px;
}
table.StyleI_Frame_ td.price_ {
white-space:nowrap;
text-align:right;
}
table.StyleI_Frame_ td.comment_ {
}
table.StyleI_Frame_ td.stock_ {
text-align: center;
}
table.StyleI_Frame_ td.cart_ {
width:50px;
text-align:right;
}
/* --------------------------------------------------------------------
商品一覧 ランキング
--------------------------------------------------------------------- */
div.StyleR_Frame_ {
margin: 0 0 20px 0;
width: 100%;
overflow: hidden;
}
div.StyleR_Item_ {
margin: 0;
float: left;
display: inline;
text-align: center;
width: 33%;
}
div.StyleR_Item_ div.img_ {
margin-bottom: 5px;
}
div.StyleR_Item_ div.name_,
div.StyleR_Item_ div.price_ {
margin: 0 10px 5px 10px;
}
div.StyleR_Item_ div.cart_ {
margin: 0 10px;
}
.StyleR_List_ {
float: right;
display: inline;
width: 66%;
overflow: hidden;
}
.StyleR_List_ li {
padding: 5px 5px 5px 0;
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
.StyleR_List_ li dl {
width: 100%;
overflow: hidden;
}
.StyleR_List_ li dl dt {
float: left;
text-align: center;
font-weight: bold;
width: 3em;
}
.StyleR_List_ li dl dd {
margin-left: 3em;
}
.StyleR_List_ #rank1 {
font-size: 20px;
font-weight: bold;
line-height: 140%;
}
.StyleR_List_ #rank2 {
font-size: 18px;
font-weight: bold;
line-height: 140%;
}
.StyleR_List_ #rank3 {
font-size: 16px;
font-weight: bold;
line-height: 140%;
}
.StyleR_List_ #rank4 {
font-size: 14px;
font-weight: bold;
line-height: 140%;
}
.StyleR_List_ #rank5 {
font-size: 14px;
font-weight: bold;
line-height: 140%;
}
/* --------------------------------------------------------------------
商品検索
--------------------------------------------------------------------- */
table.search_ {
margin: 0 auto;
width: 100%;
border:1px dotted #CCC;
}
table.search_ th {
padding-top: 12px;
text-align: right;
font-weight: bold;
white-space: nowrap;
vertical-align: top;
}
table.search_ td {
text-align:left;
font-size: 12px;
background-color:transparent;
border-top: none;
border-right: none;
border-bottom: 1px dotted #CCC;
border-left: none;
vertical-align: top;
overflow: hidden;
}
/* 各項目 */
#search_category select,
#search_maker select,
#search_brand select {
width: 300px;
}
/**/
/* ジャンル */
table.search_ ul.genre_ {
width: 100%;
height: 160px;
overflow: auto;
list-style: none;
}
table.search_ ul.genre_ li {
padding: 0 0 5px 0;
}
table.search_ ul.genre_ li.genre_depth_1 {
font-weight: bold;
clear: both;
}
table.search_ ul.genre_ li.genre_depth_2 {
text-indent: 10px;
width: 30%;
float: left;
}
table.search_ ul.genre_ li.genre_depth_3 {
display: none;
}
table.search_ ul.genre_ li.genre_depth_4 {
display: none;
}
div.goods_ div.btn_overlay_ {
position: absolute;
text-align:center;
}
div.goods_ div.addcart_overlay_ {
position:absolute;
display:none;
}
/* --------------------------------------------------------------------
goodsT
--------------------------------------------------------------------- */
div.GoodsStyleT_ {
/*
width:100%;
overflow: hidden;
*/
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div.GoodsStyleT_Line_ {
/*
width:100%;
margin-bottom:10px;
overflow: hidden;
*/
float: left;
width:28.66666%;
margin:0 1% 1% 0;
margin:0 1% 10px 0;
overflow: hidden;
background:#FFF;
padding:20px 2% 10px;
position:relative;
}
div.GoodsStyleT_Line_:nth-child(3n) {
margin-right:0;
}
div.GoodsStyleT_Item_ {
/*
float: left;
display: inline;
width:20%;
margin:0 1% 0 0;
overflow: hidden;
background:#FFF;
padding:2%;
*/
}
div.GoodsStyleT_Item_ a{
color:#000;
}
div.GoodsStyleT_Item_ h3.name_ {
font-size: 12px;
line-height: 1.6;
}
div.GoodsStyleT_Item_ h3.img_ {
padding: 0 10px 10px 10px;
font-size: 5px;
border: none;
}
div.GoodsStyleT_Item_ h3 img {
display: block;
margin: 0 auto 5px;
}
div.GoodsStyleT_Item_ h3.name_ a > img ,
div.GoodsStyleT_Item_ h3.name_ a span > img {
/*
width: 75%;
*/
height:110px;
}
div.GoodsStyleT_Item_ .comment_ {
margin: 0 10px;
}
/* --------------------------------------------------------------------
goodsC
--------------------------------------------------------------------- */
div.GoodsStyleC_Frame_ {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.GoodsStyleC_Line_ {
float: left;
width: 28.66666%;
margin: 0 1% 1% 0;
margin: 0 1% 10px 0;
overflow: hidden;
background: #FFF;
padding: 20px 2% 10px;
position: relative;
}
div.GoodsStyleC_Item_ {
margin: 0;
padding: 0;
float: none;
display: block;
width: 100%;
}
div.GoodsStyleC_Line_:nth-child(3n) {
margin-right: 0;
}
div.GoodsStyleC_Item_ div.img_ {
margin: 0;
padding: 0;
float: none;
display: block;
width: 100%;
}
div.GoodsStyleC_Item_ div.img_ img {
height: 140px;
display: block;
width:auto;
margin: 0 auto 5px;
}
@media screen and (max-width:1240px){
div.GoodsStyleC_Item_ div.img_ img {
height: 140px !important;;
}
.navistyle_ a {
white-space: initial !important;
}
}
@media screen and (max-width:1100px){
div.GoodsStyleC_Item_ div.img_ img {
height: 100px !important;;
}
.navistyle_ a {
white-space: initial !important;
}
}
@media screen and (max-width:1100px){
div.GoodsStyleC_Item_ div.img_ img {
height: 100px !important;;
}
.navistyle_ a {
white-space: initial !important;
}
}
@media screen and (max-width:1000px){
div.GoodsStyleC_Item_ div.img_ img {
height: 100px !important;
}
.navistyle_ a {
white-space: initial !important;
}
}
div.GoodsStyleC_Item_ .name_ {
line-height:1.2;
margin-bottom:5px;
}
div.GoodsStyleC_Item_ .name_ .name1_ {
font-weight:bold;
font-size:16px;
}
div.GoodsStyleC_Item_ div.price_ ,
div.GoodsStyleC_Item_ div.stock_ {
font-weight: normal;
font-size: 10px;
color:#000;
margin: 0 0 0;
line-height:1.2;
}
div.GoodsStyleC_Item_ div.stock_ {
display:none;
}
div.GoodsStyleC_Item_ .price_default {
font-size:10px;
line-height:1.2;
margin-bottom:5px;
}
div.GoodsStyleC_Item_ .name2_ {
font-size:10px;
}
div.GoodsStyleC_Item_ div.desc1_ {
font-size:10px;
line-height: 1.4;
margin-bottom: 5px;
}
div.GoodsStyleC_Item_ div.desc2_ {
display:none;
margin-top:15px;
border-top:solid 1px #EEE;
padding-top:10px;
}
div.GoodsStyleC_Item_ dl.color_sample {
width:85%;
overflow:hidden;
clear: both;
margin-bottom:5px;
position:relative;
}
div.GoodsStyleC_Item_ dl.color_sample dt {
text-align:left;
font-size:9px;
line-height:1.1;
position:absolute;
width:6em;
}
div.GoodsStyleC_Item_ dl.color_sample dd {
position:relative;
font-size:9px;
padding-left:7em;
line-height:0;
}
div.GoodsStyleC_Item_ dl.color_sample.c1 dd {
padding-left:2em;
}
div.GoodsStyleC_Item_ dl.color_sample.c2 dd {
padding-left:3em;
}
div.GoodsStyleC_Item_ dl.color_sample.c3 dd {
padding-left:4em;
}
div.GoodsStyleC_Item_ dl.color_sample.c4 dd {
padding-left:5em;
}
div.GoodsStyleC_Item_ dl.color_sample.c5 dd {
padding-left:6em;
}
div.GoodsStyleC_Item_ dl.color_sample.c6 dd {
padding-left:7em;
}
div.GoodsStyleC_Item_ dl.color_sample.c7 dd {
padding-left:8em;
}
div.GoodsStyleC_Item_ dl.color_sample.c8 dd {
padding-left:9em;
}
div.GoodsStyleC_Item_ dl.color_sample.c9 dd {
padding-left:10em;
}
div.GoodsStyleC_Item_ dl.color_sample.c10 dd {
padding-left:11em;
}
div.GoodsStyleC_Item_ dl.color_sample dd img{
width:100%;
margin-bottom:2px;
}
div.GoodsStyleC_Item_ .icon_use{
position:absolute;
right:5px;
bottom:5px;
text-align:right;
}
div.GoodsStyleC_Item_ .icon_use img{
height:30px;
}
div.GoodsStyleC_Item_ .icon_use span.icon_use_stack,
div.GoodsStyleC_Item_ .icon_use span.icon_use_soutdoor {
position:relative;
vertical-align: top;
}
div.GoodsStyleC_Item_ .icon_use span.stack_num{
position:absolute;
font-size:9px;
line-height:1.1;
left:-8px;
top:-8px;
}
div.GoodsStyleC_Item_ .name_ a {
color:#000;
}
/* --------------------------------------------------------------------
goodsY
--------------------------------------------------------------------- */
div.GoodsStyleY_ {
width:100%;
overflow: hidden;
}
div.GoodsStyleY_Line_ {
width:100%;
overflow: hidden;
}
div.GoodsStyleY_Item_ {
padding: 1%;
float: left;
display: inline;
width:47%;
margin:0 1% 1% 0;
overflow: hidden;
background:#FFF;
}
div.GoodsStyleY_Item_ div.img_ {
margin-bottom: 5px;
float: left;
display: inline;
margin-right: 40px;
}
div.GoodsStyleY_Item_ div.img_ img{
width: 90px;
}
div.GoodsStyleY_Item_ .desc_ {
padding-top: 20px;
float:left;
width:220px;
}
div.GoodsStyleY_Item_ .comment_ {
margin: 10px 0 0;
}
/* --------------------------------------------------------------------
GoodsP
--------------------------------------------------------------------- */
div.GoodsStyleP_Frame_ {
width: 100%;
overflow: hidden;
}
div.GoodsStyleP_Line_ {
width: 100%;
overflow: hidden;
margin-bottom:12px;
border-bottom: none !important;
margin-bottom: 10px !important;
background-image:none;
}
div.GoodsStyleP_Item_ {
width: 12.5%;
margin: 0;
padding: 0 0 12px 0;
float: left;
display: inline;
width: 20%;
text-align:center;
min-height:125px;
}
div.GoodsStyleP_Item_ div.img_ {
margin: 0;
padding: 0 0 5px !important;
float: none !important;
display: block;
text-align:center;
}
div.GoodsStyleP_Item_ div.img_ img {
height: 70px !important;
width: auto !important;
}
div.GoodsStyleP_Item_ div.desc_ {
margin: 0;
float: none;
text-align:left;
font-size:10px;
width: auto !important;
padding:0 15px;
line-height: 1.4;
}
div.GoodsStyleP_Item_ div.name_,
div.GoodsStyleP_Item_ div.price_ {
margin: 0 0 2px;
}
/* --------------------------------------------------------------------
ログインフォーム
--------------------------------------------------------------------- */
div.login_ {
}
div.login_ div.loginform_ {
width:600px;
margin:10px auto 20px;
padding:10px;
text-align:left;
}
div.login_ div.loginform_ .form_text_ {
margin-bottom: 10px;
}
div.login_ div.inputimage_ {
margin:8px auto;
text-align:center;
}
div.login_ div.askpass_ {
margin:5px auto;
text-align:center;
}
div.login_ div.entry_ {
margin:2px auto;
text-align:center;
font-size:10px
}
div.login_ table.loginform_ {
margin:auto;
text-align:center;
}
div.login_ table.loginform_ th {
padding: 2px;
text-align: right;
font-weight: bold;
}
div.login_ table.loginform_ td {
padding: 2px;
text-align: left;
}
div.login_ table.loginform_ td input.login_uid_ {
width: 300px;
}
div.login_ table.loginform_ td input.login_pwd_ {
width: 300px;
}
div.login_ table.loginform_ td input.login_uid_mail_ {
width: 300px;
}
/* --------------------------------------------------------------------
パスワードを忘れた方
--------------------------------------------------------------------- */
table.askpass_ {
margin-bottom: 10px;
}
table.askpass_ th {
width: 16em;
}
/* --------------------------------------------------------------------
マイページ・会員情報
-------------------------------------------------------------------- */
div.customer_ table {
width: 100%;
}
div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
margin-bottom: 20px;
}
div.customer_ table.customer_
th, div.customer_ table.customerconfirm_ th {
width: 25%;
}
/* --------------------------------------------------------------------
新規会員登録
-------------------------------------------------------------------- */
div.customer_ .agreebody_ {
margin: 20px 0;
background:#F2F2F2;
border:solid 1px #C4C4C4;
padding:29px;
width:900px
}
/* --------------------------------------------------------------------
マイページ トップ
-------------------------------------------------------------------- */
div.customer_status_ {
margin: 0 0 20px 0;
padding: 0 10px 10px 10px;
border-bottom: 1px dotted #CCC;
display:none;
}
.loginname_ {
font-weight: bold;
}
p.recommend_ {
margin-bottom: 20px;
font-size: 14px;
font-weight: bold;
}
div.mymenu_ {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
div.mymenu_item_ {
margin:0 9px 0;
width: 280px;
overflow: hidden;
border: 1px solid #B39058;
float:left;
padding:10px;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
-o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
div.mymenu_item_ .img_ {
margin: 0 10px 0 10px;
float: left;
display: inline;
width: 60px;
display:none;
}
div.mymenu_item_ .desc_ {
margin: 0 10px 0 0;
float: left;
display: inline;
}
div.mymenu_item_ h2 {
margin: 0 0 10px 0;
padding: 5px 5px 5px 10px;
font-size: 15px;
background:url(/img/usr/icon_arrow.gif) no-repeat left center;
}
div.mymenu_item_ h2 a{
color:#B39058;
}
div.mymenu_item_ h2 a:hover{
color:#ef3340;
}
div.mymenu_item_ p, div.mymenu_item_ ul {
margin: 0 0 0 10px;
font-size:11px;
}
div.mymenu_item_ ul li {
margin-left: 2em;
list-style: square;
}
/* --------------------------------------------------------------------
マイページ 購入履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
margin-bottom: 10px;
padding-left: 10px;
}
div.customer_ .destgoodslist_ {
margin-bottom: 20px;
}
table.history_ {
margin-bottom: 20px;
}
table.history_ th {
font-weight: bold;
}
table.history_ td.order_dt_ {
white-space: nowrap;
}
table.history_ td.order_detail_ ul {
margin-bottom: 5px;
}
table.history_ td.order_detail_ ul li {
margin-left: 2em;
list-style: square;
}
table.history_ td.order_detail_ p.order_again_ {
padding: 5px;
text-align: right;
font-weight: bold;
}
table.history_ td.total_ {
text-align: center;
font-size: 14px;
}
ul.historydetail_ {
margin: 10px auto;
width: 18em;
}
ul.historydetail_ li {
margin-left: 2em;
font-weight: bold;
list-style: square;
}
/* --------------------------------------------------------------------
マイページ カード情報確認
-------------------------------------------------------------------- */
div.cardedit_ table th {
width: 16em;
}
/* 現在の登録内容 */
div.cardedit_info_ {
margin-bottom: 20px;
}
/**/
td.card_ label {
margin: 0 20px 0 5px;
}
/* --------------------------------------------------------------------
マイページ メールアドレス変更
-------------------------------------------------------------------- */
table.mailchange_ {
margin-bottom: 10px;
}
table.mailchange_ th {
width: 16em;
}
/* --------------------------------------------------------------------
マイページ ID変更
-------------------------------------------------------------------- */
table.idchange_ {
margin-bottom: 10px;
}
table.idchange_ th {
width: 16em;
}
/* --------------------------------------------------------------------
マイページ パスワード変更
-------------------------------------------------------------------- */
table.passchange_ {
margin-bottom: 10px;
}
table.passchange_ th {
width: 16em;
}
/* --------------------------------------------------------------------
マイページ お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
border-top: 1px dotted #CCC;
margin-bottom: 10px;
}
div.customer_ div.bookmark_item_ {
width: 100%;
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
div.bookmark_item_ div.cartgoods_ {
padding: 10px;
float: left;
display: inline;
width: 15px;
}
div.bookmark_item_ div.img_ {
padding: 10px 10px 10px 0;
float: left;
display: inherit;
width: 100px;
overflow: hidden;
}
div.bookmark_item_ div.img_ img {
}
div.bookmark_item_ div.desc_ {
padding: 10px 0;
float: left;
display: inline;
width: 600px;
}
div.bookmark_item_ div.name_ {
margin-bottom: 5px;
}
div.bookmark_item_ div.spec_ {
margin-bottom: 5px;
}
div.bookmark_item_ .edit_memo_ {
margin-top: 5px;
font-weight: bold;
}
div.bookmark_item_ .memo_ {
padding: 5px;
border: 1px solid #CCC;
background: #F8F8F8;
}
div.bookmark_item_ div.del_ {
padding: 10px;
float: right;
display: inline;
width: 60px;
}
div.bookmark_buy_ {
margin-bottom: 20px;
}
/* --------------------------------------------------------------------
マイページ お問い合わせ
-------------------------------------------------------------------- */
div.contact_ {
position:relative;
}
div.contact_ table {
width: 100%;
}
/* new お問合せフォーム */
div.contact_ table.contact_ th {
width: 16em;
}
div.contact_ table.contact_ td {
}
div.contact_ div.contact_reform_ {
margin:auto;
text-align:center;
}
/* --------------------------------------------------------------------
マイページ お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ li {
padding: 10px;
border-bottom: 1px dotted #CCC;
}
div.contact_ table.detaillistline_ {
border: dotted 1px;
margin:2px auto;
}
/* お問合せ詳細 */
.contactdetail_title_ {
margin-bottom: 20px;
padding: 10px;
font-size: 14px;
border-bottom: 1px dotted #CCC;
border-top: 1px dotted #CCC;
}
.contactdetail_title_ .subject_ {
margin-left: 20px;
font-weight: bold;
}
.contactdetail_title_ .id_ {
margin-left: 10px;
font-size: 10px;
}
/* スレッド */
div.contactlist_ {
margin-bottom: 20px;
}
div.contactlist_ .contactlist_order_id_ {
}
div.contactlist_ .contactlist_goods_ {
margin: 0 0 0 20px;
}
div.contactlist_line_ {
margin-top: 10px;
width: 100%;
overflow: hidden;
border: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ {
width: 100%;
overflow: hidden;
background: #F0F0F0;
border-bottom: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ .name_ {
padding: 5px;
float: left;
display: inline;
font-weight: bold;
width: 40%;
}
div.contactlist_line_ .contactlist_head_ .updt_ {
padding: 5px;
float: right;
display: inline;
text-align: right;
width: 40%;
}
div.contactlist_line_ .comment_ {
padding: 10px;
}
/* --------------------------------------------------------------------
マイページ 退会
-------------------------------------------------------------------- */
table.withdrawal_ {
margin-bottom: 10px;
}
table.withdrawal_ th {
width: 16em;
}
/* --------------------------------------------------------------------
マイページ クーポン一覧
-------------------------------------------------------------------- */
table.coupon_list_ {
margin-bottom: 20px;
}
table.coupon_list_ th {
font-weight: bold;
text-aligin: center;
}
table.coupon_list_ td.coupon_code_ {
white-space: nowrap;
}
table.coupon_list_ td.coupon_price_ {
text-align: right;
white-space: nowrap;
}
table.coupon_list_ td.coupon_name_ {
text-align: left;
}
table.coupon_list_ td.coupon_dt_ {
text-align: left;
white-space: nowrap;
}
table.coupon_list_ td.coupon_target_ {
text-align: left;
}
div.order_flow_ {
margin: 15px 0;
text-align: center;
}
table.cartlist_ {
margin: 0 auto;
width: 640px;
border-left: none;
border-right: none;
}
table.cartlist_ td.img_ {
width: 50px;
}
table.cartlist_ td.img_ img {
width: 50px;
}
table.cartlist_ td.money_ {
width:80px;
white-space:nowrap;
text-align:right;
}
table.cartlist_ td.qty_ {
width:80px;
white-space:nowrap;
text-align:right;
}
table.cartlist_ td.button_ {
text-align: center;
width: 60px;
}
table.cartlist_ td.total_ {
text-align:right;
}
table.cartlist_ .qty_ input {
}
input.calc_ {
width:0px;
height:0px;
}
/* --------------------------------------------------------------------
メールニュース
-------------------------------------------------------------------- */
div.mail_ .agreebody_ {
margin: 10px 0 20px 0;
width: 100%;
}
div.mail_ table {
width: 100%;
}
div.mail_ table th {
width: 25%;
}
/* --------------------------------------------------------------------
トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
h2.topic_title_ {
margin-bottom: 10px;
padding: 8px 8px 8px 20px;
font-size: 14px;
font-weight: bold;
border: 1px solid #CCC;
background: url(/img/usr/common_h2.png) 0 0 no-repeat;
}
/* トピック一覧 */
div.topiclist_ {
margin: 0 0 10px 0;
}
div.topiclist_ .topiclist_head_ {
padding: 20px 20px 0 20px;
width: 560px;
height: 32px;
overflow: hidden;
background: url(/img/usr/topiclist_head.png) center top no-repeat;
}
div.topiclist_ .topiclist_head_ h2 {
float: left;
display: inline;
font-size: 16px;
font-weight: bold;
}
div.topiclist_ .topiclist_head_ .rss_ {
float: right;
display: inline;
text-align: right;
}
div.topiclist_ .topiclist_body_ {
padding: 0 20px 20px 20px;
background: url(/img/usr/topiclist_body.png) center bottom no-repeat;
}
div.topiclist_ div.topiclist_ ul.topicline_ {
margin: 0;
padding: 0;
}
div.topiclist_ ul.topicline_ li {
padding: 5px 5px 5px 15px;
background: url(/img/usr/topiclist.png) 5px 9px no-repeat;
border-bottom: 1px dotted #CCC;
}
div.topiclist_ ul.topicline_ li.img_ {
padding: 5px 0;
background: none;
}
/* --------------------------------------------------------------------
アンケート
-------------------------------------------------------------------- */
/* 入力画面 */
div.questionnaire_ {
}
div.questionnaire_box_ {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #CCC;
}
div.questionnaire_box_ div.desc_ {
margin-bottom: 10px;
padding: 0 0 10px 10px;
border-bottom: 1px dotted #CCC;
}
div.questionnaire_box_ table {
width: 100%;
}
div.questionnaire_box_ table.formdetail_ th {
width: 16em;
}
div.questionnaire_box_ div.questionnaire_box_content_ {
padding: 0 10px;
}
/**/
/* 確認画面 */
table.questionnaire_confirm_ {
width: 100%;
}
table.questionnaire_confirm_ th {
width: 16em;
}
/**/
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxTopLeft{width:25px; height:25px; background:url(../img/usr/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../img/usr/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(../img/usr/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../img/usr/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../img/usr/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(../img/usr/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../img/usr/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(../img/usr/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:0px; color:#444;font-size:10px;line-height:1.1;}
#cboxLoadingOverlay{background:#fff url(../img/usr/colorbox/loading.gif) no-repeat 5px 5px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; right:50px; color:#444;}
#cboxNext{position:absolute; bottom:0px; right:0; color:#444;}
#cboxClose{position:absolute; top:0; right:0; display:block; color:#444;width:30px;height:30px;background:url(../img/usr/colorbox/close.png) no-repeat right top;text-indent:-9999px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* common */
/* --------------------------------------------------------------------
common 共通エレメント
-------------------------------------------------------------------- */
html,body {
height: 100%;
width: 100%;
}
body {
margin: 0;
color:#111;
text-align:center;
font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-smoothing:subpixel-antialiased;
font-size:14px;
line-height: 1.8;
background: #FFF;
}
ol li {
margin-left: 2em;
list-style: decimal;
}
img {
border: none;
vertical-align: middle;
}
strong {
font-weight: bold;
}
input {
vertical-align: middle;
}
input ,
textarea ,
select {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 1em;
}
label {
margin: 0 20px 0 5px;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:active {
color:#000;
text-decoration: none;
}
a:hover {
color:#444;
text-decoration: none;
}
/* --------------------------------------------------------------------
common 汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.large_ {
font-size: 120%;
}
.xlarge_ {
font-size: 144%;
}
.small_ {
font-size: 80%;
}
.xsmall_ {
font-size: 64%;
}
/**/
/* フロート */
.leftfloat_ {
float: left;
display: inline;
}
.rightfloat_ {
float: right;
display: inline;
}
img.leftfloat_ {
margin: 0 10px 10px 0;
}
img.rightfloat_ {
margin: 0 0 10px 10px;
}
/**/
/* 文整列 */
.lefttext_ {
text-align: left;
}
.righttext_ {
text-align: right;
}
.centertext_ {
text-align: center;
}
/**/
/* 特定メッセージ（インライン） */
.error_ {
color:#CC0000;
font-weight:bold;
}
.notice_ {
color:#993300;
font-weight:bold;
}
.info_ {
font-weight:bold;
}
/**/
/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
background-color:#efefef;
border:solid 1px #FF0099;
padding:8px;
margin:4px auto;
text-align:left;
width: 560px;
}
div.notice_, table.notice_ {
background-color:#efefef;
border:solid 1px #996666;
padding:8px;
margin:4px auto;
text-align:left;
width: 580px;
}
div.info_, table.info_ {
background-color:#efefef;
border:solid 1px #666666;
padding:8px;
margin:4px auto;
text-align:left;
width: 560px;
}
ul.error_ {
margin-left: 16px;
}
/**/
/* 共通クラス(ブロック) */
.top_comment_ {
width:100%;
clear:both;
margin-bottom: 10px;
}
.submit_ {
margin: 20px auto;
text-align: center;
}
.submit_ input, .submit_ img {
margin: 0px 16px;
vertical-align: middle;
}
.message_ {
}
p.message_ {
margin-bottom: 10px;
}
/* 共通クラス(その他) */
.hidden_ {
visibility: hidden;
}
.nocell_ {
border:none!important;
background-color:transparent!important;
}
.hiddenEnter_ {
width:0;
height:0;
}
/* 価格表示 */
.price_pop_ {
}
.price_ {
}
/* --------------------------------------------------------------------
common ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_ ,
h1.category_name_ ,
h1.genre_name_ ,
.common_headline1_ ,
#news_detail h2 ,
#news_detail h1
{
color: #000;
line-height: 120%;
font-weight: bold;
font-size: 24px;
letter-spacing:1px;
/*
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
}
h1.goods_name_ em,
h1.category_name_ em,
h1.genre_name_ em,
.common_headline1_ em,
#news_detail h2 em,
#news_detail h1 em
{
font-weight:bold;
}
h1.goods_name_ {
margin: 0 0 5px 0;
padding: 0px 0 10px;
}
h1.goods_name_ span{
color:#444;
font-size:10px;
margin-left:10px;
letter-spacing:0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: normal;
}
h1.category_name_ {
margin: 0px 0 20px 0;
padding: 0px 0 10px;
}
h1.category_name_img_ { /* タイトルを画像にした場合 */
margin-bottom: 10px;
}
h1.event_name_ {
margin: 0 0 20px 0;
padding: 10px;
color: #003780;
font-size: 21px;
font-weight: normal;
line-height: 140%;
border-left: 5px solid #003780;
}
h1.event_name_img_ { /* タイトルを画像にした場合 */
margin-bottom: 10px;
}
h1.genre_name_ {
margin: 0px 0 20px 0;
padding: 10px 0;
}
h1.genre_name_img_ { /* タイトルを画像にした場合 */
margin-bottom: 10px;
}
h1.genre_name_ span {
font-size:10px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin-left:10px;
font-weight: normal;
letter-spacing: 0;
}
h1.tag_name_ {
margin: 0 0 20px 0;
padding: 10px;
color: #003780;
font-size: 21px;
font-weight: normal;
line-height: 140%;
border-left: 5px solid #003780;
}
h1.topic_head_ {
margin: 0 0 20px 0;
padding: 10px;
color: #003780;
font-size: 21px;
font-weight: normal;
line-height: 140%;
border-left: 5px solid #003780;
}
/* 汎用ヘッドライン */
.common_headline1_ { /* h1相当 */
margin: 0 0 1em 0;
}
#news_detail h2 span,
.common_headline1_ span{
font-size:10px;
margin-left: 15px;
font-weight: normal;
letter-spacing:0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.mainframe_ .common_headline1_ { /* .mainframe_ 2カラムの場合 */
width: 755px;
}
.contents_ .mainframe_ .common_headline1_ { /* .contents_ .mainframe_ 3カラムの場合 */
width: 575px;
}
.common_headline2_ { /* h2相当 */
margin-bottom: 15px;
font-size: 14px;
padding:5px 0 0;
color:#000;
}
.loginform_ .common_headline2_ { /* ログインフォームでの場合 */
}
.common_headline3_ { /* h3相当 */
margin: 0 0 10px 0;
padding: 5px 0;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.img_headline_ { /* 画像ヘッドラインの場合 */
margin-bottom: 10px;
}
h2.designer_title_ {
line-height: 3;
letter-spacing: 1px;
}
.sub_headline_ {
color: #000;
line-height: 140%;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
margin: 0 0 5px 0;
padding: 10px 0;
}
.sub_headline_ span{
display: block;
font-size: 10px;
font-weight: normal;
letter-spacing: 0;
}
/* --------------------------------------------------------------------
common イベント
-------------------------------------------------------------------- */
/* イベントへのリンク */
.event_ {
width: 100%;
overflow: hidden;
}
.event_banner_ {
margin: 0 5px 10px 5px;
float: left;
display: inline;
}
.event_title_ {
margin-bottom: 10px;
clear: both!important;
height: 20px;
border-bottom: solid 1px #e0e1e1;
position:relative;
}
/* --------------------------------------------------------------------
common タグ一覧
-------------------------------------------------------------------- */
.side_tag_cloud_ {
}
.side_tag_cloud_ span {
line-height: 140%;
}
.tag_lowest_ {
font-size:80%;
}
.tag_low_ {
font-size:100%;
}
.tag_medium_ {
font-size:120%;
}
.tag_high_ {
font-size:144%;
font-weight:bold;
}
.tag_highest_ {
font-size: 173%;
font-weight:bold;
}
/* --------------------------------------------------------------------
common タグ詳細
-------------------------------------------------------------------- */
.tag_cloud_ {
}
.tag_cloud_ span {
line-height: 140%;
}
.tag_cloud_more_ {
margin: 10px 0 0 0;
font-weight: bold;
}
.tag_add_shaping_ {
margin-bottom: 10px;
padding: 9px;
width: 580px;
overflow: hidden;
background: #F8F8F8;
border: 1px solid #CCC;
}
.tag_add_shaping_ h2 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
margin-right: 10px;
padding-left:15px;
float: left;
white-space: nowrap;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
margin-bottom: 10px;
padding: 9px;
width: 580px;
overflow: hidden;
background: #F8F8F8;
border: 1px solid #CCC;
}
.tag_other_ h2 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tag_other_ span {
margin-right: 10px;
padding-left:15px;
float: left;
white-space: nowrap;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_tree_ {
margin-bottom: 10px;
padding: 9px;
width: 580px;
overflow: hidden;
background: #F8F8F8;
border: 1px solid #CCC;
}
.tag_tree_ h2 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tag_tree_ span {
margin-right: 10px;
padding-left:15px;
float: left;
white-space: nowrap;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
margin-bottom: 10px;
}
.tag_info_ p.name_ {
margin: 0 0 5px 0;
padding: 0 0 5px 15px;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
border-bottom: 1px dotted #CCC;
}
/* --------------------------------------------------------------------
common ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
margin: 0 0 10px 0;
text-align:right;
display:none;
}
.navitopicpath_ a {
margin: 0 0.5em;
font-size:12px;
}
.navitopicpath_ span.current_ {
margin: 0 0.5em;
font-size:10px;
}
/* ページジャンプ */
.navipage_ {
text-align:right;
padding: 15px 0;
font-size:12px;
float: right;
}
.navipage_.top_ { /* ページジャンプ上部 */
}
.navipage_.bottom_ { /* ページジャンプ下部 */
margin-bottom: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ .navipage_first_ {
}
.navipage_ .navipage_first_ a {
padding-right: 5px;
}
.navipage_ .navipage_prev_ a {
padding-right: 5px;
}
.navipage_ .navipage_next_ a {
padding-left: 5px;
}
.navipage_ .navipage_last_ {
}
.navipage_ .navipage_last_ a {
padding-left: 5px;
}
.navipage_now_ {
margin:0 1px;
padding: 5px 7px;
text-decoration:none;
background: #ef3340;
color:#FFF;
}
.navipage_ .navipage_reverse_ {
margin-right: 5px;
}
.navipage_ .navipage_forward_ {
margin-left: 5px;
}
.navipage_ a {
margin: 0 1px;
padding: 6px 7px;
}
.navipage_ a:hover {
background: #ef3340;
color:#FFF;
}
/* 並び替え */
.navisort_ {
font-size: 12px;
overflow: hidden;
float:right;
padding:15px 0;
}
.navisort_ dt {
display:none;
float: left;
text-align: right;
font-weight: bold;
width: 8em;
}
.navisort_ dd {
margin-left: 1em;
border-left: solid 1px #CCC;
padding-left: 1em;
}
.navisort_now_ {
color:#ef3340;
text-decoration:none;
margin:2px 5px;
white-space: nowrap;
}
.navisort_ a {
margin:2px 5px;
white-space: nowrap;
}
/* 表示切替 */
.navistyle_ {
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 12px;
width: 100%;
overflow: hidden;
border-bottom: 1px dotted #CCC;
}
.navistyle_ dt {
float: left;
text-align: right;
font-weight: bold;
width: 5em;
}
.navistyle_ dd {
margin-left: 5em;
}
.navistyle_now_ {
color:#CC0000;
text-decoration:none;
margin:2px 5px;
white-space: nowrap;
}
.navistyle_ a {
margin:2px 5px;
white-space: nowrap;
color:#000;
}
/* ブランド絞込 */
.brand_name_ {
width: 100%;
overflow: hidden;
}
.brand_name_now_ {
color:#ef3340;
text-decoration:none;
margin:2px 5px;
white-space: nowrap;
}
.brand_name_ a {
margin:2px 5px;
white-space: nowrap;
}
/* メーカー絞込 */
.maker_name_ {
width: 100%;
overflow: hidden;
}
.maker_name_now_ {
color:#ef3340;
text-decoration:none;
margin:2px 5px;
white-space: nowrap;
}
.maker_name_ a {
margin:2px 2px 2px 2px;
white-space: nowrap;
}
/* --------------------------------------------------------------------
common フォーム
-------------------------------------------------------------------- */
.formlist_ {
margin: 0 auto;
border:1px dotted #CCC;
border-collapse: collapse;
}
.formlist_ th {
padding:10px;
font-weight:bold;
white-space: nowrap;
background-color:#FCFCFC;
border:1px dotted #CCC;
}
.formlist_ td {
padding:10px;
font-weight:normal;
background-color:#FFF;
border-bottom:1px dotted #CCC;
}
.formlist_ .line0_ {
background-color:#F8F8F8;
}
.formlist_ .line1_ {
background-color:#FCFCFC;
}
.formdetail_ {
border-collapse:collapse;
margin:0 auto;
}
.formdetail_ th {
padding:8px;
text-align: left;
vertical-align: top;
background-color:#F8F8F8;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}
.formdetail_ td {
padding:8px;
font-weight:normal;
vertical-align: top;
background-color:#FFF;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}
.formdetailcard_ {
margin:0 auto;
margin-left:0px;
float:none;
border-collapse:collapse;
}
.formdetailcard_ th {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
font-weight:bold;
line-height:15px;
padding:8px;
background-color:#F8F8F8;
white-space:nowrap;
text-align: left;
}
.formdetailcard_ td {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
font-weight:normal;
line-height:15px;
padding:8px;
background-color:#FFF;
}
.formsublist_ {
border-collapse: collapse;
}
.formsublist_ th {
border:1px dotted #CCC;
background-color:#FFF;
font-weight:bold;
white-space: nowrap;
}
.formsublist_ td {
border:1px dotted #CCC;
background-color:#FFF;
font-weight:normal;
}
.must_ {
margin-left: 10px;
float: right;
display: inline;
}
.formdetail_ td input ,
.formdetail_ td textarea {
padding: 5px;
}
/* --------------------------------------------------------------------
common Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent {
text-align:left;
background-color:#FFCCFF;
}
#__asptrace {
text-align:left;
background-color:#FFF;
}
span.tracecontent tr.subhead {
background-color:#CCC;
}
span.tracecontent tr.alt {
background-color:#eeeeee
}
/* --------------------------------------------------------------------
language
-------------------------------------------------------------------- */
.lang_en {
display: none;
}
/*背景処理
<div class="setimgbrend-wrap"><div class="setimgbrend">
<img>
</div></div>
*/
.setimgbrend-wrap {
position:relative;
background: #fff;
}
.setimgbrend::before {
background: rgba(242,242,242,1);
mix-blend-mode: multiply;
}
.setimgbrend::after {
/* background: rgba(NaN,NaN,NaN,1); */
mix-blend-mode: multiply;
}
.setimgbrend::before, .setimgbrend::after {
content: '';
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.setimgbrend::after {
z-index: 3;
}
.setimgbrend::before {
z-index: 2;
}
.setbgbrend {
background-blend-mode: multiply;
}
/* user */
/* header */
#toggle {
display: none;
}
#header {
position: fixed;
left:0;
top:0;
height: 80px;
margin:0 auto 10px;
margin-bottom:0;
z-index:1000;
width: 100% !important;
z-index:99997;
background: #F2F2F2;
}
#header.hdfix {
height:80px;
background: #F2F2F2;
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.05);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.05);
-o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.05);
}
#topppage #header {
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
-o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05);
background:url(/img/top/base_top.jpg) no-repeat left top;
background-size: 100% 100%;
left:0;
top:0;
}
#header #sitelogo {
position:relative;
top:13px;
left:20px;
}
#header #sitelogo img{
width: 120px;
}
#header #globalnav {
position:absolute;
left:15%;
top:35px;
z-index:9999999;
}
#header #globalnav li {
float: left;
position:relative;
letter-spacing: 1px;
}
@media all and (-ms-high-contrast: none) {
#header #globalnav li {
letter-spacing: 0px;
}
}
#globalnav li li{
margin-left: 0px;
}
#header #globalnav li a {
display: block;
height:36px;
line-height:36px;
font-size:13px;
padding:0 20px;
color: #000;
}
#header #globalnav .globalnav_sub_ li a {
height:34px;
line-height:34px;
}
#header #globalnav li > a {
font-size:14px;
}
#header #globalnav li a .ja{
font-size:13px;
}
#header #globalnav li a .en{
font-size:14px;
}
#header #globalnav li.menu_open > a {
/* background:#3c3b3a;
background:#FFF;
color:#ef3340;
*/
}
.globalnav_sub_ {
position:absolute;
display:none;
top:36px;
-moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
-o-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
left:0;
background:#FFF;
padding:10px 0;
font-size:12px;
}
.globalnav_sub_ li {
float:none !Important;
}
#header .menu_open .globalnav_sub_{
display: block;
}
.globalnav_sub_ a {
background-image:none !Important;
text-indent: 0 !Important;
white-space: nowrap;
padding:0px 10px;
height: 30px;
line-height: 30px;
}
#header #globalnav li a:hover {
text-decoration: none;
}
#gnav_projects .globalnav_sub_{
width:42em;
left:-8em;
}
#gnav_products .globalnav_sub_{
width:35em;
left:-11em;
}
.globalnav_sub_2 {
float:left;
}
#gnav_products .globalnav_sub_2R {
border-left:solid 1px #DDD;
}
#gnav_projects .globalnav_sub_2R {
border-left:solid 1px #DDD;
}
#toggle{
display: none;
}
#header #globalnav li span.gnav_double {
display: block;
height: 30px;
line-height: 30px;
color: #727171;
font-size:12px;
}
#header #globalnav li span.gnav_double a{
display: inline !important;
}
#globalnav li li{
margin-left: 0px;
}
.menuhassubsub{
background-image: url(/img/usr/arrow_submenu.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
padding-right:30px;
}
.menuhassubsub:hover{
background-image: url(/img/usr/arrow_submenu_hover.png) !important;
}
#globalnav_sub_product_ li > a {
width: 144px !important;
}
#globalnav_sub_product_ li .globalnav_sub_sub_ li > a {
width: auto !important;
}
.globalnav_sub_sub_ {
display: none;
position: absolute;left:100%;top:0;padding:0 0px;background: #FFF;
}
li.menuhassubsub.menu_open .globalnav_sub_sub_ {
display: block;
}
#header #globalnav .globalnav_sub_ li > a:hover ,
#header #globalnav > li a:hover ,
#header #globalnav > li:hover {
color: #ef3340 !important;
}
#header a {
text-decoration:none;
}
/* sidr */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0;padding:0;}.sidr ul li{display:block;margin:0;border-bottom:1px solid #4d4d4d}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
#sidebox_search {
margin-bottom:0 !important;
width: 110px;
position: absolute;
top:43px;
right: 60px;
overflow:hidden;
border-bottom:solid 1px #666;
}
#sidebox_search .keyword_ {
line-height: 15px;
font-size:12px;
width: 90px;
border:none;
padding:5px 0px 5px;
outline:none;
color:#000;
background: transparent;
}
#sidebox_search .keyword_::-webkit-input-placeholder {
color:#AAA;
}
#sidebox_search .keyword_:-ms-input-placeholder{
color:#Aaa;
}
#sidebox_search .keyword_::-moz-placeholder{
color:#AAA;
}
#sidebox_search input {
vertical-align: middle;
float: left;
}
#sidebox_search .to_searchdetail {
padding: 3px 0 0 15px;
}
#navi_onlinestore {
position: absolute;
top:35px;
right:60px;
font-size:10px;
display: none;
}
#navi_onlinestore a{
background: url(/img/usr/shop/cart20x20.png) no-repeat center right;
display: block;
height:20px;
line-height:20px;
line-height:11px;
font-size:10px;
padding-right:25px;
}
#navi_onlinestore a{
text-decoration: none;
}
#navi_onlinestore a:hover{
color:#ef3340;
}
#select_lang {
width: 40px;
overflow: hidden;
clear: both;
position: absolute;
right:10px;
top:35px;
}
#select_lang li{
width: 100%;
}
#select_lang.menu_open {
background:#FFF;
}
#select_lang li em,
#select_lang li a{
height:40px;
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 40px;
}
#select_lang li em{
font-weight: bold;
color: #000;
}
#select_lang li a{
display:none;
color: #000;
text-decoration: none;
}
#select_lang.menu_open a{
display:block;
}
#select_lang li a:hover{
color:#FFF;
background:#ef3340;
}
/* footer */
#footer .pagetop_ {
text-align:right;
margin-bottom:20px;
}
#footer .pagetop_ a{
font-size:9px;
color:#B49158;
}
#footer .change_mode_{
text-align:center;
margin-bottom:10px;
display:none;
}
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footernav {
margin-bottom: 20px;
float:right;
}
#footernav li {
float:left;
margin-left: 20px;
}
#footernav li a {
display: block;
width: 100%;
height:30px;
background-image: none !important;
line-height: 30px;
font-size:11px;
}
#footer #footer_sitemap dl dt i{
display:none;
}
#copyright {
margin:0 auto;
overflow:hidden;
font-size:11px;
letter-spacing:1px;
width: 100%;
text-align:center;
float: none;
color: #222;
padding:20px 0;
line-height:3;
}
/* メニュー関連 */
#header #globalnav {
left: 150px;
}
@media screen and (min-width: 768px) {
#header #sitelogo {
top: 20px;
}
#header #sitelogo img {
width: 100px;
margin-left: 0px;
}
#header #globalnav {
left: 11.5%;
}
#header #globalnav li a .ja {
font-size:11px;
letter-spacing:-1px;
}
}
@media screen and (min-width:992px){
#header #globalnav li a .ja {
font-size: 13px;
letter-spacing: -1px;
}
#section-news dd.txt {
min-height:4em;
}
}
@media screen and (min-width:768px){
#header #globalnav {
left: 120px;
}
#header #globalnav li a {
padding: 0 8px;
}
#gnav_inspi_ a .ja {
margin-left: -9px !important;
}
}
@media screen and (min-width:992px){
#header #sitelogo img {
width: 120px;
}
#header #globalnav {
left: 15%;
}
#header #globalnav li a {
padding: 0 13px;
}
#header #sitelogo {
top: 13px;
}
}
@media screen and (min-width:992px) and (max-width:1100px){
#header #globalnav {
left: 14%;
}
}
@media screen and (max-width:1100px){
#select_lang {
top:0px;
}
#navi_onlinestore {
top:8px;
}
#sidebox_search {
top:8px;
}
}
/* メニュー関連 */
/* --------------------------------------------------------------------
ユーザー定義 NEWS
--------------------------------------------------------------------- */
.exhibition_close ul{
height:0;
overflow:hidden;
}
.news-article-box p {
line-height:1.8 !important;
margin-bottom:20px !important;
}
.news-article-box h2 {
color:#000 !important;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
margin-top:50px !important;
margin-bottom:20px !important;
width:100% !important;
overflow:hidden !important;
margin-bottom:15px !important;
font-size: 17px !important;
padding-top:30px !important;
border-top:solid 1px #CCC !important;
}
.news-article-box h2.reset {
margin-top:0px !important;
margin-bottom:15px !important;
padding-top:0px !important;
border-top:none !important;
}
.news-article-box .news-item-lineup h3 {
color:#000 !important;
font-weight:bold !important;
margin-top:0px !important;
margin-bottom:15px !important;
font-size: 13px !important;
}
.news-article-box h3 span{
font-weight:normal !important;
font-size:10px !important;
}
.news-article-box .news-item-lineup {
width: 100%;
overflow: hidden;
clear: both;
}
.news-article-box .news-item-lineup li {
list-style-type:none;
float: left;
margin-bottom:10px;
}
.news-article-box .news-item-lineup li img {
width: 100%;
margin-bottom:10px;
}
.news-article-box .news-item-lineup.defwidth li img {
max-width: 100%;
}
.news-article-box .news-item-lineup.autowidth li img {
width: auto;
}
.news-article-box .news-item-lineup4 li {
width: 23%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup3 li {
width: 31%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup2 li {
width: 48%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_2 li.col1_2-1 {
width: 31%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_2 li.col1_2-2 {
width: 65%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_3 li.col1_3-1 {
width: 23%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_3 li.col1_3-2 {
width: 73%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_4 li.col1_4-1 {
width: 18%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup1_4 li.col1_4-2 {
width: 73%;
padding:0 2% 0 0;
}
.news-article-box .news-item-lineup-imgbirder img {
border:solid 1px #EEE;
}
.news-article-box .news-item-lineup .inbox {
float:left;
}
.news-article-box .news-item-lineup2 .inbox {
width: 50%;
}
.news-article-box .news-item-lineup3 .inbox {
width: 33.3333%;
}
.news-article-box .news-item-lineup4 .inbox {
width: 25%;
}
.related_links_ {
width: 100%;
overflow: hidden;
padding-bottom: 20px;
}
.related_links_ li{
margin-bottom:5px;
}
.related_links_ li a{
background: url(/img/usr/tree1.png) no-repeat left center;
padding-left:10px;
text-decoration: underline;
}
.related_links_ li a:hover{
text-decoration: none;
color: #CC3300;
}
.goodscomment_detail_ .related_links_ {
margin-top: 20px;
}
.goodscomment_detail_ .related_links_ a{
margin-left: 20px;
}
.allTBD {
float:right;
margin-top:30px;
}
.lang_en {
display: none;
}
.pc_none {
display: none !important;
}
.imgline3,
.imgline2 {
margin-bottom:30px;
width: 100%;
overflow: hidden;
}
.imgline2 .inbox ,
.imgline3 .inbox {
float: left;
}
.imgline2 .inbox {
width: 50%;
}
.imgline3 .inbox {
width: 33.3333333%;
}
.imgline2 .inbox img,
.imgline3 .inbox img{
max-width: 100%;
}
.imgline2 .inbox:first-child ,
.imgline3 .inbox:first-child {
text-align:left;
}
.imgline2 .inbox:last-child ,
.imgline3 .inbox:last-child {
text-align:right;
}
.imgline3 .inbox:nth-child(2) {
text-align:center;
}
/* responsive */
.wrap-resp {
width: 960px;
margin:0 auto;
}
/* tex_landscape */
#exhibition-tex-landscape {
padding:15px 0 15px;
position: relative;
}
#exhibition-tex-landscape .exsubtitle {
position: absolute;
left:-20px;
top:185px;
}
#exhibition-tex-landscape h1 img{
max-width:100%;
}
#exhibition-tex-landscape .exhibition-tex-landscape1 {
padding:60px 0;
}
#exhibition-tex-landscape .exhibition-tex-landscape2 {
padding:100px 0;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.gtdesignintro ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro ,
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro {
padding:80px 0;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro {
margin-bottom:110px;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 {
padding:60px 0;
width: 960px;
margin-left:auto;
margin-right:auto;
}
#exhibition-tex-landscape .exhibition-tex-landscape2 p {
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
text-align: justify;
margin:0 auto;
width:520px;
line-height: 3;
font-size:16px;
color: #FFF;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.gtdesignintro p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.wildLuxuryintro p {
width:800px;
font-size:12px;
color: #111;
line-height: 2.6;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 h3 {
font-style: italic;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:17px;
text-align: center;
letter-spacing: 1.3px;
margin-bottom:30px;
}
#exhibition-tex-landscape .kvadratintro2 h3{
font-style: italic;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding-left:10px;
letter-spacing: 1.3px;
margin-bottom:20px;
font-size:17px;
margin-top:20px;
}
#exhibition-tex-landscape .kvadratintro2 p{
font-size:12px;
color: #111;
line-height: 2.5;
padding-left:10px;
text-align: justify;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ {
width: 320px;
height: 394px;
text-align: center;
background: #000;
float: right;
position: relative;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod {
width: 960px;
margin:0 auto 30px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .detail_hovertxt {
display: block;
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
cursor: pointer;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .txt__ {
display: block;
background: url(/img/exhibition/tex-landscape/WildLuxury/smoke_white.png);
position: relative;
width: 270px;
padding: 30px;
height: 190px;
margin:70px auto;
line-height: 1.8;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
text-align: justify;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ img{
display: block;
margin:45px auto 80px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .designer__ {
text-align: center;
position: absolute;
bottom:45px;
display: block;
width: 100%;
font-size:14px;
color: #FFF;
letter-spacing: 1px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.ixc .name__ .designer__ {
color: #111;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .img__ {
width: 630px;
height: 394px;
float: left;
overflow: hidden;
text-align: center;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.ixc .name__ {
background: #c0c0c0;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.type2__ .name__ {
float: left;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.type2__ .img__ {
float: right;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product {
margin-bottom:10px;
width: 100%;
overflow: hidden;
}
#exhibition-tex-landscape .column2 {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
#exhibition-tex-landscape .column2 .inbox{
float: left;
width: 480px;
height: 480px;
overflow: hidden;
position: relative;
}
#exhibition-tex-landscape .column2 .inbox .kVADRATimg2 {
position: absolute;
left:10px;
bottom:0;
}
#exhibition-tex-landscape .column2 .inbox .kVADRATimg2 img{
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox{
float: left;
width: 313px;
height: 313px;
overflow: hidden;
background: #000;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3.colimnLONG .inbox{
height: 474px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox img{
max-width: 100%;
}
#exhibition-tex-landscape .wild_Luxury {
width:954px;
border:solid 3px #000;
height: 381px;
background: #000;
}
#exhibition-tex-landscape .wild_Luxury img{
max-width: 100%;
}
#exhibition-tex-landscape .wild_Luxury-prod {
position: relative;
height: 420px;
}
#exhibition-tex-landscape .wild_Luxury-prod .imgbg__,
#exhibition-tex-landscape .wild_Luxury .imgbg__,
#exhibition-tex-landscape .column3 .inbox .imgbg__{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
display: block;
}
#exhibition-tex-landscape .wild_Luxury .logo__,
#exhibition-tex-landscape .column3 .inbox .logo__{
display: block;
text-align: center;
position: relative;
left: 0;
top:0;
}
#exhibition-tex-landscape .wild_Luxury-prod .logo__ {
display: block;
position: relative;
left: 20px;
top:20px;
}
/*
#exhibition-tex-landscape .wild_Luxury .logo__ {
display: none;
}
*/
#exhibition-tex-landscape .wild_Luxury-prod .logotxt__ {
display: none;
}
#exhibition-tex-landscape .zoomimg ,
#exhibition-tex-landscape span.nolink {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
#exhibition-tex-landscape .zoomimg .imgbg__ img,
#exhibition-tex-landscape span.nolink .imgbg__ img,
#exhibition-tex-landscape span.zoomimg .imgbg__ img{
max-width:100%;
-webkit-transition: -webkit-transform 0.7s ease;
-moz-transition: -moz-transform 0.7s ease;
-o-transition: -o-transform 0.7s ease;
-ms-transition: -ms-transform 0.7s ease;
transition: transform 0.7s ease;
}
#exhibition-tex-landscape .name__ img{
max-width:80%;
}
#exhibition-tex-landscape .zoomimg:hover .imgbg__ img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#exhibition-tex-landscape .wild_Luxury .logo__ {
margin-top: 40px;
}
#exhibition-tex-landscape .column3 .inbox a ,
#exhibition-tex-landscape .column3 .inbox span.zoomimg ,
#exhibition-tex-landscape .column3 .inbox span.nolink {
display: table;
}
#exhibition-tex-landscape .column3 .inbox .logo__ {
line-height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 100%;
}
#exhibition-tex-landscape .column3 .inbox2 {
margin: 0 11px 0 10px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox .logo__ img{
max-width:90%;
}
#exhibition-tex-landscape .kvadratintro2 {
width: 960px;
margin:0 auto 95px;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox{
height: 700px;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox.inbox1{
width: 637px;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox.inbox2{
width: 313px;
padding-left:10px;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox img{
max-width:100%;
}
#exhibition-tex-landscape .exhibition-top {
height: 20px;
}
#exhibition-tex-landscape .exhibition-top a ,
#exhibition-tex-landscape .exsubtitle a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
display: block;
}
#exhibition-tex-landscape .exhibition-top a:hover ,
#exhibition-tex-landscape .exsubtitle a:hover {
opacity: 0.3;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#exhibition-tex-landscape .soon__ {
position: absolute;
top:50%;
color: #FFF;
display: block;
left: 0;
width: 100%;
text-align: center;
display: none;
}
@media screen and (min-width:1240px){
#exhibition-tex-landscape {
padding:65px 0 65px;
position: relative;
}
#exhibition-tex-landscape.sub-landscale {
padding:45px 0 65px;
}
#exhibition-tex-landscape .exsubtitle {
left:-60px;
top:280px;
}
.wrap-resp {
width: 1240px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .img__ {
width: 800px;
height: 500px;
background: #000;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ {
width: 430px;
height: 500px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ img{
margin:55px auto 120px;
}
#exhibition-tex-landscape .wild_Luxury {
width:1234px;
height: 494px;
}
#exhibition-tex-landscape .wild_Luxury .logo__ {
margin-top: 65px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox{
width: 407px;
height: 407px;
overflow: hidden;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3-mini {
width: 960px;
margin: 0 auto 10px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3-mini .inbox{
width: 313px;
height: 313px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3.colimnLONG {
width: 960px;
margin:0 auto;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3.colimnLONG .inbox{
width: 313px;
height: 617px;
height: 474px;
}
#exhibition-tex-landscape .column3 .inbox2 {
margin: 0 9px 0 10px;
}
#exhibition-tex-landscape .name__ img,
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox .logo__ img{
max-width:100%;
}
}
/* artetavola */
#artetavola {
width: 960px;
margin:0 auto;
margin-top:20px;
}
#artetavola .pcw700 {
width: 700px;
margin:0 auto;
position: relative;
}
#artetavola #ftnavi {
position: fixed;
margin-left:-130px;
}
#artetavola #ftnavi {
border-top:solid 1px #c0a990;
width: 110px;
}
#artetavola #ftnavi li {
border-bottom:solid 1px #c0a990;
}
#artetavola #ftnavi li a,
#artetavola #ftnavi li span{
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
display: block;
text-align: center;
overflow: hidden;
font-size:12px;
padding:15px 0;
line-height: 1.1;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#artetavola #ftnavi li span{
color: #EEE;
}
#artetavola #ftnavi li a.current {
color: #c0a990;
}
#artetavola #ftnavi li a:hover{
background: #c0a990;
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#artetavola #ftnavi li a.current:hover{
color: #FFF !important;
}
#artetavola .basetit_ {
padding-top:40px;
margin-bottom:30px;
text-align: center;
background: url(/img/feature/artetavola/line1.gif) no-repeat center top;
}
#artetavola .txtbasetile_ {
font-size:18px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 5px;
}
#artetavola p {
line-height: 1.7;
text-align: justify;
}
/* exhibition2016 */
#exhibition2016 {
margin:0 auto;
}
#exhibition2016 .main-cont {
padding: 0 0 0 220px;
width: 740px;
position: relative;
margin:0 auto;
}
#exhibition2016 #ex2016_title {
margin-bottom:8px;
padding-top:5px;
font-size:14px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#exhibition2016 .pcw700 {
width: 700px;
margin:0 auto;
position: relative;
}
#exhibition2016 #ftnavi {
margin-top:20px;
position: fixed;
margin-left:-220px;
}
#exhibition2016 #ftnavi {
width: 220px;
}
#exhibition2016 #ftnavi li {
}
#exhibition2016 #ftnavi li.tree2 {
margin-bottom:0;
padding-left:1.5em;
}
#exhibition2016 #ftnavi li a,
#exhibition2016 #ftnavi li span{
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
display: block;
text-align: left;
overflow: hidden;
font-size:12px;
padding:8px 0;
line-height: 1.1;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight:normal;
}
#exhibition2016 #ftnavi li span{
color: #EEE;
}
#exhibition2016 #ftnavi li a.current ,
#exhibition2016 #ftnavi li a:hover{
color: #ef3340 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#exhibition2016 .basetit_ {
padding-top:40px;
margin-bottom:30px;
text-align: center;
background: url(/img/feature/artetavola/line1.gif) no-repeat center top;
}
#exhibition2016 h2 {
margin-bottom:15px;
font-size:1.2em;
font-weight:bold;
line-height: 1.5;
}
#exhibition2016 h2 span{
font-weight: normal;
margin-left:10px;
font-size:0.6em;
}
#exhibition2016 p {
line-height: 1.8;
text-align: justify;
margin-bottom:30px;
}
#exhibition2016 p.basep {
padding-left: 1em;
}
#exhibition2016 .main-cont h1{
font-size:1.4em;
font-weight:bold;
line-height: 2;
}
#exhibition2016 .main-cont h1 img{
display: block;
margin-bottom:20px;
}
#exhibition2016 .products {
list-style-type: none;
overflow: hidden;
}
#exhibition2016 .products li{
float: left;
width: 31%;
margin-bottom:40px;
padding:1%;
text-align: center;
}
#exhibition2016 .products li a{
display: block;
overflow: hidden;
}
#exhibition2016 .products.products-ixc li{
}
#exhibition2016 .products li img{
max-width:90%;
}
#exhibition2016 .products.products-ixc li img{
max-width:70%;
}
#exhibition2016 .products li span{
display: block;
margin-top:5px;
}
#exhibition2016 .products li span.designer{
font-size:10px;
}
/* media */
#media-magazine {
margin-bottom: 50px;
width: 100%;
}
#media-magazine h2 ,
#media-web h2 {
color: #222;
}
#media-magazine .media-span {
padding-bottom: 20px;
width: 100%;
overflow: hidden;
}
#media-magazine .magazines {
width: 100%;
overflow: hidden;
margin: 0 auto 0px;
}
#media-magazine .magazines li {
width: 10%;
float: left;
padding:0 2% 10px 0;
margin-bottom: 0px;
line-height: 1.5;
font-size: 10px;
height: 180px;
}
#media-magazine .magazines li img {
margin-bottom: 5px;
height: 125px;
}
#media-magazine .magazines li span {
display: block;
}
#media-magazine h3 {
margin-bottom:10px;
}
/* exhibition 2017 */
#aoyama_renewal2017 ,
#new_product2017 ,
#c90 {
width: 100%;
position:relative;
}
#new_product2017 p,
#c90 p{
line-height: 2.3;
}
#aoyama_renewal2017 p {
line-height: 1.8;
}
#nav2017ss {
width: 100%;
background:#000;
position: fixed;
height: 40px;
z-index: 2500;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
}
#nav2017ss.hdfix {
top:60px;
}
#nav2017ss ul {
width: 960px;
margin:0 auto;
text-align: center;
position: relative;
}
#nav2017ss ul li {
float: left;
margin-right:30px;
list-style-type: none;
}
#nav2017ss0 {
color: #999;
font-size:13px;
margin-right:50px;
display: none;
}
#nav2017ss ul li a {
padding:20px 0px 5px;
color:#FFF;
line-height: 1.1;
font-family:"Century Gothic";
/* font-weight: bold; */
font-style: italic;
font-size:13px;
letter-spacing: 1px;
display: block;
}
#nav2017ss ul li a:hover ,
#nav2017ss ul li a.current {
color:#d5b9ab;
}
#new_product2017-main ,
#c90-cover {
padding-top:40px;
}
#c90-cover {
min-width: 960px;
}
#aoyama_renewal2017-main ,
#new_product2017-main ,
#c90-main {
width: 960px;
margin: auto;
}
.c90-prods1 ,
.c90-prods2 {
width: 100%;
overflow: hidden;
}
.c90-prods1 li{
width: 25%;
float: left;
text-align: center;
}
.c90-prods1 li img,
.c90-prods2 li img{
display: block;
width: auto;
margin: 0 auto 10px;
}
.c90-prods1 li a.plink,
.c90-prods2 li a.plink,
.c90-prods1 li span.nolink,
.c90-prods2 li span.nolink{
display: block;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size:14px;
margin-bottom:5px;
}
.c90-prods2 li{
float: left;
text-align: center;
}
.c90-prods2 li.c90-prods2-1{width:45%;}
.c90-prods2 li.c90-prods2-2{width:25%;}
.c90-prods2 li.c90-prods2-3{width:30%;}
.c90-prods2 li.c90-prods2-4{width:45%;}
.c90-prods2 li.c90-prods2-5{width:25%;}
.c90-prods2 li.c90-prods2-6{width:30%;}
.supertonic {
widows: 100%;
order: hidden;
}
.supertonic{
width: 100%;
overflow: hidden;
margin-bottom:40px;
}
.supertonic li.leftside{
float: left;
width: 300px;
}
.supertonic li.centerside{
float: left;
width: 300px;
padding:0 30px 0;
}
.supertonic li.rightside{
float: left;
width: 300px;
}
.supertonic li dt {
font-weight: bold;
font-size:16px;
margin-bottom:10px;
}
.supertonic li dd {
text-align: justify;
}
.supertonic li dd img{
width: 100%;
display: block;
margin-bottom:10px;
}
#aoyama_renewal2017-main-bg {
margin-bottom:-40px;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-intro {
padding:50px 0;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-floor {
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-floor h2{
font-weight: bold;
font-size:34px;
text-align: center;
line-height: 1.5;
padding:40px 0;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-floor h2 span{
font-weight: normal;
font-size:11px;
display: block;
font-weight: bold;
text-align: center;
text-align: center;
}
#aoyama_renewal2017-main .aoyama_renewal2017-contentbox {
margin:0px 0 20px;
background:#FFF;
width: 100%;
padding-bottom:50px;
overflow: hidden;
}
#aoyama_renewal2017-main p.floor-intro {
width: 68%;
overflow: hidden;
margin:0 auto 40px;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-intro p.floor-intro {
width: 66%;
}
#aoyama_renewal2017-main .floor-img {
margin-bottom:40px;
}
#aoyama_renewal2017-main .floor-img img {
width: 60%;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 {
width: 660px;
margin:0 auto;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl {
width: 305px;
float: left;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 .aoyama_renewal2017-main-detail1-L {
margin:0 25px 60px 0;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 .aoyama_renewal2017-main-detail1-R {
margin:0 0px 60px 25px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 .aoyama_renewal2017-main-detail1-C {
margin:0 25px 60px 0;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 .aoyama_renewal2017-main-detail1-C {
/* margin:0 165px 60px 165px; */
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dt img{
width: 100%;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dt{
margin-bottom:10px;
text-align: center;
line-height: 1.4;
font-size:1.2em;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dt.img___{
margin-bottom:20px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dt span{
font-size:10px;
display: block;
line-height: 1.1;
margin-bottom:2px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dd{
font-size:12px;
line-height: 1.8;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 {
width: 440px;
margin:0 auto;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl {
margin-bottom:30px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl dt img{
max-width: 100%;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl dt{
font-size:1.2em;
margin-bottom:10px;
text-align: center;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl dt span{
font-size:10px;
display: block;
margin-bottom:5px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl dd{
line-height: 1.8;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 {
width: 660px;
margin:0 auto;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl {
width: 310px;
float: left;
margin:0 0px 15px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl.col-1 {
padding-right:20px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl.col-2 {
padding-left:20px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl dt img{
max-width: 100%;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl dt{
font-size:1.2em;
font-weight: bold;
margin-bottom:15px;
text-align: center;
text-align: center;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail3 dl dt span{
font-size:10px;
display: block;
margin-bottom:5px;
}
#aoyama_renewal2017-main dd a {
text-decoration: underline;
}
#aoyama_renewal2017-main dd a:hover {
text-decoration: none;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail2 dl dd{
font-size:11px;
text-align: justify;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-limited h2 {
font-size:22px;
text-align: center;
padding:40px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-limited h3 {
font-size:18px;
text-align: center;
padding:20px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-dellarte h2 {
font-size:26px;
text-align: center;
font-weight: bold;
padding:40px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-lifestyle h2 {
font-size:22px;
text-align: center;
padding:40px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-lifestyle h3 {
font-size:18px;
text-align: center;
padding:20px 0 40px;
}
#aoyama_renewal2017-main .specialists {
list-style-type: none;
width: 660px;
margin:0 auto 30px;
overflow: hidden;
}
#aoyama_renewal2017-main .specialists li{
float:left;
width: 31.3333%;
margin:0 1%;
text-align: center;
}
#aoyama_renewal2017-main .specialists li img{
max-width: 100%;
width: 60%;
margin-bottom:5px;
}
#aoyama_renewal2017-main .specialist-qa {
width:600px;
margin:0 auto;
background:#d6baab;
-moz-border-radius: 5px;
-webkit-border-radius: 4px;
border-radius: 5px;
padding:30px;
}
#aoyama_renewal2017-main .specialist-qa dt {
color: #3c6361;
font-weight: bold;
margin-bottom:3px;
padding-left:1.3em;
text-indent:-1.3em;
}
#aoyama_renewal2017-main .specialist-qa dd {
color: #FFF;
margin-bottom:20px;
padding-left:1.3em;
text-indent:-1.3em;
}
#aoyama_renewal2017-main .specialists-contact {
padding:50px 0 80px;
}
#aoyama_renewal2017-main .specialists-contact a{
display: block;
width: 200px;
margin: 0 auto;
background: #FFF;
width: 16em;
text-align: center;
padding: 13px;
color: #000;
border-radius: 7px;
border:solid 2px #d6baab;
text-decoration: none;
}
#aoyama_renewal2017-main .specialists-contact a:hover{
color: #000;
background:#d6baab;
}
#aoyama_renewal2017-main .lifestyle-txt {
width: 660px;
margin:0 auto;
padding:40px 0;
}
#aoyama_renewal2017-main .aoyama-limited1 {
}
#aoyama_renewal2017-main .aoyama-limited1 p ,
#aoyama_renewal2017-main .aoyama-limited2 p {
width: 660px;
margin:0 auto;
}
#nav2017ss .nav2017ss-sub {
position: absolute;
display: none;
}
#nav2017ss .nav2017ss-sub {
position: absolute;
}
#nav2017ss ul.nav2017ss-sub {
width: auto !important;
background: #000;
}
#nav2017ss ul.nav2017ss-sub li {
float: none !important;
margin-right:0px !important;
text-align: left !important;
}
#aoyama_renewal2017-navis {
position: fixed;
z-index:600;
top:150px;
background:#FFF;
padding:20px 15px 10px;
}
#aoyama_renewal2017-navis li{
margin-bottom:15px;
display: block;
width: 100%;
overflow: hidden;
}
#aoyama_renewal2017-navis a{
font-size:14px;
font-weight: bold;
}
#aoyama_renewal2017-navis a {
font-weight: bold;
display: block;
}
#aoyama_renewal2017-navis em{
font-weight: bold;
}
#aoyama_renewal2017-navis li.aoyama_renewal2017-navis-f em{
display: block;
float: left;
margin-right: 5px;
}
#aoyama_renewal2017-navis li.aoyama_renewal2017-navis-f span{
display: block;
float: left;
line-height: 1.5;
}
#aoyama_renewal2017-navis a span{
font-size:10px;
font-weight: normal;
}
#aoyama_renewal2017-main .limited_price {
border-top: solid 1px #999;
border-bottom: solid 1px #999;
padding:10px 0;
margin-bottom:15px;
}
#aoyama_renewal2017-main .limited_price strong{
font-size:1.2em;
}
#aoyama_renewal2017-main-gallery h2 {
font-size: 22px;
text-align: center;
padding: 40px 0;
}
/* --------------------------------------------------------------------
フリーページ 共通 freepage
--------------------------------------------------------------------- */
div.freepage_ {
width: 77%;
float: right;
display: inline;
overflow: hidden;
position:relative;
}
div.freepage_.single_ {
width:100%;
}
div.freepage_.single_ #history_back {
display: none;
}
div.freepage_ #history_back{
position:absolute;
z-index:20;
right:0;
top:50px;
}
div.freepage_ #history_back a{
background: url(/img/usr/arrow_back.gif) no-repeat left center;
padding-left:8px;
font-size:11px;
color:#B49158;
}
div.freepage_narrow_ {
padding: 0 60px;
}
div.freepage_ .box_ {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
ul.sub_navi_ {
right:0;
/* top:50px; */
top:80px;
position:absolute;
}
ul.sub_navi_ li{
float:left;
font-size:11px;
border-right:solid 1px #CCC;
line-height:1.1;
}
ul.sub_navi_ li.last_{
border-right:none;
}
ul.sub_navi_ li a{
display:block;
padding: 0 15px;
}
ul.sub_navi_ li a.current_{
color:#ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: 5px 3px;
background-repeat: no-repeat;
}
.mincho2_ {
font-family: "Century Schoolbook", "Century", "Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS P Mincho",serif;
}
.gothic {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック' !important;
}
/* --------------------------------------------------------------------
フリーページ 会社概要
--------------------------------------------------------------------- */
#company table {
width: 100%;
}
#company table th {
width: 8em;
vertical-align: top;
}
#company table td {
vertical-align: top;
}
/* --------------------------------------------------------------------
フリーページ ギャラリー
--------------------------------------------------------------------- */
#gallery_content {
width:100%;
}
#gallery_content .gallery_photo_ {
text-align:center;
margin:0 auto 10px;
}
#gallery_content .gallery_photo_ img{
cursor:pointer;
width:100%;
}
#gallery_content .gallery_caption_ {
margin-bottom:10px;
}
#gallery_content .gallery_thumbs_{
width:100%;
position:relative;
overflow:hidden;
}
#gallery_content .gallery_prev_,
#gallery_content .gallery_next_{
width:15px;
background:#CCC;
font-size:10px;
color:#FFF;
position:absolute;
top:0;
z-index:200;
height:100%;
cursor:pointer;
vertical-align:middle;
text-align:center;
line-height:41px;
display:table-cell;
}
#gallery_content .gallery_prev_ {
left:0;
}
#gallery_content .gallery_next_ {
right:0;
}
#gallery_content .gallery_thumbs_ ul{
width:20000px;
position:relative;
left:15px;
top:0;
z-index:100;
overflow:hidden;
}
#gallery_content .gallery_thumbs_ li {
float:left;
display:block;
position:relative;
text-align:center;
}
#gallery_content .gallery_thumbs_ li img{
width:90%;
border:solid 1px #CCC;
}
#gallery_content .gallery_thumbs_ li.current img{
border:solid 1px #444;
}
/* --------------------------------------------------------------------
フリーページ ギャラリーページング無し
--------------------------------------------------------------------- */
#gallery_content2 {
width:100%;
margin-bottom:30px;
}
#gallery_content2 .gallery_photo_ {
text-align:center;
margin:0 auto 6px;
}
#gallery_content2 .gallery_photo_ img{
cursor:pointer;
width:100%;
}
#gallery_content2 .gallery_caption_ {
margin-bottom:10px;
display: none;
}
#gallery_content2 .gallery_thumbs_{
width:100%;
position:relative;
overflow:hidden;
}
#gallery_content2 .gallery_thumbs_ ul{
width:20000px;
position:relative;
top:0;
z-index:100;
overflow:hidden;
}
#gallery_content2 .gallery_thumbs_ li {
float:left;
padding-right:6px;
width: 143px;
display:block;
position:relative;
text-align:center;
}
#gallery_content2 .gallery_thumbs_ li img{
width: 142px;
border:solid 1px #CCC;
}
#gallery_content2 .gallery_thumbs_ li.current img{
border:solid 1px #444;
}
/* --------------------------------------------------------------------
FAQ
--------------------------------------------------------------------- */
#inquiry-navi {
display:none;
}
#inquiry-navi ul{
float:right;
clear:both;
}
#inquiry-navi li{
float: left;
font-size: 11px;
border-right: solid 1px #CCC;
line-height: 1.1;
}
#inquiry-navi li.last_{
border-right: none;
}
#inquiry-navi li a{
display: block;
padding: 0 15px;
}
#inquiry-navi li.last_ a{
padding-right:0 !important;
}
#inquiry-navi li a.current_{
color: #ef3340;
background-image: url(/img/usr/tree1_open.png);
background-position: 5px 3px;
background-repeat: no-repeat;
}
.faq_list_{
line-height:1.6;
}
.faq_list_ dt{
margin-bottom:5px;
}
.faq_list_ dt span.faq_q_{
color:#ef3340;
font-weight:bold;
}
.faq_list_ dd{
margin-bottom:20px;
}
.faq_list_ dd span.faq_a_{
color:#ef3340;
font-weight:bold;
}
/* --------------------------------------------------------------------
privacy policy
--------------------------------------------------------------------- */
#privacy p {
margin-bottom: 20px;
line-height:1.6;
}
/* --------------------------------------------------------------------
COMPANY OUTLINE
--------------------------------------------------------------------- */
#company_outline dl{
width:100%;
clear:both;
overflow:hidden;
}
#company_outline dt{
float: left;
width: 120px;
padding: 10px 0;
clear: both;
line-height:1.6;
}
#company_outline dd{
float: right;
width: 620px;
padding: 10px 0;
line-height:1.6;
}
#company_outline hr {
border: none;
border-top: solid 1px #DDD;
height: 1px;
color: #FFF;
margin: 20px 0;
width:100%;
clear:both;
}
/* --------------------------------------------------------------------
COMPANY HISTORY
--------------------------------------------------------------------- */
#company_history dl{
width:100%;
clear:both;
overflow:hidden;
}
#company_history dt{
float: left;
width: 160px;
padding: 10px 0;
clear: both;
line-height:1.4;
}
#company_history dd{
float: right;
width: 580px;
padding: 10px 0;
line-height:1.4;
}
/* --------------------------------------------------------------------
共通見出し
--------------------------------------------------------------------- */
#company_philosophy h2 ,
#business_support h2 ,
#shop_information h2,
#shop_detail h2,
#after_service h2,
#coordinate h2,
#interior_element h2,
#design_produce h2,
#planning h2,
#interior_design h2,
h2.base_common{
margin: 0 0 5px 0;
padding: 10px 0;
color: #000;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
line-height: 120%;
}
#company_philosophy h2 span,
#business_support h2 span,
#shop_information h2 span,
#shop_detail h2 span ,
#after_service h2 span ,
#coordinate h2 span ,
#interior_element h2 span ,
#design_produce h2 span ,
h2.base_common span {
margin-left:15px;
font-weight: normal;
letter-spacing: 0px;
font-size: 10px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* --------------------------------------------------------------------
COMPANY philosophy
--------------------------------------------------------------------- */
#company_philosophy .top_message_ {
width:100%;
overflow:hidden;
background:url(/img/usr/company_philosophy/sign.png) no-repeat right bottom;
position:relative;
}
#company_philosophy .top_message_ .img_{
float:left;
width:350px;
}
#company_philosophy .top_message_ .txt_{
float:left;
width:390px;
}
#company_philosophy .top_message_ .txt_ p{
line-height:2.8;
}
#company_philosophy .top_message_ .txt_ p.name_{
line-height:1.5 !important;
position:absolute;
left:350px;
bottom:0;
}
#company_philosophy hr {
border: none;
border-top: solid 1px #DDD;
height: 1px;
color: #FFF;
margin: 20px 0;
width:100%;
clear:both;
}
#company_philosophy h3 {
font-size:21px;
color:#666;
letter-spacing:10px;
line-height:1.5;
margin-bottom:30px;
margin-top:10px;
}
#company_philosophy h3 span{
font-size:12px;
color:#ef3340;
letter-spacing:1px;
}
#company_philosophy dl.our_assets_ {
}
#company_philosophy dl.our_assets_ dt{
font-size:21px;
color:#000;
line-height:1.3;
border-bottom:solid 1px #e1d3bc;
margin-bottom:10px;
}
#company_philosophy dl.our_assets_ dd{
margin-bottom:30px;
}
/* --------------------------------------------------------------------
business_support
--------------------------------------------------------------------- */
#business_support h3 {
font-size:18px;
margin-bottom:15px;
}
#business_support p.base_txt_ {
line-height:3;
margin-bottom:30px;
}
#business_support hr {
border: none;
border-top: solid 1px #DDD;
height: 1px;
color: #FFF;
margin: 20px 0;
width:100%;
clear:both;
}
#business_support .box_support_ {
width:100%;
clear:both;
overflow:hidden;
}
#business_support .box_support_ dl{
float:left;
width:44%;
padding:2%;
border:solid 1px #b49159;
margin-bottom:20px;
background: #FFF;
min-height:230px;
}
#business_support .box_support_ dt{
font-size:15px;
color:#b49159;
font-weight:bold;
border-bottom:solid 1px #e1d3bc;
padding-bottom:5px;
margin-bottom:10px;
}
#business_support .box_support_ dd{
line-height:1.8;
}
#business_support .box_model_{
width:100%;
clear:both;
overflow:hidden;
margin-bottom:20px;
}
#business_support .box_model_ dl{
margin-bottom:30px;
width:100%;
clear:both;
overflow:hidden;
}
#business_support .box_model_ dt{
background:url(/img/usr/business_support/bg_arrow.png) no-repeat left top;
width:180px;
padding-right:50px;
color:#FFF;
text-align:center;
min-height:56px;
padding-top:40px;
float: left;
clear: both;
}
#business_support .box_model_ dd{
float: right;
width: 500px;
padding: 0;
}
/* --------------------------------------------------------------------
IR
--------------------------------------------------------------------- */
#ir {
}
#ir dl{
width:100%;
clear:both;
overflow:hidden;
}
#ir dt{
float: left;
width: 100px;
padding: 10px 0;
clear: both;
}
#ir dd{
float: right;
width: 640px;
padding: 10px 0;
}
#ir dl.ir_title_{
color:#000;
font-size:11px;
}
#ir #ir_list li{
padding:5px 0;
}
/* --------------------------------------------------------------------
IR2
--------------------------------------------------------------------- */
#ir2 {
}
#ir2 h2{
font-size:12px;
color:#000;
border-bottom: solid 1px #e1d3bc;
margin-bottom:15px;
padding-bottom:5px;
}
#ir2 dl{
width:100%;
clear:both;
overflow:hidden;
margin-bottom:25px;
}
#ir2 dd{
margin-bottom:15px;
}
#ir2 p{
margin-bottom:25px;
}
#ir2 table {
width:100%;
background: #FFF;
}
#ir2 table th{
background:#ECE3D4;
border-bottom:solid 1px #e1d3bc;
border-right:solid 1px #e1d3bc;
padding:15px;
}
#ir2 table td{
border-bottom:solid 1px #e1d3bc;
padding:15px;
}
#ir2 .ir_list_ {
margin-bottom:25px;
}
#ir2 .ir_list_ li {
padding:10px 0;
}
/* --------------------------------------------------------------------
recruit
--------------------------------------------------------------------- */
#recruit {
}
#recruit h2{
font-size:12px;
color:#000;
border-bottom: solid 1px #333;
margin-bottom:15px;
padding-bottom:5px;
}
#recruit .recruit_pimage_ {
width:100%;
overflow:hidden;
clear:both;
margin-bottom:50px;
}
#recruit .recruit_pimage_ dl{
width: 100%;
clear: both;
overflow: hidden;
}
#recruit .recruit_pimage_ dt {
float: left;
width: 150px;
padding: 10px 0;
clear: both;
font-weight:bold;
}
#recruit .recruit_pimage_ dd {
float: right;
width: 590px;
padding: 10px 0;
text-indent:10px;
}
#recruit p {
line-height:1.6;
margin-bottom:25px;
}
#recruit .recruit_list_ {
width:100%;
}
#recruit .recruit_list_ th{
background:#FDFDFD;
border-bottom:solid 1px #EEE;
border-right:solid 1px #EEE;
padding:10px 15px;
}
#recruit .recruit_list_ td{
border-right:solid 1px #EEE;
border-bottom:solid 1px #EEE;
padding:10px 15px;
}
#recruit .recruit_list_ th.last_,
#recruit .recruit_list_ td.last_{
border-right:none !important;
}
#recruit table.recruit_detail_ {
width:100%;
border-top:solid 1px #EEE;
line-height:1.6;
background: #FFF;
}
#recruit table.recruit_detail_ th{
background:#FDFDFD;
border-bottom:solid 1px #EEE;
border-right:solid 1px #EEE;
padding:15px;
}
#recruit table.recruit_detail_ td{
border-bottom:solid 1px #EEE;
padding:15px;
}
/* --------------------------------------------------------------------
news
--------------------------------------------------------------------- */
#news {
position:relative;
}
#news #news_list {
width:100%;
overflow:hidden;
}
#news #news_list dl{
width:100%;
overflow:hidden;
border-bottom: solid 1px #e1d3bc;
margin-bottom:20px;
padding: 20px 0;
}
#news #news_list dl dt{
width:230px;
float:left;
float: left;
clear: both;
}
#news #news_list dl dt img{
width:210px;
}
#news #news_list dl dd{
float: right;
width: 510px;
display:block;
}
#news #news_list dl dd h2{
font-size:12px;
margin-bottom:10px;
}
#news #news_list dl dd h2 span{
font-size:10px;
display:block;
}
#news #news_list dl dd div.news_detail_{
width:100%;
line-height:1.6;
font-size:10px;
}
#news_media #news #news_archive dl{
width:100%;
clear:both;
overflow:hidden;
}
#news_media #news #news_archive dt{
float: left;
width: 100px;
padding: 10px 0;
clear: both;
}
#news_media #news #news_archive dd{
float: right;
width: 640px;
padding: 10px 0;
}
#news_media #news #news_archive dl.news_title_{
color:#000;
font-size:11px;
}
#news_media #news #news_archive ul#news_list li{
padding:10px 0;
}
#news_media #news ,
#profuct_focus ,
#news_media #feature-interview ,
#news_media #news-welcome-home {
overflow:hidden;
padding-top:5px;
}
#news_media #news li,
#news_media #news-welcome-home li,
#profuct_focus li,
#news_media #feature-interview li{
float:left;
width:24%;
margin:0 1% 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*
box-shadow:0px 0px 3px 0px #999;
-moz-box-shadow:0px 0px 3px 0px #999;
-webkit-box-shadow:0px 0px 3px 0px #999;
*/
background:#FFF;
}
#news_media #news li dl,
#profuct_focus li dl,
#news_media #feature-interview li dl,
#news_media #news-welcome-home li dl{
display:block;
width:auto;
overflow:hidden;
padding: 10px;
}
#news_media #news li dl dt a,
#profuct_focus li dl dt a,
#news_media #feature-interview li dl dt a,
#news_media #news-welcome-home li dl dt a{
position: relative;
display:block;
margin-bottom:5px;
text-align:center;
}
#news_media #news li dl dt a img,
#profuct_focus li dl dt a img,
#news_media #feature-interview li dl dt a img,
#news_media #news-welcome-home li dl dt a img{
max-width:100%;
}
#news_media #news li dl dd ,
#profuct_focus li dl dd ,
#news_media #feature-interview li dl dd ,
#news_media #news-welcome-home li dl dd {
overflow:hidden;
}
#news_media #news li dl dd h2,
#profuct_focus li dl dd h2,
#news_media #feature-interview li dl dd h2,
#news_media #news-welcome-home li dl dd h2{
display:inline;
}
#news_media #news li dl dd span,
#profuct_focus li dl dd span,
#news_media #feature-interview li dl dd span,
#news_media #news-welcome-home li dl dd span{
font-size: 10px;
display: block;
}
#history_back {
display:none !important;
}
#news-archives-h2 {
padding:25px 0px 15px;
font-size:110%;
color: #B49158;
}
#news-archives dl.news_title_ {
color: #B49158;
font-size: 11px;
width: 100%;
overflow: hidden;
}
#news-archives dt {
float: left;
width: 90px;
padding: 10px 0;
clear: both;
}
#news-archives dd {
float: right;
width: 870px;
padding: 10px 0;
}
#news-archives li {
margin-bottom:15px;
}
#news-archives li span{
margin-right:20px;
}
#news-archives-list-more {
overflow:hidden;
}
.news_close {
height:20px;
}
#news-more {
cursor: pointer;
}
#news_media h2 {
margin: 50px 0 0px 0;
padding: 20px 0;
color: #000;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
line-height: 120%;
}
#news-more:before {
content:"ー";
}
.news_close #news-more:before {
content:"＋" !important;
color:#ef3340;
}
#info-archives-list li { margin-bottom:15px; }
#info-archives-list li span{ margin-right:20px; }
#t1264 h2{
font-size:28px !important;
text-align: center;
font-weight: normal ;
color: #111;
margin:0 0 50px !important;
padding-top:10px;
line-height: 1.6;
}
#t1264 h2 span{
display: block;
font-size:20px !important;
}
#t1264 h3{
font-size:19px !important;
border-bottom: solid 1px #333;
text-align: center;
margin-bottom:30px;
padding:0 0 10px;
}
#t1264 dl.t1264_detail{
margin:0 10px 100px;
width: 680px;
overflow: hidden;
background: #d8e7ee;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:20px 20px;
}
#t1264 dl.t1264_detail dt{
font-size:19px;
margin-bottom:10px;
text-align: center;
background: url(/img/news/2016refresh/dot.gif) repeat-x left center;
}
#t1264 dl.t1264_detail dt span{
background: #d8e7ee;
display: block;
width:6em;
margin:0 auto;
text-align: center;
}
#t1264 dl.t1264_detail dd{
text-align: center;
}
#t1264 dl.t1264_detail dd strong{
font-size:20px;
display: block;
text-align: center;
margin-bottom:15px;
letter-spacing: 5px;
}
#t1264 .refreshimgs {
width: 100%;
overflow: hidden;
margin: 0 0 70px;
}
#t1264 .refreshimgs div {
float: left;
margin: 0 3px 6px;
}
#t1264 p.t1264_intro {
font-size:14px;
margin :0 60px 50px;
}
#t1264 p.t1264_beforeafter {
width: 550px;
font-size: 10px;
text-align: right;
margin:0 auto 50px;
}
#t1264 p.t1264_contactinfo {
font-size:13px;
margin-bottom:70px;
text-align: center;
}
#t1264 ul.t1264_contact {
width: 100%;
overflow: hidden;
margin:0 0 50px;
}
#t1264 ul.t1264_contact li{
width: 50%;
float: left;
list-style-type: none;
}
#t1264 ul.t1264_contact li em,
#t1264 ul.t1264_contact li a{
display: block;
width: 250px;
margin:0 auto;
border: solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size:14px;
padding:8px 0;
text-decoration:none;
height: 27px;
opacity: 0.8;
}
#t1264 ul.t1264_contact li em {
padding:6px 0;
height: 31px;
line-height: 1.3;
}
#t1264 ul.t1264_contact li em span{
font-size:10px;
display: block;
}
#t1264 ul.t1264_contact li a:hover{
background: #000;
color: #FFF;
}
/* --------------------------------------------------------------------
press
--------------------------------------------------------------------- */
#press_list li span {
float: left;
width: 90px;
display: block;
}
/* --------------------------------------------------------------------
special_site
--------------------------------------------------------------------- */
#special_site ul {
width:100%;
overflow:hidden;
}
#special_site ul li {
float:left;
width:18%;
margin:0 1% 20px 0;
overflow:hidden;
}
#special_site ul li img {
width:100%;
}
#exhibition-more {
cursor: pointer;
padding:5px 0;
}
#exhibition-more:before {
content:"ー";
}
.exhibition_close #exhibition-more:before {
content: "＋" !important;
color:#ef3340;
}
/* --------------------------------------------------------------------
news_detail
--------------------------------------------------------------------- */
#news_detail {
width:100%;
line-height:1.8;
}
#news_detail h1 {
font-size:24px;
margin-bottom:20px;
}
#news_detail h2{
font-size:14px;
margin-bottom:20px;
}
#news_detail h1 span,
#news_detail h2 span{
display:block;
font-size:10px;
}
.icon_facebook_ {
float:right;
position:relative;
z-index:20;
}
#news_detail p{
margin-bottom: 20px;
}
/* --------------------------------------------------------------------
shop_information
--------------------------------------------------------------------- */
#shop_information {
max-width:980px;
margin:0 auto;
display:block;
}
#shop_information .shop_information_main_ {
margin-bottom:30px;
}
#shop_information .shop_information_main_ img{
display:block;
margin-bottom:15px;
}
#shop_information .shop_list_ {
width:100%;
overflow:hidden;
border-top: solid 1px #999;
margin-bottom:30px;
}
#shop_information .shop_list_ dl{
width:100%;
overflow:hidden;
padding:15px 0;
border-bottom: solid 1px #999;
position:relative;
}
#shop_information .shop_list_ dt{
width: 20%;
padding-right:0%;
float: left;
clear: both;
}
#shop_information .shop_list_ dt img{
max-width:100%;
height:auto;
}
#shop_information .shop_list_ dd{
float: right;
width: 77%;
display: block;
}
#shop_information .shop_list_ dd div h3{
font-size:15px;
line-height:1.6;
}
#shop_information .shop_list_ dd div{
position:absolute;
bottom:15px;
}
#shop_information .shop_list_ dd div p{
font-size:12px;
margin-top:15px;
}
#shop_information .lineup_explanation_ {
width:auto;
overflow:hidden;
height:24px;
float:right;
clear:both;
margin-bottom:5px;
}
#shop_information .lineup_explanation_ dt{
float:left;
font-size:10px;
line-height:24px;
display:inline;
padding-right:20px;
}
#shop_information .lineup_explanation_ dd{
padding-right:20px;
display:inline;
float:left;
font-size:10px;
line-height:24px;
color: #000;
padding-left:24px;
}
#shop_information .lineup_explanation_ dd,
#shop_information .corner_location_list_ dd{
background-image:url(../img/usr/shop_information/icon_item.png);
background-repeat:no-repeat;
}
#shop_information dd.shop_item_cassina_{}
#shop_information dd.shop_item_ixc_{background-position:0 -25px;}
#shop_information dd.shop_item_rug_{background-position:0 -50px;}
#shop_information dd.shop_item_light_{background-position:0 -75px;}
#shop_information dd.shop_item_curtain_{background-position:0 -100px;}
#shop_information dd.shop_item_art_{background-position:0 -125px;}
#shop_information dd.shop_item_goods_{padding-right:0;background-position:0 -150px;}
#shop_information .corner_location_list_ h3{
width:100%;
clear:both;
padding:8px 0;
background: #BBB;
border-bottom: solid 1px #BBB;
border-top: solid 1px #BBB;
text-indent:15px;
}
#shop_information .corner_location_list_ dl{
clear:both;
padding:15px;
overflow:hidden;
border-bottom: solid 1px #BBB;
}
#shop_information .corner_location_list_ dt{
width: 600px;
float: left;
clear: both;
}
#shop_information .corner_location_list_ dt span{
display:block;
margin-top:10px;
font-size:11px;
}
#shop_information .corner_location_list_ dd{
float: right;
width: 25px;
display: block;
position: relative;
height: 25px;
text-indent:-9999px;
overflow:hidden;
margin-left:20px;
margin-top:20px;
}
/* --------------------------------------------------------------------
shop_information detail
--------------------------------------------------------------------- */
#shop_detail {
max-width:980px;
width:100%;
margin:0 auto;
}
#shop_detail h2{
width:100%;
clear:both;
border-bottom:solid 1px #CCC !important;
}
#shop_detail .shop_detail_main_ {
line-height:1.6;
margin-bottom:20px;
width:100%;
clear:both;
}
#shop_detail .shop_info_ {
float:left;
width:53%;
margin-bottom:30px;
margin-top:20px;
}
#shop_detail .shop_info_ dl{
line-height:1.5;
}
#shop_detail .shop_info_ dd{
margin-bottom:10px;
}
#shop_detail .shop_map_ {
float:right;
width:47%;
margin-top:20px;
margin-bottom:30px;
}
#shop_detail .map_other_view_ {
width:100%;
margin-top:20px;
}
#shop_detail .map_other_view_ li{
float:left;
width:130px;
margin:0 1px;
}
#shop_detail .map_other_view_ li a{
display:block;
width:130px;
height:32px;
color:#FFF;
text-decoration:none;
text-align:center;
line-height:32px;
background:#BBB;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
#shop_detail .map_other_view_ li a:hover{
background:#AAA;
}
#shop_detail #shop_information_news_list {
border-bottom:solid 1px #CCC;
margin-bottom:30px;
position: relative;
padding:10px 0;
}
#shop_detail #shop_information_news_list h2{
padding: 0 0;
}
#shop_detail #shop_information_news_list li {
padding:0 0 10px;
}
#shop_detail #shop_information_news_list dl{
}
#shop_detail #shop_information_news_list dt{
width: 100px;
float: left;
clear: both;
margin-bottom:5px;
}
#shop_detail #shop_information_news_list dd{
float: right;
overflow:hidden;
width:578px;
margin-bottom:5px;
}
#shop_detail #shop_information_news {
width:760px;
position:relative;
line-height:1.6;
margin:0 auto;
}
#shop_detail #shop_information_news h3 {
font-size: 14px;
margin-bottom: 20px;
}
#shop_detail #shop_information_news h3 span {
display: block;
font-size: 10px;
}
#shop_detail #shop_information_news_list a{
font-size: 12px !important;
color: #000;
}
#shop_detail #shop_information_news_list a span{
margin-right:20px;
}
/* --------------------------------------------------------------------
shop_holyday
--------------------------------------------------------------------- */
#shop_holyday {
}
#shop_holyday h2{
margin: 0 0 5px 0;
padding: 20px 0 0;
color: #000;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
line-height: 120%;
width:100%;
clear:both;
}
#shop_holyday .holyday_box_ {
margin-bottom:10px;
padding:10px 0 15px;
}
/* --------------------------------------------------------------------
shop_news_list
--------------------------------------------------------------------- */
#shop_news_list {
}
#shop_news_list dl.news_title_ {
color: #000;
font-size: 11px;
}
#shop_news_list dl.news_title_ dt{
float: left;
width: 100px;
padding: 10px 0;
clear: both;
}
#shop_news_list dl.news_title_ dd{
float: right;
width: 640px;
padding: 10px 0;
}
#shop_news_list #news_list li {
padding: 10px 0;
}
#shop_news_list #news_list li a{
font-size: 12px !important;
color: #000;
}
#shop_news_list #news_list li a span{
margin-right: 20px;
}
/* --------------------------------------------------------------------
shop_news_detail
--------------------------------------------------------------------- */
#shop_news_detail {
width: 100%;
position: relative;
line-height: 1.6;
}
#shop_news_detail h3 {
font-size: 14px;
margin-bottom: 20px;
}
#shop_news_detail span {
display: block;
font-size: 10px;
}
/* --------------------------------------------------------------------
after_service
--------------------------------------------------------------------- */
#after_service {
}
#after_service p.after_service_main_ img{
display: block;
margin-bottom: 15px;
width:100%;
}
#after_service h2{
border-bottom: solid 1px #000;
margin-bottom:15px;
}
#after_service p{
margin-bottom:30px;
}
#after_service .guidebook_box_{
position:relative;
margin-bottom:30px;
width:100%;
overflow:hidden;
}
#after_service .guidebook_box_ .guidebook_box_img_{
float:right;
margin-right:300px;
}
#after_service .guidebook_box_ .btn_link_{
position:absolute;
bottom:0;
}
/* --------------------------------------------------------------------
coordinate
--------------------------------------------------------------------- */
#coordinate {
}
.coordinate_main_ {
margin-bottom: 30px;
}
.coordinate_main_ img{
display: block;
margin-bottom: 15px;
}
#coordinate h2{
margin-bottom:15px;
color:#333;
letter-spacing: 0px;
font-size:16px;
padding-bottom:10px;
border-bottom:solid 1px #999;
}
#coordinate .coordinate_sample_ {
width:750px;
margin-left:-15px;
}
#coordinate .coordinate_sample_ li{
width: 345px;
margin:0 15px 30px;
float: left;
}
#coordinate .coordinate_sample_ li img{
width: 345px;
margin-bottom: 5px;
}
#coordinate .howto_order_step_ {
width: 100%;
overflow: hidden;
}
#coordinate .howto_order_step_ li{
width: 100%;
overflow: hidden;
background: url(../img/usr/coordinate/arr.png) no-repeat center bottom;
margin: 0;
padding:0 0 20px;
list-style-type: none;
}
#coordinate .howto_order_step_ li div.step_{
background: url(../img/usr/coordinate/step.png) no-repeat center bottom;
width: 128px;
height: 105px;
text-align: center;
line-height: 105px;
font-weight: bold;
color: #5b4a3f;
letter-spacing: 1px;
font-size:1.4em;
float: left;
margin-right: 12px;
}
#coordinate .howto_order_step_ li dl{
line-height: 1.6;
}
#coordinate .howto_order_step_ li dt{
font-size:1.2em;
font-weight: bold;
margin-bottom: 5px;
}
.btn_service_inquiry_ {
width: 200px;
margin: 0 auto;
}
.btn_service_inquiry_ a{
display: block;
width: 100%;
height: 50px;
line-height: 50px;
background: #5b4a3f;
text-align: center;
color: #FFF;
text-decoration: none;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
font-size:1.2em;
}
/* --------------------------------------------------------------------
coordinate_sample
--------------------------------------------------------------------- */
#coordinate_sample {
}
#coordinate_sample #gallery_content {
margin-bottom:40px;
}
#coordinate_sample .coordinate_list_ {
float:right;
}
#coordinate_sample .coordinate_list_ li{
margin-bottom:10px;
text-align:right;
}
#coordinate_sample .coordinate_list_ li a.current_{
color:#000;
}
#coordinate_sample #gallery_content .gallery_photo_ {
/* width:650px; */
}
/* --------------------------------------------------------------------
interior_element
--------------------------------------------------------------------- */
#interior_element {
}
#interior_element h2{
border-bottom: solid 1px #e1d3bc;
margin-bottom:15px;
}
#interior_element p{
line-height: 1.6;
margin-bottom:30px;
}
#interior_element p.caption_{
margin-bottom:15px;
}
#interior_element .interior_element_detail_ {
font-size:11px;
}
#interior_element .interior_element_detail_ img{
display:block;
margin-bottom:5px;
}
#interior_element .interior_element_double_ {
width:100%;
clear:both;
overflow:hidden;
margin-bottom:30px;
}
#interior_element .interior_element_double_ li{
float:left;
display:inline;
width:360px;
}
#interior_element .interior_element_double_ li p{
margin-bottom:0;
}
#interior_element .interior_element_double_ li.last_ {
padding-left:20px;
}
#interior_element #interior_element_accessories {
display:inline;
float:left;
width:360px;
}
#interior_element #interior_element_lighting {
display:inline;
float:left;
width:170px;
padding-left:20px;
}
#interior_element #interior_element_art {
display:inline;
float:left;
clear:right;
width:170px;
padding-left:20px;
}
/* --------------------------------------------------------------------
art
--------------------------------------------------------------------- */
#art h2{
margin-bottom:15px;
color:#333;
letter-spacing: 0px;
font-size:16px;
padding-bottom:10px;
border-bottom:solid 1px #999;
}
#art h2.none{
margin-bottom:0;
padding-bottom:10px;
border-bottom:none;
}
#art h2 span {
font-size:11px;
margin-left:10px;
}
#art .art-archive {
width: 100%;
overflow: hidden;
margin-bottom:30px;
}
#art .art-archive ul{
width:100%;
overflow:hidden;
}
#art .art-archive ul li{
float: left;
width:24%;
margin:0 0.5% 10px;
}
#art .art-archive ul li img{
margin-bottom: 5px;
width:100%;
}
#art .art_cord_step {
width: 100%;
position: relative;
height: 260px;
padding-top: 30px;
}
#art .art_cord_step li{
float:left;
list-style-type: none;
margin:0;
width:24%;
padding-right:1%;
}
#art .art_cord_step li img{
max-width:100%;
}
#art .art_cord_step li span{
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
#art .art_cord_step li em{
font-size:26px;
font-weight: bold;
color: #000;
margin-right:5px;
}
#art #art_cord_step1 {
}
#art #art_cord_step2 {
left: 250px;
}
#art #art_cord_step3 {
left: 500px;
}
#art #art_cord_step4 {
right:0;
top: -85px;
}
/* --------------------------------------------------------------------
design_produce
--------------------------------------------------------------------- */
#design_produce {
}
#design_produce p{
line-height: 1.6;
margin-bottom:30px;
}
#design_produce dl.design_produce_information_{
}
#design_produce dl.design_produce_information_ dt{
width: 100%;
clear: both;
padding: 8px 0;
background: #ECE3D4;
border-bottom: solid 1px #e1d3bc;
border-top: solid 1px #e1d3bc;
text-indent: 15px;
}
#design_produce dl.design_produce_information_ dd{
width: 710px;
clear: both;
padding: 15px;
overflow: hidden;
border-bottom: solid 1px #e1d3bc;
}
.colbox {
width:100%;
clear:both;
overflow:hidden;
margin-bottom:60px;
float:none;
}
.colbox.overflowcontent {
overflow:visible;
}
.colbox .inbox {
float: left;
}
.colbox .inbox.flR {
float: right;
}
/* --------------------------------------------------------------------
interview
--------------------------------------------------------------------- */
#interview_box {
}
#interview_box.classicbase_ {
width:740px;
margin:0 auto;
}
/* --------------------------------------------------------------------
projects
--------------------------------------------------------------------- */
#projects {
}
#projects ul.projects_list_{
}
#projects ul.projects_list_ li{
display:inline;
float:left;
width:360px;
margin-bottom:20px;
font-size:11px;
}
#projects ul.projects_list_ li a{
display:block;
margin-bottom:5px;
}
#projects ul.projects_list_ li.even_{
padding-left:20px;
}
/* --------------------------------------------------------------------
projects_detail
--------------------------------------------------------------------- */
#projects_detail {
}
#projects_detail #gallery_content {
margin-bottom:40px;
}
#projects_detail .projects_list_ {
float:right;
}
#projects_detail .projects_list_ dt {
margin-bottom:10px;
text-align:right;
font-size:13px;
}
#projects_detail .projects_list_ dd{
margin-bottom:5px;
text-align:right;
}
#projects_detail .coordinate_list_ li a.current_{
color:#000;
}
#projects_detail #gallery_content .gallery_photo_ {
/* width:650px; */
}
/* --------------------------------------------------------------------
brand
--------------------------------------------------------------------- */
#brand {
}
#brand h2.brand_main_{
width:100%;
overflow:hidden;
}
#brand h2.brand_main_ img{
display:block;
margin-bottom:15px;
}
#brand p{
line-height: 1.6;
margin-bottom:50px;
}
/* --------------------------------------------------------------------
designer
--------------------------------------------------------------------- */
#interior-acc-navi li span,
#cassina-navi li span,
#deginer-navi li a,
#original-navi li a,
#craftsmanship-navi li a,
.designer_detail_box_ h1,
.designer_detail_box_ h1,
.designer_block_ dt,
.designer_detail_box_ .designer_product_ li{
font-family: "Century Schoolbook", "Century";
}
#interior-acc-navi ,
#cassina-navi {
width:100%;
height: 50px;
overflow: hidden;
background: url(/img/usr/brand/line.gif) repeat-y left top;
margin:40px 0 50px;
}
#interior-acc-navi li{
float: left;
width: 25%;
font-size:11px;
background: url(/img/usr/brand/line.gif) repeat-y right top;
}
#cassina-navi li{
float: left;
width: 33%;
font-size:11px;
background: url(/img/usr/brand/line.gif) repeat-y right top;
}
#interior-acc-navi li {
width:137px;
}
#interior-acc-navi li span,
#cassina-navi li span{
display: block;
font-size:18px;
margin-bottom: 6px;
}
#interior-acc-navi li em,
#interior-acc-navi li a,
#cassina-navi li a{
background: url(/img/usr/brand/arr_cnavi.png) no-repeat center top;
display: block;
text-align: center;
height: 40px;
padding-top:12px;
text-decoration: none;
}
#interior-acc-navi li em ,
#interior-acc-navi li a {
font-size:10px !important;
}
#interior-acc-navi li em {
opacity: 0.2;
}
#interior-acc-navi li span {
font-size:14px !important;
}
#interior-acc-navi li a:hover,
#interior-acc-navi li a.current,
#cassina-navi li a:hover,
#cassina-navi li a.current{
background-position:center -100px !important;
color:#000;
}
#deginer-navi {
width:962px;
height: 40px;
overflow: hidden;
margin-left:-1px;
margin-bottom:30px;
}
#craftsmanship-navi ,
#original-navi {
width:964px;
height: 40px;
overflow: hidden;
margin-left:-2px;
margin-bottom:30px;
}
#deginer-navi li{
float: left;
width: 320px;
margin: 0 1px;
}
#deginer-navi1,
#deginer-navi3{
width: 318px !important;
}
#craftsmanship-navi li,
#original-navi li{
float: left;
width: 480px;
margin: 0 1px;
}
#craftsmanship-navi li a,
#deginer-navi li a,
#original-navi li a{
height: 40px;
overflow: hidden;
text-align: center;
width:100%;
display: block;
font-size:18px;
line-height: 40px;
color: #FFF;
background: #3F3F3F;
text-decoration: none;
letter-spacing: 1px;
}
#deginer-navi1 a.current ,
#deginer-navi1 a:hover {
background-color: #e60012 !important;
}
#deginer-navi2 a.current ,
#deginer-navi2 a:hover {
background-color: #231815 !important;
}
#deginer-navi3 a.current ,
#deginer-navi3 a:hover {
background-color: #a4cd58 !important;
}
#original-navi1 a.current ,
#original-navi1 a:hover {
background-color: #b00f61 !important;
}
#original-navi2 a.current ,
#original-navi2 a:hover {
background-color: #b00f61 !important;
}
#craftsmanship-navi1 a.current ,
#craftsmanship-navi1 a:hover {
background-color: #b49159 !important;
}
#craftsmanship-navi2 a.current ,
#craftsmanship-navi2 a:hover {
background-color: #b49159 !important;
}
#craftsmanship-navi li a span,
#original-navi li a span,
#deginer-navi li a span{
background: url(/img/usr/brand/arr_dnavi.png) no-repeat left center;
padding-left:15px;
}
.designer_line_ {
width:100%;
overflow: hidden;
clear: both;
margin-left:-4px;
margin-bottom:10px;
}
.designer_block_ {
border-bottom: solid 1px #999;
width:48%;
float: left;
margin:0 2% 10px 0;
padding-bottom:10px;
position: relative;
}
.designer_block_ .designer_photo{
float: left;
position: relative;
z-index:200;
}
.designer_block_ .designer_product{
position: absolute;
z-index:100;
right:14px;
top:0;
}
.designer_block_ dl{
float: left;
padding-left:15px;
position: relative;
z-index:200;
}
.designer_block_ dt{
color: #000;
font-size:16px;
margin-bottom: 10px;
line-height: 1.3;
}
.designer_block_ dd {
font-size:10px;
}
.designer_block_ p{
font-size:10px;
width: 100%;
clear: both;
padding-top:10px;
position: relative;
z-index:200;
display: none;
}
.designer_detail_box_ {
width: 100%;
overflow: hidden;
margin-top: 30px;
}
.designer_detail_box_photo {
width:27%;
padding-right:3%;
float: left;
}
.designer_detail_box_photo img{
width: 100%;
}
.designer_detail_box_detail {
width:70%;
float: left;
position: relative;
background-size: 100% auto !important;
}
.designer_detail_box_icon_cassina {
position: absolute;
right:0;
top:0px;
}
.designer_detail_box_ h1{
font-size: 28px;
line-height: 1.2;
color: #000;
margin-bottom: 20px;
}
.designer_detail_box_ h1 span{
font-size:10px;
display: block;
}
.designer_detail_box_ p.designer_opt_txt{
font-size:10px;
margin-bottom: 20px;
}
.designer_detail_box_ p.designer_detail_txt{
margin-bottom: 20px;
}
.designer_detail_box_ .designer_hostory {
font-size: 11px;
border-top: dotted 1px #999;
float: right;
width: 100%;
}
.designer_detail_box_ .designer_hostory dt {
clear: left;
float: left;
padding: 8px 0 8px 0;
width: 8em;
}
.designer_detail_box_ .designer_hostory dd {
margin-left: 0;
padding: 8px 0 7px 8em;
border-bottom: dotted 1px #999;
}
h2.brand_related,
.designer_detail_box_ h2{
width: 100%;
overflow: hidden;
clear: both;
font-size: 14px;
font-weight:bold;
color: #000;
border-bottom:solid 1px #999;
padding:5px 0 10px 0px;
margin:0 0 20px;
}
.designer_detail_box_ .designer_product_ {
width: 100%;
overflow: hidden;
}
.designer_detail_box_ .designer_product_ li{
float: left;
margin-bottom:20px;
}
.designer_detail_box_ .designer_product_ li img{
display: block;
margin-top:5px;
}
.designer_detail_box_ .designer_product_3 li{
width: 33%;
}
.designer_detail_box_ .designer_product_4 li{
width: 25%;
}
#designer_pager {
display:none;
width:1020px;
margin-left:-30px;
position: relative;
}
#designer_pager ul{
width: 100%;
position: absolute;
left:0;
top:200px;
}
#designer_pager li{
font-size:26px;
}
#designer_pager li.none_view_{
display: none;
}
#designer_pager li a{
text-decoration: none;
}
#designer_pager li#designer_pager_prev{
float:left;
}
#designer_pager li#designer_pager_next{
float:right;
}
/* --------------------------------------------------------------------
planning
--------------------------------------------------------------------- */
#planning {
}
.planning_main_ {
margin-bottom: 30px;
}
.planning_main_ img{
display: block;
margin-bottom: 15px;
}
#planning h2{
margin-bottom:15px;
color:#333;
letter-spacing: 0px;
font-size:16px;
padding-bottom:10px;
border-bottom:solid 1px #999;
}
#planning .planning_step_ {
clear: both;
margin:0 0 60px;
overflow: hidden;
height: 160px;
background: url(../img/usr/planning/floaw.png) no-repeat;
}
#planning .planning_step_ li{
float: left;
list-style-type: none;
text-indent: -9999px;
overflow: hidden;
}
#planning .planning_sample_ {
overflow: hidden;
float: none;
width:765px;
}
#planning .planning_sample_ li{
font-family: "Century Schoolbook", "Century", "Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS P Mincho",serif;
float: left;
list-style-type: none;
width:230px;
margin:0 0 40px;
margin-right:25px;
}
/* --------------------------------------------------------------------
planning
--------------------------------------------------------------------- */
#interior_design {
}
.interior_design_main_ {
line-height: 1.6;
margin-bottom: 30px;
}
#interior_design h2{
margin-bottom:15px;
color:#333;
letter-spacing: 0px;
font-size:16px;
padding-bottom:10px;
border-bottom:solid 1px #999;
}
#interior_design .howto_order_step_ li{
width: 100%;
overflow: hidden;
background: url(../img/usr/coordinate/arr.png) no-repeat center bottom;
margin: 0;
padding:0 0 20px;
list-style-type: none;
}
#interior_design .howto_order_step_ li div.step_{
background: url(../img/usr/coordinate/step.png) no-repeat center bottom;
width: 128px;
height: 105px;
text-align: center;
line-height: 105px;
font-weight: bold;
color: #5b4a3f;
letter-spacing: 1px;
font-size:1.4em;
font-family: "Century Schoolbook", "Century", "Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS P Mincho",serif;
float: left;
margin-right: 12px;
}
#interior_design .howto_order_step_ li dl{
line-height: 1.6;
}
#interior_design .howto_order_step_ li dt{
font-family: "Century Schoolbook", "Century", "Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS P Mincho",serif;
font-size:1.2em;
font-weight: bold;
margin-bottom: 5px;
}
/* --------------------------------------------------------------------
craftsmanship
--------------------------------------------------------------------- */
h2.craftsmanship-title {
text-align:center;
font-size:24px;
font-weight:bold;
margin-bottom:30px;
}
#craftsmanship-box {
width: 100%;
position: relative;
margin-bottom:100px;
}
#craftsmanship-box dl{
position: relative;
width: 100%;
height: 500px;
color: #FFF;
margin-bottom:5px;
}
#craftsmanship-box dt{
position: absolute;
top:30px;
left:30px;
}
#craftsmanship-box dd{
position: absolute;
right:30px;
bottom:30px;
width:440px;
}
#craftsmanship-wood {
margin-top:-60px;
padding-top:60px;
}
#craftsmanship-prev {
position: absolute;
top:0;
left:0;
display: block;
width: 30px;
height: 100%;
overflow: hidden;
text-indent: -9999px;
background: url(../img/usr/craftsmanship/prev.png) no-repeat center right;
z-index:9999999;
}
#craftsmanship-next {
position: absolute;
top:0;
right:0;
display: block;
width: 30px;
height: 100%;
overflow: hidden;
text-indent: -9999px;
background: url(../img/usr/craftsmanship/next.png) no-repeat center left;
z-index:9999999;
}
/* --------------------------------------------------------------------
interior_accessory
--------------------------------------------------------------------- */
#interior_accessory div.brandbox_ {
border:solid 1px #999;
padding:21px;
margin:0 0 40px;
position:relative;
line-height:1.8;
background:#FFF;
}
#interior_accessory div.brandbox_ h2.brandbox_title_,
#interior_accessory div.brandbox_ div.brandbox_img_{
margin-bottom:15px;
width:100%;
overflow:hidden;
}
#interior_accessory div.brandbox_ h2.brandbox_title_ img{
float:left;
}
#interior_accessory div.brandbox_ h2.brandbox_title_ span{
float:left;
font-size:11px;
margin:0 0 0 10px;
display:block;
}
#interior_accessory div.brandbox_download_ ,
#interior_accessory div.brandbox_download2_ {
position:absolute;
top:21px;
right:21px;
}
#interior_accessory div.brandbox_download2_ {
top:47px;
}
#interior_accessory div.brandbox_download_ a,
#interior_accessory div.brandbox_download2_ a{
display:block;
border:solid 1px #B49158;
padding:5px 5px 4px 15px;
line-height:1.1;
font-size:10px;
color:#B49158;
width:150px;
background:url(/img/usr/brand/rug/icon_arrow.gif) no-repeat 5px center;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* --------------------------------------------------------------------
調整 ctrl
--------------------------------------------------------------------- */
div.mail_ ,
div.contact_ {
width: 980px;
margin: 0 auto;
}
#header-box {
min-width: 980px;
z-index: 1000;
position: relative;
height: 100%;
margin: 0 auto;
max-width:1680px;
}
#header #gnav_support span.ja {
margin-left: -10px;
}
#footer {
clear:both;
overflow: hidden;
width: 100%;
position: relative;
background:#FFF;
z-index:3500;
}
#gtag-man-cp {
overflow: hidden;
height: 0;
}
#footer-nav-box {
width: 100%;
overflow: hidden;
clear: both;
text-align: center;
padding: 20px 0;
background:#303030;
margin: 0 0 20px;
}
#footer-nav-box ul{
width: 960px;
margin: 0 auto;
text-align: right;
}
#footer-nav-box li{
display: inline;
margin-left: 30px;
}
#footer-nav-box li a{
color: #CCC;
}
#footer_sitemap {
width: 1080px;
margin:0 auto 50px;
overflow: hidden;
}
#footer_sitemap dl{
float: left;
margin: 40px 20px 0;
}
#footer_sitemap dl dt{
font-size:12px;
color: #000;
margin-bottom:10px;
}
#footer_sitemap dl dd{
font-size:11px;
margin-bottom: 2px;
padding:2px;
}
#footer_sitemap dl dt a,
#footer_sitemap dl dt em{
color: #000;
font-size:14px;
font-weight: normal;
}
#footer_sitemap dl dd a {
color: #222;
}
#contact-box {
position: fixed;
right:70px;
bottom:00px;
background:#000;
padding:10px;
}
#contact-box li{
float: left;
margin:0 10px;
}
#contact-box li a{
color: #FFF;
}
#social-box,
.social-box{
width: 100%;
text-align: center;
padding:30px 0 50px;
}
#social-box li ,
.social-box li {
display: inline;
margin:0 15px;
}
.pagetop_ {
position:fixed;
right:0px;
bottom:0px;
z-index: 9000;
}
.pagetop_ a{
color: #B49158;
font-size:11px;
text-decoration: none;
background:#000;
padding:10px;
display: block;
}
.pagetop_ a:hover{
background:#EEE;
}
.option_buttons_ {
width: 20%;
float: right;
margin-top:5px;
}
.option_buttons_extra_ ,
.option_buttons_ li {
font-size:12px;
line-height:12px;
position: relative;
margin-bottom:8px;
width:100%;
}
.option_buttons_extra_ {
margin-bottom:30px;
}
.option_buttons_ ul {
width: auto !important;
margin: 0 !important;
}
.option_buttons_ dt.btn_link_hover ,
.option_buttons_ a.btn_link_ {
width: auto !important;
font-size:12px !important;
height: 45px !important;
line-height: 45px !important;
background: #f2f2f2 !important;
font-weight:bold;
color:#000;
font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-align:left !important;
text-indent:2em;
position:relative;
}
.option_buttons_ dt.btn_link_hover:after ,
.option_buttons_ a.btn_link_:after {
content: "";
display: inline-block;
width: 6px;
height: 5px;
background: url(/assets/img/professional/ar.png) left center no-repeat transparent;
background-size: contain;
vertical-align: middle;
position: absolute;
right: 20px;
top: 22px;
}
/*
.option_buttons3_ a.btn_link_ {
font-size:0 !important;
}
.option_buttons3_ a:before {
content: "プライスリスト";
font-size: 12px;
padding-left: 2em;
}
*/
.option_buttons_ dt.btn_link_hover:hover:after ,
.option_buttons_ a.btn_link_:hover:after {
content: "";
display: inline-block;
width: 6px;
height: 5px;
background: url(/assets/img/professional/ar_w.png) left center no-repeat transparent;
background-size: contain;
vertical-align: middle;
position: absolute;
right: 20px;
top: 22px;
}
.option_buttons_ a.btn_link_:hover {
background: #000 !important;
color:#FFF;
}
.option_buttons_ a.btn_link_.harf_ {
width: 50%;
width: 49.6% !important;
height: 40px;
float: left;
}
#option_buttons_fabrics_materials_all,
#option_buttons_fabrics_materials,
#option_buttons_fabrics {
z-index:200;
}
#option_buttons_fabrics_materials_all {
overflow:hidden;
}
#option_buttons_3d {
z-index:100;
}
#option_buttons_fabrics_materials_all a.prod_txtlink_extra,
#option_buttons_fabrics_materials a.prod_txtlink_extra,
#option_buttons_fabrics a.prod_txtlink_extra{
position:absolute;
}
#data3d_attention {
position: absolute !important;
width:280px !important;
height: 200px !important;
padding:10px;
background:url(/img/usr/smokeB80.png) !important;
color: #FFF !important;
left:-300px;
display:none;
top:0px;
}
#data3d_attention dl{
width: 100%;
overflow: hidden;
line-height: 1.4;
}
#data3d_attention dt{
margin-bottom:10px;
font-size:13px;
font-weight: bold;
line-height: 14px;
}
#data3d_attention dd{
margin-bottom:5px;
text-indent: -1em;
margin-left: 1em;
}
.option_buttons_ .btn_link_hover:hover ,
.option_buttons_ #option_buttons_3d dt.btn_link_hover:hover ,
.option_buttons_ a.btn_link_:hover {
text-decoration:none;
background: #f2f2f2 !important;
color:#000;
}
.option_buttons_ #option_buttons_3d dt.btn_link_hover ,
.option_buttons_ em.btn_link_hover ,
.option_buttons_ .download_media dt.btn_link_hover {
display: block;
overflow: hidden;
text-align: center;
color: #000;
text-decoration: none;
width: auto !important;
font-size: 12px !important;
height: 45px !important;
line-height: 45px !important;
cursor: pointer;
font-weight:bold;
background: #f2f2f2 !important;
font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul.option_buttons_ #option_buttons_catalogue {
display:none;
}
.option_buttons_ .download_media dd a,
.option_buttons_ .prod_txtlink_extra {
height: 35px;
position: static;
/* top:40px; */
float:left;
background:#f2f2f2 !important;
text-align: left;
line-height: 35px;
text-decoration: none;
color: #000 !important;
cursor: pointer;
display:none;
font-weight:bold;
font-family: neue-haas-grotesk-display,'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
text-indent:2em;
position: relative;
}
.option_buttons_ .download_media dd a:after,
.option_buttons_ .prod_txtlink_extra:after {
content: "";
display: inline-block;
width: 6px;
height: 5px;
background: url(/assets/img/professional/ar.png) left center no-repeat transparent;
background-size: contain;
vertical-align: middle;
position: absolute;
right: 20px;
top: 18px;
}
.option_buttons_ .download_media dd a:hover:after,
.option_buttons_ .prod_txtlink_extra:hover:after {
content: "";
display: inline-block;
width: 6px;
height: 5px;
background: url(/assets/img/professional/ar_w.png) left center no-repeat transparent;
background-size: contain;
vertical-align: middle;
position: absolute;
right: 20px;
top: 18px;
}
.option_buttons_ .download_media dd {
display:none;
}
.option_buttons_ .download_media dd a {
display:block;
}
.option_buttons_ a.btn_link_:hover,
.option_buttons_ #option_buttons_3d dt.btn_link_hover:hover ,
.option_buttons_ em.btn_link_hover:hover ,
.option_buttons_ .download_media dt.btn_link_hover:hover,
.option_buttons5_ dd a:hover {
background:#000 !important;
color:#FFF !important;
}
.option_buttons_ .prod_txtlink_extra:hover {
background: #9c9a99; /* Old browsers */
background: -moz-linear-gradient(top, #9c9a99 0%, #878584 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9a99), color-stop(100%,#878584)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9c9a99 0%,#878584 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9c9a99 0%,#878584 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9c9a99 0%,#878584 100%); /* IE10+ */
background: linear-gradient(to bottom, #9c9a99 0%,#878584 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9a99', endColorstr='#878584',GradientType=0 ); /* IE6-9 */
}
.option_buttons5_ dd a,
.option_buttons_ .prod_txtlink_0201,
.option_buttons_ .prod_txtlink_0202 {
width: 50%;
width: 49.6%;
height: 40px;
}
.option_buttons_ dd:nth-child( even ) a {
left:0;
border-right: solid 1px #FFF;
}
.option_buttons_ dd:nth-child( odd ) a {
right:0;
}
/*プロジェクト */
#current_project {
width:100%;
}
#current_project .gallery_photo_{
padding-left:310px;
height: 400px;
}
#prev_project ,
#next_project {
width:20px;
float:left;
padding-top:10px;
display: none;
}
#next_project {
text-align:right;
}
#prev_project span,
#next_project span{
font-size:20px;
display:block;
display:none;
width:20px;
overflow:hidden;
height:200px;
padding-top:210px;
cursor: pointer;
}
#projects_detail {
position: relative;
}
#projects_detail .projects_list_ {
float: none !important;
}
#project_category {
width: 100%;
overflow: hidden;
clear: both;
background:#000;
}
#project_category ul{
width: 936px;
margin:0 auto;
}
#project_category li{
list-style-type: none;
float: left;
width:148px;
margin:12px 4px;
height: 94px;
position: relative;
}
#project_category li a span , #project_category li a em{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#project_category li a:hover span, #project_category li a:hover em{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#project_category li span.cat_img_ {
opacity:0.6;
position: absolute;
left:0;
top:0;
}
#project_category li a:hover span.cat_img_ {
opacity:0.9;
}
#project_category li span.cat_img_ img{
display: block;
width: 100%;
}
#project_category li em.cat_name_ {
width:152px;
height: 94px;
/* margin-top:25px; */
line-height: 94px;
position: absolute;
left:0;
top:0;
text-align: center;
color: #CCC;
}
#project_category li a:hover em.cat_name_ {
color: #FFF;
}
#project_category li em.cat_name_ span{
text-align: center;
font-size:12px;
}
#project_category li a{
display: block;
text-align: center;
color: #FFF;
height: 94px;
background:#000;
line-height: 1.4;
}
#other_project li {
float: left;
width: 18%;
margin: 0 1% 0 1%;
font-size: 10px;
min-height: 205px;
}
#other_project_title {
width: 100%;
clear:both;
overflow:hidden;
padding:20px 0 40px;
font-size:13px;
}
#other_project li {
min-height: 175px;
}
#other_project li em {
display: inline;
/* min-height: 185px; */
}
#other_project li img {
width: 100%;
margin-bottom: 8px;
}
#current_project #gallery_content {
margin-bottom: 0;
}
.prj_category_ {
position: absolute;
left:0;
top:80px;
font-size:18px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.prj_category_ span{
font-size:12px;
margin-left:20px;
}
#current_project #gallery_content .gallery_thumbs_ {
width: 100%;
position: relative;
overflow: hidden;
background:#303030;
padding:10px 0;
text-align:right;
}
#current_project #gallery_content .gallery_thumbs_ ul{
width: 100%;
}
#current_project #gallery_content .gallery_thumbs_ li{
display: inline;
float: none;
margin-right: 10px;
}
#current_project #gallery_content .gallery_thumbs_ li a{
color: #999;
text-decoration: none;
}
#current_project #gallery_content .gallery_thumbs_ li a:hover,
#current_project #gallery_content .gallery_thumbs_ li.current a{
color: #FFF;
}
#top-banner h2 {
background-image: none !important;
font-size:14px;
padding-top:15px;
}
.top-banner-topics {
overflow: hidden;
position: relative;
}
#top-banner .pick_img{
z-index:10;
left:0;
top:0;
display: block;
width: 100%;
}
#top-banner .pick_txt{
position: absolute;
z-index:20;
left:0;
bottom:0;
display: block;
display: none;
width: 90%;
height: 80%;
background:url(/img/top/smokeBlack80.png);
color: #FFF;
padding:10% 5%;
}
#top-banner .pick_txt span{
display: block;
}
#top-news,
#top-update-information,
#top-information {
width: 960px;
margin:0 auto 20px;
clear: both;
overflow:hidden;
}
#top-news {
margin-top:25px;
}
#top-information {
margin-bottom:30px;
}
#top-news h2,
#top-update-information h2,
#top-information h2{
font-weight: bold;
color: #000;
font-size:14px;
float: left;
width:120px;
color: #ef3340;
}
#top-news .top-news-pick,
#top-update-information dl,
#top-information .top-info-pick{
width:840px;
float: left;
}
##top-information {
width:100%;
overflow:hidden;
margin-bottom:40px;
}
#top-news .top-news-pick {
}
#top-information dl,
#top-update-information dl{
}
#top-news dt,
#top-information dt,
#top-update-information dt{
float: left;
width: 90px;
padding:0 0 8px;
}
#top-information-list {
width: 100%;
}
#top-news-list li ,
#top-information-list li {
padding:0 0 8px;
list-style-type:none;
}
#top-news dd,
#top-update-information dd{
float: right;
width: 750px;
padding: 0 0 8px;
}
#top-news-list em,
#top-information-list em{
color: #ef3340 !important;
}
#top-news dd,
#top-update-information dd em{
color: #ef3340;
}
#keyword {
}
#top-banner-box {
margin-bottom:20px;
}
#project_detail_wrap {
position: relative;
}
#project_detail_wrap .common_headline1_{
position: absolute;
left:0;
top:20px;
}
#project_detail_wrap #project_name{
font-size:13px;
font-weight:bold;
color:#111;
width: 290px;
}
#project_detail_wrap .common_headline1_ span {
display: inline;
margin-left:15px;
font-size:11px;
}
#project_detail_content_wrap {
position: absolute;
height: 400px;
}
#project_detail_content_box {
position: absolute;
left:0;
bottom:15px;
}
#prev_project, #next_project {
display: none;
}
#project_detail_wrap .navitopicpath_ {
position: absolute;
top: 0;
right: 5px;
z-index: 800;
}
#projects_detail {
position: relative;
z-index: 500;
}
#gallery_content .gallery_photo_ {
margin:0;
}
#projects_detail #gallery_content .gallery_photo_ {
height: 400px;
}
#project_detail_wrap #project_detail_content{
width: 280px;
margin-top:20px;
}
#project_detail_wrap #project_detail_content .project_detail_spec{
margin-bottom:10px;
line-height: 1.6;
}
#project_detail_wrap #project_detail_content .project_detail_txt{
line-height: 1.6;
}
.static_tree1_ {
margin-top:50px;
}
.pagetop_ {
display: none;
}
.pos-pc-fix_ {
position: fixed;
}
.GoodsStyleT_Item_ h3 a div img {
display:none;
}
#globalnav span.en {
white-space: nowrap;
position: relative;
}
#globalnav span.ja {
position: absolute;
white-space: nowrap;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
}
@media print {
#header {
position: relative;
}
.navitopicpath_ {
padding-top:0px !important;
}
.pagetop_ {
display: none;
}
#sitelogo {
left: 0px !important;
}
#header #globalnav {
right: 0 !important;
}
.print-none {
display:none;
}
}
/* responsive */
p#copyright {
}
#sidrClose {
display: none;
}
.cp-view {
display:block !important;
}
/* top */
#top-banner {
width: 980px !important;
padding: 0px 0 30px;
margin-left: -10px;
}
#brand-cover {
position: fixed;
left: 0;
top: 0;
}
#top-banner li{
width: 310px;
padding:0 8px;
overflow: hidden;
margin:0 0 10px;
}
#top-banner li a img {
width: 100% !important;
}
#top-banner li a{
display: block;
width: 100%;
position: relative;
}
#cover-visual {
text-align: center;
/* margin-bottom: 20px; */
position: fixed;
width: 100%;
z-index:10;
height: 390px;
top:90px;
left:0;
}
#cover-visual ul{
width: 100%;
margin:0 auto;
position: relative;
}
#cover-visual ul li{
left:0;
top:0;
display: none;
z-index:300;
position: absolute;
width: 100%;
}
#cover-visual img{
width: 100%;
}
#top-banner h2 {
padding-left: 0;
line-height: 1.2;
padding-top:5px;
}
#top-banner li {
border-top: none;
border-bottom: none;
}
/* top end */
.pagetop_ {
display: none;
}
.cpsite_dnone {
display:none !important;
}
/* box */
.grid-box6 ,
.grid-box5 ,
.grid-box4 ,
.grid-box3 ,
.grid-box2 {
width:100%;
overflow:hidden;
}
.grid-box2 .inbox ,
.grid-box2 li {
width:48%;
margin-right:2%;
float: left;
margin-bottom:20px;
}
.grid-box2 > .inbox:nth-child(2n),
.grid-box2 > li:nth-child(2n){
margin-right:0;
}
.grid-box3 .inbox ,
.grid-box3 li {
width:32%;
margin-right:2%;
float: left;
background:#FFF;
margin-bottom:20px;
}
.grid-box3 > .inbox:nth-child(3n),
.grid-box3 > li:nth-child(3n){
margin-right:0;
}
.grid-box3 li dl{
display: block;
width: auto;
overflow: hidden;
padding: 10px;
}
.grid-box3 li dl dt a{
position: relative;
display: block;
margin-bottom: 5px;
text-align: center;
}
.grid-box3 li dl dt a img{
width:100%;
}
.grid-box3 li dl dd{
overflow:hidden;
height:70px;
}
.grid-box3 li dl dd span{
font-size: 10px;
display: block;
}
.grid-box4 strong{
display:block;
/* font-weight:bold; */
text-align:center;
font-size:13px;
margin-top:5px;
}
.grid-box4 span{
display:block;
font-weight:normal;
font-size:11px;
}
.grid-box4 li,
.grid-box4 .inbox{
float:left;
width:22.75%;
margin-right:3%;
margin-bottom:20px;
}
.grid-box4 > .inbox:nth-child(4n),
.grid-box4 > li:nth-child(4n){
margin-right:0;
}
.grid-box5 li ,
.grid-box5 .inbox {
width:18.4%;
margin-right:2%;
float: left;
margin-bottom:20px;
}
.grid-box5 > li:nth-child(5n),
.grid-box5 > .inbox:nth-child(5n){
margin-right:0;
}
.grid-box6 .inbox {
width:15.8%;
margin-right:1%;
float: left;
}
.grid-box6 .inbox:nth-child(6n){
margin-right:0;
}
/* responsive SP
-------------------------------------------------- */
@media screen and (max-width:767px){
body {
-webkit-text-size-adjust: 100%;
}
.isResp .sp-none {
display:none !important;
}
.isResp div.wrapper_ {
padding-top:0;
}
.isResp #header {
position: relative;
z-index:99997;
height:50px;
}
.isResp #header #globalnav {
position: static !important;
width: 100% !important;
overflow: hidden;
}
.isResp #header #globalnav li{
width: 100% !important;
margin-left: 0 !important;
}
.isResp #globalnav li a ,
.isResp #globalnav li span.gnav_double {
width:96%;
background-image: none !important;
text-indent:0px !important;
padding:0 0 0 4%;
}
.isResp #navi_onlinestore {
display: block;
}
.isResp #header #globalnav li span.gnav_double a{
display: inline !important;
padding:0;
}
.isResp .globalnav_sub_ {
top:0;
position: static !important;
border-bottom: none;
}
.isResp #header #sitelogo {
position: static !important;
padding:10px 0;
}
.isResp #header #sitelogo img{
width:80px;
margin-left:10px;
}
.isResp #header #globalnav li a {
width:95%;
padding:0 0 0 5%;
color:#EEE;
}
.isResp #footer {
width:100% !important;
}
.isResp p.copyright {
font-size:9px !important;
float:none !important;
width:100% !important;
text-align: center;
}
.isResp #footernav {
float: none !important;
text-align: center;
}
.isResp #footernav li {
float: none !important;
display:inline;
width:auto !important;
margin:0 10px;
}
.isResp #footernav li a {
display: inline !important;
text-indent: 0 !important;
width: auto !important;
height: auto !important;
background-image: none !important;
font-size:10px;
}
.isResp #globalnav_sub_brand, #globalnav_sub_product {
visibility:visible !important;
}
.isResp #copyright {
font-size:10px !important;
}
.isResp #toggle{
display: block;
position: fixed;
right: 9px;
top: 8px;
z-index:9999999;
}
.isResp #toggle a{
width: 32px;
display: block;
position: relative;
height: 32px;
text-align: center;
text-decoration: none;
border: solid 1px #DDD;
border-radius: 3px;
background: #F0F0F0;
}
/*
#footer .change_mode_{
font-size:20px;
display:block;
}
*/
.isResp #toggle a span {
display: block;
background: #000;
width: 20px;
height: 2px;
position: absolute;
left: 6px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
text-indent: -9999px;
overflow: hidden;
}
.isResp #toggle a span:first-child {
top: 9px;
}
.isResp #toggle a span:nth-child(2) {
top: 50%;
}
.isResp #toggle a span:last-child {
bottom: 7px;
}
.isResp body.sidr-open #toggle span:first-child {
-webkit-transform: translateY(6px) rotate(45deg);
-moz-transform: translateY(6px) rotate(45deg);
-ms-transform: translateY(6px) rotate(45deg);
transform: translateY(6px) rotate(45deg);
}
.isResp body.sidr-open #toggle span:nth-child(2) {
opacity: 0;
}
.isResp body.sidr-open #toggle span:last-child {
-webkit-transform: translateY(-8px) rotate(-45deg);
-moz-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg);
}
.isResp .sidr ul li a, .sidr ul li span {
padding:0;
}
.isResp #gnav_sub_facebook {
width: auto !important;
}
.isResp #gnav_sub_magazine {
width: auto !important;
margin-right:20px;
}
.isResp #gnav_sub_magazine a{
text-indent: 0 !important;
background-image: none !important;
}
.isResp #gnav_sub_facebook a{
overflow:hidden;
width:16px !important;
background-position: -352px -50px;
}
.isResp #footer .pagetop_ {
padding-right:10px;
}
.isResp #footer_sitemap {
width: 100%;
margin:20px auto 20px;
}
.isResp #footer_sitemap dl {
width: auto;
padding:0 20px;
margin: 0 0 0 0;
display:block;
float:none;
overflow:hidden;
}
.isResp #footer_sitemap dl dt{
width: 100%;
display:block;
border-top:solid 1px #888;
overflow:hidden;
margin-bottom:0;
}
.isResp #footer_sitemap dl dt a,
.isResp #footer_sitemap dl dt em{
display:block;
padding:10px 0;
font-size:12px;
float:left;
}
.isResp #footer_sitemap dl dt i{
font-style: normal;
float:right;
display:block !important;
padding:10px 20px;
font-size:12px;
cursor: pointer;
}
.isResp #footer_sitemap dl dt i:before{
content:"＋" !important;
}
.isResp #footer_sitemap dl dt i:hover{
color:#FF0000;
}
.isResp #footer_sitemap dl dd{
margin-left:10px;
display:none;
margin-bottom:5px;
}
.isResp #footer_sitemap dl.menu_open dd{
display:block;
}
.isResp #footer_sitemap dl.menu_open dt i:before{
content:"ー" !important;
}
.isResp #footer_sitemap dl dd.footer_sitemap_sub {
margin-left:0;
}
.isResp #header-box {
width:100%;
min-width: initial;
}
.isResp #cover-visual ul li{
position: relative;
}
.isResp #sidebox_search {
width:110px;
right:90px;
border-bottom: solid 1px #e5e6e6;
top:15px;
}
.isResp #navi_onlinestore {
top:15px;
}
.isResp #sidebox_search .keyword_ {
width: 80px;
}
.isResp .globalnav_sub_ a {
width:90% !important;
padding:0 0 0 10% !important;
}
.isResp #header #globalnav li a ,
.isResp #header #globalnav li span.gnav_double {
height:40px;
line-height: 40px;
}
.isResp #header #globalnav li a {
width: 95% !important;
padding:0 0 0 5%;
}
.isResp #header #gnav_shop .globalnav_sub_{
overflow: hidden;
}
.isResp #header .globalnav_sub_{
display: none;
}
.isResp #header #gnav_products .globalnav_sub_,
.isResp #header #gnav_support .globalnav_sub_,
.isResp #header #gnav_shops .globalnav_sub_{
display: block;
}
.isResp #header #gnav_products .globalnav_sub_ {
width:100%;
padding:0 0;
}
.isResp #header #gnav_products .globalnav_sub_ .globalnav_sub_2L {
width: 100%;
}
.isResp #header #gnav_products .globalnav_sub_ .globalnav_sub_2R {
display:none;
}
.isResp #header #globalnav .globalnav_sub_ li{
width: 50% !important;
float: left !important;
}
.isResp #header #globalnav li li a {
color: #AAA !important;
width: 85% !important;
padding-left:15% !important;
letter-spacing: 0 !important;
}
.isResp #sidrClose {
position: absolute;
display: block;
color:#FFF;
font-size:20px;
display: block;
top:0;
line-height:50px;
right:0;
height:50px;
width:20%;
background:#000;
text-align: center;
cursor: pointer;
z-index:999999;
border-left:solid 1px #333;
}
.isResp #footer_sitemap dl dd {
font-size:12px;
}
.isResp #footer_sitemap dl dd:before{
content: "-";
color: #999;
}
.isResp #footer_sitemap dl dd:last-child:after{
content: "" !important;
}
.isResp #footer_sitemap #footer_sitemap_brandprod {
margin: 0 0 10px;
}
.isResp #topppage .globalnav_sub_, #gnav_brand .globalnav_sub_ {
background: transparent !important;
}
.isResp #top-news-list span {
display: block;
margin: 0 0px 2px 0;
}
.isResp #top-information span {
display: block;
margin: 0 0px 2px 0;
}
.isResp #top-news-list li span:before {
content:"■ ";
display: inline;
}
.isResp #top-update-information dt:before {
content:"■ ";
display: inline;
}
.isResp #top-information li span:before {
content:"■ ";
display: inline;
}
.isResp #select_lang {
width: 80%;
overflow: hidden;
clear: both;
position: relative;
right:0;
top:0;
height: 50px;
}
.isResp #select_lang li{
width: 50%;
float: left;
color: #AAA;
height: 50px;
}
.isResp #select_lang li em,
.isResp #select_lang li a{
height: 100%;
display: block;
text-align: center;
line-height: 50px;
}
.isResp #select_lang li em{
font-weight: bold;
color: #FFF;
background: #333;
}
.isResp #select_lang li a{
color: #BBB;
background: #000;
border-left:solid 1px #333;
text-decoration: none;
padding: 0 !important;
}
.isResp #select_lang li a:hover{
color: #FFF;
background: #999;
}
.isResp .sp-float-none {
float:none !important;
clear:both;
}
.isResp .sp-border-none {
border:none !important;
}
.isResp .sp-padding-none {
padding:0 !important;
padding-left:0 !important;
padding-top:0 !important;
padding-right:0 !important;
padding-bottom:0 !important;
}
.isResp .sp-margin-none {
margin:0 !important;
margin-left:0 !important;
margin-top:0 !important;
margin-right:0 !important;
margin-bottom:0 !important;
}
.isResp .sp-bg-none {
background-image:none !important;
}
.isResp .sp-positon-static {
position:static !important;
}
.isResp .sp-textalign-left {
text-align:left !important;
}
.isResp .sp-textalign-center {
text-align:center !important;
}
.isResp .sp-clear-both {
clear:both !important;
}
.isResp .sp-display-block {
display:block !important;
}
}
#navi_onlinestore span {
display: none;
}
/* responsive PC
-------------------------------------------------- */
@media screen and (min-width:768px) {
.isResp .pc-none {
display:none !important;
}
.isResp #toggle{
display: none !important;
}
}
@media screen and (max-width:1199px) {
#header #globalnav li a ,
#header #globalnav li a .en,
#header #globalnav li a .ja {
font-size:12px;
}
}
@media screen and (max-width:980px){
#header-box {
min-width: 100%;
}
/*
#header #sitelogo img {
width:80px;
}
#header #sitelogo {
left: 15px;
top:28px;
}
*/
#sidebox_search {
top:8px;
}
#gnav_online a ,
#globalnav span.en ,
#globalnav span.ja {
letter-spacing: 0;
letter-spacing: 0;
}
#select_lang {
top:0px;
}
#navi_onlinestore {
top:8px;
}
}
@media screen and (max-width:1100px){
#navi_onlinestore span {
display: none;
}
#footer_sitemap {
width:100%;
}
#footer_sitemap dl {
margin: 40px 10px 0;
}
#header #globalnav li a {
padding:0 10px;
}
#header #globalnav {
left:155px;
}
}
@media screen and (min-width:1240px){
.isResp .wrap-resp {
width: 1240px;
}
#sidebox_search {
width: 160px;
}
#sidebox_search .keyword_ {
width: 140px;
}
div.GoodsStyleT_Item_ h3.name_ a > img ,
div.GoodsStyleT_Item_ h3.name_ a span > img {
/* width: 75%; */
height: 140px;
height: 130px;
}
}
/*!
Animate.css - http://daneden.me/animate
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.accessory_list_ div.GoodsStyleP_Line_ {
margin-bottom: 5px !important;
width:101% !important;
display: flex;
flex-wrap: wrap;
}
.accessory_list_ h2.sub_headline_ {
padding:0 !important;
}
.accessory_list_ div.GoodsStyleP_Item_ {
margin: 0;
padding: 10px 0;
float: left;
width: 19.5%;
text-align: center;
display: block;
background: #FFF;
margin: 0 0.5% 0 0;
min-height: initial;
}
/* youtube movie */
.youtube-video-container {
position: relative;
padding-bottom: 56.25%;
margin-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-video-container.fulloff {
padding-bottom: 0;
margin-top: 0px;
height: 428px;
}
.youtube-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-video-container .cproduct-txt {
display: none !important;
}
.en-txt {
color:#888;
}
/* svg */
#mat-data {
padding:30px 0 30px;
}
#zu-data {
padding:0px 0 30px;
}
@media screen and (min-width: 1101px) and (max-width:1170px){
#sidebox_search {
top: 8px;
}
#select_lang {
top: 0px;
}
}
@media screen and (min-width: 1200px)and (max-width:1300px){
#header #globalnav li a, #header #globalnav li a .en, #header #globalnav li a .ja {
font-size: 12px;
}
}
/* tax */
.GoodsStyleD_Item_ .price_:after,
.GoodsStyleC_Line_ .price_:after {
content: "～";
}
/* target price */
.goodsproductdetail_ #gallery ul.slide .addpdfphotoall ,
.goodsproductdetail_ #gallery ul.slide .addpdfphoto {
position: absolute;
opacity:0;
font-size: 30px !important;
cursor: pointer;
top: 0% !important;
right: 0% !important;
width: 80px;
height: 80px;
line-height: 1.1;
text-align: center;
}
.goodsproductdetail_ #gallery ul.slide .addpdfphoto2 {
top: auto !important;
bottom: 0% !important;
}
.goodsproductdetail_ #gallery ul.slide .addpdfphoto3 {
top: auto !important;
bottom: 0% !important;
right: auto !important;
left: 0% !important;
}
#goodspanel-aoficce-000040 .price_:after {
content: "～ 参考価格";
}
#goodspanel-aoficce-000013 .price_:after,
#goodspanel-aoficce-000014 .price_:after,
#goodspanel-aoficce-000025 .price_:after {
content: " 参考価格";
}
#goodspanel-aoficce-000001 .price_:after,
#goodspanel-aoficce-000002 .price_:after,
#goodspanel-aoficce-000003 .price_:after,
#goodspanel-aoficce-000004 .price_:after,
#goodspanel-aoficce-000005 .price_:after,
#goodspanel-aoficce-000006 .price_:after,
#goodspanel-aoficce-000007 .price_:after,
#goodspanel-aoficce-000008 .price_:after,
#goodspanel-aoficce-000009 .price_:after,
#goodspanel-aoficce-000010 .price_:after,
#goodspanel-aoficce-000011 .price_:after,
#goodspanel-aoficce-000012 .price_:after,
#goodspanel-aoficce-000015 .price_:after,
#goodspanel-aoficce-000016 .price_:after,
#goodspanel-aoficce-000017 .price_:after,
#goodspanel-aoficce-000018 .price_:after,
#goodspanel-aoficce-000019 .price_:after,
#goodspanel-aoficce-000020 .price_:after,
#goodspanel-aoficce-000021 .price_:after,
#goodspanel-aoficce-000022 .price_:after,
#goodspanel-aoficce-000023 .price_:after,
#goodspanel-aoficce-000024 .price_:after,
#goodspanel-aoficce-000026 .price_:after,
#goodspanel-aoficce-000027 .price_:after,
#goodspanel-aoficce-000028 .price_:after,
#goodspanel-aoficce-000029 .price_:after,
#goodspanel-aoficce-000030 .price_:after,
#goodspanel-aoficce-000031 .price_:after,
#goodspanel-aoficce-000032 .price_:after,
#goodspanel-aoficce-000033 .price_:after,
#goodspanel-aoficce-000034 .price_:after,
#goodspanel-aoficce-000035 .price_:after,
#goodspanel-aoficce-000036 .price_:after,
#goodspanel-aoficce-000037 .price_:after,
#goodspanel-aoficce-000038 .price_:after,
#goodspanel-aoficce-000039 .price_:after,
#goodspanel-aoficce-000041 .price_:after,
#goodspanel-aoficce-000042 .price_:after,
#goodspanel-aoficce-000043 .price_:after,
#goodspanel-aoficce-000044 .price_:after,
#goodspanel-aoficce-000045 .price_:after,
#goodspanel-aoficce-000046 .price_:after,
#goodspanel-aoficce-000047 .price_:after,
#goodspanel-aoficce-000048 .price_:after,
#goodspanel-aoficce-000049 .price_:after,
#goodspanel-aoficce-000050 .price_:after,
#goodspanel-aoficce-000051 .price_:after,
#goodspanel-aoficce-000052 .price_:after,
#goodspanel-aoficce-000053 .price_:after,
#goodspanel-aoficce-000054 .price_:after,
#goodspanel-aoficce-000055 .price_:after,
#goodspanel-aoficce-000056 .price_:after,
#goodspanel-aoficce-000057 .price_:after,
#goodspanel-aoficce-000058 .price_:after,
#goodspanel-aoficce-000059 .price_:after,
#goodspanel-aoficce-000060 .price_:after,
#goodspanel-aoficce-053capitolcomplex .price_:after,
#goodspanel-D11-TONCLOUD .price_:after,
#goodspanel-collection-chandigarh .price_:after,
#goodspanel-rigadino .price_:after,
#goodspanel-taac .price_:after,
#goodspanel-bougeoir-la-tourette .price_:after,
#goodspanel-marcelt .price_:after,
#goodspanel-utrecht-limited2023 .price_:after,
#goodspanel-utrecht-team-wang .price_:after,
#goodspanel-tabouret-berger .price_:after,
#goodspanel-tabouret-meribel .price_:after,
#goodspanel-SCARPA-925 .price_:after,
#goodspanel-SCARPA-121 .price_:after,
#goodspanel-D11-TONCLOUD .price_:after,
#goodspanel-STEM .price_:after,
#goodspanel-dg-servetto .price_:after,
#goodspanel-zody2 .price_:after,
#goodspanel-poppy .price_:after,
#goodspanel-nia .price_:after,
#goodspanel-fern .price_:after,
#goodspanel-maari .price_:after,
#goodspanel-chick-pouf .price_:after,
#goodspanel-aloha-active .price_:after,
#goodspanel-479-lie-out-outdoor .price_:after,
#goodspanel-star-trek-limited .price_:after,
#goodspanel-doge-laguna .price_:after,
#goodspanel-574-no-vanitas .price_:after,
#goodspanel-944-soriana-denim-roy-rogers .price_:after,
#goodspanel-koki-wire-corda-outdoor .price_:after,
#goodspanel-koki-wire-lounge-outdoor .price_:after,
#goodspanel-lc6-outdoor .price_:after,
#goodspanel-hill-house1 .price_:after,
#goodspanel-willow1 .price_:after,
#goodspanel-zig-zag .price_:after,
#goodspanel-529rio .price_:after,
#goodspanel-530gueridon-jm .price_:after,
#goodspanel-constantin .price_:after,
#goodspanel-lesgrands .price_:after,
#goodspanel-traccia .price_:after,
#goodspanel-061spider-outdoor .price_:after,
#goodspanel-071podor .price_:after,
#goodspanel-ficupala .price_:after,
#goodspanel-singapore-sling .price_:after,
#goodspanel-nuvola-rossa-pro .price_:after,
#goodspanel-a-chair-510 .price_:after,
#goodspanel-a-chair-511 .price_:after,
#goodspanel-af-drawer .price_:after,
#goodspanel-alzire .price_:after,
#goodspanel-broad-drawer .price_:after,
#goodspanel-bronx-1010 .price_:after,
#goodspanel-caadre400 .price_:after,
#goodspanel-calm-sidetable .price_:after,
#goodspanel-cosima .price_:after,
#goodspanel-element682 .price_:after,
#goodspanel-elle .price_:after,
#goodspanel-elle-arm .price_:after,
#goodspanel-elle-soft .price_:after,
#goodspanel-elle-soft-arm .price_:after,
#goodspanel-every-is1-arm .price_:after,
#goodspanel-every-is1 .price_:after,
#goodspanel-gastone4470 .price_:after,
#goodspanel-lotus-cabinet .price_:after,
#goodspanel-make-up .price_:after,
#goodspanel-mesh .price_:after,
#goodspanel-olio-chair .price_:after,
#goodspanel-peony .price_:after,
#goodspanel-prince-aha-8810 .price_:after,
#goodspanel-pure-is3 .price_:after,
#goodspanel-riga .price_:after,
#goodspanel-riscio .price_:after,
#goodspanel-saki .price_:after,
#goodspanel-segesta-wood .price_:after,
#goodspanel-seconda .price_:after,
#goodspanel-slim-chair-oak .price_:after,
#goodspanel-sousbois .price_:after,
#goodspanel-SYDNEY .price_:after,
#goodspanel-strut .price_:after,
#goodspanel-suai .price_:after,
#goodspanel-tiramisu-7000 .price_:after,
#goodspanel-up .price_:after,
#goodspanel-ute .price_:after,
#goodspanel-village .price_:after,
#goodspanel-288 .price_:after,
#goodspanel-arabella .price_:after,
#goodspanel-bandeja .price_:after,
#goodspanel-bean .price_:after,
#goodspanel-dc-218 .price_:after,
#goodspanel-dorotea .price_:after,
#goodspanel-face .price_:after,
#goodspanel-flying-circles .price_:after,
#goodspanel-horta .price_:after,
#goodspanel-skyline .price_:after,
#goodspanel-sweet-dreams-sidetable .price_:after,
#goodspanel-1562-desk-organizer .price_:after,
#goodspanel-1595-console-table .price_:after,
#goodspanel-aida-lamp .price_:after,
#goodspanel-awkward-light .price_:after,
#goodspanel-comodo .price_:after,
#goodspanel-domo-floor-lamp .price_:after,
#goodspanel-lab-light-table-lamp .price_:after,
#goodspanel-lari-lamp .price_:after,
#goodspanel-lungangolo-right .price_:after,
#goodspanel-office-desk .price_:after,
#goodspanel-sferico .price_:after,
#goodspanel-triAngle .price_:after,
div[id^="goodspanel-stock"] .price_:after,
#goodspanel-trio .price_:after,
#goodspanel-centimetro-island .price_:after {
content: "";
}
/* price hide */
#goodspanel-caro .price_,
#goodspanel-tian .price_,
#goodspanel-tremiti .price_,
#goodspanel-ventitre .price_,
#goodspanel-273-mex-hi-outdoor .price_,
#goodspanel-yard .price_,
#goodspanel-INFINITO-WALL .price_,
#goodspanel-st-ha .price_,
#goodspanel-grab-home .price_ ,
#goodspanel-society-limonta .price_ ,
#goodspanel-478-sail-out-sofa .price_ ,
#goodspanel-bird .price_ ,
#goodspanel-ritmo-connect .price_ ,
#goodspanel-ritmo-connect--d .price_ ,
#goodspanel-don-giovanni .price_ ,
#goodspanel-young-holden .price_ ,
#goodspanel-set .price_ ,
#goodspanel-centimetro .price_ ,
#goodspanel-hangar .price_ ,
#goodspanel-t030 .price_ ,
#goodspanel-selecta .price_,
#goodspanel-mex-cube .price_ ,
#goodspanel-lt40 .price_ ,
#goodspanel-plain-bookcase .price_,
#goodspanel-fabric-leather .price_,
#goodspanel-ixc-original-rugs-oceano .price_,
.GoodsStyleD_Item_ .pricebox_ span:first-child,
div[id^="goodspanel-webmagazine"] .price_,
div[id^="goodspanel-brand-"] .price_,
div[id^="goodspanel-style-"] .price_,
div[id^="goodspanel-project"] .price_,
li[id^="goodspanel-webmagazine"] .price_box,
li[id^="goodspanel-brand-"] .price_box,
li[id^="goodspanel-style-"] .price_box,
li[id^="goodspanel-project"] .price_box
{
display:none;
}
.hover_:hover {
opacity:0.6;
}
/* 価格改定 */
.GoodsStyleC_Item_ .price_ {
display:none !important;
}
.GoodsStyleC_Item_ .price_ .priceyen_ {
font-size:9px;
}
/**
* Swiper 4.2.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 1, 2018
*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:24px;margin-top:-12px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#000000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}