@charset "utf-8";
h1,h2,h3,h4,h5 {
    line-height: 1.3;
    font-weight: 700;
}
h1 { font-size: 2.25em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.15em; }
p.btn { text-align: center; }
p.btn a { background: #f7931e; color: #FFF; display: inline-block; padding: 0.25em 1em; border-radius: 1.25em; transition: ease-out 0.3s; border: solid 1px #f7931e;}
p.btn a:hover  { background: #FFF; color: #f7931e; }
span.benefits {
    background: linear-gradient(transparent 70%, #fcee21 70%);
    font-size: 1.15em;
    color: #ed1c24;
    font-weight: 700;
}
i {
    margin-right: 0.5em;
}

main.pages section:nth-of-type(1) {
    margin: 0;
    padding: 0 0 4em;
}
main.pages section:nth-last-of-type(2) {
    padding: 0 0 8em;
}
main.pages section > header {
    background: #fcee21;
    margin: 0 0 1em;
}
main.pages section h1 {
    width: 90%;
    max-width: 980px;
    position: relative;
    padding: 0.6em 0;
    text-align: left;
    margin: 0 auto 0;
    box-sizing: border-box;
}
main.pages section h1:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 2em;
    border: 15px solid transparent;
    border-top: 15px solid #fcee21;
    width: 0;
    height: 0;
}
main.pages section article header h2 {
    margin: 0 0 1em;
    display: inline-block;
}
main.pages section article header h2 span {
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
main.pages section article h3 {
    margin: 0 0 0.5em;
    color: #22b573;
}
main.pages section ul {
    margin: 1em 0 1em 1.5em;
}
main.pages section ul li {
    list-style: disc;
    margin: 0 0 0.25em;
}
main.pages section ul.coution {
    font-size: 0.85em;
}
main.pages section ul.coution_num {
    font-size: 0.85em;
    counter-reset: number;
    list-style: none;
}
main.pages section ul.coution_num li {
    list-style-type: none;
    text-indent: -2em;
    color: #f00;
}
main.pages section ul.coution_num li:before {
    counter-increment: number;
    content: "※"counter(number)" ";
}
main.pages section ul.coution_ast {
    font-size: 0.85em;
}
main.pages section ul.coution_ast li {
    list-style-type: none;
    text-indent: -1em;
}
main.pages section ul.coution_ast li:before {
    display: inline;
    content: "※";
}
main.pages section ul li:nth-last-of-type(1) {
    margin: 0 0 0 0;
}
main.pages section .width100 {
    width: 100%;
    margin-bottom: 0.75em;
}
main.pages section .leftcont {
    width: 100%;
    margin-bottom: 0.75em;
}
main.pages section .rightcont {
    width: 100%;
    margin-top: 0.75em;
}
main.pages section .leftimg {
    width: 100%;
    margin-bottom: 0.75em;
}
main.pages section .rightimg {
    width: 100%;
    margin-top: 0.75em;
}
main.pages section .rightimg figcaption.coution,
main.pages figure.toys figcaption.coution {
    font-size: 0.5em;
}
main.pages section table {
    width: 100%;
    margin: 1em 0;
    box-sizing: border-box;
}

/*Home*/
/*main#Home section#MainImage {
    background: url("../images/main_img01.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: 4rem 0;
}
main#Home section#MainImage img {
    width: 80%;
    height: auto;
}*/
main#Home section#MainImage {
    background: #ccc;
    padding: 0;
}
main#Home section#About h1 {
    color: #f7931e;
}
main#Home section#About h1 span {
    font-size: 1.15em;
    color: #7562F5;
    margin: 0 0 0.25em;
}
main#Home section#About p {
    line-height: 1.8;
}
main#Home section#About figure {
    position: relative;
    margin-top: 2em;
    z-index: 9999;
    text-align: center;
}
main#Home section#About figure img {
    width: 100%;
}
main#Home section#Introduction {
    background: #f6d500;
}
main#Home section#Introduction h1 {
    text-align: center;
    color: #FFF;
    font-size: 1.8em;
}
main#Home section#Introduction h1 span.green {
    color: #00a99d;
}
main#Home section#Introduction h1 span.emphasis {
    color: #ed1e79;
    font-size: 1.3em;
}
main#Home section#Introduction h1 span.emphasis2 {
    color: #009245;
    font-size: 1.1em;
    background: linear-gradient(transparent 70%, #fcee21 70%);
}
main#Home section#Introduction h2 {
    color: #7562F5;
    text-align: center;
    font-size: 2em;
    margin: 1em 0;
    line-height: 1.2;
}
main#Home section#Introduction h2 span {
    font-weight: 900;
    font-size: 3em;
    color: #ed1e79;
    margin: 0em 0;
    display: block;
    text-shadow: 5px 5px 5px #FFF,-5px 5px 5px #FFF,5px -5px 5px #FFF,-5px -5px 5px #FFF;
}
main#Home section#Introduction ol li {
    margin: 0 0 1.5em;
}
main#Home section#Introduction ol li figure {
    text-align: center;
}
main#Home section#Introduction ol li figure img {
    width: 80%;
}
main#Home section#Introduction ol li figure figcaption {
    margin: 1em 0 0 0;
    text-align: left;
}
main#Home section#Introduction ol li figure figcaption span {
    font-size: 0.75em;
}
section#Trial {
    background: url("../images/home-trial-bg.png") no-repeat center bottom;
    background-size: cover;
    text-align: center;
}
section#Trial p.bnr_btn {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -6em;
}
section#Trial p.bnr_btn img {
    width: 280px;
    height: auto;
    animation: animScale 2.5s infinite ease-out;
    transform-origin: 50% 50%;
    animation-play-state:running;
}
@keyframes animScale {
    0% { transform: scale(1, 1); }
    5% { transform: scale(1.2, 1.2); }
    10% { transform: scale(1, 1); }
    15% { transform: scale(1.1, 1.1); }
    20% { transform: scale(1, 1); }
    100% { transform: scale(1, 1); }
}
section#Trial p.bnr_btn a img {
    transition: ease-out 0.3s;
}
section#Trial p.bnr_btn a:hover img {
    opacity: 1;
    transform:scale(4,4);
}
section#Trial div.inner {
    margin-top: 150px;
}
section#Trial h1 {
    text-align: center;
}
section#Trial h1 span.emphasis {
    color: #ed1c24;
    font-size: 1.25em;
}
section#Trial h2 {
    margin-top: 1.25em;
    margin-bottom: 0.75em;
    display: block!important;
}
section#Trial p {
    width: 100%;
    max-width: 640px;
    margin: auto;
}
section#Trial p.btn {
    width: 100%;
    max-width: 385px;
    margin: auto;
}
section#Trial p.btn a {
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    border-bottom: solid 5px #d99833;
}
section#Facebook {
    text-align: center;
}
div.terms {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: solid 1px #333333;
    text-align: center;
}
div.terms h3 {
    text-align: center;
}
div.terms ol {
    margin: 1.5em;
    border-top: dotted 1px #333333;
    border-bottom: dotted 1px #333333;
    padding: 1em 1em 1em 2.5em;
}
div.terms ol li {
    list-style: decimal;
    margin-bottom: 0.25em;
    text-align: left;
}
div.terms ol li:nth-last-of-type(1) {
    margin-bottom: 0;
}
div.terms label input {
    margin-left: 0.25em;
}
div.terms span.error {
    font-weight: 700;
    font-size: 1.1em;
}


