@charset "UTF-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;font-weight:400}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,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;font-size:100%;vertical-align:baseline;background:transparent}

/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}

/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}

/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}





/* override */
.fa {width:1.2em !important;}
body{
    position:relative;
    font: 11pt/1.6 "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
    font-size:13px;
    color:#333;
}

.tksE{font-family:"TsukuMinPr5N-E";}
.tksB{font-family:"TsukuMinPr5N-B";}
.tksLB{font-family:"TsukuMinPr6-LB";}


.signholder span{
    padding:0 0 0 10px;
    color:#bb002c;
}



/* clerfix
----------------------------------------------------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* link
----------------------------------------------------*/
a {cursor:pointer; outline:none}
a:link,
a:visited,
a:hover,
a:active {color:#333; text-decoration: none;}


/* common
----------------------------------------------------*/
.fl{float:left;}
.fr{float:right;}

#page{}

.inner{
    display:block;
    width:auto;
    max-width:1000px;
    margin:0 auto;
}

.table_wrap{display:table;}
.table_wrap .cell{display:table-cell;}

.ttl{
    text-align:center;
    font-size:140%;
    font-weight:normal;
}


.ut{
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    pointer-events: none;
}




/* cart
----------------------------------------------------*/
.cartwrap{width:195px;}
.cartwrap .cart_num{float:left;margin:0 8px 0 0;}
.cartwrap .cart_num .num{
    display:inline-block;
    height:32px;
    line-height:32px;
    text-align:center;
    padding:0 2px;
    min-width:32px;
    font-size:14px;
    font-weight:bold;
    white-space:nowrap;
    background:#FFF;
    border:1px solid #BBB;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.cartwrap .cart_num .in{
    height:0;
    left:100%;
    position:relative;
    top:-22px;
    width:5px;
    z-index:2;
}
.cartwrap .cart_num .in s,
.cartwrap .cart_num .in i{
    border-color:transparent #BBB;
    border-style:solid;
    border-width:4px 0 4px 5px;
    display:block;
    position:relative;
    top:1px;
}
.cartwrap .cart_num .in i{
    border-left-color:#fff;
    left:-2px;
    top:-7px
}


.cartwrap .cart{float:right;}
.cartwrap .cart a{
    display:inline-block;
    height:32px;
    line-height:32px;
    padding:0 16px;
    border:#BBB solid 1px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    letter-spacing:0.2em;
    background:#FFF;
}

.cartwrap .cart a .fa{font-size:1.2em;}



/* page loading
----------------------------------------------------*/
#pageLoading{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#FFF;
    z-index:9999;
}
#pageLoading p{
    display:inline-block;
    max-width:200px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-16px 0 0 -100px;
    line-height:0;
}

#pageLoading img{
    width:80%;
    line-height:0;
}


#pageLoading i{
    display:block;
    width:1px;
    height:1px;
    background:#BBB;
    position:absolute;
}
#pageLoading i.top{top:-10px;left:0}
#pageLoading i.bottom{bottom:-10px; right:0;}


/* bread
----------------------------------------------------*/
#bread{margin:0 0 20px;}
#bread li{float:left;}
#bread li:after{content:">";margin:0 10px;}
#bread li.current:after{content:"";margin:0;}
#bread li a{text-decoration:underline;}
#bread li a:hover{text-decoration:none;}




/* ================================================== */

/* HEADER */

/* ================================================== */
#header{
    border-top:#982840 solid 5px;
    margin:0 0 20px;
}


/* fixHeader
----------------------------------------------------*/
#fixHeader{
    display:block;
    height:30px;
    line-height:30px;
    font-size:12px;
    margin:0 0 30px;
}
#fixHeader h1{
    float:left;
    color:#929292;
    font-weight:normal;
}
#fixHeader ul{
    float:right;
    padding:7px 0;
    background:#982840;
    border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
}
#fixHeader ul li{
    float:left;
    line-height:16px;
    padding:0 10px;
}
#fixHeader ul li:first-child{border-right:#DDD solid 1px;}
#fixHeader ul li a{
    display:block;
    padding:0 10px;
    color:#FFF;
}

