html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

ul, ol {
 list-style: none;
}

.ui-header .ui-title {
  margin-left: 100px;
  margin-right: 80px;
}

.ui-icon-cart {
    background-image: url("/image/cart.png");
}

.waku {
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.2);
    border-radius:8px;
    font-size:100%;
    padding:10px;
    text-align:left;
    margin:10px 0
}

.waku h3 {
    border-bottom:1px solid #007aff;
    color:#007aff;
    margin:10px 0;
    font-size:14px
}

.waku p {
    padding:0 10px
    margin-top: 5px;
    margin-bottom: 5px;
}

#info {
 margin: 0 auto;
 width: 300px;
}

#info2 {
 margin: 0 auto;
 width: 300px;
}

#info2 img{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#osusume {
    margin:0 0 30px
}

#osusume h2 {
    background:#BF392B;
    padding:8px;
    font-size:15px;
    color:#fff
}

#pcView a {
    display:block;
    background:#D2D2D6;
    padding:15px 0;
    margin:15px 0 10px;
    text-align:center
}

footer address {
    text-align:center;
    color:#007aff;
    font-size:11px;
    font-style:normal;
    padding:5px 0px;
}

.header_logo {
    text-align:center;
    margin-top:14px;
}

#items {
    margin: 1em 0px;
}

#items h1 {
    border-bottom:1px solid rgba(0,0,0,0.2);
    box-shadow:0 1px rgba(255,255,255,0.4);
    color:#212121;
    font-size:16px;
    line-height:24px;
    padding:10px 14px;
}

#items ul {
    padding: 0px;
    list-style: none;
    background: #fff;
    border: 1px solid #666;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#items ul li {
    background: #fff;
    border-bottom: 1px solid #666;
}

#items ul li:first-child {
    -webkit-border-top-right-radius:8px;
    -webkit-border-top-left-radius:8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#items ul li:last-child {
    border-bottom:none;
    -webkit-border-bottom-right-radius:8px;
    -webkit-border-bottom-left-radius:8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#items a.links {
    color:#333;
    display:block;
    text-decoration:none;
    margin-right:10px;
    background: url("/image/arrow.png") no-repeat 100% 50%;
}

#items .info {
    display:table;
    width:95%;
}

#items .pict,#items .txt {
    display:table-cell;
}

#items .pict {
    text-align:center;
    vertical-align:middle;
    width:100px;
    min-width:100px;
}

#items .txt {
    overflow:hidden;
    padding:0 0 0 10px;
}

#items .txt h2 {
    font-size:100%;
    color:#1c3f88;
    display:inline;
}

#items .hosi {
    margin-left:5px;
    display:inline;
    font-size:80%;
    color:#ff0;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#1c3f88;
}

#items .txt h3 {
    font-size:100%;
    color:#1c3f88;
}

#items .act {
    font-size:80%;
}

#items .info p {
    font-weight:400;
}

#items .info p b {
    color:#c30;
}

#items div {
    display:-webkit-box;
    width:94%;
}
#items .lst {
    margin-left: 5px;
    line-height: 70px;
}

.actimage {
    font-size:80%;
    color: red;
}

.searchArea {
    background:#D2D2D6;
    padding:10px;
    text-align:center
}

.ched {
        background-color: #FFC0CB;
        border:1px solid red;
        color: #000000;
}

.ched2 {
        background-color: #AFEEEE;
        border:1px solid blue;
        color: #000000;
}

.ched3 {
        background-color: #DCDCDC;
        border:1px solid blue;
        color: #000000;
}

#nav-portfolio {
 margin-top: 10px;
}

#nav-portfolio img {
 margin-bottom: 6px;
 width: 90px;
 height:115px;
 overflow: hidden;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}

#nav-portfolio li {
 margin-bottom: 10px;
 margin-left: 2px;
 float: left;
 text-align: center;
}

#nav-portfolio ul:after {
 content: '';
 display: block;
 clear: both;
}

#nav-portfolio a {
 display: block;
 text-decoration: none;
}

#nav-portfolio a:after {
 display: block;
 overflow: hidden;
 content: attr(title);
 font-size: 12px;
 width: 90px;
 height: 15px;
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
}
#nav-portfolio2 {
 margin-top: 10px;
}

#nav-portfolio2 img {
 margin-bottom: 6px;
 width: 90px;
 height:90px;
 overflow: hidden;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}

#nav-portfolio2 li {
 margin-bottom: 10px;
 margin-left: 2px;
 float: left;
 text-align: center;
}

#nav-portfolio2 ul:after {
 content: '';
 display: block;
 clear: both;
}

#nav-portfolio2 a {
 display: block;
 text-decoration: none;
}

