#main {
    font-size: 14px;
    padding: 0;
}
h2 {
    margin-bottom: 50px;
}
h3 {
  position: relative;
  padding-bottom: 0px;
  width: 95%;
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  font-size: x-large;
  font-weight: 900;
}
h3::before,
h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
h3::before {
  z-index: 2;
  width: 15%;
  background-color: #444;
}
h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}
.hero {
    background-image: url(../image/solv_glove-sp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    font-family: "Montserrat", sans-serif;
  }    
    .contentimage {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 99%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
    }
    #ordermain {
        margin-left: 10px;
        margin-right: 10px;
 }
    #ordermain h5 {
        font-family: 'Henny Penny', cursive;
        font-size: 40px;
        background: url(https://tai-spo.co.jp/images/column/solvorderglove/ballicon.png) no-repeat;
        padding-left: 50px;
        margin-bottom: 10px;
        border-bottom: .1px solid #ccc;
        height: 67px;
        color: #3C3530;
    }
    #ordermain h5:first-letter {
        margin-right: .1em;
        font-size: 55px;
    }
    #ordermain h6 {
        position: relative;
        padding: 0 .5em .01em 2em;
        border-bottom: 1px solid #ccc;
        font-size: x-large;
        margin-bottom: 10px;
    }
    #ordermain h6::before,
    #ordermain h6::after {
        position: absolute;
        content: '';
        border-radius: 100%
    }
    #ordermain h6::before {
        top: .2em;
        left: .2em;
        z-index: 2;
        width: 18px;
        height: 18px;
        background: rgba(150, 150, 150, .5);
}
    #ordermain h6::after {
        top: .7em;
        left: .7em;
        width: 13px;
        height: 13px;
        background: rgba(210, 210, 210, .5);
    }
    h6 span {
        color: #6D776D;
        font-size: 24px;
        font-weight: 900;
        padding-left: 15px;
    }
    #ordermain .download {
        text-align: center;
    }
    #ordermain .contentstext {
        font-size: x-large;
        font-weight: 500;
        font-family: 'M PLUS 1p', sans-serif;
        color: brown;
    }
    #ordermain .top-img {
        margin-bottom: 30px;
    }
    #ordermain #step4 {
        margin-bottom: 40px;
    }
    #ordermain .partscol {
        text-align: center;
    }
    .partscol div {
        font-size: 20px;
        font-weight: bolder;
        width: 120px;
        height: 40px;
        line-height: 40px;
        border: none;
        display: inline-block;
        margin-bottom:10px;
        padding: 4px;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
    }
    #ordermain .blk {
        background-color: #000000;
        color: #ffffff;
    }
    #ordermain .sax {
        background-color: #8bccd6;
    }
    #ordermain .stitchsax {
        background-color: #68d9ed;
    }
    #ordermain .nvy {
        background-color: #0B0042;
        color: #ffffff;
    }
    #ordermain .blu {
        background-color: #1955A6;
    }
    #ordermain .org {
        background-color: orange;
    }
    #ordermain .rorg {
        background-color: #ff330b;
    }
    #ordermain .red {
        background-color: red;
    }
    #ordermain .yel {
        background-color: yellow;
    }
    #ordermain .lmn {
        background-color: #fff450;
    }
    #ordermain .col {
        background-color: #D39424;
    }
    #ordermain .chc {
        background-color: #6c3524;
        color: #ffffff;
    }
    #ordermain .grn {
        background-color: #0B3B0B;
        color: #ffffff;
    }
    #ordermain .wht {
        background-color: #ffffff;
    }
    #ordermain .ppl {
        background-color: purple;
        color: #ffffff;
    }
    #ordermain .pnk {
        background-color: hotpink;
    }
    #ordermain .gry {
        background-color: gray;
        color: #ffffff;
    }
    #ordermain table {
  border-collapse: collapse;
  width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
    #ordermain table tr {
  background-color: #fff;
  border: 2px solid #eee;
}
    #ordermain table th{
  border: 2px solid #eee;
}
    #ordermain table td {
  border: 2px solid #eee;
  text-align: center;
    background-color: #fffefa;
}
    #ordermain table span {
        font-size: medium;
    }
    #ordermain .price{
  font-family: 'Henny Penny', cursive;
  color: #000;
  font-weight: bold;
  font-size:22px;
    padding-top: 5px;
    padding-bottom: -10px;
}
    #ordermain .price span {
    font-size: 10px;
}
    #ordermain .plan1 {
    padding-top: 2px;
    padding-bottom: 2px;
  background:#cfc323;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 22px;
    font-weight: 900;
    color: #fff;
}
    #ordermain .plan2 {
    padding-top: 2px;
    padding-bottom: 2px;
  background:#008080;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 22px;
    font-weight: 900;
    color: #fff;
}
    #ordermain .option_p {
  background: #cfc6a9;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 22px;
    font-weight: 900;
    color: #000000;
    }
    #ordermain .embroidery_c {
  padding-top: 5px;
  background-color: #cfc6a9;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 20px;
  font-weight: 100;
        color: #635050;
    }
    #ordermain #gallery {
        text-align: center;
    }
    #ordermain .type {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px; 
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain .backstyle {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        font-size: small;
        margin-bottom: 10px;
    }
    #ordermain .lace_img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px; 
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        font-size: small;
        margin-bottom: 10px;
    }
    #ordermain .web {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px; 
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        font-size: small;
        margin-bottom: 10px;
    }
    #ordermain #gallery6 {
        text-align: center;
    }
    #ordermain .haimen-img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 300px;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain #gallery7 {
        text-align: center;
    }
    #ordermain .toji-img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 45%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain #gallery8 {
        text-align: center;
    }
    #ordermain .label-img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 350px;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain .embcol {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        font-size: small;
        margin-bottom: 10px;
    }
    #ordermain #embgallery {
        text-align: center;
    }
    #ordermain .embtypeface {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px; 
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain .embposi {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 120px;
        padding: 4px; 
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain .mouton-img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 45%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 100px;
    }
    #ordermain #step1 {
        margin-bottom: 40px;
    }
    #ordermain #step2 {
        clear: both;
        margin-bottom: 40px;
    }
    #ordermain #step3 {
        margin-bottom: 40px;
    }
    #ordermain #step5 {
        clear: both;
        margin-bottom: 40px;
        margin-top: 40px;
    }
    #ordermain #step5 h5 {
        margin-top: 40px;
    }
    #ordermain .hami {
        text-align: center;
    }
    #ordermain .hamiimg{
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 45%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain #step6 {
        margin-bottom: 40px;
    }
    #ordermain #step7 {
        margin-bottom: 40px;
    }
    #step8 {
        margin-bottom: 40px;
    }
    #step9 {
        margin-bottom: 40px;
    }
    .mouton {
        text-align: center;
    }
    #step10 {
        margin-bottom: 40px;
    }
    #step11 {
        margin-bottom: 40px;
    }
    #ordermain .finger-img {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        width: 100%;
        height: auto;
        border: none;
        max-width: 45%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    #ordermain #step12 {
        clear: both;
        margin-bottom: 40px;
    }
    #ordermain #step13 {
        clear: both;
        margin-bottom: 40px;
    }
    #ordermain #last {
        margin-top: 60px;
    }
    #ordermain .bold{
  font-size: large;
  font-weight: 900;
  margin-top: -20px;
  margin-bottom: 20px
    }