/*About*/
main#about section h3 {
    font-size: 1.5em;
}
main#about section h3 span {
    font-size: 2em;
    color: #ed1e79;
}
main#about section h3 span sup {
    font-size: 0.3em;
    vertical-align: top;
}
main#about section figure.gachamachine {
    text-align: center;
    margin-bottom: 1em;
}
main#about section figure.gachamachine img.machine {
    width: 100%;
    height: auto;
}
main#about figure.rightimg.gachamachine img.medal {
    position: absolute;
    bottom: 0em;
    right: 0em;
    width: 140px;
    height: auto;
}
main#about section .Emphasis {
    border: solid 2px #ed1e79;
    padding: 0.5em;
    font-size: 1.75em;
    border-radius: 6px;
    text-align: center;
}
main#about section .Emphasis span {
    font-size: 1.25em;
    color: #ed1e79;
    font-weight: 700;
}
main#about section div.detail {
    border: solid 1px #333;
    padding: 1em;
    border-radius: 3px;
}
main#about section div.detail h4 {
    margin-bottom: 0.5em;
}
main#about section div.detail dl {
    margin-bottom: 0.5em;
}
main#about section div.detail dl dt,
main#about section div.detail dl dd {
    display: inline-block;
    width: auto;
    padding: 0.25em 0.5em;
    margin-bottom: 0.25em;
}
main#about section div.detail dl dt {
    background: #aaa;
    color: #fff;
}
main#about section div.detail p {
    margin: 0;
}
main#about section div.detail p.coution {
    font-size: 0.75em;
    text-align: right;
}
main#about section figure.item {
    margin: 1em auto;
    width: 75%;
    max-width: 100%;
}
main#about section figure.item ul {
    margin: 0;
    padding: 0;
}
main#about section figure.item ul li {
    width: 100%;
    list-style: none;
    margin: 0 0 4% 0;
    text-align: center;
}
main#about section figure.item ul li:nth-of-type(2n) {
    margin-right: 0;
}
main#about section table.price {
    text-align: center;
    font-size: 1.15em;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    box-sizing: border-box;
}
main#about section table.price th {
    font-weight: 700;
}
main#about section table.price th,
main#about section table.price td {
    padding: 1em;
    vertical-align: middle!important;
    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    box-sizing: border-box;
}
main#about section table.price tr.unitprice {
    font-size: 1.25em;
    font-weight: 700!important;
}
main#about section table.price tr.unitprice td {
    font-size: 1.35em;
    font-weight: 700!important;
    color: #e4007f;
}
main#about section table.price tr.setprice {
    font-weight: 700;
}
main#about section table.price .color01 {
    background: #dfe0ca;
}
main#about section table.price .color02 {
    background: #ade098;
}
main#about section table.price .color03 {
    background: #a4d8e0;
}
main#about section table.price .color04 {
    background: #ffb8b8;
}
main#about section table.price .color05 {
    background: #e6e6e6;
}
main#about section table.price .unitprice .color05 {
    color: #333!important;
    font-size: 1.15em;
}
main#about section ul.merit {
    font-size: 1.5em;
    font-weight: 700;
}
main#about section .detail {
    background: #FCFCFC;
    padding: 0 0 4rem;
    line-height: 1.8;
    margin-bottom: 4rem;
}
main#about section .detail h2 {
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    background: #0071bc;
    padding: 0.75rem 0;
}
main#about section .detail ul.pictgallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3rem;
    margin-left: 0;
    padding: 0;
    width: 100%;
}
main#about section .detail ul.pictgallery li {
    list-style: none;
}
main#about section .detail .detail_two_column,
main#about section .detail .detail_one_column {
    padding: 3rem 0;
}
main#about section .detail .detail_two_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
main#about section .detail .detail_two_column .contbox {
    padding-top: 2rem;
}
main#about section .detail .detail_two_column.point div.pict {
    width: 25%;
}
main#about section .detail .detail_two_column.point div.contbox {
    width: 70%;
}
main#about section .detail .detail_two_column.space div.pict {
    width: 20%;
}
main#about section .detail .detail_two_column.space div.contbox {
    width: 70%;
}
main#about section .detail .detail_two_column .appearance li {
    width: 31%;
}
main#about section .detail .detail_two_column .linking li {
    width: 45%;
}
main#about section .detail .detail_one_column .appearance li {
    width: 32%;
}
main#about section .detail .spec {
    padding: 2rem 0;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    font-size: 1.15em;
    text-align: center;
}
main#about section .detail .spec h4 {
    margin-bottom: 1.5rem;
}
main#about section .detail .spec dl {
}
main#about section .detail .spec dl dt {
    display: inline;
    font-weight: 500;
}
main#about section .detail .spec dl dt:after {
    content: ' : ';
}
main#about section .detail .spec dl dd {
    display: inline-block;
}

