body {
    position: relative;
    left: 0;
    overflow-x: hidden;
    counter-reset: sample;
    counter-increment: sample;
    min-height:100vh;
}
body, h1, h2, h3, h4, h5 {
        font-family:"メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
html {
    overflow: hidden;
}


#slide_menu {
    position: fixed;
    top: 0px;
    left: -370px;
    width: 370px;
    height: 200%;
    background: #e6e6fa;
}

h4 {
    margin-top: 0px;
    margin-bottom: 10px;
}

#slide_menu ul {
    padding: 0px 15px 0px 5px;
}

#slide_menu li {
    border-bottom: solid 1px #d56767;
    list-style: none;
}
label {
     padding-top:1px; 
     margin:0 0 0 5px;
}
label:hover {
    color: red;
    cursor:pointer;
}

#newbtn {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

#newbtnr {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
#ulchild {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
#ulchildr {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
.list-group-item {
    padding: 3px 3px;
}

#newbtn input {
    display: none;
}

#newbtnr input {
    display: none;
}

#ulchild input {
    display: none;
}

#ulchildr input {
    display: none;
}

.totalrateyressim, .totalraterressim {
    margin-right: 20px;
}

#newbtn li {
    margin-top: 1px;
}

#newbtnr li {
    margin-top: 1px;
}

#ulchild li {
    margin-top: 1px;
}

#ulchildr li {
    margin-top: 1px;
}

#clone input {
    display: none;
}

#cloner input {
    display: none;
}

#sideclone input {
    display: none;
}

#sidecloner input {
    display: none;
}

#mbutton {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    outline: none;
    border: none;
    background: #FFFFFF;
    color: #3E454C;
    font-size: 10px;
}

.container {
    margin: 0 auto;
    width: 750px;
}

#ptsmclonebody {
    color: white;
}

.btn.active, .btn:active {
    background-color: yellow;
}

.popover {
    min-width: 600px; /* Max Width of the popover (depending on the container!) */
}
li .popover {
    min-width: 300px;
}
.iteminfo {
    margin: 20px;
}

.rres{
    background-color: #ffe0e0;
}

.yres {
    background-color: #ffffe0;
}

.ares {
    background-color: #e0efff;
}
.rres .name{
    background-image: url(../Images/ricon.png);
    background-position:  right bottom;
    background-repeat: no-repeat;
    background-size:contain;
}

.yres .name{
    background-image: url(../Images/yicon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size:contain;
}

.ares .name{
    background-image: url(../Images/aicon.png);
    background-position:  right bottom;
    background-repeat: no-repeat;
    background-size:contain;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.popular-post {
    counter-reset: wpp-ranking;
    color: #e0efff;
    position: relative;
}
.whitelabel {
     width:100%; 
     background:rgba(255, 255, 255, 0.8); 
     height:60px; 
     color:red; 
     font-size:20px;
}
.whitelabelPrice {

}

.juni {
       display:table-cell;
    color:white;
    width:50px; 
    background-color:#29DCA1; 
    height:50px; 
    padding:2px; 
    margin-right:5px; 
    font-size:20px;
    font-weight:bold;
    border-radius:3px;
    text-align:center;
    vertical-align:middle;
    float:left;
    padding-top:10px;
}
    .popular-post li:before {
        counter-increment: wpp-ranking;
    }
  
    .popular-post .juni:before {
        content: counter(wpp-ranking, decimal) '位';
    }

.modal-lg {
    width: 85%;
    margin-top: 25px;
}

.modal-lgsm {
    width: 100%;
    margin-top: 0px;
}

.modal-backdrop {
    position: absolute;
}

.modal {
    margin-top: 50px;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 1px 0;
}

.dshr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: gray;
    border-style: dashed;
    border-width: 1px 0;
    margin: 20px 5px 20px 5px;
    border-top: 1px dashed #bbb;
    margin-bottom:30px;
}

    .dshr:after {
        counter-increment: sample;
        content: counter(sample);
        display: inline-block;
        position: relative;
        top: -30px;
        padding: 0 10px;
        color: darkgray;
        font-size: 30px;
        background-color: #3E454C;
        height: 40px;
        border-radius: 3px;
    }



ul.share-buttons {
    list-style: none;
    padding: 0;
}

    ul.share-buttons li {
        display: inline;
    }

.simborder {
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
}

.menseki {
    font-size: 10px;
    margin: 20px;
}

.ranking {
    width: 97%;
}
.simcheck {
    background-image: url(Images/checkon.png);
    background-position:left;


}
.simcheck-off {
       background-image: url(Images/checkoffwaku.png);
    background-position:left;
}
.white {
    color:white;
    font-weight:bold;
}
     .footkey:hover {
    color:#6ACDC1;
}


.nav-tabs .active > #yahotab {
    background-color: #d7c447 ;
    font-weight:bold;
     color:white;
}

.nav-tabs .active > #rakutab {
    background-color: #e85298 ;
       font-weight:bold;
    color:white;
} 
.nav-tabs .active > #amatab {
    background-color: #0079c2 ;
       font-weight:bold;
     color:white;
} 
.nav-tabs .active > #alltab {
    background-color: #5cb85c ;
       font-weight:bold;
     color:white;
} 
.carousel-indicators li {
  background-color: darkgray;
}

.carousel-indicators .active {
  background-color: #000;
}