#nav-portfolio2 a:after {
 display: block;
 overflow: hidden;
 content: attr(title);
 font-size: 12px;
 width: 90px;
 height: 15px;
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
}

#act-portfolio {
 margin-top: 10px;
}

#act-portfolio img {
 margin-bottom: 6px;
 width: 90px;
 height:90px;
 overflow: hidden;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}

#act-portfolio li {
 margin-bottom: 10px;
 margin-left: 2px;
 float: left;
 text-align: center;
}

#act-portfolio ul:after {
 content: '';
 display: block;
 clear: both;
}

#act-portfolio a {
 display: block;
 text-decoration: none;
}

#act-portfolio a:after {
 display: block;
 overflow: hidden;
 content: attr(title);
 font-size: 12px;
 width: 90px;
 height: 15px;
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
 margin-top: -5px;
}

.list50 {
 margin: 0 auto;
}

.list50 a{
 margin: 5px 5px 5px 8px;
 display: block;
 text-decoration: none;
 text-align: center;
 padding-top: 10px;
 border: 1px solid #B7B7B7;
 background: white;
 width: 40px;
 height: 40px;
 font-size: 16px;
 border-radius:3px;
}

.list50image {
 margin: 0 auto;
}

.list50image a{
 margin: 5px 5px 5px 8px;
 display: block;
 text-decoration: none;
 text-align: center;
 padding-top: 10px;
 border: 1px solid #B7B7B7;
 background: #FFFFE0;
 width: 40px;
 height: 40px;
 font-size: 16px;
 border-radius:3px;
}

.updaylist {
 margin-bottom: 15px;
 padding: 0 10px 0 10px;
}

.updaylist ul {
 border: 1px solid #666;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: 0 0 3px #FFFFFF;
 box-shadow: 0 0 3px #FFFFFF;
}

.updaylist li {
 height: 70px;
 line-height: 70px;
 background-color: white;
 border-bottom: 1px solid #666;
}

.updaylist li:first-child {
 -webkit-border-top-right-radius: 8px;
 -webkit-border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 border-top-left-radius: 8px;
}

.updaylist li:last-child {
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 border-bottom-right-radius: 8px;
 border-bottom-left-radius: 8px;
}

.updaylist a {
 padding: 0 24px 0 14px;
 font-size: 14px;
 display: block;
 overflow: hidden;
 color: black;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
}

#mess {
 background-color: #FFCCCC;
}

.box-text li {
    margin:0 5px 5px 0;
    display:inline-block;
}

.box-text li a {
    background-color: #ddeeff;
    border:1px solid #ccc;
    border-radius:3px;
    box-sizing:border-box;
    padding:.2em 5px;
    text-decoration: none;
    display:inline-block;
}

.pkimage {
   max-width: 800px;
   min-width: 300px;
}

p.pkimage img {
   width: 98%;
}

.colred {
 color: red;
}

#cago-dsp p {
 text-align: center;
 margin-bottom: 5px;
}

#used-dsp p {
 text-align: center;
 margin-bottom: 5px;
}

.cartnew {
  background-color: #AFEEEE;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.cartused {
  background-color: #FFC0CB;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.cartcharge {
  color: red;
  font-size: 2em;
}

.cagomess {
  background-color: #FFFF00;
  color: red;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.redbtn {
    border:1px solid red;
    border-radius:4px;
    background-color: #FFF0F5;
    margin-right: 5px;
    padding:5px;
    text-decoration:none
}

.grnbtn {
    border:1px solid green;
    border-radius:4px;
    padding:5px;
    text-decoration:none
}

.mesbtn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.total {
   text-align: right;
   font-size: 130%;
   margin: 5px 5px 0px 5px;
}
 .cagomes {
   margin-top: 5px;
   margin-left: 5px;
}

 .cagotit {
   margin-top: 5px;
   margin-left: 5px;
   color: blue;
}

.wchk {
 margin-top: 5px;
 color: red;
 width: 100%;
 background-color: yellow;
}

.mny{
 text-align: right;
 font-size: 120%;
 color: red;
}

#kiya {
   margin-top: 20px;
}

#ate {
 font-size: 70%;
}

#kaitori {
   text-align: center;
   margin-top: 10px;
}
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 12px 8px;
  display: -ms-flexbox;
  display: flex;
}

.horizontal_scroll > li {
  width: 90%;
  min-width: 110px; 
}


.horizontal_scroll > li:not(:last-child) {
  margin-right: 5px;
}

.horizontal_scroll > li:last-child {
  padding-right: 5px;
}

.horizontal_scroll img {
  vertical-align: bottom;
}

.nm {
  color: #bf0000;
  line-height: 1.65;
  font-size: 13px;
  margin-top: 4px;
}

#aface {
  margin-top: 20px;
}