@charset "UTF-8";

/* Header */

main {
    padding: 55px 0 0 0;
}

.header2 {
    max-width: 990px;
    margin: 0 auto;
    padding: 0 5%;
    height: 66px;
    position: relative;
}

.header2 h1 {
    font-size: 66%;
    width: 26%;
    /* float: right; */
    /* display: flex; */
    /* justify-content: flex-end; */
    margin-left: 76%;
}

.header2 a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 15px 0;
}

.logo {
    position: absolute;
    top:0px;
    left: 50%;
    width: 130px;
    margin-left: -74px;
}

.logo img {
    width: 100%;
    height: auto;
}

.tp_act {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 5%;
}

.tp_act li {
    list-style: none;
    font-size: 8px;
    text-align: center;
    line-height: 1em;
    margin: 0 10px 0 0;
}

.tp_act img {
    padding-bottom: 4px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 16px;
    height: 16px;
}

.tp_act li:last-child {
    margin-right: 0;
}

.send_fee {
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    text-align: center;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    padding: 12px 5%;
    font-size: 14px;
    font-weight: bold;
}

.gnav {
    display: none;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
}

.gnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 990px;
    margin: 0 auto;
}

.gnav li {
    list-style: none;
    width: 20%;
    text-align: center;
}

.gnav a {
    display: block;
    padding: 20px;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: .3s;
    transition: .3s;
}

.gnav a:hover {
    background: #ddd;
}


.tp_avt {
    width: 20%;
    display: none;
}

.t_contact li {
    list-style: none;
    width: 100%;
    min-width: unset;
    margin: 15px 0 0 0;
}

.sp-onlines a {
    display: block;
    padding: 10px;
    border-radius: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 6px;
}

.sp-onlines span {
    background: url(../img/cart_kuro.svg) no-repeat center top;
    background-size: 16px 16px;
    padding: 20px 0 0;
}

/* Main */
/* MV */
#mv_slide {
    margin-bottom: 20px;
}

.sp-slide {
    opacity: .3;
    list-style: none;
}

.sp-selected {
    opacity: 1;
}

.sp-buttons {
    padding-top: 20px !important;
}

.sp-button {
    background: #d1c0a5;
    border: none !important;
    width: 14px !important;
    height: 14px !important;
}

.sp-selected-button {
    background: #222 !important;
}

/* 新作アイテム */
.bs_cont {
    max-width: 990px;
    margin: 0 auto 0px;
    border-top: 1px solid #ddd;
    padding-bottom: 40px;
}

.mid_bx {
    border-bottom: none;
    position: relative;
    padding: 30px 2%;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 10px solid #f3f3f3;
}

.mid_bx h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.mid_bx a {
    background: url(../img/r_arrow.svg) no-repeat right center;
    background-size: 10px 10px;
    padding-right: 20px;
    text-decoration: none;
    font-size: 12px;
}

.mid_bx a:hover {
    text-decoration: underline;
}

.tp_listitems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.tp_listitems li {
    list-style: none;
    width: 33%;
    margin: 0 0.5% 0.5% 0;
    -webkit-box-shadow: 0 0 0 1px #eee inset;
    box-shadow: 0 0 0 1px #eee inset;
}

.tp_listitems li:nth-child(5n) {
    margin: 0 0.5% 0.5% 0;
}

.tp_listitems li:nth-child(3n) {
    margin-right: 0;
}

.tp_listitems a {
    -webkit-transition: .3s;
    transition: .3s;
}

.tp_listitems a:hover {
    opacity: .5;
}

.tp_listitems a img {
    width: 100%;
    height: auto;
}

.it_specs {
    padding: 5%;
}

.it_specs dt {
    margin-bottom: 10px;
}

.it_specs dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 110%;
}

.it_specs span {
    font-size: 70%;
}

.it_specs p:last-child {
    width: 16px;
}

.it_specs p:last-child img {
    width: 100%;
    height: auto;
}

.ranks {
    position: relative;
    display: block;
}

.ranks p {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
}

.code_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 5%;
}

.code_items li {
    list-style: none;
    width: 48%;
    margin: 0 4% 4% 0;
}

.code_items li:nth-child(4n) {
    margin: 0 4% 4% 0;
}

.code_items li:nth-child(2n) {
    margin-right: 0;
}

.code_items img {
    width: 100%;
    height: auto;
}