#fixHeader ul li a i.fa{
    padding:0 0 0 5px;
}

#fixHeader ul li.user_name{
    padding:0 20px;
    color:#FFF;
    font-weight:bold;
}

#fixHeader ul li.user_name small{
    display:inline-block;
    padding:0 0 0 10px;
    font-size:90%;
    font-weight:normal;
}



/* mainHeader
----------------------------------------------------*/
#mainHeader{margin:0 0 50px;}

#mainHeader .table_wrap{width:100%;}
#mainHeader .table_wrap .cell{vertical-align:top;}

#mainHeader .table_wrap .center{width:20%;text-align:center;}
#mainHeader .table_wrap .left{width:40%;}
#mainHeader .table_wrap .right{width:40%;}


#mainHeader .table_wrap .center a{
    display:block;
    width:auto;
    max-width:120px;
    margin:0 auto;

}

/* left */
#mainHeader .table_wrap .left ul{font-size:12px;}
#mainHeader .table_wrap .left li{
    float:left;
    padding:0;
    margin:0 15px 10px 5px;
}

#mainHeader .table_wrap .left li:nth-child(2),
#mainHeader .table_wrap .left li:nth-child(4),
#mainHeader .table_wrap .left li:nth-child(6){
    width:200px;
}
/* right */
#mainHeader .table_wrap .right_in{float: right;}



/* catNav
----------------------------------------------------*/
#catNav{
    margin:0 0 20px;
    text-align:center;
}



#catNav ul{
    display:inline-block;
    margin:0 auto;
}


#catNav li{
    float:left;
    padding:0 15px;
}

#catNav li a{
    display:block;
    margin:0 10px;
    padding:5px;
    font-size:16px;
    border-bottom:#DDD solid 1px;
    text-decoration:none;
    position: relative;
}

#catNav li a:before {
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  bottom:-1px;
  left:0;
  background-color:#000;
  visibility:hidden;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:all 0.12s ease-out 0s;
  transition:all 0.12s ease-out 0s;
}

#catNav li a:hover:before {
  visibility:visible;
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
}









#catNav li a span{
    display:block;
    padding:10px 0 5px;
    font-size:12px;

}


/* socialBtns
----------------------------------------------------*/
#socialBtns{}
#socialBtns ul{float:right;}
#socialBtns li{float:left;padding:0 10px;}



/* mobile
----------------------------------------------------*/
#mobileNav,
#mobileTrg{display:none;}




/* ================================================== */

/* FOOTER */

/* ================================================== */


/* footAbout
----------------------------------------------------*/
#footAbout{margin:30px 0 0;border-top:#BBB solid 1px; overflow:hidden;}
#footAbout .ttl{padding:40px 0;}
#footAbout .ttl br{display:none;}
#footAbout .table_wrap{table-layout:fixed;width:100%;}
#footAbout ul{margin:0 -5px;table-layout:fixed;}
#footAbout li{width:33.33%;}
#footAbout dl{display:block;padding:0 5px;}
#footAbout dt{
    display:block;
    padding:8px 0;
    text-align:center;
    background-color:#333;
    color:#FFF;
}
#footAbout dd p{line-height:1.6;}
#footAbout dd p.img{line-height:1;text-align:center;padding:20px 0;}
#footAbout dd p:not(.img){padding:0 5px;}


/* calendar */
#calendar{width:360px;padding:0 0 0 10px;}
#calendar p{
    margin:0 0 10px;
    text-align:center;
    line-height:35px;
    border:1px solid #DDD;
}
#calendar .calendar_in{display:block;padding:0 2px;}
#calendar table{
    float:left;
    width:49%;
    text-align:center;
    background:#EEE;
}
#calendar table:last-child{float:right;}

#calendar table caption{font-weight:bold;}
#calendar table th,#calendar table td{
    width:14.28%;
    text-align:center;
    padding:2px 0;
    font-size:90%;
    border:#FFF solid 1px;
}
#calendar table th{background:#BBB}

