医薬品入力フォーム

Insert Script to <head>に以下を貼り付けてください。
<style>
	.product-description-wrap div{
		margin: 0!important;
	}
	.product-description-wrap .copy{
		color: #36a13d;
		font-size: 1.2em;
		font-weight: 700;
	}
	.product-description-wrap div.category{
		font-weight: 700;
		height: 1.8em;
		display: inline-flex;
		border: 1px solid currentColor;
		color: #b37700;
		line-height: 1;
		align-items: center;
		padding: 0.1em 1em 0;
    margin-bottom: 1em!important;
	}
	.main .product-description-wrap h2{
		font-size: 1.1em;
	}
	.product-description-wrap .grid-wrapper{
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 3%;
		row-gap: 30px;
	}
	.main .product-description-wrap section {
		margin-top: 0!important;
	}
  .product-description-wrap section h2 + *{
    padding-top: 1em;
    padding-left: 1em;
  }

	#manufacturer *{
		margin: 0;
	}
	#consultation a:hover{
		text-decoration: underline!important;
	}
	.navigation.relations > ul{
		display: none!important;
	}
  .product-description-wrap ol{
    margin-block: 0.5em 1em!important;
  }
  .product-description-wrap ol ol{
    padding-left: 0;
	  counter-reset: num-counter;
    margin-top: 0.5em!important;
  }
  .product-description-wrap ol ol > li{
    list-style: none;
    padding-left: 2.1em;
    position: relative;
    line-height: 1.2;
    margin-bottom: 0.7em;
  }

  .product-description-wrap ol ol > li::before{
    content: '('counter(num-counter)')';
    counter-increment: num-counter;
    width: 2.1em;
    height: 1.2em;
    font-size: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
  }

  .lineBorder,.noborder{
	margin-bottom: 1em;
	border: none!important;
  }
  .lineBorder *,.noborder *{
	border: none!important;
	margin: 0!important;
	padding: 5px 0!important;
	vertical-align: baseline;
	background-color: transparent;
	text-align: left;
	font-weight: 400;
  }

.lineBorder tr{
	border-bottom: 1px solid #ccc!important;
}

.lineBorder.set-right td + td{
	text-align: right;
	padding-left: 1em!important;
}

.lineBorder.set-left td + td{
	text-align: left;
	padding-left: 1em!important;
}

.noborder.set-left td + td{
	text-align: left;
	padding-left: 1em!important;
}

.noborder.set-right td + td{
	text-align: right;
	padding-left: 1em!important;
}

.grid-row{
	display: grid;
	grid-template-columns: auto;
	row-gap: 0;
}

@media(min-width: 650px){
    .grid-row{
        grid-template-columns: auto auto;
	    column-gap: 2em;
    }
}
.left-col, .right-col{
    display: grid;
    grid-template-columns: repeat(2,auto);
    column-gap: 20px;
    align-content: start;
}
@media(min-width: 650px){
    .right-col{
        padding-top: 1.7em;
    }
}
.span2{
    grid-column: span 2;
}
</style>
一般用医薬品HTML作成フォーム
