/*** The new CSS reset - version 1.8.2 (last updated 23.12.2022) ***/
 
*:where(:not(html,iframe,canvas,img,svg,video,audio,input):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:""}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}


body {
    background:rgb(239,239,239,0.2);
    font-size:14px;
    color:#666;   
}
header {
    width :100%;
    /*background:#f6f8fc;*/
    background:#fff;    
    height:60px;
    border-top:23px solid #0b64eafc;
}
header h1 {
    position:absolute;
    height:23px;
    font-size:1.2em;
    left:220px;
    top:30px;
    font-weight:bold;
    color:#333;
}
header img.logo {
    position:absolute;
    left:15px;
    top:26px;
    width:180px;
}
header ul {
    position:absolute;
    right:50px;    
    top:25px;
}
header ul li {
    float:left;
    width:100px;
    margin-left:60px;
    text-align:center;
    font-size:0.9em;
    vertical-align: middle;
    /*background:rgb(239,239,239,0.5);*/
    background:#fff;
    padding:5px 3px;
    /*
    border-radius: 10px;
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    */
    position:relative;
    /*
    text-decoration: underline;
    */
    cursor: pointer;
}
header ul li img {
    width:28px;
    padding-right:8px;
    padding-bottom:3px;
    vertical-align: middle;
}
header ul li.cart p.badge {
    background:rgb(249, 115, 103);
    color:#fff;
    font-weight:bold;
    font-size:0.8em;
    width:18px;
    width:18px;
    border-radius: 8px;
    position:absolute;
    right:-5px;
    top: 7px;
}

div.user_area {
    width:100%;
    /*background:#f9f9f9;*/
    text-align:right;
    padding:5px 10px;
    font-size:0.9em;
}

footer {
    background:#0b64eafc;
    width:100%;
    height:30px;
    text-align:center;
    font-size:0.8em;
    padding:5px 0px;
    position:fixed;
    bottom:0px;
    left:0px;
    color:#fff;
}

div.contents {
    width:1100px;
    margin:0px auto;
    height:calc(100vh - 90px);
}

div.contents p.box_title {
    /*border-left:5px solid rgb(108,16,0,1);*/
    border-left:5px solid #0b64eafc;
    padding-left:10px;
}

.clear {
    clear:both;
}
.footer_sb {
    display:none;
}
.footer_menu {
    display:none;
}

.btn_area {
    clear:both;
    width:100%;
    text-align:center;
    padding:10px;
    margin-top:20px;
}

.return_btn {
    width:250px;
    height:50px;
    color:#666;
    background:#dfdfdf;
    border-radius:5px;
}

button {
    cursor:pointer;
}

.cartin_btn {
    background-color:#0b64eafc;
    background-image:url(/../images/icon/cart2.png);
	background-repeat:no-repeat;
	background-size: 20px;
    background-position: center left 40px;
    width:250px;
    height:50px;
    border-radius: 5px;
    text-align:center;
    color:#fff;
}

select {
    font-size:1.2em;
    background:#fff;
    border:1px solid #999;
    padding:3px 5px;
    width:30px;
    text-align:center;
}
.btn_area {
    padding-bottom:40px;
}

span.red {
    color:#f00;
}
.sp_clear {
    display:none;
}

.order_btn {
    background-color:#0b64eafc;     
    width:250px;
    height:50px;
    border-radius: 5px;
    text-align:center;
    color:#fff;
    float:right;
}
.regedit_btn {
    background-color:#E45653;   
    width:250px;
    height:50px;
    border-radius: 5px;
    text-align:center;
    color:#fff;
    float:right;
}

.quantity_label {
    display:none;
}

.pc_hidden {
    display:none;
}

.clearfix {
    content:"";
    clear:both;
    overflow:hidden;
}

.sp_menu {
    display:none;
}
.sp_menu_btn {
    background-image:url(/../images/icon/menu2.png);
    width:30px;
    height:30px;
    background-repeat:no-repeat;
    position:absolute;
    background-size: 24px;
    top:0px;
    left:3px;
    cursor:pointer;
    background-position: center center;
}
.sp_menu_list {
    box-sizing:border-box;
    border:1px solid #dfdfdf;
    width:300px;
    height:calc(100vh - 83px);
    background:rgb(250,250,250,1.0);
    position:absolute;
    left:-300px;
    top:31px;
    z-index:9999;
}
.sp_menu_list ul li {
    box-sizing:border-box;
    border-bottom:1px dotted #dfdfdf;
    height:50px;
    padding:10px;
}
.sp_menu_list ul li span.menu_name {
    display:block;
    height:50px;
    line-height:2.4;
    float:left;
}
.sp_menu_list ul li span.yajirusi {
    display:block;
    height:50px;
    line-height:2.4;
    float:right;
}