main#about section figure.pictgallery {
    background: #FAFAFA;
    padding: 2rem 0;
}
main#about section figure.pictgallery > ul,
main#about section figure.pictgallery figcaption {
    width: 90%;
    max-width: 980px;
    margin: auto;
}
main#about section figure.pictgallery > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem auto 1.5rem;
    box-sizing: border-box;
}
main#about section figure.pictgallery > ul > li {
    list-style: none;
}
main#about section figure.pictgallery figcaption ul {
    margin-left: 1.5em;
}
main#about section article.Operationmethod ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
}
main#about section article.Operationmethod ul:after {
    display: none;
}
main#about section article.Operationmethod ul li {
    width: 48%;
    list-style: none;
}
main#about section article.Operationmethod ul li figure {
    padding: 1rem;
}

/*flow*/
main#flow section ol.customer {
    margin-top: 2em;
    margin-left: 0;
}
main#flow section ol.customer li {
    margin-bottom: 0;
}
main#flow section ol.customer li a {
    font-weight: 700;
}
main#flow section ol.customer > li:after {
    display: block;
    clear: both;
    font-family: "Font Awesome 5 Free";
    content: '\f063';
    font-weight: bold;
    font-size: 2em;
    padding: 0.5em 0;
    color: #29abe2;
    width: 100%;
    text-align: center;
}
main#flow section ol.customer > li:nth-last-of-type(1):after {
    content: none;
}
main#flow section ol.customer li figure {
    width: 100%;
    text-align: center;
    background: #29abe2;
    color: #fff;
    font-weight: 700;
    padding: 1em 0;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 0 1.5em 1em 0;
}
main#flow section ol.customer li h3 { text-align: center; }
main#flow section ol.customer li div.cont {
    padding-left: 0;
}
main#flow section ol.customer li i {
    margin: 0;
}
main#flow section ol.customer li figure span {
    display: block;
    font-size: 1.15em;
}
main#flow section ol.customer li figure span.icon {
    font-size: 3em;
}
main#flow section ol.customer > li ul {
    margin: 0;
}
main#flow section ol.customer > li ul > li {
    list-style: none;
    margin-bottom: 0em;
}
main#flow section ol.customer > li ul > li p {
    margin-bottom: 0;
    font-weight: 700;
}
main#flow section ol.customer > li ul > li h4 {
    color: #fff;
    padding: 0.25em 0.5em;
    background: #ccc;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 0.75em;
}
main#flow section ol.customer > li ul > li h5 {
    font-size: 1em;
    padding: 0.25em 0.5em;
    border-radius: 6px;
    border: solid 2px #29abe2;
    color: #29abe2;
    margin-bottom: 0.75em;
}
main#flow section ol.customer > li ul > li h6 {
    font-size: 0.85em;
    margin: 0.5em 0;
}
main#flow section ol.customer > li ul > li > ul > li:before {
    display: block;
    clear: both;
    font-family: "Font Awesome 5 Free";
    content: 'または';
    font-weight: bold;
    font-size: 1em;
    padding: 1.5em 0;
    color: #29abe2;
    width: 100%;
    text-align: center;
}
main#flow section ol.customer > li ul > li > ul > li:nth-of-type(1):before {
    display: none;
}

main#flow section ol.customer > li ul > li div.item ul {
    margin-left: 1.5em;
}
main#flow section ol.customer > li ul > li div.item ul li {
    list-style: disc;
    margin-bottom: 0;
}
main#flow section ol.customer > li ul.Nothanks {
    width: 42%;
    float: left;
}
main#flow section ol.customer > li ul.Continue {
    width: 55%;
    float: right;
}
main#flow section ol.customer > li ul.Continue > li > ul > li > div.choice {
    padding: 1em;
    border: solid 1px #29abe2;
}
main#flow section ol.customer > li ul.Nothanks h4 { background: #FF0098; }
main#flow section ol.customer > li ul.Continue h4 { background: #29abe2; }

