/* ************************************************ * ------------------------------------------------ * 共通設定 * ------------------------------------------------ * ************************************************ */ /* --- Reset Start --- --- 各ブラウザ間の表示を統一する為の記述です --- */ /* default property reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {margin:0px; padding:0px;} table {border-collapse:collapse; border-spacing:0px;} fieldset,img {border:0px;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0px;} body * {line-height:1.22em; word-break:break-all;} /* line-height:1.22em;について */ /* 各フォントサイズ毎に行間を算出する指定です。 この指定を削除すると、全体の行間は統一される為、 見た目のレイアウトが変更される場合があります。 */ /* --- Reset End --- */ body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:170%; margin:0px; padding:0px; text-align:center; font-size:12px; /*font-size:12px;*/ color:#333333; /*color:#333333;*/ } img { vertical-align:bottom; } .bold { font-weight:bold; } .cell_mar { margin:0px 5px 0px 15px; } a:link { color:#f599a0; text-decoration:none; } a:visited { color:#f599a0; text-decoration:none; } a:hover, a:active { color:#e60012; text-decoration:none; } /* a:link {color:#0000cc;text-decoration:underline;} a:visited {color:#0000cc;text-decoration:underline;} a:active {color:#0000cc;text-decoration:underline;} a:hover {color:#ee0000;text-decoration:underline;} */ .red { color:#ca3935;} /* ************************************************ * ヘッダーメニュー * ************************************************ */ /* header --------------------- */ div.headerWrap { width:100%; height:610px; display:block; background:url(https://www.a-wando.com/images/bg_headerWrap@2x.png) center top no-repeat; background-size:auto 610px; position:fixed; z-index:5555; pointer-events:none;} header { width:100%; max-width:1080px; min-width:1030px; height:100%; padding:25px 40px 0; margin:0 auto; display:block; overflow:hidden; position:relative; box-sizing:border-box;} header h1 { float:left; width:385px; display:block; overflow:hidden; position:relative; z-index:9999;} header h1 a.logo { float:left; width:160px; height:180px; margin-right:15px; display:block; overflow:hidden; text-indent:-9999px; background:url(https://www.a-wando.com/images/bg_h1_logo@2x.png) no-repeat; background-size:auto 180px; pointer-events:all;} header h1 a.catch-title { width:210px; height:auto; display:block; overflow:hidden; color:#FFF !important; pointer-events:all;} header h1 a.catch-title span.catch { margin:0 0 8px 4px; display:block; overflow:hidden; font-size:12px; line-height:14px; letter-spacing:-0.25px; text-align:left;} header h1 a.catch-title span.title { padding-right:32px; font-size:28px; line-height:30px; color:#FFF; font-weight:normal; letter-spacing:1px; text-shadow:0px 0px 4px #ca3935; background:url(https://www.a-wando.com/images/bg_btn_home@2x.png) no-repeat; background-position:right 0; background-size:30px auto;} header h1 a.catch-title:hover span.title { background-position:right -30px;} header nav ul.grobalNav { pointer-events:all;} ul.sidebtn { width:40px; display:block; overflow:hidden; position:fixed; top:80px; right:0; z-index:5555; pointer-events:all; box-sizing:border-box;} ul.sidebtn li a { width:100%; margin:0 0 10px; display:block; overflow:hidden; text-indent:-9999px;} ul.sidebtn li:last-child a { margin-bottom:0;} a.sidebtn-fb { height:140px; background:url(https://www.a-wando.com/images/bg_sidebtn_fb@2x.png) no-repeat; background-position:left top; background-size:200% auto;} a.sidebtn-fb:hover { background-position:right top;} a.sidebtn-mailmaga { height:160px; background:url(https://www.a-wando.com/images/bg_sidebtn_mailmaga@2x.png) no-repeat; background-position:left top; background-size:200% auto;} a.sidebtn-mailmaga:hover { background-position:right top;} a.sidebtn-blog { height:115px; background:url(https://www.a-wando.com/images/bg_sidebtn_blog@2x.png) no-repeat; background-position:left top; background-size:200% auto;} a.sidebtn-blog:hover { background-position:right top;} div.shopmenuList { width:100%; margin:0 auto 48px; position: relative; overflow: hidden;} div.shopmenuList ul { float:left; position:relative; left:50%;} div.shopmenuList ul li { float:left; margin:0 30px 0 0; position:relative; left:-50%;} div.shopmenuList ul li:nth-child(4n) { margin-right:0;} div.shopmenuList ul li a { padding:6px 10px; border-radius:4px; display:block; overflow:hidden; background-color:#ca3935; color:#FFF;} /* sidebar ---------------- */ img.title-sidemember { width:195px; height:auto; margin:0 auto; display:block; overflow:hidden;} img.title-sidecategory { width:195px; height:auto; margin:0 auto; display:block; overflow:hidden;} img.btn-sidelogin { width:175px; height:auto; margin:0 auto; display:block; overflow:hidden;} img.btn-sidelogout { width:175px; height:auto; margin:0 auto; display:block; overflow:hidden;} img.btn-sideadmission { width:175px; height:auto; margin:0 auto; display:block; overflow:hidden;} img.bnr-soryomuryo { width:195px; height:auto; margin:0 auto 20px; display:block; overflow:hidden;} img.btn-shopcart { width:195px; height:auto; margin:0 auto 12px; display:block; overflow:hidden;} img.bnr-fb { width:195px; height:auto; margin:0 auto 12px; display:block; overflow:hidden;} img.bnr-youtube { width:195px; height:auto; margin:0 auto 12px; border-radius:4px; display:block; overflow:hidden;} img.btn-cookpad { width:195px; height:auto; margin:0 auto 12px; display:block; overflow:hidden;} img.btn-mailmagazine { width:195px; height:auto; margin:0 auto 12px; display:block; overflow:hidden;} img.btn-sideblog { width:195px; height:auto; margin:0 auto; display:block; overflow:hidden;} /* PC A ++++++++++++++++++++ */ @media screen and (min-width:1599px){ div.headerWrap { height:1000px; background-size:100% auto;} } /* PC-Only ++++++++++++++++++++ */ @media screen and (min-width:681px){ /* header -------------------- */ header nav { float:right; width:400px; display:block; box-sizing:border-box;} header nav ul.grobalNav li { float:left; height:60px; margin:0 20px 0 0; display:block; position:relative; box-sizing:border-box;} header nav ul.grobalNav li:last-child { margin-right:0;} header nav ul.grobalNav li a.parent { height:100%;display:block; overflow:hidden; text-indent:-9999px;} header nav ul.grobalNav li a.nv-1 { width:60px; background:url(https://www.a-wando.com/images/bg_nav@2x.png) no-repeat; background-position:0 0; background-size:320px 120px;} header nav ul.grobalNav li a.nv-1:hover { background-position:0 -60px;} header nav ul.grobalNav li a.nv-2 { width:60px; background:url(https://www.a-wando.com/images/bg_nav@2x.png) no-repeat; background-position:-60px 0; background-size:320px 120px;} header nav ul.grobalNav li a.nv-2:hover { background-position:-60px -60px;} header nav ul.grobalNav li a.nv-3 { width:60px; background:url(https://www.a-wando.com/images/bg_nav@2x.png) no-repeat; background-position:-120px 0; background-size:320px 120px;} header nav ul.grobalNav li a.nv-3:hover { background-position:-120px -60px;} header nav ul.grobalNav li a.nv-4 { width:60px; background:url(https://www.a-wando.com/images/bg_nav@2x.png) no-repeat; background-position:-180px 0; background-size:320px 120px;} header nav ul.grobalNav li a.nv-4:hover { background-position:-180px -60px;} header nav ul.grobalNav li a.nv-5 { width:80px; background:url(https://www.a-wando.com/images/bg_nav@2x.png) no-repeat; background-position:-240px 0; background-size:320px 120px;} header nav ul.grobalNav li a.nv-5:hover { background-position:-240px -60px;} nav ul.grobalNav li div.navChild { width:200px; max-height:0; padding-top:0; display:block; overflow:hidden; background:url(https://a-wando.com/images/bg_navChild@2x.png) center 2px no-repeat; background-size:auto 8px; box-sizing:border-box; transition:all 0.3s ease; position:absolute; top:60px; left:-70px; z-index:9999} nav ul.grobalNav li div.navChild.double { width:450px; left:-190px;} nav ul.grobalNav li:hover div.navChild { max-height:280px; padding-top:8px;} nav ul.grobalNav li div.navChild div.navChild-inner { padding:2px 15px 0; border:4px solid #FFF; border-radius:2px; display:block; overflow:hidden; background:#ca3935; box-sizing:border-box;} nav ul.grobalNav li div.navChild ul { width:100%; max-height:280px; display:block; overflow-y:auto;} nav ul.grobalNav li div.navChild.double ul { float:left; width:calc((100% - 10px - 1px) / 2); margin-right:10px; box-sizing:border-box;} nav ul.grobalNav li div.navChild.double ul:nth-child(even) { margin-right:0;} nav ul.grobalNav li div.navChild ul li { float:none; width:100%; height:auto; padding:8px 0; border:none; border-bottom:1px dotted #FFF;} nav ul.grobalNav li div.navChild ul li:last-child { border-bottom:none;} nav ul.grobalNav li div.navChild ul li a { width:100%; padding:2px 6px; display:block; overflow:hidden; text-align:left; line-height:140%; color:#FFF; box-sizing:border-box;} nav ul.grobalNav li div.navChild ul li a:hover { text-decoration:none; color:#FFF;} nav ul.grobalNav li div.navChild.double ul.shopMenu { } nav ul.grobalNav li div.navChild.double ul.shopMenu li a {} nav ul.grobalNav li div.navChild.double ul.shopMenu li a img { float:left; width:18px; height:18px; margin-right:8px; display:block; overflow:hidden;} } /* shopContents -------------------- */ div.shopContents { width:970px; margin:0px auto 45px; padding:250px 0 80px; display:block; overflow:hidden; text-align:left; box-sizing:border-box;} div.shopmenuList { width:100%; margin:0 auto 48px; position: relative; overflow: hidden;} div.shopmenuList ul { float:left; position:relative; left:50%;} div.shopmenuList ul li { float:left; margin:0 30px 0 0; position:relative; left:-50%;} div.shopmenuList ul li:nth-child(4n) { margin-right:0;} div.shopmenuList ul li a { padding:6px 10px; border-radius:4px; display:block; overflow:hidden; background-color:#ca3935; color:#FFF;} div.shopmenuList ul li a br { display:none;} div.shopContents div.main { float:right; width:calc(100% - 195px - 40px); display:block; overflow:hidden; box-sizing:border-box;} div.shopContents div.side { float:left; width:195px; display:block; overflow:hidden; box-sizing:border-box;} div.shopContents div.main div.product_list-wrap .product_item .name { padding:8px 0 4px;} /* footer -------------------- */ footer { padding:0 0 20px; display:block; overflow:hidden; text-align:left;} footer div.footer01 { width:100%; display:block; overflow:hidden; background-color:#ca3935;} footer div.inner { width:100%; max-width:1080px; margin:0 auto; padding:40px; display:block; overflow:hidden; box-sizing:border-box;} footer div.titleMore { float:left; display:block; overflow:hidden;} footer div.footer01 h1 { color:#FFF; font-size:14px; line-height:160%;} footer div.footer01 p.address-tel { color:#FFF; font-size:14px; line-height:160%;} footer div.footer01 a { color:#FFF;} footer div.footer01 a:hover { border-bottom:1px dotted #FFF; color:#FFF;} footer div.footer01 div.footSitemapWrap { float:right; display:block; overflow:hidden;} footer div.footer01 div.footSitemap { float:left; margin-right:16px;} footer div.footer01 div.footSitemap:last-child { margin-right:0;} footer div.footer01 div.footSitemap h2 a { margin:0 0 4px; color:#FFF;} footer div.footer01 div.footSitemap h2 a:hover { border-bottom:1px dotted #FFF; color:#FFF;} footer div.footer01 div.footSitemap ul { padding-top:4px; font-size:14px; line-height:160%;} footer div.footer01 div.footSitemap ul li { margin:0 0 4px; line-height:140%; color:#FFF;} footer div.footer01 div.footSitemap ul li:last-child { margin-bottom:0;} footer div.footer01 div.footSitemap ul li a { color:#FFF;} footer div.footer01 div.footSitemap ul li a:hover { border-bottom:1px dotted #FFF; color:#FFF;} footer div.footer02 { width:100%; max-width:1080px; margin:0 auto; padding:20px 40px; display:block; overflow:hidden; box-sizing:border-box;} footer div.footer02 ul { float:right; display:block;} footer div.footer02 ul li { float:left; padding-right:26px; font-size:14px; line-height:160%; background:url(https://www.a-wando.com/images/bg_listmark_disc_bl@2x.png) calc(100% - 12px) 10px no-repeat; background-size:2px auto;} footer div.footer02 ul li:last-child { padding-right:0; background:none;} footer div.footer02 p.copylight { float:left;} a.shopBtn-recipe { width:240px; margin:40px auto 40px; padding:16px 2px; border-radius:2px; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:120%; letter-spacing:0.1em; color:#FFF; background-color:#ca3935; box-sizing:border-box;} a.shopBtn-recipe:hover { background-color:#F2C439;} /* スマホ用 ++++++++++++++++++++ */ @media screen and (max-width:680px){ /* header -------------------- */ div.headerWrap { background:url(https://www.a-wando.com/images/bg_headerWrap@2x.png) center 68px no-repeat, url(https://www.a-wando.com/images/bg_headerWrap2@2x.png) center top no-repeat; background-size:100% auto, 100% 68px;} header { padding:12px 12px 0;} header h1 { float:left; width:230px; display:block; overflow:hidden;} header h1 a.logo { width:64px; height:72px; margin-right:2px; background-size:auto 64px;} header h1 a.catch-title { width:164px; height:auto; margin-top:6px; display:block; overflow:hidden; color:#FFF !important; pointer-events:all;} header h1 a.catch-title span.catch { margin-bottom:4px; font-size:12px; line-height:14px; letter-spacing:-1.4px;} header h1 a.catch-title span.title, header h1 a.catch-title:hover span.title { padding-right:26px; font-size:20px; line-height:22px; letter-spacing:1px; text-shadow:0px 0px 4px #ca3935; background:url(https://www.a-wando.com/images/bg_btn_home@2x.png) no-repeat; background-position:right 0; background-size:20px auto;} ul.sidebtn { width:30px; top:auto; bottom:10px;} ul.sidebtn li a { width:100%; margin:0 0 5px; display:block; overflow:hidden; text-indent:-9999px;} ul.sidebtn li:last-child a { margin-bottom:0;} a.sidebtn-fb { height:30px;} a.sidebtn-mailmaga { height:30px;} a.sidebtn-blog { height:30px;} /* nav タブレット部分A */ header ul.grobalNav { width:calc(100% - 360px); padding:0 0 120px; display:block; position:absolute; top:120px; left:180px;} header ul.grobalNav li { margin:0 0 40px;} header ul.grobalNav li:last-child { margin-bottom:0;} header ul.grobalNav li a { width:100%; height:50px; border:1px solid #FFF; border-radius:25px; display:block; overflow:hidden; text-align:center; font-size:16px; line-height:48px; color:#FFF; box-sizing:border-box;} header ul.grobalNav li a:hover { border:1px solid #F2C539; color:#FFF; background-color:#F2C539;} div.navChild { width:100%;} div.navChild ul { padding-top:30px; display:block; overflow:hidden;} div.navChild ul li { margin:0;} div.navChild ul li a { float:left; width:calc((100% - 41px) / 3); height:40px; margin:0 20px 20px 0; border-radius:20px; font-size:14px; line-height:38px;} div.navChild ul li:nth-child(3n) a { margin-right:0;} div.navChild ul li:nth-child(3n+1) a { clear:both;} div.navChild ul li:nth-last-child(-n+3) a { margin-bottom:0;} div.navChild ul li a img { width:auto; height:16px; margin:0; position:relative; top:2px;} /* nav タブレット部分B */ div.navChild ul li a { float:left; width:calc((100% - 21px) / 2);} div.navChild ul li:nth-child(3n) a { margin-right:20px;} div.navChild ul li:nth-child(3n+1) a { clear:inherit;} div.navChild ul li:nth-last-child(-n+3) a { margin-bottom:20px;} div.navChild ul li:nth-child(2n) a { margin-right:0;} div.navChild ul li:nth-child(2n+1) a { clear:both;} div.navChild ul li:nth-last-child(-n+2) a { margin-bottom:0;} div.navChild ul li a img { width:auto; height:16px; margin:0 4px 0 0; position:relative; top:2px;} /* nav スマホ部分 */ header ul.grobalNav { width:calc(100% - 95px); padding:0 0 100px; display:block; position:absolute; top:100px; left:40px;} header ul.grobalNav li { margin:0 0 20px;} header ul.grobalNav li:last-child { margin-bottom:0;} header ul.grobalNav li a { height:40px; border-radius:20px; font-size:16px; line-height:38px;} div.navChild { width:100%;} div.navChild ul { padding-top:20px; display:block; overflow:hidden;} div.navChild ul:nth-child(n+2) { padding-top:12px;} div.navChild ul li { margin:0;} div.navChild ul li a { width:100%; height:auto; margin:0 0 12px; border:1px solid #CA3935; font-size:14px; line-height:160%; background:url(https://www.a-wando.com/images/phone/bg_navBack@2x.png) calc(100% - 8px) center no-repeat; background-size:6px auto;} div.navChild ul li:nth-child(3n) a { margin-right:0;} div.navChild ul li:nth-child(3n+1) a { clear:inherit;} div.navChild ul li:nth-last-child(-n+3) a { margin-bottom:12px;} div.navChild ul li:nth-child(2n) a { margin-right:0;} div.navChild ul li:nth-child(2n+1) a { clear:inherit;} div.navChild ul li:nth-last-child(-n+2) a { margin-bottom:12px;} div.navChild ul li:last-child a { margin-bottom:0;} div.navChild ul li a img { width:auto; height:16px; margin:0 6px 0 0; position:relative; top:-3px;} /* contents -------------------- */ div.shopContents { width:100%; padding:160px 20px 0;} div.shopmenuList { width:100%; max-width:375px; margin:0 auto 24px; box-sizing: border-box; position:static;} div.shopmenuList ul { float:none; display: block; overflow: hidden; box-sizing: border-box; position:static;} div.shopmenuList ul li { float:left; width:calc((100% - 9px) / 2); margin:0 8px 8px 0; display: block; overflow: hidden; box-sizing: border-box; position:static;} div.shopmenuList ul li:nth-child(2n) { margin-right:0;} div.shopmenuList ul li:nth-child(2n+1) { clear: both;} div.shopmenuList ul li a { width:100%; height:32px; padding:0; border-radius:4px; text-align: center; font-size:10px; line-height:120%; letter-spacing: -0.05em; background-color:#ca3935; color:#FFF; box-sizing: border-box; position:relative;} div.shopmenuList ul li a br { display:block;} div.shopmenuList ul li a span { width:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);} div.shopContents div.main { float:none; width:100%;} div.shopContents div.side { float:none; width:100%;} div.shopContents div.main div.product_list-wrap { width:100%; display: block; overflow: hidden; box-sizing: border-box;} div.shopContents div.main div.product_list-wrap .product_list { float:left; width:calc((100% - 41px) / 2) !important; margin:0 10px 20px; padding-bottom: 0; display: block; overflow: hidden; box-sizing: border-box;} div.shopContents div.main div.product_list-wrap .product_item { width:100% !important; height: auto; margin-left: 0; margin-right: 0; padding:0; display: block; overflow: hidden; box-sizing: border-box;} div.shopContents div.main div.product_list-wrap .product_item img.fit_size { max-width:calc(100% - 20px) !important; height:auto !important;} div.shopContents div.main div.product_list-wrap .product_item .name { width:100% !important; padding:4px 0 2px;} /* footer -------------------- */ footer {} footer div.footer01 {} footer div.inner { padding:40px 20px;} footer div.titleMore { float:none; width:100%; margin-bottom:20px;} footer div.footer01 h1 { text-align:center;} footer div.footer01 p.address-tel { text-align:center;} footer div.footer01 p.address-tel span { display:none;} footer div.footer01 div.footSitemapWrap { float:none; width:278px; margin:0 auto; padding:20px 0; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF;} footer div.footer01 div.footSitemap:first-child { float:left;} footer div.footer01 div.footSitemap:last-child { float:right;} footer div.footer01 div.footSitemap h2 a { margin:0 0 4px; color:#FFF;} footer div.footer01 div.footSitemap h2 a:hover { border-bottom:1px dotted #FFF; color:#FFF;} footer div.footer01 div.footSitemap ul { padding-top:4px; font-size:12px; line-height:160%;} footer div.footer01 div.footSitemap ul li { margin:0 0 4px; line-height:140%; color:#FFF;} footer div.footer01 div.footSitemap ul li:last-child { margin-bottom:0;} footer div.footer01 div.footSitemap ul li a { color:#FFF;} footer div.footer01 div.footSitemap ul li a:hover { border-bottom:1px dotted #FFF; color:#FFF;} footer div.footer02 { position:relative; overflow:hidden; padding:30px 20px;} footer div.footer02 ul { margin-bottom:20px; float:left; left:50%; position:relative;} footer div.footer02 ul li { float:left; left:-50%; position:relative;} footer div.footer02 p.copylight { clear:both; float:none; text-align:center;} } .title { width:970px; height:125px; font-weight:bold; text-align:center; margin-bottom:40px; color:#0000cc; font-size:22px; } /*.title a {color:#0000cc;} .title a:link {color:#0000cc; text-decoration:none;} .title a:visited {color:#0000cc; text-decoration:none;} .title a:active {color:#0000cc; text-decoration:none;} .title a:hover {color:#0000cc; text-decoration:none;}*/ #gbn ,#gbnf { margin-bottom:30px; } #gbn1 {width:110px;} #gbn2 {width:122px;} #gbn3 {width:118px;} #gbn4 {width:162px;} #gbn5 {width:118px;} #gbn6 {width:128px;} #gbn7 {width:192px;} .menu_1 { width:970px; height:150px; padding:0px 15px 0px 0px; margin:0px; line-height:0em; text-align:right; font-size:10px; } .menu_1 img{ vertical-align:top; } .menu_1 a {color:#FFFFFF; text-decoration:underline;} .menu_1 a:link {color:#FFFFFF; text-decoration:underline;} .menu_1 a:visited {color:#FFFFFF; text-decoration:underline;} .menu_1 a:active {color:#FFFFFF; text-decoration:underline;} .menu_1 a:hover {color:#FFFFFF; text-decoration:underline;} #linkSpacer{ margin:0px 5px 0px 5px; } /* ************************************************ * 左側メニュー * ************************************************ */ #side_area { text-align:left; 　　} table.sidemenu { width:100%; margin-bottom:40px; /*color:#333333;*/ } .side_title { width:100%; height:33px; padding:0 0px 10px 0px; vertical-align: top; text-align: center; } .side_text { text-align:center; padding:5px 10px; /*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/32/left-navi_bg.gif) 0px 0px repeat-y;*/ line-height:1.2em; } .side_text_members, .side_text_cart { display:block; text-align:center; padding-top:10px; } .side_text ul li{ padding-bottom:10px; } .side_text ul li img{ vertical-align:middle; } #side_area .pickupcat li { margin:5px 0px; } .side_cat_bottom { width:100%; height:2px; /*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/32/left-navi_bg03.gif) 0px 0px no-repeat;*/ } .side_bottom { display:block; width:100%; height:2px; /*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/32/left-navi_bg03.gif) 0px 0px no-repeat;*/ } .st_contents { overflow:hidden; width:175px; text-align:left; } /*.side_text a {color:#0000cc; text-decoration:underline;} .side_text a:link {color:#0000cc; text-decoration:underline;} .side_text a:visited {color:#0000cc; text-decoration:underline;} .side_text a:active {color:#0000cc; text-decoration:underline;} .side_text a:hover {color:#ee0000; text-decoration:underline;}*/ #manager_name { margin:5px 0px; font-weight:bold; text-align:center; } #side_area .mailmagabox #mailmaga { border:solid 3px #ccc; padding:5px; margin:30px auto 0px auto; } #side_area .mailmagabox #mailmaga .merumagatxt { font-size:12px; letter-spacing: -1px } #side_area .mailmagabox #mailmaga dt { font-size:16px; font-weight:bold; clear:both; text-align:center; line-height:1.4em; margin:0px auto 0px auto; padding-bottom:7px; color:#e60012; } #side_area .mailmagabox #mailmaga dd { clear:both; line-height:1.4em; background-color:#f8f8f8; padding:10px 15px; } #side_area #mailmaga dd a { width:100%; line-height:1.4em; font-weight:bold; } /* ------------------------------------- * 商品カテゴリｰエリア背景色 * ------------------------------------- */ .side_cat_bg { margin-bottom:25px; } .side_cat_text { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text_group { width:195px; background:#FFFFFF; overflow:hidden; } .side_cat_text .st_contents { border-top:1px #e6e6e6 solid; } .side_cat_text_group .st_contents { border-top:1px #e6e6e6 dotted; } .side_cat_text .st_contents, .side_cat_text_group .st_contents{ width:195px; padding:0px; /*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/32/left-navi_bg.gif) 0px 0px repeat-y;*/ } .side_cat_text .st_contents a, .side_cat_text_group .st_contents a { /*background:transparent url(https://img14.shop-pro.jp/PA01079/847/etc/side_listmark.gif?20130401175710) 0px 4px no-repeat;*/ /*リストの画像*/ float:right; padding-left:5px; width:158px; font-size:14px; padding:11px 0px 6px 3px ; } .st_contents .side_cat_img { float:left; padding:5px 0px 0px 0px; } /*.side_cat_text a,.side_cat_text_group a {color:#0000cc; text-decoration:underline;} .side_cat_text a:link ,.side_cat_text_group a:link {color:#0000cc; text-decoration:underline;} .side_cat_text a:visited,.side_cat_text_group a:visited {color:#0000cc; text-decoration:underline;} .side_cat_text a:active,.side_cat_text_group a:active {color:#0000cc; text-decoration:underline;} .side_cat_text a:hover,.side_cat_text_group a:hover {color:#ee0000; text-decoration:underline;}*/ .side_cat_text ul.categoryList { width:100%; margin:0 0 40px; display:block; box-sizing:border-box;} .side_cat_text ul.categoryList li { padding:10px 0 8px; border-bottom:1px solid #DDD;} .side_cat_text ul.categoryList li img.icon { float:left; margin:-5px 10px 0 0;} .side_cat_text ul.categoryList li a { margin:0; padding:0; color:#CA3935; font-size:12px; line-height:160%;} .side_cat_text ul.categoryList li ul { padding:2px 0 0 54px; display:block;} .side_cat_text ul.categoryList li ul li { list-style:disc; margin:0 0 1px; padding:0; border-bottom:none; color:#CA3935;} .side_cat_text ul.categoryList li ul li:last-child { margin-bottom:0;} .side_cat_text ul.categoryList li ul li a {} /* 売れ筋ランキング */ div.ranking-seller { width:100%; margin:0 0 40px; border:4px solid #ca3935; border-radius:4px 4px 0 0; display:block; overflow:hidden; box-sizing:border-box;} div.ranking-seller h2 { width:100%; padding:6px 0; display:block; overflow:hidden; color:#FFF; text-align:center; font-weight:bold; font-size:16px; line-height:140%; background:#ca3935; box-sizing:border-box;} div.ranking-seller ul { width:calc(100% - 20px); margin:0 auto; display:block; overflow:hidden;} div.ranking-seller ul li { padding:4px 0 16px; border-bottom:1px solid #DDD; position:relative;} div.ranking-seller ul li a {} div.ranking-seller ul li a img { width:100px; height:auto; margin:0 auto !important; display:block; overflow:hidden; box-sizing:border-box;} div.ranking-seller ul li a:hover img { opacity:0.8;} div.ranking-seller ul li a h3 { margin:0 0 8px !important; display:block; overflow:hidden; text-align:center; font-size:12px; line-height:120%;} div.ranking-seller ul li a p.price { margin:0 !important; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:120%; color:#E60012; font-weight:bold;} div.ranking-seller ul li p.rankMark { width:32px; height:32px; display:block; overflow:hidden; text-indent:-9999px; position:absolute; top:0; left:0; pointer-events:none;} div.ranking-seller ul li:nth-child(1) p.rankMark { background:url(https://www.a-wando.com/images/bg_rank1@2x.png) center center no-repeat; background-size:auto 100%;} div.ranking-seller ul li:nth-child(2) p.rankMark { background:url(https://www.a-wando.com/images/bg_rank2@2x.png) center center no-repeat; background-size:auto 100%;} div.ranking-seller ul li:nth-child(3) p.rankMark { background:url(https://www.a-wando.com/images/bg_rank3@2x.png) center center no-repeat; background-size:auto 100%;} /* カレンダー */ div.side-calender { width:100%; margin:0 0 4px; border:4px solid #CCC !important; border-radius:4px 4px 0 0; display:block; overflow:hidden; box-sizing:border-box;} div.side-calender h2 { width:100%; margin:0 0 12px; padding:6px 0; display:block; overflow:hidden; text-align:center; font-weight:bold; font-size:14px; line-height:140%; background:#CCC; box-sizing:border-box;} .tbl_calendar { width:100%; border-top:1px solid #CCC !important; border-collapse: collapse !important; border-spacing: 0 !important; } .tbl_calendar caption { margin:0 0 6px; font-weight:bold; text-align:center; font-size:14px; line-height:140%;} .tbl_calendar th, .tbl_calendar td { padding:4px 5px !important; text-align: center !important; border-bottom: 1px solid #ccc !important; } p.notes { padding:0 8px;} p.notes span.teikyubi { color:#ca3935;} /* ------------------------------------- * カートの中 - 商品名・価格ボタン色/枠線色 * ------------------------------------- */ .cart_item { width:175px; overflow:hidden; margin:3px 0px 3px 0px; padding:5px; font-size:10px; /*border-left:3px solid #6699CC;*/ /*border-right:3px solid #6699CC;*/ } .incart_name { text-align:left; } .subtotal { padding:5px 0; } .stotal { text-align:right; } .total { padding:5px 0; border-top:1px dotted #C3C3C3; text-align:right; margin:0; } .postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:5px 0; } .postage li { margin:5px 0; color:red; text-align:left; } .viewcart { padding:5px 0; text-align:center; } /* ------------------------------------- * 会員専用ページ * ------------------------------------- */ #btn_members_login, #btn_members_logout, #btn_members_signup{ text-align:center; } #btn_members_signup span, #btn_members_logout span { display:block; font-size:10px; line-height:1.1em; padding:8px 0px 3px; text-align:center; } /* ------------------------------------- * 商品検索 * ------------------------------------- */ .side_form_select { width:175px; margin-top:5px; margin-bottom:5px; } .side_form_input { width:120px; margin-right:5px; } /* ************************************************ * フッターメニュー * ************************************************ */ /*#footer a {color:#0000cc; text-decoration:underline;} #footer a:link {color:#0000cc; text-decoration:underline;} #footer a:visited {color:#0000cc; text-decoration:underline;} #footer a:active {color:#0000cc; text-decoration:underline;} #footer a:hover {color:#ee0000; text-decoration:underline;}*/ /* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title { width:100%; padding-bottom:15px; } /* ------------------------------------- * 会員専用価格の表示　トップページ用 * ------------------------------------- */ .regular_price_top { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_top { padding:0px; margin:0px; font-size:14px; color:#e60012; } .discount_rate_top { padding:0px; margin:0px; color:#333333; } .common_image img{ margin-bottom:15px; display:block; } /* ------------------------------------- * コンテンツ下部 決済・配送方法指定 * ------------------------------------- */ #shop_info { margin-top:60px; } #shop_info_pay .tit, #shop_info_deli .tit { } #shop_info .cont { padding:15px 20px; } #shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/32/shop_info_pay_bg.gif) 0px 0px repeat-y;} #shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/32/shop_info_deli_bg.gif) 0px 0px repeat-y;} #right_pay_deli_bg { height:2px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/right-pay_deli_bg.gif) 0px 0px no-repeat; width:100%; } /* ************************************************ * TOPコンテンツ * ************************************************ */ /* ------------------------------------- * お知らせエリア * 箇条書きでお知らせを掲載する際にご利用ください * ※初期設定では適用されていません * ------------------------------------- */ .info_block { width:724px; margin:0px 0px 30px; border: #adadad solid 1px; /*border:#e5e5e5 solid 1px;*/ } .info_title { font-weight:bold; margin:0px 0px 0px; padding-top: 30px; /*padding:15px 15px 0px;*/ } .info_text { padding:20px; /*color:#333333;*/ } /* ------------------------------------- * フリースペース * ------------------------------------- */ .free_space { width:195px; margin:0 auto; text-align:left; color:#333333; } /* ************************************************ * 商品一覧　レイアウト * ************************************************ */ /* ------------------------------------- * 一覧表示　並び順を変更(商品一覧） * ------------------------------------- */ .sort_01 { width:100%; height:28px; /*color: #333333;*/ /*background:#e7e7e7;*/ margin-bottom:1px; } .sort_01 a, .sort_01 a:link, .sort_01 a:visited { /*text-decoration:underline;*/ /*color:#0000cc;*/ } .sort_01 a:active, .sort_01 a:hover { /*text-decoration:underline;*/ /*color:#ee0000;*/ } /* 会員専用価格の表示 商品一覧用 */ .regular_price_all { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_all { padding:0px; margin:0px; font-size:14px; color:#e60012; } .discount_rate_all { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示　並び順を変更(商品検索結果） * ------------------------------------- */ .sort_02 { width:100%; height:28px; /*color:#333333;*/ /*background:#e7e7e7;*/ margin-bottom:1px; } .sort_02 a, .sort_02 a:link, .sort_02 a:visited { /*text-decoration:underline;*/ /*color:#0000cc;*/ } .sort_02 a:active, .sort_02 a:hover { /*text-decoration:underline;*/ /*color:#ee0000;*/ } /* 会員専用価格の表示 商品検索結果用 */ .regular_price_search { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_search { padding:0px; margin:0px; font-size:14px; color:#e60012; } .discount_rate_search { padding:0px; margin:0px; color:#333333; } /* ------------------------------------- * 一覧表示　商品数と表示数 * ------------------------------------- */ .pagenavi { width:100%; height:28px; /*background:#e7e7e7;*/ margin-bottom:15px; } .pagenavi a { /*color:#0000cc; text-decoration:underline;*/ } /* ------------------------------------- * 商品一覧表示のレイアウト * ------------------------------------- */ .product_list { float:left; width:242px; text-align:center; margin:0px; padding-bottom: 30px; } .product_item { width: 228px; height: 280px; text-align:center; margin-left: 6px; margin-right: 6px; padding:0px 0px 50px; } .product_item img { padding: 5px; border:1px solid #858585; } /*.product_list a {color:#0000cc; text-decoration:underline;} .product_list a:link {color:#0000cc; text-decoration:underline;} .product_list a:visited {color:#0000cc; text-decoration:underline;} .product_list a:active {color:#0000cc; text-decoration:underline;} .product_list a:hover {color:#ee0000; text-decoration:underline;}*/ /* ------------------------------------- * ぱんくずリスト * ------------------------------------- */ .footstamp { width:100%; color:#333333; margin-bottom:50px; } /*.footstamp a {color:#0000cc; text-decoration:underline;} .footstamp a:link {color:#0000cc; text-decoration:underline;} .footstamp a:visited {color:#0000cc; text-decoration:underline;} .footstamp a:active {color:#0000cc; text-decoration:underline;} .footstamp a:hover {color:#ee0000; text-decoration:underline;}*/ .txt-f10 { font-size:10px; } .footstamp img { vertical-align:middle; } /* ------------------------------------- * 商品が無い時の表示 * ------------------------------------- */ .nodata { padding-top:20px; text-align:center; } /* ------------------------------------- * 最近チェックした商品 * ------------------------------------- */ .ci_main_title { border-bottom: 5px solid #ABABAB; font-weight: bolder; margin-top: 30px; padding-bottom: 5px; text-align: left; } .checkitem_list { float:left; margin: 15px 0; padding: 0 9px 0 12px; width: 100px; } .checkitem .price { font-weight:bold; } .checkitem .ci_img { width:98px; margin-bottom:3px; border:1px solid #999999; } /* ************************************************ * 商品詳細　レイアウト * ************************************************ */ .detail_cont { width:100%; } .detail_img_block { width:405px; /*float:left;*/ margin: 0 auto; } .detail_txt_block { width:405px; margin: 30px auto 0px; /*float:right;*/ text-align:left; } .detail_img_block img { padding: 5px; border:1px solid #999999; } .product_name { font-size:14px; font-weight:bold; text-align: left; margin-bottom:10px; } .expl_block { margin-bottom:30px; } .expl_block h3 { font-size:20px; font-weight:bold; text-align:center; background-color:red; color:#fff; padding:10px; margin:20px auto; } .detail_img { /*width: 405px;*/ /*height: 405px;*/ margin-bottom:20px; } .detail_other { width:405px; } .detail_other .sub { width:129px; margin: 0 3px; float:left; } .detail_other .sub img { /*width: 120px;*/ } .detail_txt_block table.table { width:405px; border-left:#e7e7e7 solid 1px; border-top:#e7e7e7 solid 1px; margin-bottom:20px; } .detail_txt_block table.table td.tit, .detail_txt_block table.table td.cont { padding:15px; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; } .detail_txt_block table.table td.tit { width:100px; } .sk_link_other { margin-bottom:20px; } .txt_option { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_option.gif) 0px 3px no-repeat; padding-left:15px; } .txt_back { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_back.gif) 0px 0px no-repeat; padding-left:22px; } .txt_tell { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_tell.gif) 0px 3px no-repeat; padding-left:22px; } .txt_inq { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_inq.gif) 0px 0px no-repeat; padding-left:22px; } .txt_review { margin-bottom:10px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_review.gif) 0px 0px no-repeat; padding-left:22px; } .txt_reviewpost { margin-bottom:20px; background:transparent url(https://img.shop-pro.jp/tmpl_img/32/icon_post.gif) 0px 0px no-repeat; padding-left:22px; } /* オプションリンク */ .txt-optionLink { margin-bottom:20px; } .rs_pd_cart_btn { margin-bottom:10px; } .btn_quick { } /* 会員専用価格の表示 商品詳細用 */ .regular_price_detail { padding:0px; margin:0px; text-decoration:line-through; color:#999999; } .price_detail { padding:0px; margin:0px; font-size:14px; color:#e60012; font-weight:bold; } .discount_rate_detail { padding:0px; margin:0px; color:#333333; } p#sk_link_other { text-align:center; margin-top:10px; } p#sk_link_other a { font-size:12px; } /* ------------------------------------- * この商品を買った人はこんな商品も買ってます * ------------------------------------- */ #together { margin:65px 0px 0px; } #together .tog_main_title { margin:0px 0px 15px; } #together .together_list { margin:0px 3px; float:left; width:175px; } #together .together_list img { border:1px solid #999999; } /* ------------------------------------- * トラックバック * ------------------------------------- */ #trackback { margin:30px 0px 15px; } #trackback .tb_main_title { font-weight:bold; margin:0px 0px 5px; } #trackback .tb_url { padding:6px 8px; border:1px solid #e7e7e7; } #trackback .tb { } #trackback .tb_date { padding:10px 0px; } #trackback .tb_title { padding:0px 0px 10px; } #trackback .tb_body { line-height:150%; padding:10px 0px; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; } #trackback .tb_state { padding:0px; } /* ************************************************ * 商品オプションページ * ************************************************ */ #Option .main_title { margin:15px auto; padding:5px 0px; background:#e7e7e7; height:auto; width:564px; } #Option .main_title .cont { padding:0px 5px; } #Option .option_table { width:564px; margin-bottom:5px; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; } #Option .option_cell1 { text-align:left; font-weight:normal; padding:5px 5px 5px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell2 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 6px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #Option .option_cell3 { text-align:left; padding:5px; background-color:#FFFFFF; padding:2px 10px 2px 6px; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } div#Option table.main_title td{ text-align:left; } /* 会員専用価格の表示 オプション用 */ .regular_price_stock { padding:0px; margin:0px; text-decoration:line-through; color:#333333; } .price_detail_stock { padding:0px; margin:0px; } .discount_rate_stock { padding:0px; margin:0px; color:#333333; } /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img { width:30px; height:30px; margin:3px; } #ShopKeeper { width:100%; margin-bottom:15px; color:#333333; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; } #ShopKeeper th { width:200px; overflow:hidden; padding:10px; font-weight:normal; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td { padding:10px; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table { border-right:none; border-top:none; border-left:none; border-bottom:none; } #ShopKeeper th img, #ShopKeeper td img { vertical-align:middle; } /* 検索結果 */ .txt-search { padding:5px 0px; /*background:#e7e7e7;*/ /*border-bottom:1px solid #FFFFFF;*/ } .txt-hitNum { margin-bottom:15px; padding:5px 0px; /*background:#e7e7e7;*/ } .txt-search strong, .txt-hitNum strong { font-weight:bold; } /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain { margin-bottom:15px; /*color:#333333;*/ } .pe_title { padding-top:15px; color:#333333; border-top:1px solid #eaeaea; } .pe_note { line-height:150%; margin:5px 5px 20px 30px; } /* ************************************************ * float解除 * ************************************************ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* ------------------------------------- * 商品オプション 表形式 * ------------------------------------- */ #option_tbl { border-collapse:collapse; margin:10px auto 10px; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; } #option_tbl th{ padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } #option_tbl td input{ float:none; margin:0 0 5px; width:auto; } #option_tbl th, #option_tbl td.none { background:#eee; } #option_tbl td { padding:5px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } .stock_zero { color:red; } /* ************************************************ * お買い物ガイド * ************************************************ */ #guidepage h1 { margin:0px auto 15px auto; } #guidepage ul { } #guidepage ul li { float:left; margin:10px 10px ; } /* ************************************************ * ご注文からお届けまでの流れ * ************************************************ */ #fllowpage h1 { margin:0px auto 15px auto; } #fllowpage p { float:left; margin:.4em 0px 1em 0px; } /*　トップスライドショー　*/ #slideshow { } /*　トップスライドショー　*/ /*　お客様の声　*/ div.customers-voice { width:100%; margin:0 0 40px; display:block; overflow:hidden; box-sizing:border-box;} div.customers-voice h2 { width:100%; padding:12px 16px; border-radius:4px 4px 0 0; display:block; overflow:hidden; font-size:16px; line-height:160%; color:#FFF; letter-spacing:0.1em; background-color:#ca3935; box-sizing:border-box;} div.customers-voice ul { margin:0 0 12px; border:2px solid #ca3935; border-top:none; border-radius:0 0 4px 4px; display:block; overflow:hidden;} div.customers-voice ul li { padding:14px 16px; border-bottom:1px solid #ca3935; display:block; overflow:hidden;} div.customers-voice ul li:last-child { border-bottom:none;} div.customers-voice ul li p { margin:0 0 4px; font-size:14px; line-height:160%;} div.customers-voice ul li h3 { text-align:right; font-size:14px; line-height:160%;} div.customers-voice p.roger { text-align:right;} /*　mb　*/ a.sidebtn-fb { height: 40px; } a.sidebtn-instagram { height:40px; background:url(https://www.a-wando.com/images/mb/icon_instagram@2x.png) no-repeat; background-position:left top; background-size:100%;} a.sidebtn-youtube { height:40px; background:url(https://www.a-wando.com/images/mb/icon_youtube@2x.png) no-repeat; background-position:left top; background-size:100%;} div.shopContents { width: 1040px; } div.shopContents div.main { width: calc(100% - 255px - 40px); } div.shopContents div.side { width: 255px; } img.title-sidemember_new-a { width: 100%; margin-bottom: 10px; } .mb_20 { margin-bottom:20px !important; } img.bnr-soryomuryo { width: 100%; } img.bnr-youtube { width: 100%; } img.btn-cookpad { width: 100%; } img.btn-mailmagazine{ width: 100%; } .free_space { width: 100%; } .free_space img { width: 100%; } img.btn-sideblog { width: 100%; }