.t_center {
    text-align:center;
}
.t_left {
    text-align:left;
}
.t_right {
    text-align:right;
}
::placeholder {
    color:#afafaf;
}

button.disabled {
    opacity:0.3;
  }


/* ページネーション */
.pagenation {
    margin-top:20px;
    text-align:center;
}
.pagenation-label {
  margin-bottom:5px;
}
.pagenaion li {
  display:inline-block;
  padding:5px;
}
.pagenation li:hover {
  background-color:#fff;
  border:1px solid #ddd;
  color:#333;
}
.pagenation-prev {
  display:inline-block;
  /*
  background-color:#294661;
  */
  background-color:#0b64eafc; 
  border:1px solid #ddd;
  padding:10px;
  color:#fff;
  cursor:pointer;
  border-radius:5px;
}
.pagenation-number--selected {
  display:inline-block;
  background-color:#fff;
  border:1px solid #ddd;
  padding:10px;
  cursor:pointer;
  border-radius:5px;
}
.pagenation-number {
  display:inline-block;
  /*
  background-color:#294661;
  */
  background-color:#0b64eafc; 
  border:1px solid #ddd;
  padding:10px;
  color:#fff;
  cursor:pointer;
  border-radius:5px;
}
.pagenation-next {
  display:inline-block;
  /*
  background-color:#294661;
  */
  background-color:#0b64eafc; 
  border:1px solid #ddd;
  padding:10px;
  color:#fff;
  cursor:pointer;
  border-radius:5px;
}


/** smart phone **/
@media print, screen and (max-width: 760px) {
    header {
        height:30px;
        position:fixed;
        top:0px;
        left:0px;
        border-top:none;
    }
    header ul {
        display:none;
        
    }
    header h1 {
        text-align:center;
        height:30px;
        padding-top:5px;
        padding-left:0px;
        position:static;
        color:#fff;
        background:#0b64eafc;
        font-weight:normal;
    }
    img.log {
        display:none;
    }
    div.contents {
        padding-top:20px;
        width:100%;
        height:calc(100vh - 80px);
        overflow-y: scroll;
    }
    div.user_area {
        text-align:center;
    }

    div.contents p.box_title {
        /*border-left:5px solid rgb(108,16,0,1);*/
        border-left:5px solid #0b64eafc
        padding-left:10px;
        margin-left:10px;
    }
    footer {
        display:none;
    }

    .footer_sb {
        clear:both;
        display:block;
        background:#0b64eafc;
        width:100%;
        height:30px;
        text-align:center;
        font-size:0.8em;
        padding:5px 0px;        
        color:#fff;
        margin-top:20px;
        position:absolute;
        left:0px;
        bottom:1px;
    }
    .footer_menu {
        display:block;
        position:fixed;
        height:50px;
        width:100%;
        padding:0px;
        margin:0px;
    }
    .btn_logout_sb {
        width:50%;
        height:50px;
        text-align:center;
        background:#708090;
        color:#fff;
        position:absolute;
        top:0px;
        left:0px;
    }
    .btn_cart_sb {
        width:50%;
        height:50px;
        text-align:center;
        background:#F69679;
        color:#fff;
        position:absolute;
        top:0px;
        right:0px;
    }
    .return_btn {
        width:60%;
        height:50px;
        color:#666;
        background:#dfdfdf;
        border-radius:5px;
    }
    .sp_clear {
        display:block;
        clear:both;
    }
    .quantity_label {
        display:inline;
    }
    .sp_menu {
        display:contents;
    }
    .sp_hidden {
        display:none;
    }
    .pc_hidden {
        display:contents;
    }
    img.logo {
        display:none;
    }
    /*
    h1 {
        font-size:1.2em;
        width:500px;
        box-sizing: border-box;
        padding:5px;
        border-radius: 5px;
        background:rgb(174, 147, 115,0.2);
        text-align:center;
        margin:100px auto 10px auto;
        color:#fff;
    }
    */
}