Images of シェル
City HallHAPPY BIRTHDAY! How to Contact Your Officials & RepsON CAMPUSHOAG HEALTHOASIS Senior CenterHome & Garden Calendar...What’s Happening?Crystal Cove State Park
SEASHELL-FIND YOURS Seashell Art, Seashell Crafts, Shells And Sand, Sea Shells, Beach Art, Beach Decor, Seashell Identification, Types Of Shells, Seashell Projects
html { height: 100%; font-size: 14px; } body { margin-bottom: 80px; font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'sans-serif'; font-size: 14px !important; } header#skin1-header { background-color: rgba(255,255,255,0.9); } header#skin1-header .head h1 .logo-container img { margin-top: -29px; } .logo-wrapper .media { margin-top: 0px; } .logo-wrapper .media .media-left { padding-right: 20px; } .logo-wrapper .media .media-body { padding-left: 13px; border-left: 2px solid #b76d79; text-align: left; color: #b76d79; } .logo-wrapper .media .media-body .media-heading { line-height: 1.25em; color: #b76d79; } .media-heading .heading-bl { font-weight: bold; } header#skin1-header .head > .quick li > a { text-decoration: none; } header#skin1-header .head > .quick li > a > span:nth-of-type(1):before { color: #b76d79; } header#skin1-header .head > .quick li > a:hover > span:nth-of-type(1):before, header#skin1-header .head > .quick li > a:focus > span:nth-of-type(1):before, header#skin1-header .head > .quick li > a:active > span:nth-of-type(1):before { color: #c699a4; } /*Navigation style */ header#skin1-header > .bxs { position: relative; z-index: 900; height: 0px; margin: 0 auto; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); /* -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.85); } header#skin1-header.fixed .bxs { height: 0px; } html:not(.draw-gnb):not(.bottom-nav) header#skin1-header.fixed > nav.category { background-color: rgba(255,255,255,0.9); } header#skin1-header > nav.category > div { max-width: 1170px; margin: 0 auto; } header#skin1-header > nav.category > div > ul > li > a { color: #b76d79; font-weight: bold; /*font-size: 1.4rem;*/ padding: 0px 18px; } header#skin1-header > nav.category > div > ul > li > a:hover, header#skin1-header > nav.category > div > ul > li > a:focus, header#skin1-header > nav.category > div > ul > li > a:active, header#skin1-header > nav.category > div > ul > li > a.active { color: #c699a4; } header#skin1-header > nav.category > div > ul > li > a > span:after, header#skin1-header > nav.category > div > ul > li > a:hover > span:after, header#skin1-header > nav.category > div > ul > li > a:focus > span:after, header#skin1-header > nav.category > div > ul > li > a.active > span:after { display: none; } header#skin1-header > nav.category > div > ul > li > a:hover > span:after, header#skin1-header > nav.category > div > ul > li > a:focus > span:after, header#skin1-header > nav.category > div > ul > li > a.active > span:after { } header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a { color: #b76d79; height: 35px; font-weight: bold; } #skin1-container.container { background-color: #fff; } #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) { margin-top: 0px; } /* Product detail page*/ @import url('//fonts.googleapis.com/css?family=Playfair+Display+SC:700'); .prod-detail-container { width: 100%; background-color: #fff; text-align: center; } .prod-detail-container h3, .prod-header .prod-header-tagline .tagline2 { font-family: 'Playfair Display SC', serif; } .prod-detail-container .flower-frame.prod-subheader h3 { font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'sans-serif'; } .prod-header { background-image: url('/PartnerData/1I/PartnerInfo/2018/09/30/n4cihnl3.s13.jpg'); background-position: center; background-repeat: no-repeat; height: 357px; padding-top: 175px; margin: 30px 0px; } .prod-header .prod-header-tagline { color: #b76d79; } .prod-header .prod-header-tagline .tagline1 { font-size: 12px; } .prod-header .prod-header-tagline .tagline2 { font-weight: bold; font-size: 18px; text-transform: UPPERCASE; } .prod-header h1 { color: #b76d79; font-weight: 700; margin-top: 10px; font-size: 32px !important; } .prod-subheader { margin-top: 50px; margin-bottom: 30px; background-image: url('/PartnerData/1I/PartnerInfo/2018/06/08/i1uubbup.m4c.jpg'); background-position: center; background-size: 100% auto; background-repeat: no-repeat; height: 130px; color: #b76d79; padding-top: 50px; } .prod-subheader.flower-frame { background-image: url('/PartnerData/1I/PartnerInfo/2019/01/23/t0zesfrr.5o3.png'); background-position: center; background-size: 100% auto; background-repeat: no-repeat; height: 150px; padding-top: 7px; } .prod-subheader h3 { font-size: 24px !important; text-transform: uppercase; } .prod-subheader.flower-frame h3 img.icon-nail { width: 124px; margin-bottom: 10px; } .prod-desc-container { margin-top: 50px; margin-bottom: 30px; } .prod-desc-container p { line-height: 1.4; margin-bottom: 15px; } .prod-desc-container strong { font-weight: 900; } .txt-lightblue { color: #c699a4; } .tag-line { margin-top: 12px; color: #a6a8ab; } .txt-feature { padding: 15px; font-weight: 700; background-color: #ededed; margin-top: 30px; margin-bottom: 30px; } .txt-warning { background-color: #b76d79; color: #fff; } .design-view-img-container img { margin-bottom: 5px; margin-top: 3px; width: 100%; } .prod-option-container img { width: 100%; height: auto; } .prod-option-container .prod-option { padding-left: 0px; padding-right: 5px; margin-bottom: 5px; } .txt-option-container { color: #fff; background-color: #b76d79; } .txt-option-container .media-left { background-color: #c699a4; font-size: 24px; font-weight: 700; padding: 10px 16px 10px 10px; border-radius: 0 50% 50% 0; box-shadow: 2px 0px 5px rgba(0,0,0,0.5); } .txt-option-container .media-body { text-align: right; padding: 5px 10px; } .txt-option-container .media-body > p:last-child { margin-bottom: 0px; } .detail-view-container { } .detail-view-img { margin-bottom: 5px; padding-left: 0px; padding-right: 5px; } .detail-view-img img, .view-img-single img { width: 100%; height: auto; } .view-img-single img { margin-bottom: 5px; margin-top: 3px; } .view-two-img-container { } .view-two-img-container img { width: 50%; height: auto; float: left; } .view-two-img-container > img:first-child { border-right: 2px solid #fff; } .view-two-img-container > img:last-child { border-left: 2px solid #fff; } .view-two-img-container2 { width: 100%; position: relative; } .view-two-img-container2 > div { margin: 0 auto; } .view-two-img-container2 img { display: inline-block; height: 244px; width: auto; margin-bottom: 2px; } .view-two-img-container2 > div > img:first-child { margin-right: 0px; } .prod-detail-two-img-container > div { margin-bottom: 15px; } .prod-detail-two-img-container .txt-box { margin-top: 5px; } .tip-view-container { margin: 30px 0px; } .tip-view-container img { border: 1px solid #ededed; margin-bottom: 10px; } /* Form style - product detail page */ .item-view#skin1-container section.form > * { padding: 0px; border: none; } .item-view#skin1-container section.form .data { border-top: 2px solid #555; border-bottom: 1px solid #eee; padding-left: 15px; } .item-view#skin1-container section.form .data .name { padding: 20px 0 15px; margin: 0px; } .item-view#skin1-container section.form .data .price { display: inline-block; width: 100%; padding: 0px 0px 15px } .item-view#skin1-container section.form .addition { margin-top: 20px; padding-left: 15px; } .item-view#skin1-container .set-layout > .body > div > section.form > .share { padding-left: 15px; padding-right: 15px; } .item-view#skin1-container section.form .description { padding-left: 15px; padding-right: 15px; } .item-view#skin1-container section.form .option { padding-left: 15px; padding-right: 15px } .item-view#skin1-container section.form .item-option.statement ul .total { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0 -1.7142857143rem; font-weight: bold; padding: 10px 1.7142857143rem; } button[type="button"].action, button[type="reset"].action, button[type="submit"].action { color: #ffffff; background-color: #b76d79; border: 1px solid #c699a4; } button[type="button"].action:hover, button[type="button"].action:focus, button[type="button"].action.active, button[type="reset"].action:hover, button[type="reset"].action:focus, button[type="reset"].action.active, button[type="submit"].action:hover, button[type="submit"].action:focus, button[type="submit"].action.active { color: #ffffff; background-color: #c699a4; } .mypage#skin1-container nav.category > div > ul > li > a { padding: 10px 10px 10px 20px; line-height: 20px; } /* FAQ menu style */ .support#skin1-container .faq nav.snb.faq ul li button { background-color: #b76d79; color: #fff; } .support#skin1-container .faq nav.snb.faq ul li button:hover { background-color: #c699a4; color: #fff } .support#skin1-container .faq nav.snb.faq ul > li:last-child { display: none; } .support#skin1-container .body > div > nav.snb > div > ul > li > a { text-decoration: none; } .mypage#skin1-container nav.category > div > ul > li > a:hover:not(.active) > span:after, .mypage#skin1-container nav.category > div > ul > li > a.active:not(.active) > span:after { top: 0px; } /*Page title*/ .item-view#skin1-container .title-page, .item-view#skin1-container .sub-title-page { border: none !important; text-align: left !important; margin-top: 0 !important; } .category#skin1-container .title-page, .category#skin1-container .sub-title-page, .item-view#skin1-container .title-page, .item-view#skin1-container .sub-title-page { border: none !important; padding-bottom: 0px; margin-top: 0px; text-align: left; font-size: 36px; color: rgba(183,110,121,0.8); font-weight: bold; } .category#skin1-container .title-page > *, .category#skin1-container .sub-title-page > *, .item-view#skin1-container .title-page > *, .item-view#skin1-container .sub-title-page > * { display: block; vertical-align: middle; border-bottom: 5px dotted rgba(183,110,121,0.5); } /*Breadcrumb*/ .item-view#skin1-container .bread-crumb { margin-top: 5px; margin-bottom: 30px; } .item-view#skin1-container .bread-crumb a { font-size: 12px; } /* Product detail page*/ .item-view#skin1-container section.form .data { border-top: 0px; } .item-view#skin1-container section.form .data .name { padding-top: 0px; } .account#skin1-container .sign-in-sns ul > li:first-child a { background-color: #3b5998; } .account#skin1-container .sign-in-sns ul > li:nth-child(2) > a { background-color: #df4b37; } .account#skin1-container .sign-in-sns ul > li:nth-child(3) > a { background-color: #FF0019; } /* .support#skin1-container .faq nav.snb.faq ul>*>* */ .category#skin1-container .title-page, .category#skin1-container .sub-title-page { text-align: left !important; border: none !important; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } .three-banner-container { margin-top: 0px; } .prod-collage-container { margin-top: 15px !important; } .prod-collage-container > div { padding: 0px; } .prod-collage-container a { display: block; width: calc(100% - 5px); margin-right: 5px; margin-bottom: 5px; } .prod-collage-container a img { width: 100%; height: auto; } .best-item-container, .prod-collage-container { text-align: center; } #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading { width: 100%; border: none; margin: 20px 0px; } #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading h2 { /*color:#b76d79;*/ color: #b76d79; border-bottom: 4px solid #b76d79; padding-bottom: 5px; display: inline-block; } #skin1-container.container.home .body div.best-item-container ul { margin-top: 0px !important; } .top-seller-container { float: left; margin-bottom: 50px; } .top-seller-container img { width: 100%; margin-bottom: 5px; } .top-seller-container > div:first-child { padding: 0px; } .top-seller-container > div:first-child > a img { border: 7px solid #b76d79; } .top-seller-container > div > div > div { padding: 0px; } .top-seller-container > div > div > div > img { border-left: 5px solid #fff; } .top-seller-container > div > div > div:first-child .rank-txt, .top-seller-container > div > div > div:nth-child(2) .rank-txt { top: 0px; } .rank-txt { position: absolute; top: 4px; right: 10px; width: 90px; height: 90px; text-align: center; } .rank-top { top: 8px; left: 8px; width: 110px; height: 110px; -ms-transform: rotate(-15deg); /* IE 9 */ -webkit-transform: rotate(-15deg); /* Safari 3-8 */ transform: rotate(-15deg); } .insta-container { width: 100%; margin-bottom: 30px; } .insta-container h4 { padding: 10px 20px; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; background-color: #f5f5f5; color: #b76d79; margin: 0px; display: inline-block; } #instafeed { width: 100%; position: relative; border: 1px solid #c8c8c8; padding: 15px 15px 10px 15px; } #instafeed a { display: block; float: left; width: calc(10% - 5px); margin-right: 5px; margin-bottom: 5px; border: 1px solid #f5f5f5; } #instafeed a img { position: relative; width: 100%; height: auto; } footer#skin1-footer { overflow: hidden; width: 100%; } /*.prod-footer-container:before { content: ''; width: 300%; height: 568px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 0; }*/ /* Product detail footer */ .prod-footer-container { padding: 30px 0px 20px 0px; width: 100%; background-color: #fff; text-align: left } .prod-footer-container .fas { font-size: 40px; margin-bottom: 15px; } .prod-footer-container h3 { font-size: 20px !important; font-weight: bold; color: #202e68; } .prod-footer-container .txt-eng { font-size: 10px; } .prod-footer-container h4 { font-size: 14px; font-weight: bold; border-bottom: 2px dotted #ededed; padding-bottom: 3px; margin-bottom: 5px; margin-top: 15px; color: #202e68; } .prod-footer-container > div:first-child { border-bottom: 1px solid #ededed; margin-bottom: 10px; padding-bottom: 20px; } .prod-footer-container > div:first-child h3 { margin-top: 0px; } .prod-footer-container > div:nth-child(3) { border-left: 1px solid #ededed; border-right: 1px solid #ededed; } .prod-footer-container .txt-blue { color: #202e68; } .prod-footer-container .txt-red { color: #337ab7; } .prod-footer-container ol { margin-left: 30px; } .prod-footer-container li { list-style: decimal; } /*Footer*/ footer#skin1-footer { border-top: none; padding-top: 0px; margin-bottom: 0px; font-size: 12px; color: #333; background-color: rgba(225,225,225,0.5); } footer#skin1-footer a { color: #202e68; } footer#skin1-footer ul li a { /*color: #337ab7;*/ color: #202e68; text-decoration: underline; cursor: pointer } footer#skin1-footer ul li a:hover, footer#skin1-footer ul li a:focus, footer#skin1-footer ul li a:active { color: #202e68; } footer#skin1-footer.active { z-index: 100; } footer#skin1-footer > div, footer#skin1-footer ul li a { font-size: 12px; } footer#skin1-footer ul.list-contact { margin: 0px; } footer#skin1-footer ul.list-contact li { display: block; width: 100%; text-indent: -10px; margin-left: 21px; line-height: 1.7em; } footer#skin1-footer ul.list-contact li a { display: inline-block; font-size: 14px; } .footer-container { border-bottom: 1px solid #FFF; margin-bottom: 15px; padding-bottom: 15px; padding-top: 30px; border-bottom: 1px solid #fff; text-align: left; color: #333; font-size: 14px; float: left; width: 100%; } .footer-container .logo-img { width: 226px; height: auto; margin-bottom: 5px; } .footer-container > div { padding: 0px 30px; } .footer-container > div:not(:first-child) > h4:not(:first-child) { margin-top: 30px; } .footer-container h4, .footer-container a { color: #202e68; font-size: 14px; font-weight: bold; } .footer-container > div:nth-child(2) { border-right: 1px solid #fff; border-left: 1px solid #fff; } .footer-container p { line-height: 1.6em; } .footer-container h4 .fas { font-size: 14px; } footer#skin1-footer a.icon-sns { font-size: 22px; margin-right: 10px; margin-top: 10px; display: inline-block; } .table-icons { margin-top: 30px; } .table-icons tr td { border: 1px solid #fff; font-size: 16px; text-align: center; } .table-icons tr td a { padding: 10px 0px; display: inline-block; cursor: pointer; } /*FAQ page*/ .support#skin1-container .faq nav.snb.faq ul > * > *.active { background-color: #f3f3f3; border-color: #888d94; color: #888d94; font-weight: bold; } @media screen and (max-width: 1199px) and (min-width: 768px) { .rank-txt { width: 50px; height: 50px; right: 0; } .rank-top { width: 80px; height: 80px; } } @media screen and (min-width: 1200px) { #instafeed > a:nth-child(10n) { margin-right: 0px; } } @media screen and (max-width: 1199px) { header #skin1-header > .bxs { height: 1px } header#skin1-header { background-color: rgba(234,201,196,0.95); } } @media screen and (max-width: 991px) { .txt-option-container .media-left { font-size: 18px; padding: 10px 10px 10px 5px; } .txt-option-container .media-body { font-size: 14px; padding: 5px 10px 5px 0px; } } @media screen and (max-width: 991px) and (min-width: 768px) { #instafeed a { width: calc(20% - 5px); } #instafeed a:nth-child(5n) { margin-right: 0px; } } @media screen and (max-width: 767px) and (min-width: 481px) { #instafeed a { width: calc(25% - 5px); } #instafeed a:nth-child(4n) { margin-right: 0px; } } @media screen and (max-width: 768px) { .footer-container > div:nth-child(2) { border-right: none; border-left: none; } .prod-footer-container { margin-bottom: 50px; } .prod-footer-container > div:nth-child(3) { border-left: none; border-right: none; } .prod-footer-container:before { display: none; } } @media screen and (max-width: 480px) { #skin1-container.container { padding-left: 0px; padding-right: 0px; } .category#skin1-container .title-page, .category#skin1-container .sub-title-page, .item-view#skin1-container .title-page, .item-view#skin1-container .sub-title-page { font-size: 24px; } .view-two-img-container2 img { width: 100%; height: auto; } .view-two-img-container img { width: 100%; height: auto; float: left; } .view-two-img-container > img:first-child { border-right: none; margin-bottom: 5px; } .view-two-img-container > img:last-child { border-left: none; } #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading img { width: auto; height: 130px; margin-left: -39%; } #instafeed a { width: calc(33.33333333% - 5px); } #instafeed a:nth-child(3n) { margin-right: 0px; } .banner-mobile { margin-top: 15px !important; } .banner-mobile img { margin-bottom: 5px; } .top-seller-container { margin-bottom: 0px; } .prod-footer-container { font-size: 12px; } .prod-footer-container h2 { font-size: 18px !important; } .footer-container > div { padding: 0px 15px; } .prod-footer-container .fas { font-size: 30px; } .prod-footer-container h3 { font-size: 14px !important; } .prod-footer-container > div:nth-child(3) { border: none; } } @media screen and (max-width: 450px) { #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading img { margin-left: -45%; } } @media screen and (max-width: 430px) { #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading img { margin-left: -51%; } } @media screen and (max-width: 400px) { #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) div.subheading img { margin-left: -59%; } } @media screen and (max-width:74.99999em) { .design-view-img-container img { width: 100%; height: auto; } } @media screen and (min-width: 75em) { html:not(.draw-gnb):not(.bottom-nav) header#skin1-header { background-image: url('/PartnerData/1I/PartnerInfo/2018/05/29/sq1mylg0.b4p.png'); background-position: right top; background-size: auto 105px; background-repeat: no-repeat; } header#skin1-header .search-box { top: 14px; right: 0; z-index: 6000; } header#skin1-header.fixed .head > .quick { z-index: 1000; padding-right: 53px; top: 118px; } header#skin1-header .head h1 img { max-height: 65px; } header#skin1-header .head { height: 105px; padding-top: 34px; } html:not(.draw-gnb):not(.bottom-nav) header#skin1-header.fixed .logo a img { max-height: 40px; margin-top: 0px; } html:not(.draw-gnb):not(.bottom-nav) header#skin1-header.fixed .logo .logo-wrapper .media .media-body { display: none; } html:not(.draw-gnb):not(.bottom-nav) header#skin1-header.fixed > nav.category > div > ul { float: none; } header#skin1-header > nav.category > div > ul { float: right; /*margin: 0px auto;*/ } header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a:hover, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a:hover, header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a:focus, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a:focus, header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a:active, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a:active { color: #c699a4; } header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a:hover > span:after, header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a:focus > span:after, header#skin1-header > nav.category > div > ul > li > a ~ ul > li > a.active > span:after, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a:hover > span:after, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a:focus > span:after, header#skin1-header > nav.category > div > ul > li > a ~ ul ul > li > a.active > span:after { background-color: #c699a4; } html:not(.draw-gnb):not(.bottom-nav) header#skin1-header + .container { margin-top: 0px; } .prod-detail-container { width: 800px; margin: 15px auto; } } @media screen and (min-width: 64em) { #skin1-container.container.home .body > div > div:not(.slide-wrap):not(.search-box) { margin-top: 0px !important; } } @media screen and (min-width: 48em) { header#skin1-header > nav.category { background-color: transparent; } } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } @media screen and (max-width: 47.99em) { .home#skin1-container .set-layout > .bottom-show.aside-left, .item-view#skin1-container .set-layout > .bottom-show.aside-left, .category#skin1-container .set-layout > .bottom-show.aside-left { flex: 0 1 100% !important;} }Create your style with us.Defining beauty with style. {{ctrl.val.GoodsItem.JPName}}プレミアム シェル シリーズ