main#flow section ol.customer > li ul.Continue p.orderbtn {
    text-align: center;
    margin-top: 0.5em;
}
main#flow section ol.customer > li ul.Continue p.orderbtn a {
    text-align: center;
    display: inline-block;
    color: #FFFFFF;
    background: #00a99d;
    border-radius: 3px;
    padding: 0.25em 0.5em;
}

/*guide*/
main#guide section h3 {
    text-align: center;
    padding: 0.25em 0.5em;
    background: #39b54a;
    border-radius: 3px;
    color: #fff;
}
main#guide section h4 {
    font-size: 1.25em;
    color: #39b54a;
    margin: 0 0 0.25em;
}
main#guide article.inner div.clearfix {
    padding-bottom: 2em;
}
main#guide article.inner div.clearfix p {
    padding: 0 0 0 1em;
}
main#guide section .rightimg {
    margin: 0 0 1em;
}

/*trial*/
main#trial div.setitems {
    border: solid 3px #8cc63f;
    border-radius: 6px;
    padding: 0 ;
}
main#trial div.setitems h4 {
    padding: 0.5em 1em;
    background: #8cc63f;
    color: #fff;
    border-bottom-right-radius: 6px;
    display: inline-block;
    text-align: center;
}
main#trial div.setitems ul {
    margin: 1em 1em 1em 3em;
    font-size: 1.1em;
}
main#trial div.setitems ul li {
    margin-bottom: 0.5em;
}
main#trial section p.benefits  {
    font-weight: 700;
    color: #ed1e79;
}

main#trial section sup {
    font-weight: normal;
}

/*works*/
main#works section ul.workscat {
    background: #f6d500;
    display: inline-block;
    margin: 0 0 3em 0;
    padding: 0.5em 1em;
    border-radius: 3em;
    color: #29abe2;
}
main#works section ul.workscat h3:before {
    display: block;
    content: '';
    clear: both;
}
main#works section ul.workscat li {
    list-style: none;
    display: inline-block;
    line-height: 1;
    margin-right: 1em;
}
main#works section ul.workscat li:nth-last-of-type(1) {
    margin-right: 0;
}
main#works section ul.workscat li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin-right: 0.25em;
}
main#works section ul.workscat li a {
    color: #29abe2;
    transition: ease-out 0.3s;
}
main#works section ul.workscat li a:hover {
    color: #39b54a;
}
main#works section dl {
    width: 96%;
    margin:  0 auto 3.5em;
    font-size: 1.1em;
}
main#works section dl:nth-last-of-type(1) {
    margin-bottom: 0;
}
main#works section dl dt {
    box-sizing: border-box;
    padding: 0.5em 0 0;
    width: 100%;
    float: none;
    font-weight: 700;
}
main#works section dl dd {
    box-sizing: border-box;
    padding: 0.5em 0 0.75em 1em;
    border-bottom: solid 1px #ccc;
    font-size: 0.85em;
}
main#works section dl i {
    font-size: 1.5em;
}

/*customervoice*/
main#customervoice .customer {
    width: 96%;
    margin: 2.5em auto 0;
} 
main#customervoice .customer li,
main#customervoice .customer .voice {
    list-style: none;
    border: solid 3px #f7931e;
    box-shadow: 0 0 20px #dddddd;
    border-radius: 5px;
    padding: 1em 1em 1em 0;
    width: 100%;
    float: none;
    margin: 0 0 2% 0;
    box-sizing: border-box;
}
main#customervoice .customer li:after,
main#customervoice .customer .voice {
    display: block;
    content: '';
    clear: both;
}
main#customervoice .customer li:nth-of-type(2n) {
    margin-right: 0;
}
main#customervoice .customer h3 {
    background: #f7931e;
    color: #fff;
    display: inline-block;
    padding: 0.5em 1rem 0.5em;
    margin: 0 0 0.25em 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
main#customervoice .customer p {
    margin-bottom: 0;
}
main#customervoice .customer .voice p.name {
    display: inline-block;
    margin: 0 0 0 1em;
    font-size: 1.15em;
    font-weight: 700;
}
main#customervoice .customer address {
    margin: 0 0 0.5em 1em;
}
main#customervoice .customer span {
    font-size: 0.85em;
    margin-left: 0.25em;
}
main#customervoice .customer i {
    margin-right: 0.5em;
}
main#customervoice .customer figure {
    margin: 1em 0 1em 1em;
    text-align: center;
}
main#customervoice .customer figure img {
    width: 100%;
    height: auto;
}
main#customervoice .customer .voice figure img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
main#customervoice .customer figure figcaption {
    margin: 1em 0 0 0;
    text-align: center;
    font-size: 1.15em;
}
main#customervoice .customer .voice figure figcaption {
    margin: 1em 0 0 0;
    text-align: left;
    line-height: 1.6;
}

main#customervoice .customer figure figcaption p.btn {
    text-align: center;
    display: inline-block;
    margin: 1em 0 0 0;
    font-size: 0.85em;
}
main#customervoice .customer figure figcaption p.btn a {
    padding: 0.5em 1em;
    display: block;
    background: #f7931e;
    border: solid 1px #f7931e;
    border-radius: 2em;
}
main#customervoice .customer figure figcaption p.btn a:hover {
    background: #fff;
    border: solid 1px #f7931e;
    color: #f7931e;
}

