@charset   "UTF-8";

#memo{
  position:relative;
  top:-25px;
  left:1px;
}


@media screen and (max-width: 320px) {

.cardtion{
  width:288px;
  padding: 10px;
  margin:10px 0 0 5px;
  font-size:12px;
  color:#462e20;
  border: 1px solid #8c8c8c;
  line-height:17px;
}

.cardtion span{
  font-size:14px;
  color:#e7164a;
  border-bottom: 1px solid #fd6f8e;
}

#card{
  width:250px;
  height:51px;
  margin: 5px 0 0 0;
}

.card_com{
  font-size:12px;
  color:#462e20;
  width:288px;
  padding: 10px;
  line-height:18px;
  margin: 0 0 0 5px;
  background:white;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
}

.card_com span{
  color:red;
}

.midashi_p{
  width:308px;
  height:20px;
  border:1px solid #8c8c8c;
  margin: 15px 0 0 5px;
  padding:0;
  background:#999999;
}

.midashi_p p{
  font-size:15px;
  color:white;
  line-height:23px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi_p p span{
  font-size:12px;
  font-weight:bold;
}

.cdp{
  text-align:center;
  margin: 10px;
}
}

@media screen and (min-width:321px) and (max-width: 374px) {

.cardtion{
  width:328px;
  padding: 10px;
  margin:10px 0 0 5px;
  font-size:12px;
  color:#462e20;
  border: 1px solid #8c8c8c;
  line-height:17px;
}

.cardtion span{
  font-size:14px;
  color:#e7164a;
  border-bottom: 1px solid #fd6f8e;
}

#card{
  width:250px;
  height:51px;
  margin: 5px 0 0 0;
}

.card_com{
  font-size:12px;
  color:#462e20;
  width:328px;
  padding: 10px;
  line-height:18px;
  margin: 0 0 0 5px;
  background:white;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
}

.card_com span{
  color:red;
}

.midashi_p{
  width:348px;
  height:20px;
  border:1px solid #8c8c8c;
  margin: 15px 0 0 5px;
  padding:0;
  background:#999999;
}

.midashi_p p{
  font-size:15px;
  color:white;
  line-height:23px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi_p p span{
  font-size:12px;
  font-weight:bold;
}

.cdp{
  text-align:center;
  margin: 10px;
}
}


@media screen and (min-width: 375px) and (max-width: 413px) {

.cardtion{
  width:345px;
  padding: 10px;
  margin:10px 0 0 5px;
  font-size:12px;
  color:#462e20;
  border: 1px solid #8c8c8c;
  line-height:17px;
}

.cardtion span{
  font-size:14px;
  color:#e7164a;
  border-bottom: 1px solid #fd6f8e;
}

#card{
  width:250px;
  height:51px;
  margin: 5px 0 0 0;
}

.card_com{
  font-size:12px;
  color:#462e20;
  width:343px;
  padding: 10px;
  line-height:18px;
  margin: 0 0 0 5px;
  background:white;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
}

.card_com span{
  color:red;
}

.midashi_p{
  width:363px;
  height:20px;
  border:1px solid #8c8c8c;
  margin: 15px 0 0 5px;
  padding:0;
  background:#999999;
}

.midashi_p p{
  font-size:15px;
  color:white;
  line-height:23px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi_p p span{
  font-size:12px;
  font-weight:bold;
}

.cdp{
  text-align:center;
  margin: 10px;
}
}

@media screen and (min-width: 414px) {

.cardtion{
  width:380px;
  padding: 10px;
  margin:10px 0 0 5px;
  font-size:12px;
  color:#462e20;
  border: 1px solid #8c8c8c;
  line-height:17px;
}

.cardtion span{
  font-size:14px;
  color:#e7164a;
  border-bottom: 1px solid #fd6f8e;
}

#card{
  width:250px;
  height:51px;
  margin: 5px 0 0 0;
}

.card_com{
  font-size:12px;
  color:#462e20;
  width:380px;
  padding: 10px;
  line-height:18px;
  margin: 0 0 0 6px;
  background:white;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
}

.card_com span{
  color:red;
}

.midashi_p{
  width:400px;
  height:20px;
  border:1px solid #8c8c8c;
  margin: 15px 0 0 6px;
  padding:0;
  background:#999999;
}

.midashi_p p{
  font-size:15px;
  color:white;
  line-height:23px;
  letter-spacing:1px; 
  padding:0 0 10px 5px;
  margin:0;
}

.midashi_p p span{
  font-size:12px;
  font-weight:bold;
}

.cdp{
  text-align:center;
  margin: 10px;
}

}