/*オプションモーダル*/
.mdl-myop-block{border-top: 1px solid #bbb;}
.mdl-op-box{  margin-top: -1px; font-size: 3.4vw; font-weight: bold;}
.opsion-ttl{background: #efefef; padding: 8px 32px 8px 8px; position: relative;border: 1px solid #bbb;margin-top: -1px;font-weight: bold;}
.opsion-ttl span{font-size: 2.75vw;font-weight: normal;padding-right: .5em;}
.opsion-ttl::after{ content: "\f0fe"; font-family: FontAwesome; position: absolute; top:50%; right: 9px;transform: translate(-0%,-50%);font-size: 1.15em;}
.opsion-ttl.open::after{ content: "\f146"}

.option-list{ display: none; border-left: 1px solid #bbb;}
.option-list > div{ display: flex; align-items: center; line-height: 1.2;border-right: 1px solid #bbb;}
.option-list > div + div{ border-top: 1px solid #bbb;}
.option-list > div > label{ display: block; width: 80%; border-right: 1px solid #bbb; padding: 12px 8px;}
.option-list > div > p{ width: 20%; padding:12px 8px;; display: flex; align-items: flex-end; justify-content: center;font-family: "Oswald";font-size: 3.5vw;font-weight: normal;}
.option-list > div > p span{ display:inline; font-size: 3vw; color: inherit;}

.price_tax{font-size: 4.5vw; color:#D52B38; margin-bottom: 0.5em; font-weight: bold;}
.option-list:last-of-type {
  border-bottom: 1px solid #bbb;
}

@media print, screen and (min-width : 768px){
  .opsion-ttl{ 
    font-size: 2vw; 
    padding: 0.8em 2.8em 0.8em 0.8em
  }
  .opsion-ttl span{font-size: 80%;}	
  .opsion-ttl::after{ font-size:1em;right: 1em;}
    
  .option-list > div{ font-size: 1.8vw;}
  .option-list > div > label{ display: flex; align-items: center;}
    
  .option-list > div > label{padding: 1em;}	
  .option-list > div > p{padding: 1em;font-size: 1.8vw;}
  .option-list > div > p span{font-size: 100%;font-size: 1.6vw;}	

  .price_tax{font-size: 20px; color:#D52B38; margin-bottom: 0.5em; font-weight: bold;}
}

@media print, screen and (min-width:769px){
	
  .mdl-op-block .goods-ttl{ font-size: 16px;}
  .mdl-op-block{ width: 100%; padding: 0 20px;}
  .opsion-ttl{ font-size: 16px;}
  .opsion-ttl span{font-size: 80%;}	

  .option-list > div{ font-size: 15px;}
  .option-list > div > p{font-size: 15px;}
  .option-list > div > p span{font-size: 100%;font-size: 13px;}
  
}