.date {
    font-size: 68%;
    margin-bottom: 0px;
    color: #c6c6c6;
}


/* 商品カテゴリー */
.cate_sp {
    display: block;
}

#acMenu {
    border-top: 1px solid #e9e9e9;
}

#acMenu dt {
    display: block;
    width: 100%;
    padding: 5% 5% 5% 24%;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

#acMenu ul {
    width: 100%;
}

.cate_s {
    background: #222;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin-top: 0;
}

#acMenu dd {
    background: #fff;
    display: none;
}

#acMenu li {
    list-style: none;
    background: url(../img/dod-line.gif) repeat-x left bottom, url(../img/r_arrow.svg) no-repeat 95% center #f5f5f5;
    background-size: 4px 1px, 8px 10px;
}

#acMenu li a {
    display: block;
    color: #000;
    font-size: 90%;
    padding: 5%;
}

#acMenu li:last-child a {
    margin-bottom: 0;
}

.tp_category {
    width: 90%;
    margin: 0 auto 25px;
}

.tp_category dt {
    font-size: 120%;
    letter-spacing: 1px;
}

.tp_category dd {
    font-size: 70%;
}

.side-i01 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i01.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i02 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i02.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i03 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i03.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i04 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i04.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i05 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i05.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i06 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i06.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i07 {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/down_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.side-i07.active {
    background: url(../img/tp_cate01.jpg) no-repeat 5% center, url(../img/up_arrow.svg) no-repeat 96% center #fff;
    background-size: 35px 35px, 12px 12px;
}

.fas_bx {
    border-bottom: none;
    position: relative;
    padding: 30px 0;
    margin-bottom: 0px;
    border-top: 10px solid #f3f3f3;
}

.fas_bx h2 {
    text-align: center;
    font-size: 14px;
}

.f_tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
    padding: 0 5%;
}

.f_tips li {
    list-style: none;
    width: 100%;
    margin: 0 4% 4% 0;
}

.f_tips li:nth-child(2n) {
    margin-right: 0;
}

.f_tips a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s;
    transition: .3s;
}

.f_tips a:hover {
    opacity: .5;
}

.f_tips .photo {
    width: 24%;
}

.f_tips img {
    width: 100%;
    height: auto;
}

.f_tips dl {
    width: 70%;
}

.uns_r {
    text-align: right;
}

.uns_c {
    text-align: center;
}

.uns_r a,
.uns_c a {
    background: url(../img/r_arrow.svg) no-repeat right center;
    background-size: 12px 14px;
    padding-right: 20px;
    text-decoration: none;
}

.uns_r a:hover,
.uns_c a:hover {
    text-decoration: underline;
}

.tp_special {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 10%;
}

.tp_special li {
    list-style: none;
    width: 48%;
    margin: 0 4% 4% 0;
}

.tp_special img {
    width: 100%;
    height: auto;
}

.tp_special a {
    -webkit-transition: .3s;
    transition: .3s;
}

.tp_special a:hover {
    opacity: .5;
}

.tp_special li:nth-child(4n) {
    margin: 0 4% 4% 0;
}

.tp_special li:nth-child(2n) {
    margin-right: 0;
}

.bg_insta {
    background: url(../img/icon_insta.gif) no-repeat center center;
    background-size: 44px 44px;
    padding: 20px 0;
}

.un_50 {
    margin-bottom: 0px !important;
    border-top: 10px solid #f3f3f3;
    padding: 50px 0;
}

/* footer */
footer {
    /*    background: #e3e3e3;*/
    padding: 60px 0 10px;
}

.of_sns {
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px;
}

.f_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}

.f_sns li {
    list-style: none;
    margin: 0 10px;
    width: 34px;
}

.f_sns a {
    -webkit-transition: .3s;
    transition: .3s;
}

.f_sns a:hover {
    opacity: .5;
}

.f_sns img {
    width: 100%;
    height: auto;
}

.f_magazine {
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
    display: none;
}