/*capsuleorder*/
main#capsuleorder ul.workscat {
    background: #f6d500;
    display: inline-block;
    margin: 0 0 3em 0;
    padding: 0.5em 1em;
    border-radius: 3em;
    color: #29abe2;
}
main#capsuleorder section ul.workscat h3:before {
    display: block;
    content: '';
    clear: both;
}
main#capsuleorder section ul.workscat li {
    list-style: none;
    display: inline-block;
    line-height: 1;
    margin-right: 1em;
}
main#capsuleorder section ul.workscat li:nth-last-of-type(1) {
    margin-right: 0;
}
main#capsuleorder h3 {
    font-size: 1.75em;
}
main#capsuleorder h3 span {
    font-size: 0.75em;
    margin-left: 0.25em;
}
main#capsuleorder div.content {
    margin: 1.5em 0 4em 0;
}
main#capsuleorder div.content h4.order {
    margin: 0 0 1em 0;
    padding: 0em 0 1em 0;
    border-bottom: solid 2px #333;
}
main#capsuleorder div.content aside {
    text-align: center;
}
main#capsuleorder div.content aside p.contacttel {
    font-weight: 700;
    font-size: 2.5em;
    margin-bottom: 0;
}
main#capsuleorder div.content aside p.contacttel span {
    font-size: 0.75em;
}
main#capsuleorder div.content figure.ourcapsule {
    margin-bottom: 2em;
}
main#capsuleorder div.content figure.ourcapsule ul {
    margin: 0;
    text-align: center;
}
main#capsuleorder div.content figure.ourcapsule ul li {
    display: inline-block;
    list-style: none;
    text-align: left;
    font-size: 0.85em;
}
main#capsuleorder div.content figure.ourcapsule ul li img {
    margin-bottom: 0.25em;
}
main#capsuleorder div.content figure.ourcapsule img {
    margin: 0 0 1em;
}
main#capsuleorder div.content figure.ourcapsule figcaption ol {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 1.15em;
}
main#capsuleorder div.content figure.ourcapsule figcaption ol {
    list-style: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
main#capsuleorder div.content figure.ourcapsule figcaption ol li {
    margin: 0 0 0.25em;
}
main#capsuleorder div.content > formt > ul {
    margin: 1em 0;
}
main#capsuleorder div.content > div > form > ul > li {
    list-style: none;
    box-sizing: border-box;
    padding: 1em;
}
main#capsuleorder div.content > div > form > ul > li h5 {
    font-size: 1.25em;
    margin-bottom: 0.5em;
}
main#capsuleorder div.content > div > form > ul > li h5 span {
    font-size: 0.75em;
}
main#capsuleorder div.content > div > form > ul > li > figure h6 {
    font-size: 1em;
    margin: 0.5em 0;
}
main#capsuleorder div.content > div > form > ul > li > figure ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
main#capsuleorder div.content > div > form > ul.Capsule {
    margin: 2.5em 0 1em!important;
}
main#capsuleorder div.content > div > form > ul.Capsule > li {
    padding-bottom: 2rem!important;
}
main#capsuleorder div.content > div > form > ul.Capsule > li:nth-of-type(2n) {
    background: #F9F9F9;
}
main#capsuleorder div.content > div > form > ul.Capsule > li > figure {
    padding: 0 0.25em;
    box-sizing: border-box;
}
main#capsuleorder div.content > div > form > ul.Capsule > li > figure > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    margin: 0.25rem 0 0;
    justify-content: flex-start;
}
main#capsuleorder div.content > div > form > ul.Capsule > li > figure > ul > li {
    width: 49%;
    list-style: none;
    margin-right: 2%;
}
main#capsuleorder div.content > div > form > ul.Capsule > li > figure > ul > li:nth-of-type(2n) {
    margin-right: 0%;
}
main#capsuleorder div.content > div > form > ul.Capsule > li > figure > dl {
    position: relative;
    
}
main#capsuleorder div.content > div > form > ul.Set > li {
    background: #F9F9F9;
}
main#capsuleorder div.content > div > form > ul.Set > li:nth-of-type(2n) {
    background: #FFFFFF;
}
main#capsuleorder div.content > div > form > ul.Set li figure > .setimg {
    margin: 0 0 2em;
}
main#capsuleorder div.content > div > form > ul.Set li figure > .setimg ul {
    margin: 0;
    padding: 0;
}
main#capsuleorder div.content > div > form > ul.Set li figure > .setimg ul li {
    list-style: none;
}
main#capsuleorder div.content > div > form > ul.Coin > li {
    background: #F9F9F9;
}
main#capsuleorder div.content > div > form > ul.Coin > li:nth-of-type(2n) {
    background: #FFFFFF;
}
main#capsuleorder.confilm div.content > div > form div.popinfo,
main#capsuleorder.confilm div.content > div > form div.ourcapsule,
main#capsuleorder.confilm div.content > div > form > ul.Capsule li p,
main#capsuleorder.confilm div.content > div > form > ul.Capsule li figure,
main#capsuleorder.confilm div.content > div > form > ul.Set li .setimg,
main#capsuleorder.confilm div.content > div > form > ul.Set li figcaption,
main#capsuleorder.confilm div.content > div > form > ul.Coin li figure,
main#capsuleorder.confilm div.content > div > form > ul.Coin li p {
    display: none;
}
main#capsuleorder.confilm div.content > div > form dl.order dd {
    font-size: 1.25em;
    font-weight: 700;
    color: #ed1e79;
}