#calendar small{
    display:block;
    margin:5px;
    text-align:right;
    line-height:1;
    font-size:90%;
}
#calendar small i{margin:0 2px 0 0;color:#e65555;}



/* footLink
----------------------------------------------------*/
#footLink{
    margin:30px 0 0;
    padding:30px 0;
    border-top:#BBB solid 1px;
}

#footLink .inner{}

/* left */
#footLink .left{
    display:block;
    width:200px;
    float:left;
    border-right:#CCC solid 1px;
}
#footLink .left li{
    margin:10px 0;
}


/* right */
#footLink .right{float:right;}
#footLink .right ul{
    float:left;
    display:inline-block;
    margin:0 0 0 20px;
}

#footLink .right ul li{
    margin:10px 0;
    color:#BBB;
}

#footLink .right ul li a{}

#footLink .right ul li a:before{
    font-size:50%;
    content:"\f068";
    font-family:"FontAwesome";
}


#footLink .bnr{
    float:right;
    margin:0 0 0 30px;
}
#footLink .bnr a{display:block;}
#footLink .bnr a:not(:last-child){margin:0 0 20px;}
#footLink .bnr img{border:#d9d9d9 solid 1px;}




/* copyright */
#copyright{
    margin:30px 0 0;
    text-align:center;
    font-size:10px;
    color:#AAA;
}




#pageTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor:pointer;
}






/* ================================================== */

/* FREE PAGE */

/* ================================================== */
.free_index{
    padding:0 0 0 20px;
    line-height:46px;
    margin:0 0 20px;
    font-size:110%;
    font-weight:bold;
    background:#efefef;
    border-bottom:#d7d7d7 solid 3px;
}


.free_midd{
    margin:0 0 20px;
    line-height:30px;
    font-weight:bold;
    border-bottom:#e5e6e5 solid 1px;
}
.free_midd:before{
    content:"\f10c";
    font-family:FontAwesome;
    font-weight:bold;
    color:#b5b5b5; 
    font-size:110%;
    margin:0 0.5em 0 0;
}




a.txtxlink{text-decoration:underline;}


@media screen and (min-width: 768px) {
    #mainHeader .table_wrap .left li a i.fa{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:all 0.12s ease-out 0s;
        transition:all 0.12s ease-out 0s;
    }
    #mainHeader .table_wrap .left li a:hover i.fa{
        -webkit-transform:translateX(2px);
        transform:translateX(2px);
    }


    #mainHeader .cart a i{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:all 0.12s ease-out 0s;
        transition:all 0.12s ease-out 0s;
    }
    #mainHeader .cart a:hover i{
        -webkit-transform:translateX(2px);
        transform:translateX(2px);
    }


    a.txtlink:hover{text-decoration:underline;}
    a.txtxlink:hover{text-decoration:none;}


}






@media screen and (max-width: 1000px) {
    body{min-width:320px;}
    .inner{margin:0 10px;}




    #footLink .bnr{
        float:none;
        margin:20px 0 0;
        text-align:right;
    }

}



@media screen and (max-width: 768px) {

    #mainHeader .table_wrap .left li{float:none;margin:0 0 10px;}

    /* ================================================== */

    /* FOOTER */

    /* ================================================== */

    /* footAbout
    ----------------------------------------------------*/
    footer .inner{margin:0;}
    #footAbout{margin:20px 0;}
    #footAbout .ttl{padding:20px 0;}
    #footAbout .ttl br{display:block;}
    #footAbout .ttl span{display:none;}




    /* footAbout
    ----------------------------------------------------*/
    #footAbout .table_wrap{display:block;}

    #footAbout .table_wrap ul.cell{
        display:table;
        table-layout:fixed;
        margin:0 5px 20px;
    }
    #calendar{
        display:block;
        width:auto;
        margin:0 10px;
        padding:0;
    }


    /* footLink
    ----------------------------------------------------*/
    #footLink{margin:0;padding:0;background:#82122A;}
    #footLink .left{width:auto;float:none;border-right:none;display:block;}
    #footLink .left li{margin:0;font-size:100%;}
    #footLink .right{float:none;}
    #footLink .right ul{float:none;display:block;margin:0;}
    #footLink .right ul li{margin:0;font-size:100%;}
    #footLink .right ul li .fa{display:none;}
    #footLink ul.left li a,
    #footLink .right ul li a{
        display:block;
        line-height:40px;
        padding:0 0 0 10px;
        color:#FFF; 
        border-bottom:#A07979 solid 1px;
    }
    #footLink ul.left li a:before,
    #footLink .right ul li a:before{
        content:"-";
        margin:0 5px 0 0;
    }

    #footLink ul li.mb_hide{display:none;}



    #footLink .bnr{
        margin:0;
        padding:10px 0;
        text-align:center;
    }

    #footLink .bnr a:not(:last-child){margin:0 0 10px;}

    #footLink .bnr img{
        max-width:100%;
        height:auto;
    }



    /* copyright */
    #copyright{margin:0;padding:10px 0;font-size:10px; background:#FFF}


}