.f_magazine a {
    display: block;
    padding: 25px;
    background: #fff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}

.f_magazine a:hover {
    background: #eee;
}

.f_link {
    border-top: 1px solid #fff;
    padding: 50px 0;
    max-width: 990px;
    margin: 60px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f_logo {
    width: 14%;
}

.f_logo img {
    width: 100%;
    height: auto;
}

.f_cate {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.f_cate li {
    list-style: none;
    width: 30%;
}

.f_cate a {
    text-decoration: none;
}

.f_cate a:hover {
    text-decoration: underline;
}

.f_cate dt {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 20px;
}

.copy {
    font-size: 10px;
}

.copys {
    text-align: center;
    font-size: 10px;
    line-height: 150%;
    width: 80%;
    margin: 0 auto;
}

/* block */
.more_btn,
.close_btn,
.more_rev,
.close_rev,
.more_rank,
.close_rank,
.more_corde,
.close_corde,
.more_check,
.close_check {
    display: block;
    text-align: center;
    padding: 25px 0;
    margin-bottom: -40px;
}

/* SPNAVI */
.heds {
    display: block;
}

#nav-toggle {
    height: 10px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 5%;
    -webkit-transition: .3s;
    transition: .3s;

}

#nav-toggle p {
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
}

.tp_mys p:last-child {
    font-size: 8px;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: 1px;
}

#nav-toggle > div {
    position: relative;
    width: 30px;
    letter-spacing: -1.3px;
    padding-top: 10px;
}

#nav-toggle span {
    width: 100%;
    height: 1px;
    left: 0;
    display: block;
    background: #333;
    position: absolute;
    transition: top .2s ease, -webkit-transform .3s ease-in-out;
    -webkit-transition: top .2s ease, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, top .2s ease;
    transition: transform .3s ease-in-out, top .2s ease, -webkit-transform .3s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}

#nav-toggle span:nth-child(2) {
    top: 7px;
}

#nav-toggle span:nth-child(3) {
    top: 14px;
}

.open #nav-toggle span {
    background: #000;
    z-index: 100;
}

.open #nav-toggle span:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open #nav-toggle span:nth-child(2) {
    top: 7px;
    width: 0;
    left: 50%;
}

.open #nav-toggle span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.spnav {
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    height: 100vh;
    top: 50px;
    left: 0%;
    z-index: 100;
}

.inbox {
    width: 76%;
    background: #fff;
    height: 100vh;
    top: 60px;
    left: 0%;
    z-index: 100;
    overflow: auto;
}

.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

.users {
    border-bottom: 1px solid #ddd;
    padding: 5%;
}

.u_hist {
    border-bottom: 1px solid #ddd;
    padding: 5%;
}

.subhis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.subhis li {
    list-style: none;
    width: 23.5%;
    font-size: 10px;
    text-align: right;
}

.subhis a,
.oss a {
    text-decoration: none;
}

.subhis img {
    width: 100%;
    height: auto;
}

.oss {
    border-bottom: 1px solid #ddd;
}

.oss a {
    padding: 5%;
    display: block;
}

.oss dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.oss dd {
    font-size: 10px;
}

.sp_cat {
    margin-bottom: 20px;
}

.sp_cat li {
    list-style: none;
    border-bottom: solid 1px #ccc;
}

.sp_cat a {
    display: block;
    padding: 5% 3%;
    text-decoration: none;
    background: url(../img/r_arrow.svg) no-repeat 95% center;
    background-size: 10px 10px;
}

.sp_tel dt {
    text-align: center;
    font-weight: bold;
}

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

.tptels a {
    text-decoration: none;
}

/*企業・お問い合わせ*/

.jichi {
    width: 100%;
    margin: 40px auto;
}

.jichi ul li {
    padding: 0 5%;
    margin: 0px 0 0 0;
}

.jichi ul li:first-child {
    border-right: none;
}

.jichi ul li:last-child{
    border-left: 1px solid #ccc;
}

.jichi dt {
    font-size: 56%;
}

.ji_tel {
    font-size: 110%;
}

.ji_mail a {
    font-size: 50%;
}

.f_lines {
    padding: 30px 0;
}

/*mainスライダー*/

.cp01 {
    left: 5%;
    top: 20px;
}

.cp01 p {
    max-width: 140px;
    margin-bottom: 10px;
}

.cp01 h2 {
    font-size: 110%;
}

.cp02 {
    left: 43%;
    bottom: 10%;
    font-size: 90%;
}

/*NEWS*/

.newslist {
    width: 90%;
}

/*SAFETY FIRST*/

.bl_cp {
    font-size: 140%;
}

/*製品情報*/
.mvcov .sp-button{
    background: #eee;
    width: 10px !important;
    height: 10px !important;
}

.sp-selected-button{
    background: #008581!important;
}