/*form*/
dl.contact {
    margin: 1em 0 2em 0;
    padding: 1.5em 0 0 0;
    border-top: solid 2px #333;
}
dl.contact dt  {
	width: auto;
	float: none;
}
dl.order {
    margin: 0em 0 0em 0;
    padding: 1em 1em 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
dl.order dt {
    width: auto;
    padding: 0;
    margin: 0.25em 0;
    box-sizing: border-box;
}
ul.Set dl.order {
    justify-content:flex-end;
    padding: 0;
    margin-top: 1em;
}
ul.Set dl.order dt {
    padding-right: 1em;
}
ul.Capsule dl.order dd {
    text-align: right;
    width: 100%;
}
dl.contact.info dt {
	padding: 0.25em 0;
}
dl.contact.info dd span {
	font-size: 0.85em;
}
dl.contact.company dt {
	padding: 0em 0;
}
dl.contact dt span.required {
	font-size: 0.6em;
	display: inline-block;
	padding: 0.5em 0.5em;
	background: #f7931e;
	color: #FFFFFF;
	vertical-align:text-top;
	margin: 0em 0 0 0.5em;
	line-height: 1;
	border-radius: 2px;
}
dl.contact dt span.remarks {
    display: block;
    margin-top: 1em;
    margin-right: 1rem;
    font-size: 0.85em;
}
dl.contact dd {
	padding-left: 0!important;
	margin-bottom: 1em!important;
	padding-bottom: 1em!important;
	border-bottom: dotted 1px #4E3B3C;
    min-height: calc(1.75em + 1px);
}
dl.order {
    position: relative;
}
dl.order div.soldout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(230,230,230,0.6);
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
dl.order div.soldout span {
    color: #FF0000;
    font-size: 1.75em;
    font-weight: 700;
    transform: rotate(-15deg);
}

dl.order dd {
	padding: 0;
    margin: 0.25em 0;
    text-align: center;
}
dl.order dt span {
    color: #ed1e79;
    font-weight: 700;
    margin-left: 0.5em;
}
dl.order dt span span {
    font-size: 0.75em;
    color: #333333;
    font-weight: 500;
}
dl.contact dd input[type="text"],
dl.contact dd input[type="email"],
dl.contact dd textarea {
	max-width: 100%;
}
dl.contact dd.address input[type="text"] {
    margin: 0.25em 0 0.5em 0;
    width: 30em;
}
dl.contact dd.address .zip {
    width: 7em!important;
    margin-left: 0.25em!important;
}
dl.contact dd input[type="radio"] {
	 vertical-align:0!important
}
dl.contact dd input[type="text"] {
	width: 20em;
}
dl.contact dd.telnum input[type="text"] {
	width: 6em;
    font-size: 1em;
}
dl.contact dd input[type="email"] {
	width: 30em;
}
dl.contact dd textarea {
	width: 100%;
	height: 15em;
}
dl.contact dd span.mwform-radio-field-text {
	font-size: 1.33em!important;
	vertical-align: -0.125em;
}
dl.contact dd span.vertical-item {
	display: block!important;
	margin-bottom: 0.5em;
}
dl.contact label {
    margin: 0 1em 0 0;
    padding: 0.4em 0;
    display: inline-block;
}
dl.order input[type="number"] {
    width: 3em;
    text-align: center;
    box-sizing: border-box;
    margin-right: 0.25em;
}
dd span.error {
	font-size: 1em!important;
	display: block!important;
	font-weight: bold!important;
}
p.btnarea {
	text-align: center;
}
p.btnarea input[type="submit"] {
    font-size: 1.15em;
	background: #f7931e;
	color: #FFFFFF;
	padding: 0.75em 3em!important;
	border: solid 2px #f7931e;
	transition: color 0.3s ease-out,background 0.3s ease-out;
	font-weight: bold;
}
p.btnarea input[type="submit"]:hover {
	background: #FFFFFF;
	color: #f7931e;
}
p.btnarea.fax {
    margin-top: 1.5em;
}
p.btnarea.fax a {
    display: inline-block;
    font-size: 1.75em;
    font-weight: 700;
    padding: 0.5em 1em;
    background: #29abe2;
    color: #fff;
    border: solid 1px #29abe2;
    border-radius: 3px;
    transition: ease-out 0.3s;
}
p.btnarea.fax a:hover {
    background: #fff;
    color: #29abe2;
}

/* -------------------------------------------
MediaQuery
------------------------------------------- */
/*SmartPhone*/
@media screen and (max-width:480px) {
	.pc_img { display:none; }
	.sp_img { display:block; }
}
@media screen and (max-width:767px) {
    /*Home*/
    /*main#Home section#MainImage img {
        width: 80%;
        height: auto;
    }*/
    /*about*/
    main#about section figure.pictgallery > ul > li {
        width: 48%;
        margin-bottom: 4%;
    }
    main#about section figure.pictgallery > ul > li:nth-of-type(2n) {
        margin-left: 4%;
    }
    main#about section .detail .detail_two_column.point div.pict {
        width: 100%;
    }
    main#about section .detail .detail_two_column.point div.pict img {
        width: 160px;
        height: auto;
        display: block;
        margin: 0 auto 1.5rem;
    }
    main#about section .detail .detail_two_column.point div.contbox {
        width: 100%;
    }
    main#about section .detail .detail_two_column.space div.pict {
        width: 100%;
    }
    main#about section .detail .detail_two_column.space div.pict img {
        width: auto;
        height: 480px;
        display: block;
        margin: 0 auto 1.5rem;
    }
    main#about section .detail .detail_two_column.space div.contbox {
        width: 100%;
    }
}
/*Tablet*/
@media screen and (min-width:481px) {
	.pc_img { display:block; }
	.sp_img { display:none; }
    p.btn { text-align: left; }
}
@media screen and (min-width:481px) and (max-width:767px) {
    /*Home*/
    main#Home section#About p {
        width: 70%;
    }
    main#Home section#About figure {
        margin: 0;
        position: absolute;
        right: -6em;
        top: -12.5rem;
    }
    main#Home section#About figure img {
        height: 580px;
        width: auto;
    }
    main#about section figure.gachamachine img.machine {
        width: auto;
        height: 500px;
    }
}
@media screen and (min-width:768px) {
    main.pages section .width100 {
        width: 100%;
        margin-bottom: 0.75em;
    }
    main.pages section .leftcont {
        width: 60%;
        float: left;
        margin-bottom: 0;
    }
    main.pages section .rightcont {
        width: 60%;
        float: right;
        margin-top: 0;
        margin-bottom: 1em;
    }
    main.pages section .leftimg {
        width: 37%;
        float: left;
        margin-bottom: 0;
    }
    main.pages section .rightimg {
        width: 37%;
        float: right;
        margin-top: 0;
        margin-bottom: 1em;
    }
    main.pages section .rightimg img.gacha {
        position: absolute;
        top: -5em;
        right: 0;
        width: 65%!important;
        height: auto!important;
    }
    
    /*Home*/
    /*main#Home section#MainImage img {
        width: 590px;
        height: auto;
    }*/
    main#Home section#Introduction ol li {
        width: 48%;
        float: left;
        margin: 0 4% 0 0;
    }
    main#Home section#Introduction ol:after {
        display: block;
        content: '';
        clear: both;
    }
    main#Home section#Introduction ol li:nth-of-type(2n) {
        margin-right: 0;
    }
    main#Home section#Introduction ol li figure {
        text-align: left;
    }
    main#Home section#Introduction ol li figure img {
        width: 100%;
    }
    main#Home section#Introduction ol li figure figcaption {
        margin: 1em;
        text-align: justify;
    }
    
    /*guide*/
    main#guide section h3 {
        display: inline-block;
        padding: 0.25em 0.5em;
        background: #39b54a;
        border-radius: 3px;
        color: #fff;
    }
    main#guide section .rightimg {
        margin: 0;
    }
    
    /*flow*/
    main#flow section ol.customer > li:after {
        display: block;
        clear: both;
        font-family: "Font Awesome 5 Free";
        content: '\f063';
        font-weight: bold;
        font-size: 2em;
        padding: 0.5em 0;
        color: #29abe2;
        width: 200px;
        text-align: center;
    }
    main#flow section ol.customer li figure {
        width: 100%;
        max-width: 200px;
        float: left;
        text-align: center;
        background: #29abe2;
        color: #fff;
        font-weight: 700;
        padding: 1em 0;
        box-sizing: border-box;
        border-radius: 6px;
        margin: 0 1.5em 0 0;
    }
    main#flow section ol.customer li div.cont {
        padding-left: calc(200px + 1.5em);
    }
    main#flow section ol.customer li i {
        margin: 0;
    }
    main#flow section ol.customer li figure span {
        display: block;
        font-size: 1.15em;
    }
    main#flow section ol.customer li h3 { text-align: left; }
    main#flow section ol.customer li figure span.icon {
        font-size: 3em;
    }
    
    /*about*/
    main#about figure.rightimg.gachamachine img.medal {
        position: absolute;
        top: 16em;
        right: 7em;
        width: 140px;
        height: auto;
    }
    main#about section figure.item ul li {
        width: 48%;
        float: left;
        margin: 0 4% 4% 0;
    }
    main#about section div.detail dl {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    main#about section div.detail dl dt {
        width: 9em;
        box-sizing: border-box;
        text-align: center;
    }
    main#about section div.detail dl dd {
        width: calc(50% - 9em);
        box-sizing: border-box;
    }
    
    /*about*/
    main#about section figure.pictgallery > ul > li {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 3.5%;
    }
    main#about section figure.pictgallery > ul > li:nth-of-type(3n) {
        margin-right: 0%;
    }
    main#about section article.Operationmethod ul {
        width: 100%;
        max-width: 768px;
        margin: 0 auto 2rem;;
    }
    main#about section article.Operationmethod ul li {
        width: 22%;
        list-style: none;
    }
    
    /*customervoice*/
    main#customervoice ul.customer li {
        width: 49%;
        float: left;
        margin: 0 2% 2% 0;
    }
    main#customervoice .customer .voice figure img {
        width: 60%;
        height: auto;
    }
    main#customervoice .customer .voice figure figcaption {
        margin: 1.5em 2em 0 2em;
    }
    
    /*order*/
    main#capsuleorder div.content figure.ourcapsule:after {
        clear: both;
        display: block;
        content: '';
    }
    main#capsuleorder div.content figure.ourcapsule ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    main#capsuleorder div.content figure.ourcapsule ul li {
        width: 47%;
    }
    main#capsuleorder div.content figure.ourcapsule img {
        width: 100%;
        margin: 0 0 0;
        float: none;
    }
    main#capsuleorder div.content figure.ourcapsule figcaption {
        width: 100%;
        float: none;
        margin-top: 1em;
    }
    main#capsuleorder div.content > div > form > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 2em;
    }
    main#capsuleorder div.content > div > form > ul > li {
        background: none!important;
    }
    main#capsuleorder div.content > div > form > ul.Capsule > li {
        width: calc(100% / 3);
        padding: 0;
    }
    main#capsuleorder div.content > div > form > ul.Set {
        padding: 1.5em 0;
        margin: 1.5em 0;
        border-top: solid 2px #000;
        border-bottom: solid 2px #000;
    }
    main#capsuleorder div.content > div > form > ul.Set > li {
        width: 100%;
        padding: 0;
        margin-bottom: 2em;
    }
    main#capsuleorder div.content > div > form > ul.Set > li:nth-last-of-type(1) {
        margin-left: auto;
        margin-bottom: 0;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure:after {
        display: block;
        content: '';
        clear: both;
    }
    /*main#capsuleorder div.content > ul.Set li figure > img {
        width: 60%;
        float: left;
    }*/
    main#capsuleorder div.content > div > form > ul.Set li figure > .setimg {
        width: 100%;
        float: none;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > .setimg ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        align-items: flex-end;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > .setimg ul li:nth-of-type(1) {
        width: 62%;
        margin-right: 3%
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > .setimg ul li:nth-of-type(2) {
        width: 35%;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption {
        width: 100%;
        float: none;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption:after {
        clear: both;
        display: block;
        content: '';
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption .left {
        width: 62%;
        float: left;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption .right {
        width: 35%;
        float: right;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption h6 {
        margin: 0;
    }
    main#capsuleorder div.content > div > form > ul.Set li figure > figcaption li {
        font-size: 1em;
    }
    main#capsuleorder div.content > div > form > ul.Coin > li {
        width: calc(100% / 3);
        padding: 0;
    }
    main#capsuleorder div.content > div > form > ul.Capsule > li p {
        min-height: 3em;
        padding: 0 0.5em;
    }
    
    /*works*/
    main#works section dl dt {
        width: 50%;
        float: left;
    }
    main#works section dl dd {
        padding: 0.5em 0 0.5em 51%;
    }
    
    /*form*/
    dl.contact dt  {
        width: 14em;
        float: left;
        padding: 0em;
    }
    dl.contact dd {
        padding-left: 14em!important;
        margin-bottom: 1em!important;
        padding-bottom: 1em!important;
        border-bottom: dotted 1px #4E3B3C;
    }

}

