html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent}body{font:12px/1 "メイリオ",Meiryo,"ＭＳＰゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",sans-serif;line-height:1.5}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:bottom;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style-type:none}

/*base.css
-----------*/


/* 1.Basic css structure
__________________________________________ */

body {
    background: url(https://img17.shop-pro.jp/PA01266/599/etc//bg-body.png);
    text-align: center;
    color: #434343;
    position: relative;
    overflow-x: hidden;
    font-size: 14px;
}

#wrapper,
header {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.5;
}

#container {
    margin-bottom: 100px;
}


/* 2.header structure
__________________________________________ */

header {
    position: relative;
    height: 218px;
}

#home header {
    height: 713px;
}

header h1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}

header .siteDesc {
    text-align: right;
    font-size: 85%;
    padding-top: 7px;
}

header .siteDesc span {
    font-weight: bold;
    z-index: 1000;
}

header nav {
    position: absolute;
    left: 335px;
    top: 90px;
    z-index: 999;
}

#home header nav {
    position: absolute;
    left: 335px;
    top: 120px;
    z-index: 999;
}

header nav li {
    float: left;
}

header nav li span {
    margin: 0 1.5em;
}

header p {}

header .cartBtn {
    position: absolute;
    right: 0px;
    top: 40px;
    z-index: 1000;
}

#home header .cartBtn {
    top: 57px;
}

header .subNav {
    position: absolute;
    right: 140px;
    top: 45px;
    z-index: 1000;
    text-align: right;
    color: #fff;
    font-size: 85%;
}

#home header .subNav {
    top: 60px;
}

header .subNav a {
    color: #434343;
}

#home header .subNav a {
    color: #fff;
}

header .catch {
    position: absolute;
    left: -110px;
    top: 30px;
    z-index: 900;
    opacity: 0;
    transition: opacity 1s ease-out;
}

header .catch.active {
    opacity: 1;
}

header .catch p {
    position: absolute;
    left: 0;
    top: 0;
}


/* 3.globalnavi structure
__________________________________________ */

#home nav#navigation li {
    float: left;
    margin-right: 5px;
}

#home nav#navigation li:last-child {
    margin-right: 0;
}


/* 4.main page structure
__________________________________________ */

#main {
    float: right;
    width: 710px;
    margin: 0;
    padding: 0;
}

#home #main {}

.topicPath {
    border: 1px solid #dbdbdb;
    border-right: none;
    border-left: none;
    font-size: 90%;
    padding: 13px 12px 10px;
    margin-bottom: 30px;
}


/* 5.side structure
__________________________________________ */

#side {
    float: left;
    width: 240px;
    margin: 0;
    padding: 0;
}

#side .bnrArea {
    margin-bottom: 18px;
}

#side .menus {
    margin-bottom: 20px;
}

#side .menus h1 {
    margin-bottom: 4px;
    position: relative;
}

#side .menus h1 span {
    position: absolute;
    right: 0;
    top: -4px;
}

#side .menus ul {
    border: 1px solid #dbdbdb;
    background: #fff;
}

#side .menus ul li {
    border-bottom: 1px dotted #dbdbdb;
}

#side .menus ul li:last-child {
    border: none;
}

#side .menus ul li a {
    display: block;
    padding: 10px 15px 8px;
}

#side .menus .newsArea {
    border: 1px solid #dbdbdb;
    background: #fff;
}

#side .menus .newsArea dl {
    border-bottom: 1px dotted #dbdbdb;
    padding: 12px 15px 10px;
}

#side .menus .newsArea dl:last-child {
    border-bottom: none;
}

#side .menus .newsArea dt {
    color: #b6b6b6;
    font-size: 90%;
}

#side .bnrAreaBottom {
    margin-bottom: 20px;
}

#side .linkArea {
    border: 1px solid #dbdbdb;
}

#side .linkArea .inner {
    border: 1px solid #fff;
    background: #ebebeb;
    text-align: center;
    padding: 18px 0px 11px;
}

#side .linkArea .inner p {
    font-size: 85%;
    margin-bottom: 15px;
}

#side .linkArea .inner li {
    margin-bottom: 10px;
}


/* 6.footer structure
__________________________________________ */