@media (min-width: 768px)
{
    .navbar-header
    {
        float: none;
    }
    .navbar-toggle
    {
        display: block;
    }
    .navbar-collapse.collapse
    {
        display: none !important;
    }
}



.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.caption {
    z-index:9999999999;
}

.modal-title {
    font-size:15px;
}
.attention {
    color:red;
    font-size:8px;
         -webkit-transform: scale(0.8);
-webkit-transform-origin:right;
    text-align:right;
    vertical-align:bottom;
    white-space: nowrap;
    width:120%;
    margin-left:-20%;
    z-index:-1;
    line-height:9px;
}
.attention2 {
    position:absolute;
    left:0;
    color:red;
    font-size:8px;
    width:180px;
    padding:0px;
}
.abbreviation {
    display:inline-block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width:100%;
    height:16px;
	white-space: nowrap;
}
h1 {
    font-size:12px;
    font-weight:bold;
    width:99999px;
    background-color:#222222;
    color:#bebdbd;
    position:fixed;
    top:0;
    margin:0;
    left:0;
    z-index:999999999;
    padding:5px;
    overflow:hidden;
}

#pwb {
    z-index:9999999999;
}
#arg {
      font-size:8px;
       -webkit-transform: scale(0.8);
        -webkit-margin-start: -10px;
  display: inline-block;
  -webkit-margin-start: -10px;

  background-color:#3399CC;
}
#hyn {
      font-size:8px;
       -webkit-transform: scale(0.8);
  display: inline-block;
   margin-left:5px;
  -webkit-margin-start: -15px;

    background-color:#29DCA1;
   
}
.input-xs {
    height: 20px;
    padding: 5px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
#newin {
    display:inline; 
    width:50px;
}
.describe {
   float:left;
   margin-top:-20px;
}

        .side-corner-tag {
    position: relative;
    display: inline-block;
    padding: 0;
    overflow:hidden;
} 
 
.side-corner-tag p {
    display: inline;    
}
.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    left: -100px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    background: red;
    width: 300px;
    padding: 3px 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.imglink {

}
.itemimg {
    width:auto;
    height:auto;
   
  	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
     max-width:250px;
    max-height:250px;
}
   .hoboyasubtn {
           color:#29DCA1;
           margin-bottom:10px;
       }
           .hoboyasubtn:hover {
               color:white;
               text-decoration:none;
           }


.ui-widget-content {
 border: 1px solid #29DCA1!important;
 background:rgba(234, 255, 248, 0.90)!important;
 font-size:25px!important;
  font-family:"メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  z-index:9999999999999!important;
}
 

.ui-menu .ui-menu-item a {

}
 
.ui-widget-content a {
 color: #FF0000!important;
}

.ui-state-focus {
 border:1px solid #29DCA1!important;
 background: rgba(107, 107, 107, 0.81)!important;
 font-weight: normal!important;
 color:#29DCA1!important;
}
 
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {

}



 
.comment-low-price {
    background: #0079c2; 
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}
.comment-high-review {
    background: #522886;
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}
.comment-high-point {
    background: #ee7b1a;
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}
.comment-free-ship {
    background: #6cbb5a;
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}
.comment-set {
    background: #e44d93;
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}
.comment-osusume {
    background: #29DCA1;
    color:white; 
    font-weight:bold; 
    border-radius:3px;
    margin-top:2px;
}



.itemButton {
    width:calc(100% - 20px); 
    float:left;
    background:red; 
    color:white; 
    font-weight:bold; 
    font-size:15px; 
    padding:0;
}
.fvBtn {
    width:20px;
    float:right;
    color:#808080;
     font-size:15px; 
      padding:0;
}
.fvBtn:hover {
    color:#b9b9b9;
    cursor:pointer;
}
.fvBtn2 {
    width:20px;
    float:left;
    color:#808080;
     font-size:15px; 
      padding:0;
      font-size:25px; 
      line-height:1; 
      position:absolute; 
      left:80px; 
      bottom:0;
      z-index:3;
}
.fvBtn2:hover {
    color:#b9b9b9;
    cursor:pointer;
}

 .fvBtn2 + .tooltip > .tooltip-inner {
  background-color: #FFFFFF;
  color:#ff6d00;
   font-weight:bold;
   border: 1px solid #656565;
   width:130px;
}

   .fvBtn2 + .tooltip > .tooltip-inner span {
        color:#ff7500;
    }
#wlistPanel {
    position:absolute;
    bottom:0;
    top:0;
    right:0;
    left:0;
    margin:auto;
    background:rgba(255, 255, 255, 0.81);
    width:250px;
    height:60px;
    text-align:center;
    font-size:12px;
    border-radius:5px;
    border:3px solid #196300;
    padding-top:10px;
    font-weight:bold;
    color:#115700;
}
.tooltip-inner {
  background-color: rgba(215, 255, 253, 0.82);
  color:#26292c;
   text-shadow:0 1em 20px rgb(127, 251, 245); 
   font-weight:bold;
   border: 1px solid #656565;

}

    .tooltip-inner span {
        color:#ff7500;
    }


  .fvBtn + .tooltip > .tooltip-inner {
  background-color: #FFFFFF;
  color:#ff6d00;
   font-weight:bold;
   border: 1px solid #656565;
   width:130px;
   margin-left:-110px;
}

   .fvBtn + .tooltip > .tooltip-inner span {
        color:#ff7500;
    }