@media screen and (max-width: 640px) {
    .inner{margin:0;}
    #page{position:relative;overflow:hidden;}
    #bread{display:none;}

    /* ================================================== */

    /* HEADER */

    /* ================================================== */
    #fixHeader,
    #mainHeader .left,
    #mainHeader .right,
    #catNav{display:none;}
    #header{border-width:2px;margin:0 0 10px;}
    #mainHeader{margin:0;}
    #mainHeader .table_wrap{
        display:block;
        width:100%;
        height:auto;
        padding:20px 0;
        position:relative; 
    }
    #mainHeader .table_wrap .center{
        display:block;
        width:30%;
        height:auto;
        margin:0 auto;
    }

    /* mobile Trg
    ----------------------------------------------------*/
     #mobileTrg{
        display:block;
        width:45px;
        height:45px;
        overflow:hidden;
        position:absolute;
        top:10px;
        right:6px;
     }
     #mobileTrg a{
        cursor:pointer;
        display:block;
        width:45px;
        height:45px;
        text-indent:999px;
        background:url(https://img21.shop-pro.jp/PA01335/266/etc/mbtrg.png?cmsp_timestamp=2139) 0 0 no-repeat;
        background-size:100% auto;
     }

     #mobileTrg a.on{background-position:0 100%;}


    /* socialBtns
    ----------------------------------------------------*/
    #socialBtns{display:none;}
    #socialBtns ul{
        float:none;
        display:block;
        width:230px;
        margin:15px auto;
    }
    
    /* mobile Nav
    ----------------------------------------------------*/
    #mobileNav{
        display:block;
        width:220px;
        height:100%;
        position:absolute;
        top:0;
        left:100%;
        overflow:hidden;
        background:#f0f0f0;
    }

    #mobileNav nav{
        display:block;
        width:220px;
        height:100%;
    }
    #mobileNav ul{display:block;}
    #mobileNav ul li:not(.login):not(.cartItem){
        display:block;
        border-bottom:#FFF solid 1px;
    }
    #mobileNav ul li:not(.login):not(.cartItem) a{
        display:block;
        padding:0 0 0 15px;
        line-height:40px;
        font-size:95%;
        border-bottom:#e1e1e1 solid 1px;
    }
    #mobileNav ul li:not(.login):not(.cartItem) a:before{
        content:"\f105";
        font-size:90%;
        font-family: FontAwesome;
        margin:0 10px 0 0;
    }


    /* login */
    #mobileNav ul li.login{margin:20px 10px 0;}
    #mobileNav ul li.login p{
        display:block;
        width:95px;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        background:#000;
    }
    #mobileNav ul li.login p a{
        display:block;
        text-align:center;
        line-height:35px;
        color:#FFF;
        font-size:85%;

    }
    #mobileNav ul li.login p:first-child{float:left;}
    #mobileNav ul li.login p:last-child{float:right;}

    /* cart */
    #mobileNav ul li.cartItem{padding:10px 0 10px 10px;}



    /* ================================================== */

    /* FOOTER */

    /* ================================================== */

    /* footAbout
    ----------------------------------------------------*/
    #footAbout .table_wrap ul.cell{display:block;margin:0 10px 30px;}
    #footAbout .table_wrap ul.cell li{display:block;width:100%;}
    #footAbout dl{padding:0; margin:0 0 20px;}
    #footAbout dd p.img{padding:10px 0;}

    /* calendar */
    #calendar p{margin:0;}
    #calendar table{float:none;width:100%;margin:10px 0 0;}

}