footer {
    clear: both;
    width: 100%;
}

footer #navs {
    background: url(https://img17.shop-pro.jp/PA01266/599/etc//footer-bg.png);
    padding: 25px 0;
}

footer #navs .inner {
    position: relative;
}

footer #navs .inner #pagetop {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 270px;
    margin-left: 530px;
    z-index: 2000;
}

footer .inner {
    margin: 0 auto;
    width: 980px;
    text-align: left;
}

footer nav li {
    float: left;
}

footer nav li span {
    margin: 0 1.5em;
}

footer div#copyright {
    font-size: 70%;
    padding: 27px 0;
}

footer div#copyright address {
    font-style: normal;
}

footer div#copyright p {}

footer .footerArea {
    padding: 25px 0;
}

footer .footerArea p {
    float: left;
    font-size: 80%;
    margin-right: 40px;
}

footer .footerArea address {
    font-style: normal;
}

footer .copys {
    border-top: 1px solid #dbdbdb;
}


/* 7.General purpose and other structures
__________________________________________ */


/* 7-1.float
	--------------------------------------- */

.left {
    float: left;
}

.right {
    float: right;
}


/* 7-2.clearfix
	--------------------------------------- */

.clear {
    clear: both;
}

.cf,
.cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.cf {
    zoom: 1;
}

ul.bullet li,
p.bullet {
    background: url(https://img17.shop-pro.jp/PA01266/599/etc//ico-bullet.png) no-repeat left 5px;
    padding-left: 14px;
}


/* 7-3.linkstyle
	--------------------------------------- */

a {
    color: #434343;
    text-decoration: none;
}

a:hover {
    color: #434343;
    text-decoration: underline;
}


/*parts.css
-----------*/


/* common
----------------*/

.clear {
    clear: both;
}


/* home
----------------*/

#main .bnrArea {
    margin-bottom: 30px;
}

#main h1 {
    margin-bottom: 20px;
}

#main .itemList .box {
    float: left;
    width: 224px;
    text-align: center;
    color: #fff;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin: 0 16px 15px 0;
    position: relative;
    padding-bottom: 40px;
}

#main .itemList .box:nth-child(3n) {
    margin-right: 0;
}

#main .itemList .box .inner {
    padding: 14px;
}

#main .itemList .box p.photo {
    margin-bottom: 15px;
    width: 196px;
    height: 150px;
}

#main .itemList .box p.title {
    font-size: 85%;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

#main .itemList .box p.price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 225px;
    background: #dbdbdb;
    font-size: 85%;
    color: #434343;
    padding: 7px 0 5px;
}

#buy .aboutBuy h1 {
    margin-bottom: 30px;
}

#buy .aboutBuy .catch {
    margin-bottom: 30px;
}

#buy .aboutBuy .desc {
    margin-bottom: 30px;
}

#buy .aboutBuy .explain {
    margin-bottom: 0.8em;
}

#buy .aboutBuy .bullet {
    margin-bottom: 30px;
}

#buy .genre {
    margin-bottom: 30px;
}

#buy .genre .box {
    background: #f1f1f1;
    padding: 15px 20px 0 20px;
}

#buy .genre .box h3 {
    font-size: 120%;
    margin-bottom: 5px;
}

#buy .genre .box .photo {
    margin-bottom: 15px;
}

#buy .genre .box .left,
#buy .genre .box .right {
    width: 315px;
}

#buy .genre .box .left {
    padding-right: 20px;
    border-right: 1px dotted #434343;
    margin-bottom: 20px;
}

#buy .genre .box .f_left {
    float: left;
    width: 81px;
}

#buy .genre .box .f_right {
    float: right;
    width: 215px;
}

#buy .genre .box .bullet {
    clear: both;
    width: 280px;
    margin: 0 auto 30px;
}

#buy .areas {
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 25px 30px;
    line-height: 1.8;
    margin-bottom: 30px;
}

#buy .areas address {
    font-style: normal;
}

#buy .areas address span {
    font-weight: bold;
}

#buy .areas span.caution {
    font-size: 90%;
}

#buy .areas .text {
    margin-bottom: 1em;
}

#buy .areas .heading {
    font-weight: bold;
    font-size: 120%;
}