.big_red { font-size: 20px; color: #f00; }

.black { font-size: 15px; }


.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.icon_star {
  float: left;
  width: 75px;
  overflow: hidden;
}
.icon_star img {
  max-width: inherit;
}
.review_poster li {
  float: left;
  margin-left: 10px;
}
.review_poster li {
  list-style: none;
}
.reviewlist {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}
.review_ttl,
.shopcomment_ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.review_img {
  float: right;
  margin: 0 0 10px 10px
}
.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}
.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 15px;
  border-radius: 6px;
}



.lock {
    overflow:hidden;
}
 
.modal-content {
    position:relative;
    display:none;
    width:50%;
    margin:30px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
 
.modal-content p {
    margin:0;
    padding:0;
}
 
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
 
.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
 
.modal-open {
    color:#00f;
    text-decoration:underline;
}
 
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
 
.modal-close {
    color:#00f;
    text-decoration:underline;
}
 
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}






/* ContentsArea
-------------------------- */
#contents {

    padding: 10px 0 50px 0;
    width: 100%;
}
 
p {
    padding: 10px 0;
}
 

#open01,
#open02,
#open03,
#open04,
#open05,
#open06,
#open07,
#open08,
#open09,
#open10,
#open11,
#open12,
#open13,
#open14,
#open15,
#open16,
#open17,
#open18,
#open19,
#open20 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
}

 
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: fixed;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}

 
.modal_window {
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
    width: 600px;
    height: 600px;
    text-align: center;
    display: block;
    background: #fff;
    position: fixed;
    z-index: 10;
 
    -webkit-transform: scale(0);
}javascript:jf_UpperSubmit();
 
.modal_window h2 {
    margin-bottom: 20px;
    width: 650px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    text-indent: 20px;
    background: #000;
}

.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 15px;
    line-height: 160%;
    text-align: left;
}

 

 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity: 0;display: block;}
    100% {opacity: 1;}
}

div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display: block;
}

 

@-webkit-keyframes modalScale {
    0% {opacity: 0;display: none; -webkit-transform:scale(0);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}

div#modal div:target .modal_window {
    -webkit-animation-name: modalScale;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform:scale(1);
    opacity: 1;
    display:block;
}


#option_tbl {
    border-collapse: initial;
    margin: 10px auto 20px;
}
li.opName {
    display: inline-block;
}
span.opName2 {
    padding: 0 10px 0 5px;
    display: inline-block;
}
li.opName:first-child .opName2 {
    display: none;
}