/* ================================================== */

/* listwrap */

/* ================================================== */

/*
.listwrap{
    display:flex;
    justify-content:space-between;
     -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.listwrap li{
    display: flex;
    align-items:center;
    flex-basis:25%;
}
*/

.listwrap{width:100%;}
.listwrap li{width:25%;float:left;}

.listwrap li a{
    font-size:110%;
    display:block;
    margin:30px 12px;
    position:relative;
}
.listwrap li a img.saletag{
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    left:0;
}







.listwrap li a img{width:100%; height:auto;}


.listwrap li dl{text-align:center;}
.listwrap li dt{
    font-size:110%;
    font-weight:bold;
    padding:5px 0;
}

.listwrap li dd.tag{}
.listwrap li dd.tag span{
    display:inline-block;
    margin:0 auto;
    padding:0 10px;
    line-height:20px;
    color:#FFF;
    font-size:10px;
    background:#982840;
}
.listwrap li dd span.premium{background:#ba975d;}
.listwrap li dd span.goldpfeil{background:#00275e;}
.listwrap li dd.price{padding:5px 0 24px;}
.listwrap li dd.price span{
    display:inline-block;
    padding:0 0 0 10px;
    font-size:90%;
}

.listwrap li dd.price_sale_s{
    padding:5px 0 0;
}

.listwrap li dd.price_sale_s span{
    text-decoration:line-through;
}

.listwrap li dd.price_sale{
    color:#b90430;
    padding:5px 0 0;
}



























@media screen and (min-width: 768px) {
    .listwrap li a:hover img{
        filter: alpha(opacity=77);
        -moz-opacity:0.77;
        opacity:0.77;
    }
}


@media screen and (max-width: 768px) {
    /*.listwrap li{width:50%;}*/
    .listwrap li{flex-basis:50%;}
    .listwrap li a{margin:15px 6px;}
}



@media screen and (max-width: 640px) {
    .listwrap li dt{padding:2px 0;}
    .listwrap li dd.tag span{
        display:block;
        padding:0;
        transform:scale(0.9);
    }
    .listwrap li dd.price {
        font-size:115%;
        padding:5px 0 0;
    }

    .listwrap li dd.price span{
        display:block;
        font-size:80%;
        padding:0;
    }

}



@media screen and (max-width: 480px) {
    .listwrap li{width:50%;}
}






/* ================================================== */

/* history */

/* ================================================== */

#history{margin:30px 0 60px;}

/* header */
#history header{
    margin:0 0 30px;
    background:url(https://file001.shop-pro.jp/PA01335/266/assets/img/line.png) 0 50% repeat-x;
}
#history header h1{
    text-align:center;
    width:40%;
    margin:0 auto;
    font-size:18px;
    background:#FFF;
}


/* items */
#history .wrap{display:block;margin:0 0 30px}
#history .wrap li{
    width:20%;
    float:left;
}
#history .wrap li a{
    display:block;
    font-size:14px;
    margin:0 5px;
    position:relative;
}
#history .wrap li a img.saletag{width:50px;height:50px;position:absolute;top:0;left:0;}
#history .wrap li a img{width:100%;}
#history .wrap li dl{text-align:center;}
#history .wrap li dt{
    font-weight:bold;
    padding:10px 0;
}
#history .wrap li dd.price{}

#history .wrap li dd.price span{
    display:inline-block;
    padding:0 0 0 5px;
    color:#333;
    font-size:90%;
}

#history .wrap li dd.price_sale_s span{text-decoration:line-through;}
#history .wrap li dd.price_sale{color:#b90430;padding:5px 0 0px;}



@media screen and (min-width: 768px) {
    #history li a:hover img{
        filter: alpha(opacity=77);
        -moz-opacity:0.77;
        opacity:0.77;
    }
}