@media screen and (min-width:768px) and (max-width:960px) {
    /*about*/
    main#about section div.leftcont.gachamachine {
        width: 100%;
        float: none;
    }
    main#about section figure.rightimg.gachamachine{
        float: none;
        width: 100%;
        height: auto;
    }
    main#about section figure.gachamachine img.machine {
        width: 70%;
        height: auto;
    }
    /*main#about figure.rightimg.gachamachine {
        position: absolute;
        width: 70%;
    }
    main#about figure.rightimg.gachamachine img.machine {
        position: absolute;
        top: -5em;
        right: -20em;
        height: 470px;
        width: auto;
    }*/
    
    /*trial*/
    main#trial section .leftcont {
        width: 100%;
        float: none;
    }
    main#trial section .rightimg {
        width: 100%;
        float: none;
    }
    main#trial section figure {
        text-align: center;
        padding-top: 1.25em;
    }
    main#trial section figure img {
        width: 480px; 
    }
}

/*DeskTop*/
@media screen and (min-width:961px) {
    /*Home*/
    main#Home section#About {
        min-height:500px;
    }
    main#Home section#About p {
        line-height: 1.8;
        width: 37%;
    }
    main#Home section#About article {
        width: 100%;
    }
    main#Home section#About figure {
        position: absolute;
        top: -18em;
        right: -13em;
        width: 100%;
    }
    main#Home section#About figure img {
        width: 65%;
    }
    main#Home section#Introduction ol li {
        width: 22%;
        float: left;
        margin: 0 4% 0 0;
    }
    main#Home section#Introduction ol li:nth-of-type(2) {
        margin-right: 4%;
    }
    main#Home section#Introduction ol li:nth-of-type(4n) {
        margin-right: 0;
    }

    /*about*/
    main#about section div.leftcont.gachamachine {
        width: 40%;
    }
    main#about section figure.rightimg.gachamachine{
        width: 58%;
    }
    
    
    
    main#about figure.rightimg.gachamachine img.machine {
        position: absolute;
        top: -12em;
        right: -2em;
        width: 100%;
        height: auto;
    }
    main#about figure.rightimg.gachamachine img.medal {
        position: absolute;
        top: 12em;
        right: 0em;
        width: 140px;
        height: auto;
    }
    
    main#trial section article:nth-of-type(2) {
        min-height: 500px;
    }
    main#trial section .leftcont {
        float: none;
    }
    main#trial section .rightimg.machine {
        position: absolute;
        width: 48.3%;
        right: 0;
        top: 2.3em;
    }
    main#trial section .rightimg.machine figcaption {
        text-align: right;
    }
    main#trial section .rightimg.machine img {
        margin-bottom: 0.5em;
    }
    main#trial section figure.toys {
        max-width: 500px;
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }
    main#trial section figure.toys figcaption span {
        font-size: 2em;
        font-weight: 700;
    }
    main#trial section figure.toys img {
        width: 100%;
        height: auto;
    }

}