.mvcov{
    position: relative;
    max-width: 100%;
    margin: 0 auto 60px;
    height: auto;

}

.sp-slides img{
    width: 100%;
    height: auto;
}


.slick{
    max-width: 1120px;
    width: 100%;
    margin: 0 auto 0px;
    padding-bottom: 10px;
}

.product_list{
    width: 100%;
    top:0;
    left: 0;
    margin: 0px auto 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.product_list .slick-dots li{
    background: #ddd;
}

.product_list .slick-dots .slick-active{
    background: #008581;
}

.inbod{
    width: 90%;
    margin: 0 auto;

}

.slick {
    width: 100%;
}

.safe_info {
    width: 90%;
    margin: 0 auto;
}

.safety{
    width: 90%;
    margin: 0 auto 50px;
}

.safety .onlines {
    width: 80%;
}

.safety ul{
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto 30px;
}

.safety ul li{
    width: 49%;
    line-height: 1em;
}



/*特集*/

.camp_tp {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.camp_tp li {
    width: 100%;
    margin: 0 0 30px 0;
}

/*footer*/

.un_link li {
    width: 100%;
    text-align: center;
}

.f_onloine a {
    width: 80%;
    margin: 0 auto;
}

/*会社概要ページ*/

.company {
    display: block;
    width: 90%;
}

.company dt,
.company dd {
    width: 100%;
}

.company dt {
    padding: 10px;
}

.stuff ul {
    width: 90%;
    margin: 20px auto 50px;
}

.stuff li {
    width: 48%;
}

.company2 {
    width: 90%;
    margin: 0 auto;
}

.company2 table.formTable th,
.company2 table.formTable td {
    width: auto;
    display: block;
}

.company2 table.formTable th {
    border-bottom: 0;
}

.company2 table.formTable td,
.company2 table.formTable th {
    padding: 10px;
}

.company2 table.formTable td {
    margin: 0;
    border-bottom: none;
}

.company2 table.formTable tr:last-child td {
    border-bottom: solid 1px #ccc;
}

.greet dl{
    width: 100%;
}

/*製品一覧ページ*/

.goods {
    width: 90%;
}

.goods_list li {
    width: 48%;
}

/*お問い合わせページ*/

.inquiry {
    width: 90%;
    margin: 0 auto;
}

.inquiry table.formTable th,
.inquiry table.formTable td {
    width: auto;
    display: block;
}

.inquiry table.formTable th {
    margin-top: 5px;
    border-bottom: 0;
}

.inquiry input[type="text"],
.inquiry textarea {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    display: block;
}

.inquiry .form_name input[type="text"] {
    width: 40%;
    display: unset;
}


.inquiry table.formTable td,
.inquiry table.formTable th {
    padding: 10px;
}

.inquiry table.formTable td {
    margin: 0 0 20px;
}

.inquiry .submit_button {
    padding: 10px 20px;
    font-size: 90%;
    width: 47%;
    max-width: unset;
    background-color: #333;
    color: #fff;
    border-style: none;
    margin: 20px 0 20px;
    -webkit-appearance: none;
}



.inquiry .submit_button:first-child  {
    margin: 40px 15px 20px 0;
}

#formWrap .submit_button {
    padding: 10px 20px;
    font-size: 90%;
    width: 47%;
    max-width: unset;
    background-color: #333;
    color: #fff;
    border-style: none;
    margin: 20px 0 20px;
    -webkit-appearance: none;
}

.inquiry .btn_gray,
#formWrap .btn_gray {
    background-color: #a0a0a0;
}

#formWrap .submit_button:first-child  {
    margin: 40px 0 20px;
}

#formWrap .form_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 20px 0;
}

.finish {
    width: 90%;
    margin: 100px auto;
}

.finish p:first-child {
    text-align: center;
    font-size: 110%;
    margin: 0 0 20px 0;
}

.finish p:nth-child(2) {
    text-align: center;
    font-size: 110%;
    margin: 0 0 50px 0;
}

.onlines_sp {
    width: 90%;
    max-width: 280px;
    margin: 0 auto;
}

.onlines_sp a {
    display: block;
    padding: 13px;
    background: #292929;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.onlines_sp span {
    background: url(../img/cart.svg) no-repeat left center;
    background-size: 16px 16px;
    padding-left: 30px;
}

/*その他*/

.pc {
    display: none;
}

.sp {
    display: block;
}