#last {
    margin-bottom: 20px;
}
#last img {
    margin-bottom: 15px;
}
#last ul {
    font-weight: 500;
}
    #top-img {
        margin-bottom: 30px;
    }
#ordermain #top p{
    margin-bottom: 20px;
}
@media (min-width:766px) {
    .hero {
        background-image: url(../image/solv_glove.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: center;
        font-family: "Montserrat", sans-serif;
      }    
    #main {
        margin-left: auto;
        margin-right: auto;
        max-width: 900px;
    }
    .contenttext {
        width: 48%;
        float: left;
    }
    .contentimage {
        width: 48%;
        float: left;
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        height: auto;
        border: none;
        max-width: 70%;
        padding: 4px;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
    }
    #contents {
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #ordermain {
        width: 840px;
        margin-left: auto;
        margin-right: auto;
 }
    #ordermain .topright {
        float: right;
        width: 470px;
        margin-left: 20px;
    }
    #ordermain .partsname {
        padding-top: 60px;
        float: left;
        width: 350px;
    }
    #ordermain #step1 {
        clear: both;
        width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    #ordermain #step4 {
        width: 840px;
    }
    #ordermain .type {
        max-width: 180px;
    }
    #ordermain .backstyle {
        max-width: 250px;
    }
    #ordermain .hamiimg {
        max-width: 300px;
    }
    #ordermain .toji-img {
        max-width: 300px;
    }
    #ordermain .haimen-img {
        max-width: 450px;
    }
    #ordermain .label-img {
        max-width: 450px;
    }
    #ordermain .mouton-img {
        max-width: 300px;
    }
    #ordermain .finger-img {
        max-width: 300px;
    }
    #ordermain .embposi {
        max-width: 250px;
    }
    #ordermain .embtypeface {
        max-width: 250px;
    }
}