body{ margin:0;} input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;} .headIcon {z-index: 999; background-color:#fff; width:100%; padding: 10px 0; display:inline-block; text-align:center; margin: 0 auto; position:relative;border-bottom: 1px solid #c4b691;} .headIcon h1 a{ display:inline-block; text-align:center; margin: 0 auto;} .headIcon h1 img.custom-logo { height:30px; margin:0 auto; } #header { height: 150px; background-color:#fff; border-bottom: 1px solid #dedede;} .fixheader { position: fixed; top: 0; left: 0; width: 100%; z-index:999;} .fixed .fixheader { position: fixed; top: 0px; left: 0; } #contNavi {z-index: 999; background-color: #fff5ef;} #contNavi ul { display: table; margin: 0 auto; padding:0; } #contNavi ul li { display: table-cell; } #contNavi ul li img { height: 20px; padding: 0; } #contNavi { padding: 0; line-height: 0em; border-bottom: 1px solid #c4b691; } #contNavi:before { display:none;} #contNavi ul { width: 100%; } #contNavi ul li { border-left: 1px solid #c4b691; width: 20%; text-align: center; padding:5px 0; height:15px; vertical-align:middle; } #contNavi ul li:first-child { border: none; } #contNavi ul li a { padding: 0!important; vertical-align:middle; font-size:12px; line-height:20px; } #contNavi ul li a span{ display:block; text-align:center; padding-bottom:8px;font-size:15px;} .top-ban{margin-top:150px;} #image-bloc {width:100%; text-align:center; margin:0 auto 10px auto;} #image-bloc img{width:100%;} .bloc_styles{width:98%; border: none; margin:15px auto 5px auto; text-align:center; border-radius: 0;} .bloc_styles span{ text-align: center; width: 30%; display: block; letter-spacing: 1px; color: #c4b691; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size: 14px; margin: -14px auto 0 auto; background-color: #fff;} div.main_banner { display:block; margin:0 auto; text-align:center; } ul.mid_banners {width:98%; display:flex; margin:5px auto 0 auto; text-align:center; } ul.mid_banners li {width:30%; display:inline-block; margin:0 auto; text-align:center; border:1px solid #c4b691; padding:5px 0; border-radius:3px; letter-spacing:1px; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:13px;} #recommend {width:100%; text-align:center; margin:0 auto 40px auto;} #recommend ul.small_banners { display: flex; margin: 0 auto; width: 98%; padding: 0; text-align: center; flex-wrap: wrap; } #recommend ul.small_banners li {width:90%; display:inline-block; margin:0 auto; padding:6px 0 0 0;} #recommend ul.small_banners li img{width:100%; } .archiveList{text-align:center;} .archiveList ul { padding:0; display: -webkit-box;display: -moz-box;display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap : nowrap; -webkit-flex-wrap : nowrap; flex-wrap : nowrap;} .archiveList ul li { width:31%; margin:0 auto;} .archiveList .more { margin:10px auto 40px auto; text-align: center; } .archiveList .more a{ display:block; margin:0 auto; border:1px solid #b19764; padding:2px; width:90%; border-radius:3px; color:#b19764; } .archiveList .more a:hover{ background-color:#b19764; color:#fff; } .item_ba{margin-bottom:40px;} p.ba_title { text-align:center; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:24px; line-height: 25px; letter-spacing: 1px; margin: 20px 10px 10px 10px; border-bottom: 1px solid #c4b691; padding-bottom:5px;} p.ba_title span{ display:block; letter-spacing:2px; font-size:12px;} .item_ba ul{margin:0 auto ; text-align:center;} .item_ba ul li{ position:relative; width:40%; display:inline-block; vertical-align: top; margin:10px; padding:0; } .item_ba ul li p:first-child { margin: 10px 0; } .item_ba ul li p {font-size: 13px; line-height: 20px; text-align: left; margin-top: 8px;} .item_ba ul li span.clg { color: #b19764; } .item_ba ul li .re_en {font-size: 12px; font-weight: bold; padding:2px 0; margin:0; text-align: left; } p.re_en_sa{font-size: 9px; font-weight: normal; padding:2px 0; margin:0!important; text-align: left; } p.re_en_sa .sale_p{color:#F91B44; font-weight:bold;font-size: 10px;} .item_ba .sc_icon, .item_ba .sc_icon_re, .item_ba .sc_icon_sa {position:absolute; top:0; opacity: 0.8; padding: 3px 3px 1px 3px; text-align:left; font-size:9px; margin:0; } .sc_icon {background-color: #fff4e1; } .sc_icon_re {background-color: #d9f0ff; } .item_ba .more { margin: 20px auto 0 auto; text-align: center; } .item_ba .more a{ display:block; margin:0 auto; border:1px solid #b19764; padding:3px 0; width:90%; border-radius:3px; color:#b19764; } .item_ba .more a:hover{ background-color:#b19764; color:#fff; } .betsu_btn { margin: -20px auto 20px auto; border:1px solid #5d413a;border-radius:3px; width:90%; padding: 3px 0;} .betsu_btn span.cate_more{ text-align: center; display:block; margin:0 auto; padding: 6px 0; width:100%; color:#5d413a; } .betsu_btn span.cate_more::before{content: "\f107"; float: right; font-family: FontAwesome; position: relative; font-size: 16px; right: 50px;} .betsu_btn span.cate_more.open::before{ content: "\f106"; float: right; position: relative; font-size: 16px; right: 50px;} #info{margin-bottom:20px;} .item_ba ul.top_info{text-align:left; border:none; width:98%; margin:0 auto; padding:10px 0; } .item_ba ul.top_info li{display:block; width:90%; border-bottom:1px solid #e3e3e3; font-size:13px; text-align:left;padding:5px 0;} .item_ba ul.top_info li span{font-weight:bold; padding-right:10px;} .item_ba ul.top_info li:last-child{ border-bottom:none; } .drawer--top.drawer-open .drawer-nav {top:107px;} .drawer-nav { z-index: 990; background-color: inherit; width: 80%; } .drawer-hamburger { position: inherit; width: auto; padding: 0 !important; } .drawer-hamburger img { height: 35px; vertical-align: middle; } .drawer--left .drawer-nav { left: -80%; } .drawer-nav .drawer-menu > li { background-color: #fff; } .drawer-nav .drawer-menu p.menu_logo {text-align:center; margin:0 auto;} .drawer-nav .drawer-menu p.menu_logo img{ height:30px; padding-top:10px;} .drawer-nav .drawer-menu li.menu_link {text-align:center; height:30px; padding:15px 0 10px 0;} .drawer-nav .drawer-menu li.menu_link a{text-decoration:none; background-color:#fff5ef; border-radius:3px; padding:5px 10px; margin:0 5px; font-size:13px;} .drawer-nav .drawer-menu li.menu_link a.cont_link{font-size:16px;} .drawer-nav .drawer-menu > li.bgn { background-color: inherit; } .drawer-nav .drawer-menu li ul { display: table; margin: 0 auto; padding-top: 30px; } .drawer-nav .drawer-menu li ul.search { width: 90%; padding: 10px 0 20px 0;} .drawer-nav .drawer-menu li ul.search li input { vertical-align: middle; } .drawer-nav .drawer-menu li ul.search li input[type="text"] { padding: 5px; width: 80%; } .drawer-nav .drawer-menu li ul.search li input[type="submit"] { float: right; height: 30px; background-color:#5d413a; color:#fff; border-radius:3px; border:none; width:40px;font-size:13px; } .drawer-nav .drawer-menu li ul.drawer-cate { display:flex; flex-wrap: nowrap; padding: 6px 0 10px 10px; } .drawer-nav .drawer-menu li ul.drawer-cate li { display:inline-block; padding: 0 5px; font-size: 9px; } .drawer-nav .drawer-menu li p.drawer-menu { text-align: center; padding: 10px; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:20px;} .drawer-nav .drawer-menu li ul.drawer-menu { padding-top: 0; width: 100%; } .drawer-nav .drawer-menu li ul.drawer-menu li { } .drawer-nav .drawer-menu li ul.drawer-menu li a { display: block; font-size: 14px; line-height: 3em; padding-left: 20px; border-top: 1px solid #e0d7bf; } .drawer-nav .drawer-menu li ul.drawer-menu dl { margin:0 0 8px;} .drawer-nav .drawer-menu li ul.drawer-menu dt {padding-top: 10px; padding-left:10px; font-size:16px; font-family: Georgia, 'Times New Roman', Times, 'serif'; } .drawer-nav .drawer-menu li ul.drawer-menu li.drawer-link2 { background-color: #fff; } .drawer-nav .drawer-menu li ul.drawer-menu li.drawer-link3 { background-color: #fff; color:#fff; } .drawer--right .drawer-nav { right: -80%; } .drawer-nav .drawer-menu li ul.drawer-dropdown-menu { background-color: #fff; padding-top: 0; } .drawer-dropdown-menu .drawer-dropdown-menu-item { background-color: #fff; } .drawer-nav .drawer-menu li ul.drawer-menu li.drawer-dropdown-menu-item:nth-child(n+7) { background-color: inherit; } .drawer-nav .drawer-menu li ul.drawer-menu li a.drawer-menu-item { padding-top: 0; padding-bottom: 0; } .drawer-dropdown a::before { content: "\f107"; float: right; font-family: FontAwesome; position: relative; font-size: 14px;} .drawer-dropdown a.open::before { content: "\f106"; float: right; position: relative; font-size: 14px;} .drawer-link a::before { font-family: FontAwesome; content: '\f105'; position: relative; float: right; font-size: 14px; right: 13px; } .drawer-nav .drawer-menu li p.drawer-menu img { height: 20px; width: auto; } li.sns_li span{ text-align: center;margin: 0 auto; display:block; padding:5px 0 10px 0;} ul#footSns_menu{ width: 50%;text-align: center;margin: 0 auto; padding:0 0 50px 0; float: none;display: flex;} #footSns_menu li {display:inline-block; margin:0 auto; text-align:center; } #footSns_menu li a{ display:inline-block; font-size:20px; padding:0; border:none; line-height:22px;} /*--Cate_More section---*/ .cate_select .drawer-menu2 > li { background-color: #fff; } .cate_select .drawer-menu2 p.menu_logo {text-align:center; margin:0 auto;} .cate_select .drawer-menu2 p.menu_logo img{ height:30px; padding-top:10px;} .cate_select .drawer-menu2 li.menu_link {text-align:center; height:30px; padding:15px 5px 10px 5px;} .cate_select .drawer-menu2 li.menu_link a{text-decoration:none; background-color:#fff5ef; border-radius:3px; padding:5px 10px; margin:0 5px; font-size:13px;} .cate_select .drawer-menu2 li.menu_link a.cont_link{font-size:16px;} .cate_select .drawer-menu2 > li.bgn { background-color: inherit; } .cate_select .drawer-menu2 li ul { display: table; margin: 0 auto; padding-top: 30px; } .cart_select .drawer-menu-item{padding:2px!important;} .cate_select .drawer-menu2 li ul.drawer-cate { display:flex; flex-wrap: nowrap; padding: 6px 0 10px 10px; } .cate_select .drawer-menu2 li ul.drawer-cate li { display:inline-block; padding: 0 5px; font-size: 9px; } .cate_select .drawer-menu2 li p.drawer-menu2 { text-align: center; padding: 10px; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:20px;} .cate_select .drawer-menu2 li ul.drawer-menu2 { padding-top: 0; width: 100%; } .cate_select .drawer-menu2 li ul.drawer-menu2 li {width:90%; margin:0 auto;} .cate_select .drawer-menu2 li ul.drawer-menu2 li a { display: block; font-size: 13px; line-height: 3em; padding-left: 20px; border-top: 1px solid #e0d7bf; } .cate_select .drawer-menu2 li ul.drawer-menu2 dt { padding-left:10px; font-size:16px; font-family: Georgia, 'Times New Roman', Times, 'serif'; } .cate_select .drawer-menu2 li ul.drawer-menu2 li.drawer-link2 { background-color: #fff; } .cate_select .drawer-menu2 li ul.drawer-menu2 li.drawer-link3 { background-color: #fff; color:#fff; } .cate_select .drawer-menu2 li ul.drawer-dropdown-menu { background-color: #fff; padding-top: 0; } .drawer-dropdown-menu .drawer-dropdown-menu-item { background-color: #fff; } .cate_select .drawer-menu2 li ul.drawer-menu2 li.drawer-dropdown-menu-item:nth-child(n+7) { background-color: inherit; } .cate_select .drawer-menu2 li ul.drawer-menu2 li a.drawer-menu-item { padding-top: 0; padding-bottom: 0; } .cate_select .drawer-dropdown a.drawer-menu-item::before { content: "\f107"; float: right; font-family: FontAwesome; position: relative; font-size: 14px;} .cate_select .drawer-dropdown a.drawer-menu-item.open::before { content: "\f106"; float: right; position: relative; font-size: 14px;} .cate_select .drawer-dropdown-menu-item a::before { font-family: FontAwesome; content: '\f105'; position: relative; float: right; font-size: 14px; right: 13px; } /*---./Cate_More section--*/ .drawer-overlay { z-index: 500; } .close { right: -80%; transition: right .5s cubic-bezier(.19,1,.22,1); -webkit-transition: right .5s cubic-bezier(.19,1,.22,1); position: fixed; top: 0; } .drawer-open .close { z-index: 400; position: fixed; right: 80%; width: 20%; background: rgba(255,188,182,0.6); height: 130px; top: 0; } .icon{ width: 50px; height: 50px; position: relative; } .icon5:before,.icon5:after{ display: block; content: ''; width: 5px; height: 40px; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #fff; border-radius: 10px; position: absolute; top: 25px; right: -40px; } .icon5:after{ -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bx-wrapper { margin-top: 0; padding: 0; margin-bottom:20px; } .bx-wrapper .bx-prev { left: 0; } .bx-wrapper .bx-next { right: 0; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #e4d1b3; } .bx-wrapper .bx-pager.bx-default-pager { bottom:-40px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #5d423b; } .ra_bo { background-color: #ffe7db; padding: 20px 0; } .bx-controls-direction { display: inherit; } .re_bo .bx-wrapper .bx-viewport { height: inherit !important; } .two_column h2 img, .archiveList p img { height: 100px; } .two_column h2 img, .archiveList .more a img { height: 25px; } .content { float: inherit; width: 100%; margin-bottom:0px; } .topics ul { margin: 0 auto 10px; width: 98%; } .topics ul li { padding: 5px; } .topics ul li img { width: 100%; } .footList { padding-top: 5px; margin-bottom: 20px; } .footList li a { display: block; padding-left: 20px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #c4b691; } .footCont {background-color: #ffe7db; padding:10px 0;} .footCont ul { width: 90%; margin: 0 auto; } .footCont ul li { } .footCont ul li ul { display: table; width: 100%; } .footCont ul li ul li { display: table-cell; text-align:center; width:30%; padding:10px 0;} .footCont li span { display:block; font-size:30px; width:100%;} .footCont li span .fa-stack-2x { color:#fff; } .footCont li span .fa-inverse { font-size:27px; color:#5d413a;} .footCont li a { font-size: 10px; } .footCont ul li ul li img { width: 100%; } #colophon{ background-color:#c5b591; border-top:1px solid #c4b691;} #colophon > p a { display: block; background-color: #fff; font-size: 12px; text-align: center; line-height: 6em; font-weight: bold; } #footSns img { height: 25px; } ul#footSns{ width: 70%;text-align: center;margin: 0 auto; padding: 15px 0; float: none;display: flex;} #footSns li {display:inline-block; margin:0 auto; text-align:center; } #footSns li a{ font-size:30px;} #footNavi { font-size: 10px; border-top: 1px solid #9c8d6c; padding: 7px 0; letter-spacing:1px;} #footNavi ul { width:100%; } #footNavi li { text-align: center; vertical-align: middle; display:inline; padding:0 10px; } #footNavi li:first-child { padding-left: 20px; } #FS2_footer { margin-bottom: 0; } #colophon > p a { font-size: 12px; } .drawer-nav .drawer-menu li ul.search { width: 90% } .topBtn {position: fixed; right: 5px; z-index: 10; display:block; padding: 4px 0; width: 50px; text-align:center; vertical-align:middle; background-color:#5d413a; border-radius:3px; color:#fff; font-size:14px;} .topBtn span { display:block; height:10px; font-weight:normal;} .notice p a { background-color: #ff4d6a; color: #fff; display: block; padding: 10px 0; text-align: center; font-weight: bold; margin: 15px 0; } .video{ width:100%; margin-bottom: 30px; } #menu { background-color: transparent; display: block; height: 150%; -webkit-text-size-adjust: 100%; } .mm-panel.mm-hasnavbar .mm-navbar { display: none; } .mm-panels>.mm-panel.mm-hasnavbar { padding: 0; } .mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before { display: none; } html.mm-front #mm-blocker { z-index: 18; } #menu form { background-color: #ffe7db; margin: auto; padding: 30px 5% 0; } #menu input[type="text"] { padding: 5px; width: 70%; } #menu input[type="image"] { margin:0 3px -8px 2px; height: 25px; } .mm-panels>.mm-panel { display: none; } .menu_hotitem { background-color: #ffe7db; display: flex; flex-wrap: nowrap; margin:0 auto; width: 100%; padding-top:6px; padding-left:15px; } .menu_hotitem dd { display: inline-block; padding:5px; font-size:9px; } p.drawer-menu { background-color: #ffe7db; text-align: center; padding: 10px; } p.drawer-menu img { height: 20px; width: auto; } .menu_list dt, .menu_list dd a { font-size: 12px; } .menu_list dt { cursor: pointer; background-color: #ffe7db; display: block; font-size: 12px; line-height: 3em; padding-left: 20px; font-weight: bold; border-top: 1px solid #e0d7bf; } .menu_list dt::before { content: "\f067"; float: right; font-family: FontAwesome; position: relative; right: 13px; } .menu_list dt.open::before { content: "\f068"; float: right; position: relative; } .menu_list dt + dd { background-color: #ffe7db; } .menu_list dl { margin: 0; } .menu_list dl dd { padding-left: 1.5rem; } .menu_list dl dd a { padding-left: 20px; } .menu_list dd a { background-color: #ffe7db; display: block; font-size: 12px; line-height: 3em; padding-left: 20px; font-weight: bold; border-top: 1px solid #e0d7bf;} .menu_list dd a::before { font-family: FontAwesome; content: '\f0da'; position: relative; float: right; font-size: 1.5em; right: 13px; } .menu_list .menu_list_y a { background-color: #ffffe5; } .menu_list .menu_list_p a { font-size:13px; } #instafeed{width:98%; margin:0 auto; text-align:center;} #instafeed a{ display:inline-block; text-align:center; width:45vw; height: 45vw; padding:0; margin:5px; overflow:hidden;} #instafeed img{display: inline-block; margin: 0 auto; width: 100%;} .marquee-anim { height:30px; padding: 5px 0; margin:0; overflow: hidden; background-color:#F91B44; } .marquee-anim a { display: inline-block; padding-left: 100%; white-space: nowrap; animation: marquee 35s linear infinite; } .marquee-anim img{height:30px; vertical-align:middle; display:inline-block; } @keyframes marquee { from { transform: translate(0); } to { transform: translate(-100%); } } div.main_banner3 { display:block; margin:0 auto; text-align:center; } div.main_banner3 .sub_ban2 {max-width:100%; display:flex; margin-top:5px; } div.main_banner3 .sub_ban2 span{display:none; } div.main_banner3 .sub_ban2 img{display:inline-block; width:99%!important; } /* ------------------------------------------------ CATEGORIES ------------------------------------------------ */ .block-sp{ margin: 0 auto calc(120 *(100vw / 750)); width: calc(675 *(100vw / 750)); } .block-sp p.ba_title { text-align:center; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:24px; line-height: 25px; letter-spacing: 1px; margin: 0 10px 16px 10px; border-bottom: 1px solid #c4b691; padding-bottom:10px;} .block-sp .block-inner { padding: 0 calc(10 *(100vw / 750)); } .block-sp img{vertical-align: top; font-size: 0; line-height: 0; width:100%;} .block-sp ul{ display: flex; flex-wrap: wrap; } .block-sp ul li{display: list-item; text-align: -webkit-match-parent;} .block-sp ul li a{ position: relative; display: block; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .block-sp ul li p{ position: absolute; line-height: 40px; font-size: 16px; height: 30px; color: #ffffff; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(93,80,57,0.7)); letter-spacing: 0.08em; font-weight: 500; bottom: 0; left: 0; text-align: center; width: 100%; } .block-sp ul li:nth-child(-n+3){ margin-bottom: calc(10 *(100vw / 750)); } .block-sp ul li:nth-child(1){ width: calc(250 *(100vw / 750)); margin-right: calc(10 *(100vw / 750)); } .block-sp ul li:nth-child(2){ width: calc(390 *(100vw / 750)); } .block-sp ul li:nth-child(3), .block-sp ul li:nth-child(4){ width: calc(210 *(100vw / 750)); margin-right: calc(10 *(100vw / 750)); } .block-sp ul li:nth-child(5){ display: grid; justify-content: space-between; } .block-sp ul li:nth-child(5) a{ width: calc(210 *(100vw / 750)); } .bx-wrapper .bx-pager.bx-default-pager a{ width: 30px; height: 1px; border-radius: 0; margin: 0 8px; } .bx-wrapper .bx-next { background: none; /*url(https://www.tokyokawaiilife.jp/img/content/style/controls_s.png) no-repeat -43px -32px;*/ right: 0; } .bx-wrapper .bx-prev { background: none; /*url(https://www.tokyokawaiilife.jp/img/content/style/controls_s.png) no-repeat 0 -32px;*/ left: 0; } ul.insta-photos{width:100%; padding:0; text-align:center; margin:0 auto; } ul.insta-photos li {width:43%; display:inline-block; margin:0 auto; padding:8px 6px 0 6px;} ul.insta-photos li img{width:100%; margin:0 auto;} p.ba_title span.fa-instagram{font-size:22px; padding-right:5px; display:inline-block; } /*--TKL TOP --*/ #tkltop #chou ul li{ position: relative; width: 90%; display: inline-block; vertical-align: top; margin: 10px auto 30px auto; } #tkltop #header { height: 90px; background-color:#fff; border-bottom: 1px solid #dedede;} #tkltop .headIcon h1 img.custom-logo { height:40px; margin:0 auto; } #tkltop .top-ban{margin-top:107px;} #tkltop #chou ul li p span.item-title{display:block; font-weight:bold; font-size:15px; padding:5px 0 10px 0;} #tkltop #chou ul li p span.item-desc{display:block;font-size:13px; padding-bottom:5px; letter-spacing:1px;} #tkltop #chou ul li p.more{ margin-top:10px; border:1px solid #e09e8a; padding:10px 0; border-radius:3px; color:#e09e8a; } #tkltop #chou p.more a{ display:block; margin:0 auto; border:1px solid #e09e8a; padding:10px 0; width:90%; border-radius:3px; color:#fff; background-color:#e09e8a; } #tkltop .insta-content{padding-top:20px; text-align:center;} #tkltop .insta-block{display:block; width:90%; margin:10px auto 30px; text-align:center;} .insta-block span.fa-instagram{font-size:80px;} .insta-chou {color:#e09e8a;} .insta-block h3{font-family: Georgia, 'Times New Roman', Times, 'serif'; font-size:20px; font-weight:normal; padding-top:10px;} .insta-block p.liz-more a{display:block; width:250px; padding:10px; background-color:#5d413a; color:#fff; margin:10px auto; border-radius:3px;} .insta-block p.chou-more a{display:block; width:250px; padding:10px; background-color:#e09e8a; color:#fff; margin:10px auto; border-radius:3px;} /*-- CHOUCHOUETTE --*/ #chou .item_ba ul li{ position: relative; width: 90%; display: inline-block; vertical-align: top; margin: 10px auto 30px auto; } #chou #recommend.item_ba ul li{ margin: 0 auto; } #chou .item_ba ul li p span.item-title{display:block; font-weight:bold; font-size:15px; padding:5px 0 10px 0;} #chou .item_ba ul li p span.item-desc{display:block;font-size:13px; padding-bottom:5px; letter-spacing:1px;} #chou .item_ba ul li p.more{ margin-top:10px; border:1px solid #e09e8a; padding:10px 0; border-radius:3px; color:#e09e8a; } #chou .item_ba p.more a{ display:block; margin:0 auto; border:1px solid #e09e8a; padding:10px 0; width:90%; border-radius:3px; color:#fff; background-color:#e09e8a; } /*-- CHOUCHOUETTE --*/ /*--new title--*/ .new_ba_title{ height:305px; padding: 20px; position:relative; display: flex; } .new_ba_title img{ position: absolute; width: 100%; top: 0; left: 0; z-index: -1; } .new_ba_title h2{ color: #fff; font-size:40px; font-family: Georgia, 'Times New Roman', Times, 'serif'; font-weight: normal; line-height: 40px; text-shadow: 0 0 10px rgba(0,0,0,0.5); margin-top: auto; margin-bottom: 20px; } .new_ba_title h2 span{ display: block; font-size:22px; font-family: 'sans serif'; }