@charset "UTF-8";

/*
Theme Name: Raraya Evolution
Theme URI: -
Author: SINGULIER,INC.
Author URI: https://singulier.jp/
Description: 株式会社羅羅屋専用のWordPressテーマです。
Version: 2.2
License: Copyright 2017 RARAYA,INC. All Rights Reserved.
License URI: https://raraya.co.jp/
Text Domain: raraya-evolution
Tags: raraya
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Theme Style
14.0 Theme Style SP
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
body {
  background: #000
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block
}
table {
  border-collapse: separate;
  border-spacing: 0
}
caption, td, th {
  font-weight: 400;
  text-align: left
}
blockquote:after, blockquote:before, q:after, q:before {
  content: ""
}
blockquote, q {
  quotes: "" ""
}
a:focus {
  outline: thin dotted
}
a:active, a:hover {
  outline: 0
}
html {
  overflow-x: hidden
}
body, button, input, select, textarea {
  color: #000;
  font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 1pc;
  font-size: 1.6rem;
  line-height: 1.5
}
body {
  font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif!important
}
h1, h2, h3, h4, h5, h6 {
  clear: both
}
p {
  margin-bottom: 1.5em
}
b, strong {
  font-weight: 700
}
cite, dfn, em, i {
  font-style: italic
}
blockquote {
  margin: 0 1.5em
}
address {
  margin: 0 0 1.5em
}
pre {
  background: #eee;
  font-family: Courier\ 10 Pitch, Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em
}
code, kbd, tt, var {
  font: 15px Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help
}
ins, mark {
  background: #fff9c0;
  text-decoration: none
}
sub, sup {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  bottom: 1ex
}
sub {
  top: .5ex
}
small {
  font-size: 75%
}
big {
  font-size: 125%
}
hr {
  background-color: #000;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em
}
ol, ul {
  margin: 0 0 1.5em 3em
}
ul {
  list-style: disc
}
ol {
  list-style: decimal
}
li>ol, li>ul {
  margin-bottom: 0;
  margin-left: 1.5em
}
dt {
  font-weight: 700
}
dd {
  margin: 0 1.5em 1.5em
}
img {
  height: auto;
  max-width: 100%
}
figure {
  margin: 0
}
table {
  margin: 0 0 1.5em;
  width: 100%
}
th {
  font-weight: 700
}
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}
button, input[type=button], input[type=reset], input[type=submit] {
  border: 1px solid;
  border-color: #c1bfe3;
  background: #fff;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5), inset 0 15px 17px hsla(0,0%,100%,.5), inset 0 -5px 9pt rgba(0,0,0,.05);
  color: rgba(0,0,0,.8);
  cursor: pointer;
  -webkit-appearance: button;
  font-size: 9pt;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 hsla(0,0%,100%,.8)
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.8), inset 0 15px 17px hsla(0,0%,100%,.8), inset 0 -5px 9pt rgba(0,0,0,.02)
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 hsla(0,0%,100%,.5), inset 0 2px 5px rgba(0,0,0,.15)
}
input[type=checkbox], input[type=radio] {
  padding: 0
}
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
  color: #666;
  border: 0;
  border-radius: 6px;
  background: #eee;
  padding: 10px
}
input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus {
  color: #111
}
textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  width: 100%
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.clearfix {
  display: inline-block
}
* html .clearfix {
  height: 1%
}
.clearfix {
  display: block
}
a {
  outline: 0;
  -moz-transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
a, a:visited {
  color: #2770b9
}
a:focus {
  outline: 0
}
a:active, a:focus, a:hover {
  color: #2770b9
}
.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden
}
.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  clip: auto!important;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 3
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto
}
.boxcenter {
  display: block;
  margin: auto
}
.clearboth {
  clear: both
}
.cf:after, .cf:before {
  content: " ";
  display: table
}
.cf:after {
  clear: both
}
.cf {
*zoom:1
}
.widget {
  margin: 0 0 1.5em
}
.widget select {
  max-width: 100%
}
.widget_search .search-submit {
  display: none
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto
}
.wp-caption-text {
  text-align: center
}
.wp-caption .wp-caption-text {
  margin: .8075em 0
}
body {
  background: #fff;
  color: #000
}
.font {
  font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}
html {
  line-height: 1
}
ol, ul {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
a img {
  border: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000
}
a {
  color: #2770b9
}
a, a:hover {
  text-decoration: none
}
a:hover {
  filter: alpha(opacity=80);
  opacity: .8
}
body {
  font-size: 8.75px;
  font-size: .875rem;
  line-height: 1.7
}
img {
  vertical-align: bottom
}
.pc_none {
  display: none!important
}
.site {
  width: 100%
}
/*201904 renewal start*/
.pt-body {
    padding-top: 170px;
}
#header{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
}
.site .site-header {
  width: 60pc;
  margin: 0 auto;
  position: relative
}
.site .site-header h1 {
  padding: 36px 0
}
.site .site-header h1 img {
  width: 180px;
  height: auto;
}
/*201904 renewal end*/

.site .site-header-contact {
  width: 625px;
  position: absolute;
  top: 18px;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.site .site-header-contact-telfax {
  width: 310px;
  font-weight: 600
}
.site .site-header-contact-telfax li {
  font-size: 13px;
  font-size: 1.3rem;
  color: #000;
  text-align: right;
  letter-spacing: 1px;
  line-height: 1.2
}
.site .site-header-contact-telfax li:first-child {
  margin-bottom: 8px
}
.site .site-header-contact-telfax span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000
}
.site .site-header-contact-telfax a {
  color: #000
}
.site .site-header-contact-nav {
  width: 295px;
  text-align: center
}
.site .site-header-contact-nav li {
  display: inline-block
}
.site .site-header-contact-nav li:first-child:after, .site .site-header-contact-nav li:nth-child(2):after {
  content: '　／';
  padding-right: 6px
}
.site .site-header-contact-nav li.nav-catalog {
  margin-top: 8px
}
.site .site-header-contact-nav li.nav-catalog a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #de006a; /* 2019/11/27 change from #000 to #de006a; */
  position: relative;
  width: 320px /* 2019/11/27 change from 295px to 320px */
}
.site .site-header-contact-nav li.nav-catalog a:after {
  content: ''; /* 2019/11/27 change from '\f105' to '' */
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
.site .site-header-contact-nav li.nav-catalog a:after {
  right: 70px
}
.site .site-header-contact-nav a {
  color: #000;
  font-size: 7.5px;
  font-size: .75rem
}
.site .site-header-gnav ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-bottom: 15px
}
.site .site-header-gnav ul li {
  display: inline-block
}
.site .site-header-gnav ul li a {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  color: #000
}
.site .site-header-gnav ul li span {
  display: block;
  font-size: 7.5px;
  font-size: .75rem
}
/*201904 renewal start*/

.site .site-mainvisual {
  background: url(images/index/img_mainvisual_pc.jpg?v=20191130) #fefcfd no-repeat top center;
  background-size: contain;
  text-align: center;
  height: 470px
}
.site-mainvisual .btn-area {
  padding-top: 320px;
  width: 900px;
  height: 90px;
  margin: 0 auto;
  transition: .5s cubic-bezier(0, 1, 0.25, 1)
}
.site-mainvisual .btn-area a {
  display: inline-block;
  padding: 1em;
  text-decoration: none;
  border-radius: 7px;
  color: #ffffff;
  text-transform: uppercase;
  transition: 0.5s;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
  line-height: 1.5em;
  float: right;
  margin-right: 20px;
  width: 40%;
  font-size: 12px;
  font-size: 1.2rem;
  background-size: 100% auto;
}
.site-mainvisual .btn-area a br {
  display: none;
}
/*201904 renewal end*/

.site-mainvisual .btn-area .entry:hover {
  top: 5px
}
.site-mainvisual .btn-area a:hover {
  opacity: 1;
  color: #fff;
  box-shadow: 0 5px 0 0 rgba(170, 1, 87, 0);
  background-position: right center;
  background-size: 200% auto;
}
.site-mainvisual .btn-area a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 18px;
  right: 34px
}
/* 201903 renewal end*/

.site .site-content {
  padding: 0
}
/* 201904 renewal start*/

.site .site-content-lead {
  margin: 60px auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.site .site-content-lead .bnr-area {
  width: 48%;
  padding-top: 10px;
}
.site .site-content-lead .bnr-area img {
  margin-bottom: 16px;
}
.site .site-content-lead .news-area {
  margin: 0;
  position: relative;
  width: 47%
}
.site .site-content-lead .news-area h1 {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 1pc;
  font-size: 1.6rem;
  letter-spacing: 1px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px
}
.site .site-content-lead .news-area li {
  border-bottom: 2px solid #ccc;
  font-size: 10px;
  font-size: 1rem
}
.site .site-content-lead .news-area li a {
  display: block;
  padding: 10px 0
}
.site .site-content-lead .news-area li .news-date {
  padding-right: 15px
}
.site .site-content-lead .news-area .btn-more {
  position: absolute;
  top: 15px;
  right: 0
}
.site .site-content-lead .news-area .btn-more a {
  color: #333
}
.site .site-content-lead .news-area .btn-more a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #333;
  padding-left: 5px
}
.site .site-content-lead .bnr-quality {
  width: 25pc
}
.site .site-content-ordermade {
  margin: 0 auto;
  width: 60pc;
  margin-bottom: 60px;
  padding: 50px 70px 45px;
  background: #f2ebeb;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.site .site-content-ordermade .description-area {
  width: 350px
}
.site .site-content-ordermade .description-area h1 {
  margin-bottom: 20px
}
.site .site-content-ordermade .description-area p {
  text-align: center;
  font-size: 8.125px;
  font-size: .8125rem;
  line-height: 2;
  margin-bottom: 30px
}
.site .site-content-ordermade .description-area .btn-simulation a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative;
  width: 350px;
  letter-spacing: 0
}
.site .site-content-ordermade .description-area .btn-simulation a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
.site .site-content-ordermade .description-area .btn-simulation a:after {
  content: ''
}
.site .site-content-ordermade .photo-area {
  width: 420px
}
.site .site-content-ordermade figure {
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 30px 0;
  margin-top: 40px
}
.site .site-content-link-area {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px
}
.site .site-content-link-area .link-box {
  width: 25%;
  padding-bottom: 5px;
  text-align: center;
  border-right: 1px solid #000
}
.site .site-content-link-area .link-box:last-child {
  border-right: 0
}
.site .site-content-link-area .link-box .link-icon {
  margin-bottom: 20px
}
.site .site-content-link-area .link-box p {
  height: 4.5em
}
.site .site-content-link-area .link-box .link-btn {
  width: 72%;
  margin: 0 auto;
  border: 1px solid #000
}
.site .site-content-link-area .link-box .link-btn a {
  display: block;
  padding: 8px 5px;
  color: #000
}
.site .site-content-link-area .link-box .link-btn a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #333;
  padding-left: 10px
}
.site .site-content-quality {
  min-width: 60pc;
  background: #f2ebeb;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0;
  width: 100%
}
.site .site-content-quality .description-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 510px;
  margin-left: 90px
}
.site .site-content-quality .description-area h1 {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000
}
.site .site-content-quality .description-area h1 img {
  vertical-align: middle
}
.site .site-content-quality .description-area h1 span {
  font-size: 8.125px;
  font-size: .8125rem;
  padding-left: 20px
}
.site .site-content-quality .description-area p {
  line-height: 2.2
}
.site .site-content-quality .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 360px
}
.site .site-content .bnr-shipment {
  margin: 70px 0
}
.site .site-content .bnr-shipment a {
  display: block;
  width: 682px;
  height: 138px;
  font-size: 11.875px;
  font-size: 1.1875rem;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  margin: 0 auto;
  padding-top: 55px;
  background: url(images/index/bg_btn_shipment_pc.jpg)no-repeat 0 0;
  position: relative
}
.site .site-content .bnr-shipment a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 55px;
  right: 70px
}
.site .site-content .bnr-shipment span {
  color: #fff
}
.site .site-content-lineup {
  width: 100%
}
.site .site-content-lineup h1 {
  background: #000;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  padding: 5px 0 25px;
  margin-bottom: 70px
}
.site .site-content-lineup h1 span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  letter-spacing: 1px
}
.site .site-content-lineup .content-inner {
  margin: 0 auto;
  width: 60pc
}
.site .site-content-lineup .content-inner h2 {
  text-align: center;
  background: url(images/index/img_ttl_lineup_border.png)repeat-x left center;
  margin-bottom: 50px
}
.site .site-content-lineup .content-inner h2 span {
  display: block;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  width: 20pc;
  margin: 0 auto;
  background: #fff
}
.site .site-content-lineup .content-inner h2 .sub-ttl {
  display: block;
  font-size: 8.75px;
  font-size: .875rem
}
.site .site-content-lineup .content-inner .lineup-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.site .site-content-lineup .content-inner .lineup-list:last-child {
  margin-bottom: 0
}
.site .site-content-lineup .content-inner .lineup-item {
  display: block;
  width: 50%;
  text-align: center
}
.site .site-content-lineup .content-inner .lineup-item-photo {
  margin-bottom: 15px
}
.site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item {
  width: 33.3%;
  margin: 0 auto
}
.site .site-content-lineup .content-inner .btn-vonds-more {
  width: 280px;
  margin: 0 auto 60px;
  border: 1px solid #000;
  padding: 10px 5px;
  color: #000;
  cursor: pointer
}
.site .site-content-lineup .content-inner .btn-vonds-more:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #333;
  padding-left: 10px
}
.site .site-content-lineup .content-inner .lineup-item-ttl {
  font-size: 8.75px;
  font-size: .875rem;
  padding-bottom: 40px
}
.site .site-content-lineup .content-inner .lineup-item-ttl span {
  display: block;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 17px;
  font-size: 1.7rem
}
.site .site-content-manufacturer {
  min-width: 60pc;
  background: #f2ebeb;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0;
  width: 100%;
  margin-bottom: 0
}
.site .site-content-manufacturer .description-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 510px;
  margin-left: 90px
}
.site .site-content-manufacturer .description-area h1 {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000
}
.site .site-content-manufacturer .description-area h1 img {
  vertical-align: middle
}
.site .site-content-manufacturer .description-area h1 span {
  font-size: 8.125px;
  font-size: .8125rem;
  padding-left: 20px
}
.site .site-content-manufacturer .description-area p {
  line-height: 2.2
}
.site .site-content-manufacturer .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 360px
}
.site .site-content-manufacturer .description-area h1 span {
  display: block;
  padding: 0 0 10px
}
.site .site-content-after-service {
  min-width: 60pc;
  background: #f2ebeb;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0;
  width: 100%;
  margin: 0 auto;
  background: #e1d8d8
}
.site .site-content-after-service .description-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 510px;
  margin-left: 90px
}
.site .site-content-after-service .description-area h1 {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000
}
.site .site-content-after-service .description-area h1 img {
  vertical-align: middle
}
.site .site-content-after-service .description-area h1 span {
  font-size: 8.125px;
  font-size: .8125rem;
  padding-left: 20px
}
.site .site-content-after-service .description-area p {
  line-height: 2.2
}
.site .site-content-after-service .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 360px;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.site .site-content-after-service .description-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  margin: 0 90px 0 0
}

/* 20190423 renewal オプションベルト追加 start　*/
#optionalBelt{
    background: url("images/optionbelt/bg-optionbelt-l.png") no-repeat -550px 150px;
}
.optionalBelt-inner{
    background: url("images/optionbelt/bg-optionbelt-r.png") no-repeat right -550px top -450px;
}
.optionalBelt-ttl{
    width: 650px;
    margin: 0 auto;
    font-size: 21px;
    color: #666;
    letter-spacing: .15em;
    background: url("images/optionbelt/line-rainbow.png") no-repeat bottom center;
}
.line-rainbow{
    background: url("images/optionbelt/line-rainbow.png") no-repeat top center;
    padding: 30px 0;
    margin-top: 40px;
    font-size: 32px;
    color: #666;
    letter-spacing: 0;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-pack: space-between;
}
.line-rainbow .icon-new{
		width: 97px;
		height: auto;
		margin-right: 16px
}
.line-rainbow p img.k-model{
		width: 124px;
		height: auto;
}
.line-rainbow .sub-title{
		font-size: 18px;
		padding-top: 10px;
		color: #72787a;
		letter-spacing: .075em;
}
.line-rainbow .k-model{
		margin: 0 10px 10px 10px;
}
.line-rainbow span{
    font-size: 18px;
    color: #666;
}
.optionalBelt-subttl{
    text-align: center;
    color: #e16c65;
    font-size: 21px;
    margin-top: 60px;
}
.optionalBelt-txt{
    font-size: 16px;
    text-align: center;
    line-height: 2em;
    padding: 20px 0 60px;
    letter-spacing: .15em;
    color: #333;
}
.optionalBelt-txt span{
    color: #333;
    background: linear-gradient(transparent 0, #f7dfdd 0);
}
.optionalBelt-img{
    width: 600px;
    margin: 0 auto;
}
.optionalBelt-img img{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.belt-price{
    font-size: 32px;
    text-align: center;
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding-left: 60px;
}
.belt-price small{
    font-size: 18px;
}
.betuuri{
     color: #fff;
     background: #596063;
     padding: 2px 12px;
     border-radius: 20px;
     margin-right: 10px;
     font-size: 16px;
     position: absolute;
     left: 0;
     top:11px;     
}
.kmodel-box{
    width: 570px;
    margin: 50px auto 30px;
    background: url("images/optionbelt/kmodel-logo.png")no-repeat;
    background-size:contain;   
    padding-left: 190px;
    height: 40px;
}
.sub-txt{
    width: 570px;
    margin: 0 auto 60px;
    font-size: 13px;
}

/* 20190423 renewal オプションベルト追加 end　*/

/*201904 renewal start*/

.site .site-footer {
  background: #f6f3ec
}
.site .site-footer-inner {
  margin: 0 auto;
  width: 60pc;
  padding: 60px 0;
  height: 330px; /* added by SINGULIER,INC. */
}
.site .site-footer-bnr {
  height: 100px;
}
.site .site-footer-bnr .raraya-sns-block {
  margin-top: 20px; /* added by SINGULIER,INC. */
}
.site .site-footer-bnr ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.site .site-footer-bnr li {
  width: 32.5%;
}
.site .site-footer-bnr li a {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  line-height: 1.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.site .site-footer-bnr li a:hover {
  box-shadow: none;
}
.site .site-footer-bnr li a img {
  width: auto;
  height: 100px;
}
.site .site-footer-bnr li .site-footer-txt {
  font-size: 10px;
  font-size: 1rem;
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site .site-footer-bnr li .site-footer-txt small {
  font-size: 13px;
  display: block;
  color: #7c7157;
}
.site .site-footer-bnr li:nth-child(2) small {
  color: #e4007f;
}
.footer-fixnav{
    display: none;
}
/*2019 renewal end*/
.site .site-footer-guide {
  margin: 0 auto;
  width: 60pc;
  padding: 35px 0 25px
}
.site .site-footer-guide-nav {
  text-align: center;
  margin-bottom: 30px
}
.site .site-footer-guide-nav li {
  display: inline-block;
  padding: 0 30px
}
.site .site-footer-guide-nav li a {
  color: #000
}
.site .site-footer-guide-nav li a:before {
  content: '\f105';
  font-family: FontAwesome;
  color: #333;
  padding-right: 10px
}
/* modified by SINGULIER,INC. */
.site .site-footer-guide-bnr {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}
.site .site-footer-guide-bnr a {
    position: relative;
    display: block;
    width: 24%;
    margin-right: 1.33%;
    padding: 20px;
    background: #fff;
    text-align: center;
		border: 4px solid #d9cbcb;
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.site .site-footer-guide-bnr a:hover {
    opacity: .65;
		box-shadow:0 0 0 rgba(0,0,0,0.3);
}
.site .site-footer-guide-bnr a img {
    position: absolute;
    right: 4px;
    bottom: 4px;
}
.site .site-footer-guide-bnr a:last-child {
    margin-right: 0
}
.site .site-footer-guide-bnr dt {
    font-size: 11.25px;
    font-size: 1.125rem;
    margin-bottom: 5px
}
.site .site-footer-guide-bnr dt i {
    padding-right: 10px
}
.site .site-footer-guide-bnr dd {
    font-size: 7.5px;
    font-size: .75rem;
    line-height: 1.5
}
/* end */
.site .site-footer-nav {
  /* 2020 singlier */
  /*
  background: #333;
  padding: 35px 0 25px
  */
  background: rgb(126,113,83);
  padding: 35px 0 25px
}
.site .site-footer-nav-main {
  margin: 0 auto;
  width: 60pc;
  position: relative
}
.site .site-footer-nav-main .pagetop {
  position: absolute;
  top: 0;
  right: -120px
}
.site .site-footer-nav-main-pc {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff
}
.site .site-footer-nav-main-pc .footer-nav-box:first-child {
  width: 185px
}
.site .site-footer-nav-main-pc .footer-nav-box:nth-child(2) {
  width: 200px
}
.site .site-footer-nav-main-pc .footer-nav-box:nth-child(3) {
  width: 150px
}
.site .site-footer-nav-main-pc .footer-nav-box:nth-child(4) {
  width: 125px
}
.site .site-footer-nav-main-pc .footer-nav-box:nth-child(5) {
  width: 180px
}
.site .site-footer-nav-main-pc .footer-nav-box:last-child {
  width: 120px
}
.site .site-footer-nav-main-pc .footer-nav-box li {
  margin-bottom: 10px
}
.site .site-footer-nav-main-pc .footer-nav-box ul li ul {
  margin: 0
}
.site .site-footer-nav-main-pc .footer-nav-box ul li ul li {
  margin-bottom: 5px
}
.site .site-footer-nav-main-pc .footer-nav-box ul li ul a {
  font-weight: normal
}
.site .site-footer-nav-main-pc a {
  font-size: 7.5px;
  font-size: .75rem;
  font-weight: bold;
  color: #fff
}
.site .site-footer-nav-sub {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 15px 0;
  font-size: 7.5px;
  font-size: .75rem
}
.site .site-footer-nav-sub a {
  color: #fff
}
.site .site-footer-nav-sub .nav-policy {
  width: 50%
}
.site .site-footer-nav-sub .copyright {
  width: 50%;
  color: #fff;
  text-align: right
}
.site .site-breadcrumb {
  margin: 0 auto;
  width: 60pc;
  font-size: 7.5px;
  font-size: .75rem;
  padding: 10px 0
}
.site .site-breadcrumb div {
  color: #999
}
.site .site-breadcrumb a {
  color: #171718
}
.site .site-mainttl {
  /* 2020 singulier */
  /*
  background: #171718;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
  padding: 50px 15px
  */
  background: #fbf8f0;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 3px;
  text-align: center;
  color: #000;
  padding: 50px 15px
}
.site-content section {
  margin: 0 auto;
  width: 60pc;
  margin: 0 auto 40px
}
.site-content h2 {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px
}
.site-content .sub-page-ttl {
  text-align: center;
  margin-bottom: 40px
}
.site-content .sub-page-ttl strong {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #171718
}
.site-content .sub-page-ttl span {
  display: block;
  margin-top: 30px
}
.site-content .info-table-layout {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  border-top: 1px solid #ebe1e1
}
.site-content .info-table-layout dt {
  width: 15%;
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1
}
.site-content .info-table-layout dd {
  width: 85%;
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1;
  position: relative
}
.site-content .info-table-layout dd a {
  color: #000
}
.site-content .info-table-layout dd .btn-map a {
  display: block;
  width: 10pc;
  background: #000;
  color: #fbfbfc;
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0
}
.site-content .switch-area {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px
}
.site-content .switch-area li {
  width: 25%
}
.site-content .switch-area li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  border-right: 1px solid #fff;
  background: #f2ebeb;
  font-size: 10px;
  font-size: 1rem;
  color: #020202;
  text-align: center
}
.site-content .switch-area li a:after {
  content: '\f107';
  font-family: FontAwesome;
  color: #000;
  padding-left: 10px
}
.site-content .switch-area li a:hover {
  background: #000;
  color: #fbfbfd;
  opacity: 1
}
.site-content .switch-area li a:hover:after {
  color: #fbfbfd
}
.site-content .switch-area li.current-page a {
  background: #000;
  color: #fbfbfd
}
.site-content .switch-area li.current-page a:after {
  color: #fbfbfd
}
.site-content .switch-area.switch-num2 {
  width: 700px
}
.site-content .switch-area.switch-num2 li {
  width: 50%
}
.site-content .switch-area.switch-num3 li {
  width: 33.3%
}
.site-content-faq .faq-box {
  margin: 0 auto;
  width: 60pc;
  border-top: 1px solid #333
}
.site-content-faq .faq-box dt {
  font-size: 10px;
  font-size: 1rem;
  padding: 20px 70px 20px 50px;
  position: relative;
  cursor: pointer
}
.site-content-faq .faq-box dt:hover {
  opacity: .8
}
.site-content-faq .faq-box dt:before {
  content: 'Q.';
  position: absolute;
  top: 20px;
  left: 20px
}
.site-content-faq .faq-box dt:after {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 20px;
  font-size: 2rem
}
.site-content-faq .faq-box dt.opened:after {
  content: '\f106'
}
.site-content-faq .faq-box dd {
  display: none;
  padding: 20px 20px 20px 50px;
  background: #e8dddd;
  border-top: 1px solid #333;
  position: relative
}
.site-content-faq .faq-box dd:before {
  content: 'A.';
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  top: 18px;
  left: 20px
}
.site-content-faq .faq-box:last-child {
  border-bottom: 1px solid #333
}
.site-content .form-lead p {
  text-align: center;
  margin-bottom: 20px
}
.site-content .wp-form table {
  /*
  width: 100%;
  table-layout: fixed;
  */
  border-top: 1px solid #ebe1e1;
  margin-bottom: 40px
}
.site-content .wp-form td, .site-content .wp-form th {
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1;
  vertical-align: top
}
.site-content .wp-form th {
  width: 22%;
  padding-right: 2%;
  padding-top: 25px
}
.site-content .wp-form th span {
  display: inline-block;
  color: #cb0303;
  padding-left: 20px
}
.site-content .wp-form td {
  width: 78%
}
.site-content .wp-form td span {
  display: inline-block
}
.site-content .wp-form td .input-area-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.site-content .wp-form td .input-area-box:last-child .inputArea {
  margin-bottom: 0
}
.site-content .wp-form td .label {
  width: 8%;
  padding: 10px 0;
  text-align: left
}
.site-content .wp-form td .inputArea {
  width: 92%;
  margin-bottom: 20px
}
.site-content .wp-form td .inputArea .sub {
  margin: 0 0 0 8%
}
.site-content .wp-form td input[type="text"], .site-content .wp-form td select, .site-content .wp-form td textarea {
  background: #eee;
  border: 0;
  border-radius: 3px
}
.site-content .wp-form td select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 20px;
  width: 200px
}
.site-content .wp-form td .select-style {
  position: relative
}
.site-content .wp-form td .select-style:after {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: -3px;
  right: 10px
}

@media all and (-ms-high-contrast:none) {
.site-content .wp-form td .select-style:after {
  display: none
}
}
.site-content .wp-form td input[type="text"] {
  padding: 10px;
  width: 100%
}
.site-content .wp-form td.inputNum input[type="text"] {
  width: 150px
}
.site-content .wp-form td.inputNum .sub {
  display: block;
  margin-top: 20px
}
.site-content .wp-form td .inputAddress .label {
  width: 15%
}
.site-content .wp-form td .inputAddress .inputArea {
  width: 85%
}
.site-content .wp-form td .inputAddress .inputArea input[type="text"] {
  width: 100%
}
.site-content .wp-form .child-name td input[type="text"] {
  width: 90%;
  margin-left: 8%
}
.site-content .wp-form .customer-addr .inputNum {
  position: relative
}
.site-content .wp-form .customer-addr .inputNum .label {
  width: 15%
}
.site-content .wp-form .customer-addr .inputNum .inputArea {
  width: 85%;
  margin-left: -1.3em
}
.site-content .wp-form .customer-addr .inputNum .inputArea input[type="text"] {
  width: 150px
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea {
  position: absolute;
  top: 6px;
  left: 60%
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea button {
  text-shadow: none;
  box-shadow: none;
  border: 0;
  background: #000;
  color: #fff;
  font-size: 8.75px;
  font-size: .875rem
}
.site-content .wp-form .customer-addr .inputArea.sub {
  margin-left: 15%
}
#cart.site-content .wp-form .child-gender label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 40px;
  padding: 10px 20px 10px 0;
  border-radius: 2px;
  color: #3e4956;
  font-size: 14px;
  text-align: center;
  line-height: 1
}
#cart.site-content .wp-form .child-gender label:before {
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #eee;
  border-radius: 50%
}
#cart.site-content .wp-form .child-gender input[type="radio"] {
  display: none
}
#cart.site-content .wp-form .child-gender input[type="radio"]:checked+label:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #333
}
.site-content .wp-form .child-birthday td.inputNum input[type="text"] {
  margin: 0 10px
}
.site-content .wp-form .child-birthday td.inputNum input[type="text"]:first-child {
  margin-left: 0
}
.site-content .wp-form .returnBtn {
  margin-bottom: 10px
}
.site-content .wp-form .returnBtn input[type="submit"] {
  display: block;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  width: 15pc;
  background: #000;
  color: #fff;
  font-size: 8.75px;
  font-size: .875rem;
  padding: 20px 10px;
  margin: 0 auto;
  cursor: pointer
}
.site-content .wp-form .returnBtn input[type="submit"]:hover {
  opacity: .8
}
.site-content .wp-form .submitBtn {
  margin-bottom: 60px
}
.site-content .wp-form .submitBtn input[type="submit"] {
  display: block;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  width: 15pc;
  background: #000;
  color: #fff;
  font-size: 8.75px;
  font-size: .875rem;
  padding: 20px 10px;
  margin: 0 auto;
  cursor: pointer
}
.site-content .wp-form .submitBtn input[type="submit"]:hover {
  opacity: .8
}
.site-content .lineup-nav {
  background: #f2ebeb;
  border-bottom: 1px solid #fff
}
.site-content .lineup-nav ul {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.site-content .lineup-nav ul li {
  width: 11.1%;
  border-right: 1px solid #fff
}
.site-content .lineup-nav ul li a {
  display: block;
  height: 100%;
  color: #171718;
  font-size: 8.5px;
  font-size: .85rem;
  text-align: center;
  line-height: 1;
  padding: 1.7em 10px 1.2em
}
.site-content .lineup-nav ul li:last-child a {
  padding: 17px
}
.site-content .lineup-nav ul li.current-page, .site-content .lineup-nav ul li:hover {
  background: #000
}
.site-content .lineup-nav ul li.current-page a, .site-content .lineup-nav ul li:hover a {
  color: #fff;
  opacity: 1;
  background-color: #000
}
.site-content .lineup-nav ul li:first-child {
  border-left: 1px solid #fff
}
.site-content .lineup-nav ul li:nth-child(2) a, .site-content .lineup-nav ul li:nth-child(5) a {
  padding-top: 1.2em
}
#order .sub-page-ttl {
  margin-bottom: 40px
}
#order .sub-page-ttl strong {
  margin-bottom: 25px
}
#order .sub-page-ttl span {
  display: block;
  font-size: 11.25px;
  font-size: 1.125rem;
  margin-top: 0
}
#order section {
  margin: 0 auto;
  padding: 60px 0
}
#order h1 {
  text-align: center;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 1px;
  margin-bottom: 50px
}
#order h1 span {
  display: block;
  font-size: 8.125px;
  font-size: .8125rem;
  letter-spacing: 1px
}
#order .site-content-intro {
  padding-top: 0!important
}
#order .site-content-intro .main-image {
  position: relative;
  margin-bottom: 50px
}
#order .site-content-intro .main-image .btn-purchase {
  position: absolute;
  top: 230px;
  left: 68px
}
#order .site-content-intro .main-image .btn-purchase a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative
}
#order .site-content-intro .main-image .btn-purchase a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-intro .main-image .btn-purchase a:after {
  right: 5pc
}
#order .site-content-intro .item-slider.slick-slider {
  padding: 0 30px;
  margin-bottom: 30px
}
#order .site-content-intro .item-slider.slick-slider li {
  text-align: center;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-intro .item-slider.slick-slider li img {
  margin: 0 auto 10px
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow {
  border: 0;
  font-size: 0;
  color: transparent;
  background: transparent;
  box-shadow: none;
  outline: 0;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-prev {
  left: 0
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-prev:before {
  content: '\f104';
  font-family: FontAwesome;
  font-size: 30px;
  font-size: 3rem;
  color: #333
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-next {
  right: 0
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-next:after {
  content: '\f105';
  font-family: FontAwesome;
  font-size: 30px;
  font-size: 3rem;
  color: #333
}
#order .site-content-intro .design-detail dt {
  display: block;
  width: 380px;
  margin: 0 auto 50px;
  padding: 15px;
  border: 1px solid #333;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  color: #333;
  position: relative;
  cursor: pointer
}
#order .site-content-intro .design-detail dt:hover {
  opacity: .8
}
#order .site-content-intro .design-detail dt:after {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-intro .design-detail dt.opened:after {
  content: '\f106'
}
#order .site-content-intro .design-detail dd {
  display: none
}
#order .site-content-intro .design-detail .design-detail-info {
  border-bottom: 1px solid #f2ebeb
}
#order .site-content-intro .design-detail .design-detail-info li {
  padding: 1.5em 1em 1.5em 4em;
  position: relative
}
#order .site-content-intro .design-detail .design-detail-info li span {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 1em;
  width: 2em;
  text-align: right
}
#order .site-content-intro .design-detail .design-detail-info li:nth-child(odd) {
  background: #f2ebeb
}
#order .site-content-intro .bnr-moreinfo {
  margin: 70px 0;
  margin-bottom: 20px
}
#order .site-content-intro .bnr-moreinfo a {
  display: block;
  width: 682px;
  height: 138px;
  font-size: 11.875px;
  font-size: 1.1875rem;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  margin: 0 auto;
  padding-top: 55px;
  background: url(images/index/bg_btn_shipment_pc.jpg)no-repeat 0 0;
  position: relative;
  padding-top: 38px
}
#order .site-content-intro .bnr-moreinfo a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  top: 55px;
  right: 70px
}
#order .site-content-intro .bnr-moreinfo span {
  color: #fff
}
#order .site-content-intro .bnr-moreinfo span {
  display: inline-block
}
#order .site-content-howto {
  width: 100%;
  background: #f2ebeb
}
#order .site-content-howto figure {
  text-align: center;
  margin-bottom: 50px
}
#order .site-content-howto .btn-catalog a, #order .site-content-howto .btn-purchase a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative
}
#order .site-content-howto .btn-catalog a:after, #order .site-content-howto .btn-purchase a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-purchase .purchase-flow-box {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5pc 50px;
  position: relative
}
#order .site-content-purchase .purchase-flow-box:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 1pc;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-top: 1pc solid #000;
  border-right: 1pc solid transparent;
  border-bottom: 1pc solid transparent;
  border-left: 1pc solid transparent
}
#order .site-content-purchase .purchase-flow-box:last-child {
  padding-bottom: 0
}
#order .site-content-purchase .purchase-flow-box:last-child:after {
  border: 0
}
#order .site-content-purchase .purchase-flow-box .description-area {
  width: 35pc
}
#order .site-content-purchase .purchase-flow-box .description-area h2 {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px
}
#order .site-content-purchase .purchase-flow-box .description-area h2 span {
  display: inline-block;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 13.75px;
  font-size: 1.375rem;
  font-weight: 400;
  color: #fff;
  background: #000;
  padding: 0;
  margin-right: 15px;
  line-height: 35px;
  text-align: center
}
#order .site-content-purchase .purchase-flow-box .photo-area {
  width: 171px;
  text-align: center
}
#order .site-content-purchase .btn-catalog a, #order .site-content-purchase .btn-purchase a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative
}
#order .site-content-purchase .btn-catalog a:after, #order .site-content-purchase .btn-purchase a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-faq {
  width: 100%;
  background: #f2ebeb
}
#order .site-content-faq .faq-box {
  width: 50pc
}
#order .site-content-factory {
  width: 100%;
  background: #e1d8d8
}
#order .site-content-factory h1 {
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-factory h1 span {
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 1px;
  display: inline-block
}
#order .site-content-factory .photo {
  text-align: center;
  margin-bottom: 40px
}
#order .site-content-factory .btn-factory a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative
}
#order .site-content-factory .btn-factory a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#order .site-content-factory .btn-factory a:after {
  right: 15px
}
#company .company-greeting .company-greeting-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#company .company-greeting .company-greeting-inner .description-area {
  width: 68%
}
#company .company-greeting .company-greeting-inner .description-area .signature {
  text-align: right
}
#company .company-greeting .company-greeting-inner .photo-area {
  width: 25%;
  text-align: right
}
#company .company-policy h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebe1e1
}
#showroom .showroom-info {
  margin-bottom: 30px
}
#showroom .showroom-photo {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px
}
#showroom .showroom-photo li {
  width: 33.3%
}
#showroom .showroom-aizu .showroom-photo li, #showroom .showroom-kawaguchi .showroom-photo li {
  width: 50%
}
#aizu .about-aizu-factory {
  width: 100%
}
#aizu .main-image {
  margin-bottom: 30px
}
#aizu .main-image img {
  width: 100%;
  height: auto
}
#aizu .factory-lead {
  margin: 0 auto;
  width: 60pc
}
#aizu .factory-photo {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px
}
#aizu .factory-photo li {
  width: 33.3%
}
#aizu .factory-catch {
  margin-bottom: 30px
}
#aizu .factory-info {
  margin-bottom: 30px
}
#aizu .factory-catch, #aizu .factory-contact-info {
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center
}
#aizu .factory-contact-info {
  padding: 25px 15px;
  border: 6px solid #f2ebeb
}
#aizu .factory-contact-info dd {
  font-size: 10px;
  font-size: 1rem
}
#aizu .factory-contact-info dd.contact-tel {
  font-size: 15px;
  font-size: 1.5rem
}
#aizu .factory-contact-info dd.contact-tel span {
  font-size: 18.75px;
  font-size: 1.875rem
}
#aizu .factory-photo-exhibition {
  margin-bottom: 30px
}
#policy .privacy-policy section {
  margin: 30px 0
}
#policy .privacy-policy h2 {
  font-size: 8.75px;
  font-size: .875rem;
  margin-bottom: 5px
}
#policy .privacy-policy ol {
  margin-top: 20px
}
#law section h2 {
  background: #f2ebeb;
  padding: 10px 20px
}
#law section.about-sales dt {
  font-weight: 700;
  margin-bottom: 5px
}
#law section.about-sales dd {
  margin-bottom: 30px
}
#law section.about-sales dd:last-child {
  margin-bottom: 0
}
#news {
  margin: 0 auto;
  width: 60pc
}
#news .news-list {
  margin-top: 0
}
#news article {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1
}
#news article:first-child {
  border-top: 1px solid #ebe1e1
}
#news article a {
  display: block;
  width: 100%
}
#news article .post-date {
  display: block;
  width: 14em
}
#news article .post-title {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px
}
#news article .post-title a {
  color: #000
}
#news article a:hover {
  opacity: .6
}
#news article .post-txt {
  display: block
}
#news .news-list-thum {
  width: 25%;
  float: left
}
#news .news-list-txt {
  width: 70%;
  float: left;
  margin-left: 20px
}
#news-detail {
  margin: 0 auto;
  width: 60pc;
  width: 50pc;
  padding: 40px 0
}
#news-detail .news-list {
  width: 100%;
  margin-top: 0
}
#news-detail article {
  margin-bottom: 50px
}
#news-detail article .entry-meta {
  margin-bottom: 10px
}
#news-detail article .entry-title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 10px 0;
  margin-bottom: 30px;
  border-top: 1px solid #ebe1e1;
  border-bottom: 1px solid #ebe1e1
}
#news-detail .news-list-thum {
  text-align: center;
  padding-bottom: 20px
}
#news-detail article .entry-content p {
  margin-bottom: 20px
}
#news-detail article .entry-content img {
  width: 100%;
  max-width: 540px
}
#news-detail .btn-more a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative;
  width: 15pc
}
#news-detail .btn-more a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#news-detail .btn-more a:after {
  content: ''
}
#exhibition .exhibition-lead p {
  text-align: center;
  margin-bottom: 20px
}
#exhibition .exhibition-lead span {
  color: #ba0303
}
#exhibition .exhibition-lead strong {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700
}
#exhibition .exhibition-list h2 {
  background: #f2ebeb;
  padding: 10px 20px
}
#exhibition .exhibition-list table {
  margin-bottom: 40px
}
#exhibition .exhibition-list table td {
  vertical-align: top;
  border-bottom: 1px solid #ebe1e1;
  padding: 15px 10px 15px 0;
  position: relative
}
#exhibition .exhibition-list table td .week-sat {
  color: #00f
}
#exhibition .exhibition-list table td .week-holiday, #exhibition .exhibition-list table td .week-sun {
  color: red
}
#exhibition .exhibition-list table td .btn-map a {
  display: block;
  width: 10pc;
  background: #000;
  color: #fbfbfc;
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0;
  top: 15px
}
#agency .agency-official-shop-inner,
#showroom .agency-official-shop-inner {
  border: 5px solid #ebe1e1;
  padding: 15px 30px
}
#agency .agency-official-shop-inner h2,
#showroom .agency-official-shop-inner h2 {
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebe1e1;
  margin-bottom: 20px
}
#agency .agency-official-shop-inner dl,
#showroom .agency-official-shop-inner dl {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#agency .agency-official-shop-inner dt,
#showroom .agency-official-shop-inner dt {
  width: 18%;
  font-weight: 700;
  padding: 5px
}
#agency .agency-official-shop-inner dd,
#showroom .agency-official-shop-inner dd {
  width: 20%;
  padding: 5px
}
#agency .agency-official-shop-inner dd:nth-child(2),
#showroom .agency-official-shop-inner dd:nth-child(2) {
  width: 30%
}
#agency .agency-note {
  color: #c70404;
  background: #fdeaea;
  text-align: center;
  padding: 10px;
  margin-bottom: 40px
}
#agency .agency-list h2 {
  background: #f2ebeb;
  padding: 10px 20px
}
#agency .agency-list table {
  margin-bottom: 40px
}
#agency .agency-list table td {
  vertical-align: top;
  border-bottom: 1px solid #ebe1e1;
  padding: 15px 10px 15px 0
}
#faq .site-content-faq h2 {
  background: #f2ebeb;
  padding: 10px 20px;
  margin-bottom: 0
}
#faq .site-content-faq .faq-box {
  border-top: 1px solid #ebe1e1
}
#faq .site-content-faq .faq-box dt:before {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  top: 13px;
  left: 10px
}
#faq .site-content-faq .faq-box dd {
  background: #fbf9f9;
  border-top: 1px solid #ebe1e1
}
#faq .site-content-faq .faq-box dd:before {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  top: 13px;
  left: 13px
}
#faq .site-content-faq .faq-box:nth-child(2) {
  border-top: 0
}
#faq .site-content-faq .faq-box:last-child {
  border-bottom: 1px solid #ebe1e1
}
#inquiry .inquiry-form .customer-num input[type="text"] {
  margin-bottom: 20px
}
#hooker .hooker-form td .select-style select {
  width: 150px
}
#hooker .hooker-form .name-kana input[type="text"] {
  margin-bottom: 20px
}
#lineup .sub-page-ttl span {
  display: inline-block;
  margin: 0;
  color: #171718
}
#lineup .lineup-lead {
  text-align: center
}
#lineup .lineup-lead h1 {
  font-size: 11.25px;
  font-size: 1.125rem;
  line-height: 1.4
}
#lineup .lineup-lead h1 span {
  display: block;
  font-size: 22.5px;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 15px 0 40px
}
#lineup .lineup-lead .item-feature {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px 0 75pt
}
#lineup .lineup-lead .item-feature li {
  width: 8pc;
  height: 8pc;
  margin: 0 8px;
  border: 5px solid #f2ebeb;
  border-radius: 50%;
  font-size: 12.5px;
  font-size: 1.25rem;
  line-height: 1.4
}
#lineup .lineup-lead .item-feature li span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}
#lineup .site-content-lineup .content-inner .lineup-list.lineup-offtheshelf .lineup-item-catch {
  min-height: 200px;
  margin-bottom: 0
}
#lineup .site-content-lineup .content-inner .lineup-item-ttl {
  min-height: 75pt
}
#lineup .site-content-lineup .content-inner .lineup-item-catch {
  width: 280px;
  text-align: left;
  margin: 0 auto 30px
}
#lineup .site-content-lineup .content-inner .lineup-item-catch.height171 {
  height: 171px
}
#lineup .site-content-lineup .content-inner .lineup-item-catch strong {
  display: block;
  font-weight: 700;
  margin-bottom: 10px
}
#lineup .site-content-lineup .content-inner .lineup-item-price {
  font-weight: 700;
  margin-bottom: 30px
}
#lineup .site-content-lineup .content-inner .btn-more {
  width: 280px;
  margin: 0 auto 60px;
  border: 1px solid #000;
  padding: 10px 5px;
  color: #000
}
#lineup .site-content-lineup .content-inner .btn-more:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #333;
  padding-left: 10px
}
#lineup .site-content-special {
  width: 100%;
  background: #f7f5f3;
  padding: 60px 0;
  margin-bottom: 0
}
#lineup .site-content-special h1 {
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 18.75px;
  font-size: 1.875rem;
  letter-spacing: 1px;
  text-align: center
}
#lineup .site-content-special h1 span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  margin-top: 10px
}
#lineup .site-content-special .present-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#lineup .site-content-special .present-box {
  width: 48%;
  background: #fff;
  border-radius: 10px;
  padding: 30px 50px
}
#lineup .site-content-special .present-box:first-child {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 50px
}
#lineup .site-content-special .present-box:last-child p {
  font-size: 10px;
  font-size: 1rem
}
#lineup .site-content-special .present-box h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #df0623;
  text-align: center;
  margin-bottom: 15px
}
#lineup .site-content-special .present-box h2 span {
  color: #df0623;
  border-bottom: 3px solid #df0623;
  padding-bottom: 15px
}
#lineup .site-content-special .present-box h3 {
  font-size: 13.75px;
  font-size: 1.375rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 30px
}
#lineup .site-content-special .present-box .present-photo {
  text-align: center;
  margin-bottom: 20px
}
#lineup .site-content-special .present-box ul {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 20px
}
#lineup .site-content-special .present-box ul li {
  padding: 3px 0 3px 1em;
  text-indent: -1em
}
#lineup .site-content-special .present-box .note {
  display: block;
  font-size: 7.5px;
  font-size: .75rem;
  color: #999
}
#lineup .site-content-special .present-type {
  width: 50%;
  padding: 30px 10px;
  text-align: center
}
#lineup .site-content-special .present-type .present-photo {
  margin-bottom: 40px
}
#lineup .lineup-offtheshelf {
  display: block
}
.product-info#chocolate .main-image {  
  /* background: #e0bf83 */
  background: #f6f3ec /* 2020 singulier */
}
.product-info#chocolate .howto-make {
  background: #f6ecda
}
.product-info#ai .main-image {
    /* background: #deb090 */
  background:#f3ebdb
}
.product-info#kirara .main-image {
  /* background: #a2b3c9 */
  background: #e5e1ea  /* 2020 singulier */
}
.product-info#ai .item-preview-area .item-preview p {
  text-align: left
}
.product-info#ai .item-preview-area .item-preview strong {
  font-weight: 700
}
.product-info#titti .main-image {
  /* background: #3eac88 */
  background: #e8ebec  /* 2020 singulier */
}
.semi-order-thumb {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.semi-order-thumb li {
  width: 28%;
  margin-bottom: 10px;
  line-height: 1.4;
  cursor: pointer;
  font-size: 9pt;
  font-size: .65rem
}
.semi-order-thumb li img {
  display: block;
  margin: 0 auto 6px 0
}
.product-info#titti .designer-info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #eee;
  padding: 40px;
  margin-bottom: 60px;
  clear: both
}
.product-info#titti .designer-info .description-area {
  width: 50%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  padding-left: 20px
}
.product-info#titti .designer-info .description-area h2 {
  margin-bottom: 10px
}
.product-info#titti .designer-info .photo-area {
  width: 50%;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  margin-top: 10px;
  text-align: center
}
.product-info#titti .designer-info .photo-area .photo {
  display: inline-block;
  margin: 0 10px 20px
}
.product-info#candy .main-image {
  /* background: #ffe8f0 */
  background: #f6f3ec /* 2020 singlier */
}
.product-info#candy .howto-make {
  /* background: #fdccdd */
  background: #e4c485  /* 2020 singulier */
}
.product-info#candy .howto-make h2 {
  margin-bottom: 20px
}
.product-info#candy .howto-make .lead {
  text-align: center;
  padding: 0 15px;
  margin-bottom: 30px
}
.product-info#candy .howto-make .make-step li:last-child a {
  /*
  border: 1px solid #ff0279;
  background: #ff0279
  */
  border: 1px solid #bc8c29;
  background: #bc8c29  /* 2020 singulier */
}
.product-info .sub-page-ttl span {
  display: inline-block;
  margin: 0;
  color: #171718
}
.product-info .main-image {
  /* background: #ec6da0; */
  background: #ffebec; /* 2020 singulier */
  text-align: center
}
.product-info .main-image h2 {
  margin-bottom: 0
}
.product-info .howto-make {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 10px
}
.product-info .howto-make h2 {
  font-size: 18.75px;
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: 50px
}
.product-info .howto-make .make-step {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.product-info .howto-make .make-step li {
  width: 134px;
  margin: 0 .3in 20px 0;
  padding-top: 15px
}
.product-info .howto-make .make-step li:last-child {
  width: 146px;
  margin-right: 0;
  padding-top: 0
}
.product-info .howto-make .make-step li:last-child a {
  display: block;
  width: 146px;
  height: 146px;
  border: 1px solid #582c24;
  border-radius: 50%;
  margin: 0 auto 10px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  background: #582c24
}
.product-info .howto-make .make-step li:last-child a p {
  color: #fff
}
.product-info .howto-make .make-step li:last-child a p:after {
  content: '\f105';
  font-family: FontAwesome;
  padding-left: 10px
}
.product-info .howto-make .make-step div {
  width: 93pt;
  height: 93pt;
  border: 1px solid #333;
  border-radius: 50%;
  margin: 0 auto 10px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  position: relative
}
.product-info .howto-make .make-step div:after {
  content: '\f0da';
  font-family: FontAwesome;
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: 45px;
  right: -23px
}
.product-info .howto-make .make-step p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-weight: 700
}
.product-info .howto-make .make-step span {
  display: block;
  font-size: 6.875px;
  font-size: .6875rem;
  text-align: center
}
.product-info #detailarea {
  float: right;
  width: 45%
}
.classlist h3 {
  font-weight: 700;
  padding: 20px 0
}
.product-info .item-preview-area .item-preview {
  width: 48%;
  text-align: center;
  margin: 0 1% 60px;
  float: left
}
.product-info .item-preview-area .item-preview.preview-area01, .product-info .item-preview-area .item-preview.preview-area02, .product-info .item-preview-area .item-preview.preview-area03 {
  margin-bottom: 0
}
.product-info .item-preview-area .item-preview.preview-area01 .photo, .product-info .item-preview-area .item-preview.preview-area02 .photo, .product-info .item-preview-area .item-preview.preview-area03 .photo {
  position: relative
}
.product-info .item-preview-area .item-preview.preview-area01 .photo:before, .product-info .item-preview-area .item-preview.preview-area02 .photo:before {
  content: "";
  display: block;
  /* 2020 singulier 仕上がり見本画像（拡大）の画像比率変更による対応 start */
  /*
  padding-top: 100% 
  */
  padding-top:150%
  /* 2020 singulier 仕上がり見本画像（拡大）の画像比率変更による対応 end */
}
.product-info .item-preview-area .item-preview.preview-area03 .photo:before {
  content: "";
  display: block;
  padding-top: 100% 
}

.product-info .item-preview-area .item-preview.preview-area01 .photo img, .product-info .item-preview-area .item-preview.preview-area02 .photo img, .product-info .item-preview-area .item-preview.preview-area03 .photo img  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.product-info .item-preview-area .photo {
  margin-bottom: 10px
}
.product-info .form-area {
  margin-bottom: 5pc
}
.product-info .form-area #form1 {
  width: 100%
}
.product-info .form-area #detailarea {
  padding-top: 5pc
}
.product-info .form-area .classlist {
  padding-left: 30px
}
.product-info .form-area .classlist h3 {
  margin-bottom: 10px;
  font-weight: 700
}
.product-info .form-area .classlist label {
  display: block;
  position: relative
}
.product-info .form-area .classlist label:after {
  content: '';
  clear: both;
  display: block
}
.product-info .form-area .classlist label p {
  width: -webkit-calc(100% - 24px);
  width: calc(100% - 24px);
  margin-bottom: 6px
}
.product-info .form-area .classlist input[type="radio"] {
  margin: 5px 10px 0 0;
  float: left
}
.product-info .form-area .itemName {
  margin-bottom: 20px
}
.product-info .form-area .itemName h2 {
  font-size: 1pc;
  font-size: 1.6rem;
  margin-bottom: 0;
  line-height: 1.4
}
.product-info .form-area .classlist {
  display: initial
}
.product-info .itemName p {
  font-weight: 700;
  padding-top: 8px
}
.product-info .alert {
  border: 1px solid red;
  padding: 15px 20px;
  margin: 0 auto 15px;
  display: block;
  width: 435px;
  text-align: center
}
.product-info .alert p {
  color: red
}
.product-info .form-area .cart_area .cartin_btn a {
  display: block;
  width: 435px;
  background: #000;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  margin: 0 auto 15px
}
.product-info .form-area .cart_area .cartin_btn a:before {
  content: '\f07a';
  font-family: FontAwesome;
  padding-right: 10px
}
.product-info .form-area .cart_area .shipment_btn a {
  display: block;
  width: 435px;
  font-size: 10px;
  font-size: 1rem;
  color: #000;
  text-align: center;
  padding: 11px 10px;
  margin: 0 auto;
  border: 2px solid #ccc
}
.product-info .item-info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5pc;
  clear: both
}
.product-info .item-info .item-basic-info {
  width: 50%
}
.product-info .item-info #subInfo dt {
  font-weight: 700
}
.product-info .item-info #subInfo dd {
  margin-bottom: 10px
}
.product-info .item-info #subComment li {
  padding: 3px 0 3px 1em;
  text-indent: -1em
}
.product-info .item-info #raraya-icon {
  width: 50%
}
.product-info .item-info #raraya-icon li {
  display: inline-block;
  width: 93px;
  height: 92px;
  margin: 0 10px 10px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer
}
.product-info .item-info #raraya-icon li:hover {
  opacity: .7;
  -moz-transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s
}
.product-info .item-info #raraya-icon #raraya-icon-bio5 {
  background: url(images/lineup/angel-rara/icon_image01.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-keitai {
  background: url(images/lineup/angel-rara/icon_image02.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-longbelt {
  background: url(images/lineup/angel-rara/icon_image03.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-newbelt {
  background: url(images/lineup/angel-rara/icon_image04.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-sholderbelt {
  background: url(images/lineup/angel-rara/icon_image05.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-fitmecha {
  background: url(images/lineup/angel-rara/icon_image06.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-wide {
  background: url(images/lineup/angel-rara/icon_image07.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-totte {
  background: url(images/lineup/angel-rara/icon_image08.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-autolock {
  background: url(images/lineup/angel-rara/icon_image09.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-schedule {
  background: url(images/lineup/angel-rara/icon_image10.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-cleancut {
  background: url(images/lineup/angel-rara/icon_image11.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-bioalpha {
  background: url(images/lineup/angel-rara/icon_image12.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-inner {
  background: url(images/lineup/angel-rara/icon_image13.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-doublehooker {
  background: url(images/lineup/angel-rara/icon_image14.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-safetyhooker {
  background: url(images/lineup/angel-rara/icon_image15.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-mirror {
  background: url(images/lineup/angel-rara/icon_image16.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-mirrorline {
  background: url(images/lineup/angel-rara/icon_image17.png)no-repeat 0 0;
  background-size: contain
}
.product-info .item-info #raraya-icon #raraya-icon-mirrorstud {
  background: url(images/lineup/angel-rara/icon_image18.png)no-repeat 0 0;
  background-size: contain
}
.product-info .bnr-area {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px
}
.product-info .bnr-area li {
  width: 50%
}
.bt-content h4 {
  font-weight: 700;
  margin: 0 0 5px;
  font-size: 7.5px;
  font-size: .75rem;
  color: #000
}
.bt-content p {
  font-size: 6.875px;
  font-size: .6875rem
}
#modal {
  width: 100%;
  max-width: 60pc
}
#modal .modalInner {
  background: #fff
}
#modal>section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 55px 25px;
  text-align: center
}
#modal>section h2 {
  font-size: 21.25px;
  font-size: 2.125rem;
  font-weight: 700;
  padding-bottom: 35px;
  margin-bottom: 40px
}
#modal>section h2, #modal>section section {
  width: 100%;
  background: url(images/lineup/img_border_section.png)repeat-x left bottom
}
#modal>section section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 25px;
  margin-bottom: 30px
}
#modal>section section .step {
  text-align: left
}
#modal>section section.howto-step01 .step {
  width: 37%;
  margin-bottom: 20px
}
#modal>section section.howto-step02 ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
#modal>section section.howto-step02 li {
  width: 166px;
  margin: 0 5px 20px
}
#modal>section section.howto-step03, #modal>section section.howto-step04, #modal>section section.howto-step05, #modal>section section.howto-step06, #modal>section section.howto-step07 {
  width: 50%
}
#modal>section section.howto-step07, #modal>section section.howto-step08 {
  background: 0;
  padding-bottom: 0
}
#modal>section section.howto-step08 {
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#modal>section section.howto-step08 .photo, #modal>section section.howto-step08 p {
  width: 50%
}
#modal>section section.howto-step08 p {
  text-align: left
}
#modal>section section.howto-step08 p span {
  display: inline-block;
  font-size: 7.5px;
  font-size: .75rem
}
#modal>section section.howto-step09 {
  background: #eee;
  padding: 40px;
  margin-bottom: 0
}
#modal>section section .photo {
  margin-bottom: 20px;
  text-align: center
}
#modal>section h3, #modal>section h4 {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 30px
}
#modal>section h4 {
  margin-bottom: 10px
}
.link span:before {
  content: "\f08e";
  font-family: FontAwesome;
  padding-right: 10px
}
.size_modal {
  width: 865px;
  padding: 20px 0;
  background-color: #fff
}
.size_modal .size {
  width: 47%;
  float: left;
  margin-left: 20px;
  border: 1px solid #000
}
.size_modal .size h4 {
  padding: 40px 0 20px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700
}
.size_modal .size p {
  min-height: 70px;
  padding: 0 20px;
  font-weight: 700;
  text-align: left;
  font-size: 1.167em
}
.size_modal .size p span {
  display: block;
  color: #e96f8f;
  padding-top: 10px;
  font-weight: 400;
  font-size: 9pt
}
.size_modal .size .imgArea {
  padding-bottom: 40px;
  text-align: center
}
.size_modal .size .imgArea img.pt40 {
  padding-top: 40px
}
.size_moda #size_wide {
  float: right;
  margin: 0 20px 0 0
}
.product-info .semi-order-form {
  width: 100%;
  background: #f6ecda;
  margin: 0 auto;
  padding: 40px
}
.product-info .semi-order-form h3 {
  font-size: 1pc;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 700
}
.product-info .semi-order-form .btn-detail a {
  display: block;
  width: 250px;
  color: #000;
  margin: 0 auto 20px;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #fff;
  border: 2px solid #000;
  position: relative;
  letter-spacing: 0;
  font-weight: 700
}
.product-info .semi-order-form .form-box {
  width: 60pc;
  background: #fff;
  border-radius: 10px;
  padding: 30px 40px;
  margin: 40px auto 0
}
.product-info .semi-order-form .form-list {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.product-info .semi-order-form .form-box h3 {
  display: table;
  height: 54px;
  margin: 0 auto 20px
}
.form-box-wrap, .form-box-wrap ul {
  width: 740px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.form-box-wrap.w600 {
  width: 600px
}
.form-box-wrap2 ul {
  width: 740px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.product-info .semi-order-form .form-box label {
  text-align: center;
  padding: 0 15px 15px;
  display: block;
  font-size: 10px;
  font-size: 1rem
}
.product-info .semi-order-form .form-box label img {
  display: block;
  margin-bottom: 15px
}
.product-info .size {
  margin: 3px 0 0;
  padding: 10px;
  font-weight: 400;
  border: 2px solid #5a3b2b
}
.product-info .raraya_name_right {
  float: right;
  width: 450px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 5pc
}
.product-info .raraya_name_right label {
  display: inline-block
}
.product-info .inputWrapper ul li {
  float: left;
  width: 5%;
  margin: 0 .98%;
  border: 0!important
}
.product-info.inputWrapper ul li:last-child {
  margin-right: 0
}
#nameInput li input[type="text"] {
  border: 2px solid #c3c3c3;
  border-radius: 0;
  background: #fff;
  width: 5%;
  float: left;
  padding: 9pt;
  font-size: 1pc;
  line-height: 1;
  outline: 0;
  margin: 10px 5px 20px 0
}
.leadText {
  margin-top: 20px
}
.leadText span {
  display: block
}
.product-info input[type="text"]#raraya_input_support_text {
  border: 2px solid #c3c3c3;
  border-radius: 0;
  background: #fff;
  width: 100%;
  padding: 9pt;
  font-size: 1pc;
  line-height: 1;
  outline: 0;
  margin: 0 5px 20px 0
}
.product-info .line-top {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  clear: both
}
.product-info button {
  display: block;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  width: 20pc;
  background: #000;
  color: #fff;
  padding: 19px 10px;
  margin: 20px auto 10px;
  cursor: pointer
}
.product-info span.raraya_charge {
  display: block;
  margin: 0 auto;
  text-align: center
}
.product-info .itemName {
  width: 100%;
  margin: 40px 0 20px;
  padding: 20px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.itemName .itemName_ttl {
  display: block;
  margin-bottom: 0!important;
  font-size: 9pt;
  font-size: 1.2rem;
  font-weight: 700
}
.form-list #submitArea {
  display: block;
  margin: 0 auto 30px;
  text-align: center
}
.form-list .delivery a {
  border: 2px solid #000;
  padding: 10px;
  text-align: center;
  display: block;
  color: #000;
  transition: .3s
}
.form-list button[type="submit"]:hover {
  opacity: .8
}
.notes {
  border: 1px solid red;
  padding: 10px;
  color: red;
  width: 100%;
  margin: 20px 0
}
#flow .flow-lead, .notes {
  text-align: center
}
#flow .ordermade-price {
  width: 100%;
  background: #f2ebeb;
  padding: 30px 0
}
#flow .ordermade-price-list {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#flow .ordermade-price-list .price-box {
  width: 310px; /* 2018/4/21〜 modified by SINGULIER,INC. */
  overflow: hidden;
  cursor: pointer;
  margin: 0 0 20px;
  background: #fff;
  padding: 20px 6px 6px;
  text-align: center
}
#flow .ordermade-price-list .price-box h2 {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0
}
#flow .ordermade-price-list .price-box h2 span {
  font-size: 21.25px;
  font-size: 2.125rem;
  padding-left: 10px
}
#flow .ordermade-price-list .price-box .price-span {
  margin-bottom: 10px
}
#flow .ordermade-price-list .price-box .price-span span {
  font-size: 7.5px;
  font-size: .75rem;
  background: #666;
  color: #fff;
  padding: 3px 5px;
  margin-right: 10px
}
#flow .ordermade-price-list .price-box .price-limited {
  background: #010000;
  padding: 5px;
  color: #fff
}
#flow .ordermade-price-list .price-box table {
  margin: 10px 0 10px 2px
}
#flow .ordermade-price-list .price-box tr {
  border-bottom: 1px solid #aaa
}
#flow .ordermade-price-list .price-box.dsabled {
  background: #bbb
}
#flow .flow-ordermade .ordermade-detail {
  margin: 20px auto 0;
  padding-bottom: 60px;
  position: relative
}
#flow .flow-ordermade .ordermade-detail:after {
  content: '\f0d7';
  font-family: FontAwesome;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box {
  text-align: left;
  padding: 30px
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box ul {
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 20px
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box ul li {
  padding-left: 1em;
  text-indent: -1em
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax span {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  margin-left: 20px
}
#flow .flow-ordermade .ordermade-detail:last-child {
  padding-bottom: 20px
}
#flow .flow-ordermade .ordermade-detail:last-child .note {
  margin-top: 20px
}
#flow .flow-ordermade .ordermade-detail:last-child:after {
  content: ''
}
#flow .flow-ordermade h2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px
}
#flow .flow-ordermade h2 .order-flow-num {
  font-size: 26.25px;
  font-size: 2.625rem;
  margin-right: 20px
}
#flow .flow-ordermade h2 .order-limited {
  font-size: 10px;
  font-size: 1rem;
  margin-right: 35px
}
#flow .flow-ordermade h2 .order-ttl {
  font-size: 15px;
  font-size: 1.5rem;
  border-left: 1px solid #000;
  padding-left: 35px
}
#flow .flow-ordermade .flow-ex-box {
  background: #f2ebeb;
  padding: 20px 30px;
  margin: 25px 0 10px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem
}
#flow .flow-ordermade .flow-ex-box .flow-pattern {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0 10px
}
#flow .flow-ordermade .flow-ex-box .flow-pattern li {
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  width: 360px;
  margin: 0 10px;
  padding: 15px;
  background: #fff
}
#flow .flow-ordermade .flow-ex-box .note {
  width: auto;
  margin-left: 460px;
  text-align: left
}
#flow .flow-ordermade .btn-simulation a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative;
  width: 390px;
  font-size: 12.5px;
  font-size: 1.25rem;
  letter-spacing: 0;
  margin: 40px auto
}
#flow .flow-ordermade .btn-simulation a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#flow .flow-ordermade .btn-simulation a:after {
  top: 14px;
  right: 25px
}
#flow .flow-ordermade .ordermade-summary {
  width: 460px;
  font-size: 12.5px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  padding: 10px;
  margin: 40px auto;
  border: 3px solid #000
}
#flow .flow-ordermade .photo-randoseru {
  position: absolute;
  top: 30px;
  right: 70px
}
#flow .note {
  margin: 0 auto;
  width: 60pc;
  font-size: 7.5px;
  font-size: .75rem
}
#flow .note li {
  padding-left: 1em;
  text-indent: -1em
}
#shipment .shipment-list table {
  margin-bottom: 25px
}
#shipment .shipment-list table thead th {
  background: #f2ebeb;
  font-weight: 700;
  border-right: 2px solid #fff;
  text-align: center;
  padding: 15px 10px
}
#shipment .shipment-list table thead th.th-name {
  width: 28%
}
#shipment .shipment-list table thead th.th-color {
  width: 30%
}
#shipment .shipment-list table thead th.th-status {
  width: 20%
}
#shipment .shipment-list table thead th.th-yotei {
  width: 22%
}
#shipment .shipment-list table thead th:last-child {
  border-right: 0
}
#shipment .shipment-list table tbody tr:first-child td:first-child {
  vertical-align: top;
  text-align: left
}
#shipment .shipment-list table tbody tr:first-child td:first-child:after {
  content: " ";
  display: block;
  clear: both
}
#shipment .shipment-list table tbody tr:first-child td:first-child .item-ttl {
  font-weight: 700;
  float: left;
  padding-top: 30px
}
#shipment .shipment-list table tbody tr:first-child td:first-child .item-thumb {
  float: right
}
#shipment .shipment-list table tbody td, #shipment .shipment-list table tbody th {
  text-align: center;
  padding: 20px 10px
}
#shipment .shipment-list table tbody td {
  border-bottom: 1px solid #ebe1e1
}
#shipment .shipment-list table td .order-end {
  display: block;
  padding: 5px;
  background: #e5e5e5
}
#shipment .shipment-list table td .order-soldout {
  display: block;
  padding: 5px;
  background: #fbd9d9;
  color: #fc0505
}
#factory .factory-flow section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 60px;
  margin: 0 0 10px;
  position: relative
}
#factory .factory-flow section:after {
  content: '\f0d7';
  font-family: FontAwesome;
  font-size: 50px;
  font-size: 5rem;
  text-align: center;
  line-height: 1;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
#factory .factory-flow section h2 {
  font-size: 15px;
  font-size: 1.5rem;
  width: 100%;
  background: #f2ebeb;
  padding: 5px 20px;
  margin-bottom: 25px
}
#factory .factory-flow section:first-child .flow-box {
  width: 50%
}
#factory .factory-flow section:last-child {
  padding-bottom: 0
}
#factory .factory-flow section:last-child:after {
  content: ''
}
#factory .factory-flow section .flow-box {
  width: 49%;
  margin-bottom: 30px
}
#factory .factory-flow section .flow-box dl {
  text-align: left
}
#factory .factory-flow section .flow-box dt {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 10px
}
#factory .factory-flow section .flow-box dd {
  margin-bottom: 20px
}
#factory .factory-flow section .flow-box p {
  text-align: left
}
#factory .factory-flow section .flow-photo {
  margin-bottom: 10px
}
#factory .factory-flow section .flow-point {
  font-size: 12.5px;
  font-size: 1.25rem;
  color: #ee8aa6;
  margin-top: 60px;
  padding: 15px;
  -moz-border-image: url(images/factory/img_border_dotted.png)5 6 5 6 round;
  -webkit-border-image: url(images/factory/img_border_dotted.png)5 6 5 6 round;
  -o-border-image: url(images/factory/img_border_dotted.png)5 6 5 6 round;
  border-image: url(images/factory/img_border_dotted.png)5 6 5 6 round;
  border-style: solid;
  border-width: 5px 6px
}
#factory .factory-flow section p {
  width: 100%;
  text-align: center;
  margin-bottom: 20px
}
#factory .factory-description {
  width: 100%;
  min-width: 60pc
}
#factory .factory-description .about-sewing {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#factory .factory-description .about-sewing .description-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 50%;
  background: #f2ebeb;
  padding: 50px
}
#factory .factory-description .about-sewing .description-area h2 {
  font-size: 15px;
  font-size: 1.5rem
}
#factory .factory-description .about-sewing .description-area .photo {
  margin: 20px 0
}
#factory .factory-description .about-sewing .description-area .photo-note {
  text-align: center
}
#factory .factory-description .about-sewing .description-area p {
  width: 420px
}
#factory .factory-description .about-sewing .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 50%;
  background: url(images/factory/photo_sewing01.jpg)no-repeat 0 0;
  background-size: cover
}
#factory .factory-description .new-factory {
  width: 100%;
  background: url(images/aizu/img_main_aizu.jpg)no-repeat center;
  background-size: cover;
  position: relative;
  height: 380px
}
#factory .factory-description .new-factory:before {
  background-color: rgba(0,0,0,.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' '
}
#factory .factory-description .new-factory .new-factory-inner {
  position: absolute;
  width: 100%
}
#factory .factory-description .new-factory h2 {
  font-size: 16.25px;
  font-size: 1.625rem;
  color: #fff;
  padding: 90px 15px 40px;
  margin: 0;
  text-align: center
}
#factory .factory-description .new-factory p {
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  text-align: center
}
#factory .factory-description .new-factory-photo {
  margin: 0 auto;
  width: 60pc;
  margin: 60px auto
}
#factory .factory-description .new-factory-photo ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px
}
#factory .factory-description .new-factory-photo li {
  width: 338px
}
#factory .factory-description .new-factory-photo li:nth-child(2) {
  width: 291px
}
#factory .factory-description .new-factory-photo li:last-child {
  width: 286px
}
#cart .cart-step, #factory .factory-description .new-factory-photo p {
  text-align: center
}
#cart .cart-step {
  padding: 0 15px;
  margin: 40px auto 75pt
}
#cart .attention {
  border: 1px solid red;
  padding: 15px 20px;
  margin-bottom: 30px
}
#cart .attention.attention-addr {
  text-align: center
}
#cart .attention dd, #cart .attention dt, #cart .attention p {
  color: red
}
#cart .attention dt {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 5px
}
#cart .attention dd {
  margin-bottom: 30px
}
#cart .attention dd:last-child {
  margin-bottom: 0
}
#cart .attention.error-msg {
  border-width: 3px
}
#cart .red {
  color: red
}
#cart .inline-error-msg {
  color: #fd0202;
  margin-bottom: 5px
}
#cart .input-error input[type="text"] {
  background: #ffe8e8
}
#cart .btn-area {
  text-align: center
}
#cart .btn-area p {
  margin-bottom: 20px
}
#cart .btn-area ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#cart .btn-area li {
  width: 250px;
  margin: 0 10px
}
#cart .btn-area a, #cart .btn-area button {
  display: block;
  width: 100%;
  background: #eb6c68;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding: 20px 10px;
  margin: 20px auto
}
#cart .btn-area button {
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  text-shadow: none;
  box-shadow: none
}
#cart .btn-area button:hover {
  opacity: .8
}
#cart .btn-area a, #cart .btn-area button {
  font-weight: 700
}
#cart .btn-area a {
  background: #e6e6e6;
  color: #333
}
#cart .cart-info {
  margin: 10px 0
}
#cart .cart-info td, #cart .cart-info th {
  padding: 10px;
  text-align: center
}
#cart .cart-info thead th {
  background: #f2ebeb;
  font-weight: 700;
  border-right: 1px solid #fff;
  padding: 20px 10px
}
#cart .cart-info thead th:last-child {
  border-right: 0
}
#cart .cart-info td {
  border-bottom: 1px solid #ebe1e1
}
#cart .cart-info td.item-delete a {
  display: inline-block;
  padding: 5px 10px;
  background: #666;
  color: #fff
}
#cart .cart-info td.item-name {
  text-align: left
}
#cart .cart-info td.item-name strong {
  font-weight: 700
}
#cart .cart-info td.item-price {
  text-align: right
}
#cart .cart-info.payment-info {
  margin-bottom: 30px
}
#cart .cart-info.payment-info td {
  padding: 20px
}
#cart .cart-info.payment-info .payment-select {
  width: 10%
}
#cart .cart-info.payment-info .payment-type {
  width: 90%;
  text-align: left
}
#cart .cart-detail-area {
  margin-bottom: 75pt
}
#cart .cart-detail-area .total-price-area {
  padding: 10px;
  margin-bottom: 40px;
  text-align: right
}
#cart .cart-detail-area .total-price-area span {
  display: inline-block;
  padding-left: 20px
}
#cart .cart-detail-area .btn-add-addr {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  margin: 10px 0;
  cursor: pointer
}
#cart .cart-detail-area .btn-add-addr:hover {
  opacity: .8
}
#cart .cart-detail-area .delivery-info {
  margin-bottom: 30px
}
#cart .cart-detail-area .delivery-info td.addr-delivery, #cart .cart-detail-area .delivery-info td.addr-type {
  text-align: left
}
#cart .cart-detail-area .delivery-info td.addr-change a, #cart .cart-detail-area .delivery-info td.addr-delete a {
  display: inline-block;
  padding: 3px 15px;
  background: #666;
  color: #fff
}
#cart .cart-detail-area .cart-lead, #cart .cart-detail-area .cart-lead p {
  margin-bottom: 30px
}
#cart .cart-detail-area .confirm-info h2 {
  border-left: 5px solid #000;
  padding-left: 10px
}
#cart .cart-detail-area .confirm-info dl {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #ebe1e1
}
#cart .cart-detail-area .confirm-info dl dt {
  width: 25%;
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1
}
#cart .cart-detail-area .confirm-info dl dd {
  width: 75%;
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1;
  position: relative
}
#cart .register-info {
  margin-bottom: 75pt
}
#cart .register-info h2 {
  border-left: 5px solid #000;
  padding-left: 10px
}
#cart .register-info table {
  margin-top: 10px
}
#cart .register-info table .child-name td input[type="text"] {
  width: 100%;
  margin: 0 0 10px
}
#cart .register-info table th {
  width: 30%;
  text-align: left
}
#cart .register-info table td {
  width: 70%;
  text-align: left
}
#cart .register-info table td .inputArea {
  margin-bottom: 0
}
#cart .register-info table .zipimg a {
  background-color: #000;
  padding: 4px 10px;
  color: #fff;
  display: inline-block;
  margin: 10px 10px 0
}
#cart .register-info .btn_area a {
  display: block;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  width: 15pc;
  background: #000;
  color: #fff;
  font-size: 8.75px;
  font-size: .875rem;
  padding: 15px 10px;
  margin: 40px auto 0;
  cursor: pointer;
  text-align: center
}
#cart .register-info table .address select {
  width: 150px;
  margin-bottom: 10px
}
#cart .register-info table .address span.sub {
  margin: 10px 0
}
#cart .register-info table .address .attention {
  margin-bottom: 0
}
#cart .register-info table .know li {
  padding-bottom: 5px
}
#cart .register-info table .know input[type="radio"] {
  margin-right: 15px
}
#cart .register-info table .media-num input[type="text"] {
  width: 150px;
  margin-top: 10px
}
#cart .register-info table .credit-expire .select-style {
  margin-right: 5px
}
#cart .register-info table .credit-expire select {
  width: 75pt
}
#cart .register-info table .yubin input[type="text"] {
  width: 5pc;
  text-align: center
}
#cart .register-info table .credit-card-name td span {
  display: inline-block;
  margin-right: 10px
}
#cart .register-info table .credit-card-name input[type="text"], #cart .register-info table .secure-cord input[type="text"] {
  width: 220px;
  margin-right: 30px
}
#cart .register-info table .credit-card-name span, #cart .register-info table .secure-cord span {
  margin-top: 10px
}
#cart .register-info table .payment-num select {
  width: 130px
}
#cart .register-info .last-confirm {
  text-align: center;
  margin-bottom: 30px
}
#cart .credit-lead {
  margin-bottom: 50px
}
#cart .order-complete {
  max-width: 500px;
  margin-bottom: 75pt
}
#cart .order-complete strong {
  display: block;
  font-weight: 700;
  margin-bottom: 10px
}
#cart .order-complete p {
  margin-bottom: 20px
}
#cart .order-complete dl {
  margin: 40px 0
}
#cart .order-complete dd.contact-mail:after {
  content: '\f105';
  font-family: FontAwesome;
  margin-left: 5px;
  color: #2770b9
}
#cart .order-complete .btn-area a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative;
  padding: 20px
}
#cart .order-complete .btn-area a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#cart .order-complete .btn-area a:after {
  content: ''
}
#shopping .registration {
  margin-bottom: 75pt
}
#shopping .registration .register-lead {
  margin-bottom: 40px
}
#shopping .registration .registration-select {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#shopping .registration .registration-select>div {
  width: 48%;
  background: #f2ebeb
}
#shopping .registration .registration-select h2 {
  text-align: center;
  padding: 20px 10px;
  border-bottom: 1px solid #fdfbfb;
  margin-bottom: 0
}
#shopping .registration .registration-select .registration-inner {
  padding: 20px
}
#shopping .registration .registration-select p {
  margin-bottom: 10px
}
#shopping .registration .btn-area a, #shopping .registration .btn-area button {
  display: block;
  width: 100%;
  background: #eb6c68;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding: 20px 10px;
  margin: 20px auto
}
#shopping .registration .btn-area button {
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  text-shadow: none;
  box-shadow: none
}
#shopping .registration .btn-area button:hover {
  opacity: .8
}
#shopping .registration .btn-area button {
  width: 250px
}
#shopping .registration .formlist {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#shopping .registration .formlist dt {
  width: 30%
}
#shopping .registration .formlist dd {
  width: 65%
}
#shopping .registration .formlist input[type="password"], #shopping .registration .formlist input[type="text"] {
  border: 0;
  border-radius: 4px;
  width: 100%;
  background: #fff
}
#shopping .registration .formlist .login_memory {
  margin-top: 5px
}
#shopping .registration .formlist input[type="checkbox"] {
  border: 0
}
#entry .form-lead {
  margin-bottom: 10px
}
#entry .wp-form table {
  width: 100%
}
#entry .wp-form table th {
  width: 30%
}
#entry .wp-form table td {
  width: 70%
}
#entry .wp-form .customer-kana span, #entry .wp-form .customer-name span {
  display: inline-block
}
#entry .wp-form .customer-kana input[type="text"], #entry .wp-form .customer-name input[type="text"] {
  width: 230px;
  margin: 0 3em 10px 2em
}
#entry .wp-form .customer-kana input[type="text"] {
  margin-left: 1em
}
#entry .wp-form .inputZipNum input[type="text"] {
  width: 150px;
  margin: 0 10px 10px
}
#entry .wp-form .inputZipNum a {
  display: inline-block
}
#entry .wp-form .inputZipNum a span {
  color: #2770b9
}
#entry .wp-form .inputZipNum span {
  display: inline-block
}
#entry .wp-form .inputZipNum .zipimg {
  margin-top: 10px
}
#entry .wp-form .inputZipNum .zipimg a {
  background: #626262;
  color: #fff;
  padding: 5px 15px
}
#entry .wp-form .address .top, #entry .wp-form .address select {
  margin-bottom: 10px
}
#entry .wp-form .address input[type="text"] {
  margin-bottom: 5px
}
#entry .wp-form .email input[type="text"] {
  margin-bottom: 10px
}
#entry .wp-form .password input[type="password"] {
  margin-bottom: 5px
}
#entry .wp-form .hint select, #entry .wp-form .password p {
  margin-bottom: 10px
}
#entry .wp-form .hint input[type="text"] {
  width: 440px;
  margin-right: 10px
}
#entry .wp-form .hint span {
  display: inline-block
}
#entry .inline-error-msg {
  color: #fd0202;
  margin-bottom: 5px
}
#entry-confirm .registration-confirm .lead {
  margin-bottom: 20px
}
#entry-confirm .registration-confirm table {
  border-top: 1px solid #ebe1e1
}
#entry-confirm .registration-confirm table td, #entry-confirm .registration-confirm table th {
  padding: 20px 0;
  border-bottom: 1px solid #ebe1e1
}
#entry-confirm .registration-confirm table th {
  width: 30%
}
#entry-confirm .registration-confirm table td {
  width: 70%
}
#entry-confirm .registration-confirm .btn-area {
  text-align: center
}
#entry-confirm .registration-confirm .btn-area ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#entry-confirm .registration-confirm .btn-area li {
  width: 250px;
  margin: 0 10px
}
#entry-confirm .registration-confirm .btn-area a, #entry-confirm .registration-confirm .btn-area button {
  display: block;
  width: 100%;
  background: #eb6c68;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding: 20px 10px;
  margin: 20px auto
}
#entry-confirm .registration-confirm .btn-area button {
  border: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  text-shadow: none;
  box-shadow: none
}
#entry-confirm .registration-confirm .btn-area button:hover {
  opacity: .8
}
#entry-confirm .registration-confirm .btn-area a, #entry-confirm .registration-confirm .btn-area button {
  font-weight: 700
}
#entry-confirm .registration-confirm .btn-area a {
  background: #e6e6e6;
  color: #333
}
#guide h2 {
  background: #f2ebeb;
  padding: 10px 20px
}
#guide p {
  margin-bottom: 20px
}
#guide .order-guide h3 {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 2px solid #f2ebeb;
  margin-bottom: 20px
}
#guide .order-guide h3 span {
  display: inline-block;
  border-left: 6px solid #000;
  padding: 3px 10px;
  margin-bottom: 4px
}
#guide .order-guide .repair-tel {
  font-size: 18.75px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 10px 0
}
#guide .order-guide .repair-tel span {
  display: inline-block;
  font-size: 8.75px;
  font-size: .875rem;
  font-weight: 400
}
#guide .order-guide .repair-tel a {
  color: #000
}
#guide .order-guide .repair-tel:before {
  content: '\f095';
  font-family: FontAwesome;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 10px
}
#guide .order-guide .repair-tel.repair-fax:before {
  content: '\f1ac'
}
#guide .shipping-guide .rara-delivery {
  margin: 40px 0;
  padding: 20px 0 0;
  background: #fcf4e4
}
#guide .shipping-guide .rara-delivery h3 {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  padding: 0 20px;
  margin-bottom: 10px
}
#guide .shipping-guide .rara-delivery p {
  padding: 0 20px
}
#guide .shipping-guide .rara-delivery .delivery-example {
  padding: 40px;
  border-top: 1px solid #7d7d7d
}
#guide .shipping-guide .rara-delivery .delivery-example h4 {
  margin-bottom: 35px;
  text-align: center
}
#guide .shipping-guide .rara-delivery .delivery-flow {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#guide .shipping-guide .rara-delivery .delivery-flow li {
  width: 220px;
  margin: 0 0 20px;
  text-align: center;
  position: relative
}
#guide .shipping-guide .rara-delivery .delivery-flow li:after {
  content: '';
  width: 29px;
  height: 21px;
  background: url(images/guide/icon_arrow.png)no-repeat 0 0;
  background-size: 29px 21px;
  position: absolute;
  top: 5pc;
  right: -15px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child:after {
  background: 0
}
#guide .shipping-guide .rara-delivery .delivery-flow div {
  width: 180px;
  height: 180px;
  margin: 0 20px 10px;
  background: #fff;
  border-radius: 50%;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4
}
#guide .shipping-guide .rara-delivery .delivery-flow p {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}
#guide .shipping-guide .rara-delivery .delivery-flow span {
  font-size: 8.125px;
  font-size: .8125rem;
  display: inline-block
}
#after-service h2 {
  background: #f2ebeb;
  padding: 10px 20px
}
#after-service .insurance-info h2 {
  font-size: 16.25px;
  font-size: 1.625rem;
  text-align: center;
  position: relative;
  width: 310px;
  margin: 0 auto 40px;
  background: 0
}
#after-service .insurance-info h2:before {
  content: '';
  border-top: 1px solid #000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%
}
#after-service .insurance-info h2 span {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 0 15px
}
#after-service .insurance-info .insurance-point {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px
}
#after-service .insurance-info .insurance-point li {
  width: 230px;
  margin: 0 25px 20px
}
#after-service .insurance-info .insurance-point div {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: #fbb1b1;
  margin: 0 auto;
  line-height: 1.4;
  position: relative
}
#after-service .insurance-info .insurance-point div:before {
  content: '\f004';
  font-family: FontAwesome;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -1.2rem
}
#after-service .insurance-info .insurance-point p {
  font-size: 11.75px;
  font-size: 1.175rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  padding-top: 30px
}
#after-service .insurance-info .insurance-point span {
  display: block;
  font-size: 8.75px;
  font-size: .875rem;
  color: #fff;
  text-align: center
}
#after-service .repair-flow ol {
  padding: 0 20px;
  margin-bottom: 20px
}
#after-service .repair-flow ol li {
  padding: 20px 0;
  font-size: 11.25px;
  font-size: 1.125rem;
  position: relative;
  padding-left: 60px
}
#after-service .repair-flow ol span {
  position: absolute;
  font-family: futura-pt, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 25px;
  font-size: 2.5rem;
  top: 0;
  left: 0
}
#after-service .repair-flow ol .factory-addr {
  display: inline-block;
  font-size: 8.75px;
  font-size: .875rem;
  padding: 15px 20px;
  margin: 10px 0 0;
  border: 1px solid #000
}
#after-service .repair-flow ul {
  padding: 0 20px;
  font-size: 8.125px;
  font-size: .8125rem
}
#after-service .hooker-info .hooker-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}
#after-service .hooker-info .description-area {
  width: 65%
}
#after-service .hooker-info .description-area h3 {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px
}
#after-service .hooker-info .description-area p {
  margin-bottom: 20px
}
#after-service .hooker-info .photo-area {
  width: 32%
}
#after-service .hooker-info .btn-detail a {
  display: block;
  color: #fdf8fa;
  width: 270px;
  margin: 0 auto;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-align: center;
  background: #000;
  position: relative;
  width: 20pc;
  letter-spacing: 0
}
#after-service .hooker-info .btn-detail a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fdf8fa;
  position: absolute;
  top: 10px;
  right: 65px;
  font-size: 10px;
  font-size: 1rem
}
#after-service .hooker-info .btn-detail a:after {
  content: ''
}
#after-service .repair-contact .repair-tel {
  font-size: 18.75px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 20px 0 40px
}
#after-service .repair-contact .repair-tel span {
  display: inline-block;
  font-size: 8.75px;
  font-size: .875rem;
  font-weight: 400
}
#after-service .repair-contact .repair-tel:before {
  content: '\f095';
  font-family: FontAwesome;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 10px
}
#after-service .repair-contact .miniature {
  background: #fefdec;
  padding: 40px;
  margin-bottom: 10px;
  text-align: center
}
#after-service .repair-contact .miniature h3 {
  margin-bottom: 60px
}
#after-service .repair-contact .miniature .photo {
  margin: 0 auto 40px;
  width: 60%
}
#after-service .repair-contact .miniature dl {
  width: 450px;
  margin: 0 auto;
  font-size: 11.25px;
  font-size: 1.125rem;
  text-align: left
}
#after-service .repair-contact .miniature dl dd, #after-service .repair-contact .miniature dl dt {
  display: inline-block
}
#after-service .repair-contact .miniature dl dt:after {
  content: '：'
}
#popular .sub-page-ttl span {
  font-size: 10px;
  font-size: 1rem
}
#popular .popular-ranking {
  width: 100%;
  margin: 0
}
#popular .popular-ranking.popular-boys h2 {
  background: #c4d6e8
}
#popular .popular-ranking.popular-boys section .description-area h3 span {
  background: #0068b7
}
#popular .popular-ranking.popular-boys section .description-area .item-arrange h4 {
  color: #0068b7
}
#popular .popular-ranking h2 {
  background: #eebfbc;
  padding: 20px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.4
}
#popular .popular-ranking h2 span {
  display: inline-block
}
#popular .popular-ranking section {
  width: 100%;
  background: #fff5f4;
  margin: 0
}
#popular .popular-ranking section.boys-no1 .description-area, #popular .popular-ranking section.boys-no3 .description-area, #popular .popular-ranking section.girls-no2 .description-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  margin: 0 5% 0 0
}
#popular .popular-ranking section.boys-no1 .description-area .item-arrange .description-area, #popular .popular-ranking section.boys-no3 .description-area .item-arrange .description-area, #popular .popular-ranking section.girls-no2 .description-area .item-arrange .description-area {
  margin: 0 0 0 6%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
#popular .popular-ranking section.boys-no1 .description-area .item-arrange .photo-area, #popular .popular-ranking section.boys-no3 .description-area .item-arrange .photo-area, #popular .popular-ranking section.girls-no2 .description-area .item-arrange .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0
}
#popular .popular-ranking section.boys-no1 .photo-area, #popular .popular-ranking section.boys-no3 .photo-area, #popular .popular-ranking section.girls-no2 .photo-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
#popular .popular-ranking section.girls-no2 {
  background: #fff
}
#popular .popular-ranking section.girls-no3 {
  background: #fff5f4
}
#popular .popular-ranking section.boys-no1 {
  background: #f4faff
}
#popular .popular-ranking section.boys-no2 {
  background: #fff
}
#popular .popular-ranking section.boys-no3 {
  background: #f4faff
}
#popular .popular-ranking section .section-inner {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 60px 0
}
#popular .popular-ranking section .description-area {
  width: 43%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin-left: 5%
}
#popular .popular-ranking section .description-area h3 {
  font-size: 26.25px;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px
}
#popular .popular-ranking section .description-area h3 span {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  background: #f23472;
  padding: 5px 20px;
  margin-bottom: 20px
}
#popular .popular-ranking section .description-area .item-pattern-main {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 15px 5px;
  margin-bottom: 25px
}
#popular .popular-ranking section .description-area .item-pattern-main li {
  display: inline-block
}
#popular .popular-ranking section .description-area .item-arrange {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#popular .popular-ranking section .description-area .item-arrange .description-area {
  width: 54%;
  margin-left: 6%
}
#popular .popular-ranking section .description-area .item-arrange h4 {
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #f23472;
  line-height: 1.2;
  margin-bottom: 15px
}
#popular .popular-ranking section .description-area .item-arrange ul li {
  font-size: 7.5px;
  font-size: .75rem
}
#popular .popular-ranking section .description-area .item-arrange .photo-area {
  width: 40%;
  margin-top: 0
}
#popular .popular-ranking section .photo-area {
  width: 52%;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  text-align: center;
  margin-top: 20px
}
#secret .about-feature {
  width: 100%;
  margin: 0
}
#secret .about-feature .main-image {
  width: 100%;
  height: 470px;
  background: url(images/secret/img_mainvisual.jpg)no-repeat top center;
  background-size: cover;
  position: relative;
  margin-bottom: 60px
}
#secret .about-feature .main-image:before {
  background-color: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' '
}
#secret .about-feature .main-image .main-image-inner {
  position: absolute;
  width: 100%
}
#secret .about-feature .main-image p {
  font-size: 22.5px;
  font-size: 2.25rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-top: 180px
}
#secret .about-feature .feature-lead {
  font-size: 18.75px;
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: 60px
}
#secret .about-feature section {
  width: 100%;
  background: #f2ebeb;
  padding: 60px 0;
  margin: 0 auto
}
#secret .about-feature section.feature-point01 .point-box:first-child .photo, #secret .about-feature section.feature-point01 h2 {
  margin-bottom: 20px
}
#secret .about-feature section.feature-point02 {
  background: #f7f5f3
}
#secret .about-feature section.feature-point03 .point-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
#secret .about-feature section.feature-point03 .point-box .description-area {
  width: 50%
}
#secret .about-feature section.feature-point03 .point-box .description-area .photo {
  display: inline-block;
  text-align: center;
  margin-right: 10px
}
#secret .about-feature section.feature-point03 .point-box .description-area .photo img {
  display: block;
  margin-bottom: 5px
}
#secret .about-feature section.feature-point03 .point-box .photo-main {
  width: 50%;
  text-align: center;
  margin-top: 10px
}
#secret .about-feature section.feature-point04, #secret .about-feature section.feature-point05, #secret .about-feature section.feature-point06 {
  background: #f7f5f3;
  padding-bottom: 30px
}
#secret .about-feature section.feature-point04 .point-box, #secret .about-feature section.feature-point05 .point-box, #secret .about-feature section.feature-point06 .point-box {
  width: 31.25%;
  padding: 30px 23px
}
#secret .about-feature section.feature-point05, #secret .about-feature section.feature-point06 {
  padding-top: 0
}
#secret .about-feature section h2 {
  font-size: 22.5px;
  font-size: 2.25rem;
  text-align: center;
  margin-bottom: 20px
}
#secret .about-feature section .section-lead {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 40px
}
#secret .about-feature section .point-list {
  margin: 0 auto;
  width: 60pc;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#secret .about-feature section .point-box {
  width: 48%;
  background: #fff;
  border-radius: 10px;
  padding: 30px 40px;
  margin-bottom: 40px
}
#secret .about-feature section .point-box h3 {
  display: table;
  margin-bottom: 20px;
  height: 54px
}
#secret .about-feature section .point-box h3 img {
  padding-right: 10px;
  float: left
}
#secret .about-feature section .point-box h3 span {
  display: table-cell;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3em;
  vertical-align: middle
}
#secret .about-feature section .point-box h4 {
  font-size: 10.625px;
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 10px
}
#secret .about-feature section .point-box p {
  margin-bottom: 20px
}
#secret .about-feature section .point-box .photo {
  text-align: center;
  margin-bottom: 0
}
#secret .about-feature section .point-box .column2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#secret .about-feature section .point-box .column2 p {
  width: 40%
}
#secret .about-feature section .point-box .column2 .photo {
  width: 57%;
  margin-left: 3%;
  text-align: right
}
#secret .about-feature section .point-box.about-belt {
  width: 100%;
  text-align: center
}
#secret .about-feature section .point-box.about-belt h3 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700
}
#secret .about-feature section .point-box.about-belt h3 span {
  display: inline-block
}
#secret .about-feature section .point-box.about-belt ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#secret .about-feature section .point-box.about-belt ul li {
  width: 31.3%;
  position: relative
}
#secret .about-feature section .point-box.about-belt ul li:after {
  content: '';
  width: 26px;
  height: 30px;
  background: url(images/secret/icon_arrow.png)no-repeat 0 0;
  background-size: 26px auto;
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -15px
}
#secret .about-feature section .point-box.about-belt ul li:last-child:after {
  position: static;
  background: 0
}
#ordermade #raraya_close, #ordermade #raraya_open, #ordermade #raraya_sholder {
  position: relative;
  top: 0;
  left: 0;
  width: 20pc;
  height: 4in
}
#ordermade #raraya_close {
  display: none
}
#ordermade .ordermade-simulation {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_simulation, #ordermade .ordermade-simulation #raraya_simulation .previewWrapper, #ordermade .ordermade-simulation #raraya_simulation .previewWrapper>div {
  width: 404px
}
#ordermade .ordermade-simulation #raraya_simulation .raraya_parts {
  position: absolute;
  top: 0;
  left: 0;
  width: 404px;
  height: 4in;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 42px;
  background-position: top center
}
#ordermade .ordermade-simulation #raraya_tab {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e7e0e0
}
#ordermade .ordermade-simulation #raraya_tab li {
  width: 32%;
  padding: 25px 5px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  border-bottom: 4px solid #e1d8d8;
  text-align: center;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_tab li.raraya_tab_open, #ordermade .ordermade-simulation #raraya_tab li:hover {
  border-color: #000
}
#ordermade .ordermade-simulation #raraya_ordermade {
  width: 460px;
  margin: 0 10px 0 0
}
#ordermade .ordermade-simulation #raraya_ordermade dt {
  position: relative
}
#ordermade .ordermade-simulation #raraya_ordermade dt h3 span {
  display: block;
  background: #000;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  padding: 15px 20px;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_ordermade dt h3 span:before {
  content: '\f107';
  font-family: FontAwesome;
  padding-right: 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dt .helpBtn {
  position: absolute;
  top: 8px;
  right: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dt .helpBtn .raraya_help {
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem
}
#ordermade .ordermade-simulation #raraya_ordermade dt .helpBtn .raraya_help i {
  color: #fff
}
#ordermade .ordermade-simulation #raraya_ordermade dt .subText {
  padding: 10px 0
}
#ordermade .ordermade-simulation #raraya_ordermade dt .subText p {
  float: right
}
#ordermade .ordermade-simulation #raraya_ordermade dt#raraya_stitch_tab .subText {
  padding-bottom: 3px
}
#ordermade .ordermade-simulation #raraya_ordermade dt#raraya_name_tab .subText span#raraya_name_preview {
  min-width: 200px;
  text-align: left
}
#ordermade .ordermade-simulation #raraya_ordermade dd {
  display: none;
  margin-bottom: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd li {
  cursor: pointer;
  border: 1px solid #fff
}
#ordermade .ordermade-simulation #raraya_ordermade dd li:hover {
  opacity: 1
}
#ordermade .ordermade-simulation #raraya_ordermade dd li.raraya_selected {
  opacity: 1;
  cursor: default;
  border: 1px solid #e60012!important;
  background: #fff!important;
  padding: 0!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd span.attention {
  display: block;
  width: 100%;
  margin: 10px auto;
  font-size: 8.75px;
  font-size: .875rem;
  font-weight: 700;
  text-align: center;
  padding: 8px 20px;
  border: 1px solid #000
}
#ordermade .ordermade-simulation #raraya_ordermade dd ul li p {
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px
}
#ordermade .ordermade-simulation #raraya_ordermade dd h3 .additional_fee {
  display: inline-block;
  font-weight: 700;
  position: absolute;
  top: 3px;
  right: 0
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li {
  margin-bottom: 8px;
  border: 3px solid #f0ebeb;
  position: relative;
  width: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li:before {
  content: '';
  display: block;
  padding-top: 40.53%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li#raraya_body_standard3l p {
  background-image: url(images/ordermade/banner_size_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li#raraya_body_standard3lwide p {
  background-image: url(images/ordermade/banner_size_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li#raraya_body_casual3l p {
  background-image: url(images/ordermade/banner_size_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li#raraya_body_casual3lwide p {
  background-image: url(images/ordermade/banner_size_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body ul li.raraya_selected {
  background: #f0ebeb!important;
  border: 3px solid #f0ebeb!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li {
  position: relative;
  width: 23.04%;
  margin: 0 .98%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li:before {
  content: '';
  display: block;
  padding-top: 140.38%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_red p {
  background-image: url(images/ordermade/img_color_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_rosepink p {
  background-image: url(images/ordermade/img_color_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_pink p {
  background-image: url(images/ordermade/img_color_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_black p, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_iris p {
  background-image: url(images/ordermade/img_color_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_green p {
  background-image: url(images/ordermade/img_color_05.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_navyblue p {
  background-image: url(images/ordermade/img_color_06.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_brown p {
  background-image: url(images/ordermade/img_color_07.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_sherbertpink p {
  background-image: url(images/ordermade/img_color_08.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_iceblue p {
  background-image: url(images/ordermade/img_color_09.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_lightgreen p {
  background-image: url(images/ordermade/img_color_10.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_grape p {
  background-image: url(images/ordermade/img_color_11.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_fancypink p {
  background-image: url(images/ordermade/img_color_12.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_base ul li#raraya_base_iris p {
  background-image: url(images/ordermade/img_color_13.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li {
  position: relative;
  width: 23.04%;
  margin: 0 .98%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li:before {
  content: '';
  display: block;
  padding-top: 140.38%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_red p {
  background-image: url(images/ordermade/img_heri_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_rosepink p {
  background-image: url(images/ordermade/img_heri_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_pink p {
  background-image: url(images/ordermade/img_heri_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_black p {
  background-image: url(images/ordermade/img_heri_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_green p {
  background-image: url(images/ordermade/img_heri_05.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_navyblue p {
  background-image: url(images/ordermade/img_heri_06.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_marineblue p {
  background-image: url(images/ordermade/img_heri_07.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_brown p {
  background-image: url(images/ordermade/img_heri_08.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_sherbertpink p {
  background-image: url(images/ordermade/img_heri_09.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_iceblue p {
  background-image: url(images/ordermade/img_heri_10.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_silver p {
  background-image: url(images/ordermade/img_heri_11.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_lightgreen p {
  background-image: url(images/ordermade/img_heri_12.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_champagnegold p {
  background-image: url(images/ordermade/img_heri_13.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_grape p {
  background-image: url(images/ordermade/img_heri_14.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_pearlpurple p {
  background-image: url(images/ordermade/img_heri_15.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_fancypink p {
  background-image: url(images/ordermade/img_heri_16.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_border ul li#raraya_border_iris p {
  background-image: url(images/ordermade/img_heri_17.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li {
  position: relative;
  width: 23.04%;
  margin: 0 .98%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li:before {
  content: '';
  display: block;
  padding-top: 136.54%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_red p {
  background-image: url(images/ordermade/img_ito_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_raspberry p {
  background-image: url(images/ordermade/img_ito_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_pink p {
  background-image: url(images/ordermade/img_ito_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_black p {
  background-image: url(images/ordermade/img_ito_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_emeraldgreen p {
  background-image: url(images/ordermade/img_ito_05.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_navyblue p {
  background-image: url(images/ordermade/img_ito_06.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_brown p {
  background-image: url(images/ordermade/img_ito_07.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_iceblue p {
  background-image: url(images/ordermade/img_ito_08.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_gray p {
  background-image: url(images/ordermade/img_ito_09.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_champagne p {
  background-image: url(images/ordermade/img_ito_10.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_purple p {
  background-image: url(images/ordermade/img_ito_11.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_stitch ul li#raraya_stitch_rainbow p {
  background-image: url(images/ordermade/img_ito_12.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li {
  position: relative;
  width: 23.04%;
  margin: 0 .98% 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li:before {
  content: '';
  display: block;
  padding-top: 117.31%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_redtartan p {
  background-image: url(images/ordermade/img_inner_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_greentartan p {
  background-image: url(images/ordermade/img_inner_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_browntartan p {
  background-image: url(images/ordermade/img_inner_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_pinkcheck p {
  background-image: url(images/ordermade/img_inner_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_camouflage p {
  background-image: url(images/ordermade/img_inner_05.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_chess p {
  background-image: url(images/ordermade/img_inner_06.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_heart p {
  background-image: url(images/ordermade/img_inner_07.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_bluecheck p {
  background-image: url(images/ordermade/img_inner_08.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_pinkdot p {
  background-image: url(images/ordermade/img_inner_09.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_bluedot p {
  background-image: url(images/ordermade/img_inner_10.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_azure p {
  background-image: url(images/ordermade/img_inner_11.png)
}
/* 2020 singulier */
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_inner ul li#raraya_inner_note p {
  background-image: url(images/ordermade/img_inner_12.png)
}

#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch h3 {
  font-size: 10px;
  font-size: 1rem;
  text-indent: 0;
  height: auto;
  padding: 3px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  position: relative
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li {
  position: relative;
  width: 47.39%;
  margin: 0 1.305% 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li:before {
  content: '';
  display: block;
  padding-top: 96.3%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#subtitle {
  width: 100%;
  margin-top: 9pt;
  border: 0!important;
  cursor: default!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#subtitle:before {
  padding-top: 0
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_cross p {
  background-image: url(images/ordermade/img_side_01.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_argyle p {
  background-image: url(images/ordermade/img_side_02.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_flower p {
  background-image: url(images/ordermade/img_side_03.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_ginkgo p {
  background-image: url(images/ordermade/img_side_04.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heart p {
  background-image: url(images/ordermade/img_side_05.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_angelcross, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heartspangle, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_stellar {
  position: relative;
  width: 28.7%;
  margin: 0 2.317%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_angelcross:before, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heartspangle:before, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_stellar:before {
  content: '';
  display: block;
  padding-top: 126.15%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_angelcross p, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heartspangle p, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_stellar p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_stellar p {
  background-image: url(images/ordermade/img_side_option_stellar.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_angelcross p {
  background-image: url(images/ordermade/img_side_option_angelcross.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heartspangle p {
  background-image: url(images/ordermade/img_side_option_heartspangle.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li {
  position: relative;
  width: 28.7%;
  margin: 0 10.65% 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li:before {
  content: '';
  display: block;
  padding-top: 95.38%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_round p {
  background-image: url(images/ordermade/img_pocket_01.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_flat p {
  background-image: url(images/ordermade/img_pocket_02.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_flower p {
  background-image: url(images/ordermade/img_pocket_03.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_heart p {
  background-image: url(images/ordermade/img_pocket_04.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_note p {
  background-image: url(images/ordermade/img_pocket_05.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li#raraya_pocket_soccer p {
  background-image: url(images/ordermade/img_pocket_06.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li {
  position: relative;
  width: 35.22%;
  margin: 0 7.39% 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li:before {
  content: '';
  display: block;
  padding-top: 78.75%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li#raraya_coverstitch_roundstitch p {
  background-image: url(images/ordermade/img_futa_01.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li#raraya_coverstitch_wavestitch p {
  background-image: url(images/ordermade/img_futa_02.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li#raraya_coverstitch_widestitch p {
  background-image: url(images/ordermade/img_futa_03.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li#raraya_coverstitch_chainstitch p {
  background-image: url(images/ordermade/img_futa_04.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li#raraya_coverstitch_smoothstitch p {
  background-image: url(images/ordermade/img_futa_05.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect h3 {
  font-size: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin-bottom: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect>div {
  padding: 0 0 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect span {
  display: block;
  width: 48%;
  height: auto
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect span.button_yes {
  float: left
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect span.button_no {
  float: right
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect span button {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_isSelect span button.raraya_selected {
  color: #e60012;
  border: 1px solid #e60012!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block {
  overflow: hidden
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block h3 {
  font-size: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin-bottom: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block input[type="text"] {
  border: 2px solid #c3c3c3;
  border-radius: 0;
  background: #fff;
  width: 100%;
  padding: 9pt 10px;
  font-size: 1pc;
  line-height: 1;
  outline: 0
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block p.attention {
  font-size: 8.175px;
  font-size: .8175rem;
  margin: 10px 0 30px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block p.attention span {
  display: block;
  margin: 10px 0;
  font-size: 10px;
  font-size: 1rem
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block p.attention span img {
  margin-top: 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper ul {
  margin: 0
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper ul li {
  float: left;
  width: 7.435%;
  margin: 0 .98% 0 0;
  border: 0!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper ul li:last-child {
  margin-right: 0
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block input[type="text"].raraya_nameInput {
  width: 100%;
  padding: 8px 4px;
  vertical-align: middle;
  text-align: center;
  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ\ Ｐゴシック, Osaka, sans-serif
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper p.attention {
  width: 100%;
  margin: 10px 0 5px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 8.125px;
  font-size: .8125rem
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper #raraya_input_support {
  display: block;
  width: 250px;
  height: auto;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  margin: 10px auto 20px;
  padding: 10px;
  background: #e60012;
  border: 0;
  outline: 0;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper #raraya_input_support:hover {
  opacity: .8
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name #raraya_name_block .inputWrapper .button-touched {
  background: url(img/ordermade/btn-moji_fix_off.jpg)left top no-repeat!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li {
  position: relative;
  width: 23.04%;
  margin: 0 .98%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li:before {
  content: '';
  display: block;
  padding-top: 136.54%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_red p {
  background-image: url(images/ordermade/img_ito_01.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_raspberry p {
  background-image: url(images/ordermade/img_ito_02.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_pink p {
  background-image: url(images/ordermade/img_ito_03.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_black p {
  background-image: url(images/ordermade/img_ito_04.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_emeraldgreen p {
  background-image: url(images/ordermade/img_ito_05.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_navyblue p {
  background-image: url(images/ordermade/img_ito_06.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_brown p {
  background-image: url(images/ordermade/img_ito_07.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_iceblue p {
  background-image: url(images/ordermade/img_ito_08.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_gray p {
  background-image: url(images/ordermade/img_ito_09.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_champagne p {
  background-image: url(images/ordermade/img_ito_10.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_purple p {
  background-image: url(images/ordermade/img_ito_11.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_name ul#raraya_name_list li#raraya_name_argent p {
  background-image: url(images/ordermade/img_ito_13.png)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery p.notes {
  padding-bottom: 15px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect h3 {
  font-size: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin-bottom: 20px;
  position: relative
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect>div {
  margin-bottom: 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect span {
  display: block;
  width: 48%;
  height: auto
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect span.button_yes {
  float: left
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect span.button_no {
  float: right
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect span button {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery #raraya_name_isSelect span button.raraya_selected {
  color: #e60012;
  border: 1px solid #e60012!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li {
  position: relative;
  width: 35.65%;
  margin: 0 7.175% 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li:before {
  content: '';
  display: block;
  padding-top: 86.25%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_clef p {
  background-image: url(images/ordermade/img_futa_option_01.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_angelflower p {
  background-image: url(images/ordermade/img_futa_option_02.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_wing p {
  background-image: url(images/ordermade/img_futa_option_03.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_heartspangle p {
  background-image: url(images/ordermade/img_futa_option_04.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_argylepattern p {
  background-image: url(images/ordermade/img_futa_option_05.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverembroidery ul li#raraya_coverembroidery_star p {
  background-image: url(images/ordermade/img_futa_option_stellar.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect h3 {
  font-size: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin-bottom: 20px;
  position: relative
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect>div {
  margin-bottom: 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect span {
  display: block;
  width: 48%;
  height: auto
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect span.button_yes {
  float: left
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect span.button_no {
  float: right
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect span button {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery #raraya_name_isSelect span button.raraya_selected {
  color: #e60012;
  border: 1px solid #e60012!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li {
  position: relative;
  width: 38.7%;
  margin: 0 5.65% 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li:before {
  content: '';
  display: block;
  padding-top: 93.18%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li#raraya_sholderembroidery_clef p {
  background-image: url(images/ordermade/img_shoulder_01.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li#raraya_sholderembroidery_angelflower p {
  background-image: url(images/ordermade/img_shoulder_02.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sholderembroidery ul li#raraya_sholderembroidery_heartspangle p {
  background-image: url(images/ordermade/img_shoulder_03.jpg)
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect h3 {
  font-size: 10px;
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin-bottom: 20px;
  position: relative
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect h4 {
  font-size: 10px;
  font-size: 1rem;
  margin-bottom: 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect>p {
  padding-bottom: 40px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect>div {
  padding: 0 0 10px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span {
  display: block;
  width: 48%;
  height: auto
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span.button_yes {
  float: left
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span.button_no {
  float: right
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span button {
  display: block;
  width: 100%;
  border: 1px solid #000;
  padding: 10px;
  font-size: 10px;
  font-size: 1rem;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span button.raraya_selected {
  color: #e60012;
  border: 1px solid #e60012!important
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect span.attention {
  width: 100%;
  height: auto;
  font-size: 8.75px;
  font-size: .875rem;
  text-align: center;
  background: 0;
  margin-bottom: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect .image-area {
  position: relative;
  width: 92.61%;
  margin-top: 20px
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect .image-area:before {
  content: '';
  display: block;
  padding-top: 72.77%
}
#ordermade .ordermade-simulation #raraya_ordermade dd#raraya_lessonbag #raraya_lessonbag_isSelect .image-area p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(images/ordermade/img_sample_lesson.jpg)top center no-repeat;
  background-size: 100%;
  text-indent: -9999px
}
.ordermade-simulation-check h3 {
  text-align: center;
  margin-bottom: 20px
}
.ordermade-simulation-check h4 {
  border-bottom: 1px solid #ebe1e1;
  font-size: 11.25px;
  font-size: 1.125rem;
  font-weight: 700;
  padding-bottom: 10px
}
.ordermade-simulation-check table {
  margin-bottom: 15px
}
.ordermade-simulation-check th {
  width: 30%
}
.ordermade-simulation-check td, .ordermade-simulation-check th {
  vertical-align: top;
  border-bottom: 1px solid #ebe1e1;
  padding: 15px 10px 15px 0
}
.ordermade-simulation-check .submitArea {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px
}
.ordermade-simulation-check .submitArea button {
  display: block;
  text-shadow: none;
  box-shadow: none;
  border: 0;
  width: 15pc;
  background: #000;
  color: #fff;
  font-size: 8.75px;
  font-size: .875rem;
  padding: 20px 10px;
  margin: 5px 10px;
  cursor: pointer
}
.ordermade-simulation-check .submitArea button:hover {
  opacity: .8
}
#ordermade .link_button_area {
  padding: 50px 0 40px;
  text-align: center
}
#ordermade .link_button_area li {
  display: inline-block;
  padding: 30px 15px 0 0
}
#ordermade .link_button_area li:last-of-type {
  padding-right: 0
}
#ordermade #raraya_orderButton {
  width: 404px
}
#ordermade #raraya_orderButton p {
  font-size: 7.5px;
  font-size: .75rem;
  margin: 10px 0 35px
}
#ordermade #raraya_orderButton form button {
  display: block;
  width: 22pc;
  margin: 0 auto 15px;
  border: 0;
  outline: 0;
  cursor: pointer
}
#ordermade #raraya_ordermade_form button.btn_disabled, #ordermade #raraya_ordermade_under_button.btn_disabled {
  opacity: .1;
  filter: alpha(opacity=10);
  -ms-filter: "alpha(opacity=10)";
  cursor: default!important
}
#ordermade #raraya_ordermade_form button.btn_disabled:hover, #ordermade #raraya_ordermade_under_button.btn_disabled:hover {
  opacity: .5
}
#ordermade #raraya_ordermade_form button[type="submit"], #ordermade #raraya_ordermade_under_button {
  display: block;
  width: 250px;
  height: auto;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  margin: 10px auto 20px;
  padding: 20px;
  background: #e60012;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  border-radius: 2em
}
#ordermade #raraya_ordermade_form button[type="submit"]:hover, #ordermade #raraya_ordermade_under_button:hover {
  opacity: .5
}
#ordermade #raraya_ordermade_reset button[type="submit"] {
  display: block;
  width: 250px;
  height: auto;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  margin: 10px auto 20px;
  padding: 20px;
  background: #e60012;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
  border-radius: 2em
}
#ordermade #raraya_ordermade_reset button[type="submit"]:hover {
  opacity: .5
}
#ordermade .size_modal {
  width: 865px!important;
  padding: 20px 0!important
}
#ordermade .size_modal .size {
  width: 401px;
  float: left;
  margin-left: 20px
}
#ordermade .size_modal .size h4 {
  padding: 40px 0 20px
}
#ordermade .size_modal .size p {
  min-height: 70px;
  padding: 0 20px 20px;
  font-weight: 700;
  text-align: left;
  font-size: 1.167em
}
#ordermade .size_modal .size p span {
  display: block;
  color: #e96f8f;
  padding-top: 10px;
  font-weight: 400;
  font-size: 9pt
}
#ordermade .size_modal .size .imgArea {
  padding-bottom: 40px;
  background: url(img/ordermade/line_x.jpg)bottom left repeat-x
}
#ordermade .size_moda #size_wide {
  float: right;
  margin: 0 20px 0 0
}
#ordermade .error {
  margin: 30px auto;
  color: #dc0003
}
#ordermade .error h4 {
  font-weight: 700;
  font-size: 1.25em;
  padding-bottom: 10px
}
#ordermade .error ul.attention li {
  padding: 0 0 5px
}
#ordermade .ordermade-relation .bnr-shipment {
  margin-bottom: 40px
}
#ordermade .ordermade-relation ul {
  margin-bottom: 50px;
  text-align: center
}
#ordermade .ordermade-relation ul li {
  display: inline-block
}
#ordermade .ordermade-relation ul li:after {
  content: '　　／　　'
}
#ordermade .ordermade-relation ul li:last-child:after {
  content: ''
}
#ordermade .ordermade-relation ul li a {
  font-size: 10px;
  font-size: 1rem;
  color: #000
}
html.ie #raraya_ordermade dl dd#raraya_name #raraya_name_block input[type="text"].raraya_nameInput {
  padding-top: 1pc;
  padding-bottom: 8px
}

@media screen and (max-width:1240px) {
  .site {
    overflow-x: hidden
  }
  .site-content#ordermade.ordermade-width section {
    width: auto
  }
  #ordermade .ordermade-simulation #raraya_tab {
    left: 0
  }
  #ordermade .ordermade-simulation #raraya_simulation .raraya_parts {
    width: 270px
  }
  #ordermade .ordermade-simulation #raraya_simulation .previewWrapper>div, #ordermade .ordermade-simulation #raraya_simulation .raraya_simulation_inner {
    width: auto;
    height: 255px
  }
  #ordermade .ordermade-simulation #raraya_simulation .previewWrapper {
    width: 65%
  }
  #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li {
    padding: 10px
  }
  #ordermade .ordermade-simulation #raraya_simulation {
    width: 35%
  }
  .raraya_simulation_comment>p {
    width: 66.4%
  }
  .raraya_simulation_comment>p::after, .raraya_simulation_comment>p::before {
    top: 35%
  }
  #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_body .raraya_body_selectlist>ul {
    width: 60%
  }
  #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li p span, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_pocket ul li p span, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_coverstitch ul li p span {
    font-size: .875rem
  }
  #ordermade .ordermade-simulation #raraya_simulation .raraya_txt {
    bottom: -35px
  }
  .raraya_name_fixed {
    width: auto
  }
  #ordermade-simulation-totalfee>div {
    width: 28%
  }
  .site-content section.ordermade-simulation-check {
    width: 100%;
    padding: 0 30px
  }
  /* 20190419 renewal オプションベルト追加 start　*/
  #optionalBelt {
  background: url(images/optionbelt/bg-optionbelt-l.png) no-repeat -550px 150px;
  background-size: 80%
  }
  .optionalBelt-inner{
     background: url(images/optionbelt/bg-optionbelt-r.png) no-repeat right -560px top -450px;
     background-size: 80%
  }
  /* 20190419 renewal オプションベルト追加 end　*/
}

/*@media screen and (max-width:768px) { */
@media screen and (max-width:812px) {
  .sp_none {
    display: none !important
  }
  .pc_none {
    display: block !important
  }
  .site, .site .site-header {
    width: 100%
  }
  .pt-body {
    padding-top: 64px;
  }
  .site .site-header h1 {
    padding: 20px 15px 20px 70px
  }
  .site .site-header h1 img {
    width: auto;
    height: 24px;
  }
/*
  .site .site-header .drawer-hamburger {
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 5px;
  }
  .site .site-header .drawer-nav {
    z-index: 2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #7e7153
  }
  .site .site-header .drawer-nav li a {
      display: block;
      padding: 15px 20px;
      border-bottom: 1px solid #fff;
      background: #7e7153;
      background-size: 8px 9pt;
      color: #fff;
      font-size: .9em;
  }
  .site .site-header .drawer-nav li a:hover {
    text-decoration: none
  }
  .site .site-content, .site .site-content-lead {
    width: 100%
  }
*/
  .drawer-hamburger {
    width: 2rem;
    position: relative;
    padding-top: 15px;
  }
  .menu-txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    padding-top: 15px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: -.1em;
  }
  .site .site-header-icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 12px 0 0 0
  }
  .site .site-header-icon li {
    margin: 0 10px 0 0;
    float: left
  }
  .site .site-header-icon li a {
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .site .site-header-icon li img {
    width: auto;
    height: 23px;
  }
  .site .site-header-icon li span {
    padding-top: 8px;
    font-size: 10px;
    line-height: 1;
  }
  .site .site-header h1 {
    padding: 20px 15px 20px 70px
  }
  .site .site-header h1 img {
    width: auto;
    height: 24px;
  }
  .site .site-header .drawer-hamburger {
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 5px;
  }
  /*201903 renewal*/
  .site .site-header .drawer-nav {
    z-index: 2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #7e7153
  }
  .site .site-header .drawer-nav li a {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
    background: #7e7153;
    background-size: 8px 9pt;
    color: #fff;
    font-size: .9em;
  }
  .site .site-header .drawer-nav li a:hover {
    text-decoration: none
  }
  .site .site-content, .site .site-content-lead {
    width: 100%
  }
  /*201904 renewal start*/
  .site .site-mainvisual {
    height: auto;
    background: url(images/index/img_mainvisual_sp.jpg?v=20191130) #fefcfd no-repeat top center;
    background-size: cover;
    padding-bottom: 120px;
  }
  .site-mainvisual .btn-area {
    padding-top: 44%;
    width: auto;
    height: auto
  }
  /*201903 renewal start*/
  .site-mainvisual .btn-area a {
    width: 45%;
    padding: 10px;
    margin: 0 auto;
    margin-right: 7.3vw;
    font-size: 10px;
    font-size: 1rem
  }
  /*201903 renewal end*/
  /*201904 renewal start*/
  .site .site-content-lead {
    padding: 0 15px
  }
  .site .site-content-lead .news-area {
    padding: 0 10px
  }

  .site .site-content-lead .news-area .btn-more {
    right: 15px
  }
  /*201904 renewal end*/
  .site .bnr-quality ul {
    display: block;
    width: 100%
  }
  .site .bnr-quality ul li {
    width: 100%
  }
  .site .bnr-quality ul li:first-child {
    margin-bottom: 20px
  }
  .site .site-content-lead .bnr-quality {
    width: 100%;
    text-align: center
  }
  .bnr-quality .btn-quality {
    width: 100%
  }
  .bnr-quality .btn-quality:after {
    display: none
  }
  .site .site-content-quality {
    width: 100%;
    min-width: initial;
    padding: 30px 20px;
    margin: 0
  }
  .site .site-content-quality .description-area .btn-more {
    width: auto
  }
  .site .site-content-quality .description-area .btn-more {
    width: auto;
    margin-top: 40px
  }
  .site .site-content-quality {
    position: relative
  }
  .site .site-content-quality .description-area h2 {
    margin-bottom: 80vw
  }
  .site .site-content-quality .photo-area {
    position: absolute;
    top: 29vw
  }
  .site .site-content-quality .photo-area img {
    width: 50%;
    height: auto
  }
  /*201904 renewal start*/
  .site .site-content-ordermade .autoplay {
    width: 100%;
    }
  .site .site-content-ordermade {
    width: 100%;
    padding: 40px 20px;
    text-align: center
  }
  /*201904 renewal end*/
  .site .site-content-ordermade .description-area {
    -webkit-order: 1;
    order: 1;
    width: 100%
  }
  .site .site-content-ordermade .photo-area {
    -webkit-order: 0;
    order: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 30px
  }
  .site .site-content-ordermade figure {
    display: none
  }
  .site .site-content-link-area {
      width: 89%;
      margin: 0 auto 30px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap
  }
  /*201904 renewal start*/
  .site .site-content-link-area a {
    width: 32%;
    height: 190px;
    padding: 30px 20px;
    margin-bottom: 20px
  }
  .site .site-content-link-area .link-box {
      display: block;
  }
  .site .site-content-link-area .link-icon {
    margin-bottom: 40px;
  }
  .site .site-content-link-area .link-box .link-ttl {
    font-size: 18px;
    position: relative;
    top: auto;
    right: auto;
    line-height: 1.5em;
    letter-spacing: .05em;
  }
  .site .site-content-link-area .link-box .link-btn {
    width: 90%
  }
  .site .site-content-quality {
    width: 100%;
    min-width: initial;
    padding: 30px 20px 0;
    margin: 0
  }
  .site .site-content-lineup {
    padding: 0;
    margin-bottom: 0
  }
  .site .site-content-lineup h1 {
    padding: 5px 15px 25px;
    margin-bottom: 50px
  }
  .site .site-content-lineup .content-inner {
    width: 100%
  }
  .site .site-content-lineup .content-inner .lineup-item {
    padding: 0 15px
  }
  .site .site-content-lineup .content-inner .lineup-item-photo {
    margin-bottom: 15px
  }
  .site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item {
    width: 50%;
    padding: 0 15px
  }
  .site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item.item-kirara {
    width: 100%
  }
  .site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item.item-kirara .lineup-item-photo {
    max-width: 50%;
    margin: 0 auto 15px
  }
  .site .site-content-lineup .content-inner .lineup-item-ttl {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .site-content-original .site-content-lineup .content-inner .lineup-item-ttl span {
    font-weight: 300;
  }

  /* 20190419 renewal オプションベルト追加 start　*/
  #optionalBelt {
  background: url(images/optionbelt/bg-optionbelt-l.png) no-repeat -380px 100px;
  background-size: 70%
  }
  .optionalBelt-inner{
     background: url(images/optionbelt/bg-optionbelt-r.png) no-repeat right -380px top -300px;
     background-size: 70%
  }
  /* 20190419 renewal オプションベルト追加 end　*/

  .site .site-footer-bnr li .site-footer-txt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5em;
  }
  /*201904 renewal end*/

.site .site-content-quality .description-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 100%;
  margin: 0 0 30px
}
.site .site-content-quality .photo-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%;
  text-align: center
}
.site .site-content .bnr-shipment a {
  width: 100%;
  max-width: 40pc;
  height: 165px;
  padding: 70px 20px 0;
  background: url(images/index/bg_btn_shipment_sp.jpg)no-repeat center
}
.site .site-content .bnr-shipment a:after {
  top: 70px;
  right: 10%
}
.site .site-content-lineup {
  padding: 0;
  margin-bottom: 0
}
.site .site-content-lineup h1 {
  padding: 5px 15px 25px;
  margin-bottom: 50px
}
.site .site-content-lineup .content-inner {
  width: 100%
}
.site .site-content-lineup .content-inner .lineup-item {
  padding: 0 15px
}
.site .site-content-lineup .content-inner .lineup-item-photo {
  margin-bottom: 15px
}
.site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item {
  width: 50%;
  padding: 0 15px
}
.site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item.item-kirara {
  width: 100%
}
.site .site-content-lineup .content-inner .lineup-offtheshelf .lineup-item.item-kirara .lineup-item-photo {
  max-width: 50%;
  margin: 0 auto 15px
}
.site .site-content-manufacturer {
  width: 100%;
  min-width: initial;
  padding: 30px 20px;
  margin: 0
}
.site .site-content-manufacturer .description-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 100%;
  margin: 0 0 30px
}
.site .site-content-manufacturer .photo-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%;
  text-align: center
}
.site .site-content-manufacturer h1 {
  line-height: 1.2
}
.site .site-content-manufacturer h1 span {
  margin-top: 10px
}
.site .site-content-after-service {
  width: 100%;
  min-width: initial;
  padding: 30px 20px;
  margin: 0
}
.site .site-content-after-service .description-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  width: 100%;
  margin: 0 0 30px
}
.site .site-content-after-service .photo-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 100%;
  text-align: center
}
.site .site-footer-nav {
  padding-bottom: 0
}
.site .site-footer-nav-main {
  width: 100%;
  padding-top: 60px
}
.site .site-footer-nav-main .pagetop {
  width: 106px;
  height: 53px;
  position: absolute;
  top: -20px;
  right: 50%;
  margin-right: -53px
}
.site .site-footer-nav-main-sp ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #a0a0a0
}
.site .site-footer-nav-main-sp li {
  width: 50%;
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0
}
.site .site-footer-nav-main-sp li:nth-child(even) {
  border-right: 0
}
.site .site-footer-nav-main-sp li a {
  display: block;
  color: #fff;
  padding: 15px 10px
}
.site .site-footer-nav-main-sp li a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #fff;
  padding-left: 10px
}
.site .site-footer-nav-sub {
  width: 100%;
  padding: 15px
}
.site .site-footer-nav-sub .nav-policy {
  display: none
}
.site .site-footer-nav-sub .copyright {
  width: 100%;
  font-size: 10px;
  font-size: 1rem;
  text-align: center
}
.site-footer-contact-telfax a {
  display: block;
  color: #fff
}
.site-footer-contact-telfax div {
  width: 100%;
  text-align: center;
  border-right: 0;
  border-bottom: 0;
  color: #fff
}
.site-footer-contact-telfax .footer-tel {
  /* 2020 singulier */
  /*
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px;
  background: #a98760;
  border-radius: 2em;
  width: 86%;
  margin: 0 auto 15px
  */
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px;
  background: #72540e;
  border-radius: 2em;
  width: 86%;
  margin: 0 auto 15px
}
.site-footer-contact-telfax .footer-tel .fa-phone:before {
  color: #fff
}
.site-footer-contact-telfax .footer-tel span a {
  display: inherit
}
.site-footer-contact-telfax .footer-fax {
  font-size: 13px;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #fff
}
.site .site-breadcrumb {
  width: 100%;
  padding: 10px 15px
}
.site-content>section {
  padding: 0 15px
}
.site-content section {
  width: 100%
}
.site-content .sub-page-ttl {
  padding: 0 15px
}
.site-content .info-table-layout dt {
  width: 20%
}
.site-content .info-table-layout dd {
  width: 80%
}
.site-content .switch-area {
  width: 100%;
  padding: 0 15px
}
.site-content .switch-area li {
  width: 50%;
  margin-bottom: 1px
}
.site-content .switch-area li a {
  position: relative
}
.site-content .switch-area li a:after {
  position: absolute;
  top: 20px;
  right: 25px
}
.site-content .switch-area.switch-num2 {
  width: 100%
}
.site-content .switch-area.switch-num3 li {
  width: 50%
}
.site-content-faq .faq-box {
  width: 100%
}
.site-content .form-lead {
  width: 100%;
  padding: 0 15px
}
.site-content .wp-form td, .site-content .wp-form th {
  display: block;
  width: 100%
}
.site-content .wp-form th {
  border-bottom: 0;
  padding-bottom: 0;
  font-weight: 700
}
.site-content .wp-form .child-name td input[type="text"] {
  width: 100%;
  margin-left: 0
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea {
  left: 70%
}
.site-content .lineup-nav ul {
  width: 100%;
  background: #f9f2f2
}
.site-content .lineup-nav ul li {
  background: #f2ebeb;
  /* width: 50%; */
  width: 33%; /* singulier 2020 3column */
  border-bottom: 1px solid #fff
}
.site-content .lineup-nav ul li a {
  height: 100%
}
.site-content .lineup-nav ul li:first-child {
  border-left: 0
}
.site-content .lineup-nav ul li:nth-child(even) {
  border-right: 0
}
.site-content .lineup-nav ul li:last-child a, .site-content .lineup-nav ul li:nth-child(3) a, .site-content .lineup-nav ul li:nth-child(4) a {
  padding-bottom: 1.7em
}
#order section {
  padding: 60px 15px
}
#order section.site-content-intro {
  padding: 0 0 60px
}
#order h1 {
  line-height: 1.2
}
#order h1 span {
  padding-top: 15px
}
#order .site-content-intro {
  width: 100%
}
#order .site-content-intro .main-image .btn-purchase {
  top: 58%;
  left: 7%
}
#order .site-content-intro .main-image .btn-purchase a {
  width: 220px
}
#order .site-content-intro .main-image .btn-purchase a:after {
  right: 40px
}
#order .site-content-intro .item-slider.slick-slider li {
  padding: 0 10px
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-prev {
  left: 10px
}
#order .site-content-intro .item-slider.slick-slider .slick-arrow.slick-next {
  right: 10px
}
#order .site-content-intro .design-detail dt {
  width: 90%;
  max-width: 380px
}
#order .site-content-intro .bnr-moreinfo a {
  width: 100%;
  max-width: 40pc;
  height: 165px;
  padding: 70px 20px 0;
  background: url(images/index/bg_btn_shipment_sp.jpg)no-repeat center
}
#order .site-content-intro .bnr-moreinfo a:after {
  top: 70px;
  right: 10%
}
#order .site-content-intro .bnr-moreinfo a {
  padding-top: 55px
}
#order .site-content-purchase .purchase-flow-box {
  width: 100%;
  padding: 0 0 50px
}
#order .site-content-purchase .purchase-flow-box .description-area {
  width: 70%
}
#order .site-content-purchase .purchase-flow-box .photo-area {
  width: 25%
}
#order .site-content-faq .faq-box {
  width: 100%
}
#order .site-content-factory h1 {
  line-height: 1.5
}
#order .site-content-factory h1 span {
  padding-top: 0
}
#showroom .showroom-info dd .btn-map a {
  width: 75pt
}
#aizu .factory-lead {
  width: 100%;
  padding: 0 15px
}
#aizu .factory-info dd .btn-map a {
  width: 90pt;
  padding: 5px 10px;
  margin-top: 5px;
  position: static
}
#policy .privacy-policy section {
  padding: 0
}
#law section.about-store .info-table-layout dt {
  width: 25%
}
#law section.about-store .info-table-layout dd {
  width: 75%
}
#news {
  width: 100%
}
#news .news-list-thum {
  width: 100%;
  float: none;
  margin-bottom: 10px
}
#news .news-list-txt {
  width: 100%;
  float: none;
  margin-left: 0
}
#news-detail {
  width: 100%
}
#exhibition .exhibition-list table td:first-child {
  width: 4em
}
#exhibition .exhibition-list table td .btn-map a {
  position: static;
  font-size: 7.5px;
  font-size: .75rem;
  width: 140px;
  padding: 5px 10px;
  margin-top: 5px
}
#agency .agency-official-shop,
#showroom .agency-official-shop {
  padding: 0 15px
}
#agency .agency-official-shop-inner dl,
#showroom .agency-official-shop-inner dl {
  margin-bottom: 10px
}
#agency .agency-official-shop-inner dl:last-child,
#showroom .agency-official-shop-inner dl:last-child {
  margin-bottom: 0
}
#agency .agency-official-shop-inner dd,
#agency .agency-official-shop-inner dt,
#showroom .agency-official-shop-inner dd,
#showroom .agency-official-shop-inner dt {
  width: 100%;
  padding-bottom: 0
}
#agency .agency-official-shop-inner dd:nth-child(2),
#showroom .agency-official-shop-inner dd:nth-child(2) {
  width: 100%
}
#lineup .lineup-lead .item-feature li {
  margin-bottom: 10px
}
#lineup .site-content-lineup .content-inner .lineup-item-catch {
  width: 100%;
  max-width: 280px
}
#lineup .site-content-lineup .content-inner .btn-more {
  width: 100%;
  max-width: 200px
}
#lineup .site-content-special {
  padding: 60px 15px
}
#lineup .site-content-special .present-box {
  width: 100%;
  margin-bottom: 30px;
  padding: 30px 15%
}
#lineup .site-content-special .present-box:first-child {
  margin-bottom: 30px;
  padding: 30px
}
#lineup .site-content-special .present-box:last-child {
  margin-bottom: 0
}
#lineup .site-content-special .present-box h2 {
  width: 100%;
  line-height: 2
}
#lineup .site-content-special .present-type {
  width: 100%
}
.product-info#titti .designer-info {
  padding: 40px 20px
}
.product-info#titti .designer-info .description-area {
  width: 100%;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  margin-bottom: 20px
}
.product-info#titti .designer-info .photo-area {
  width: 100%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1
}
.product-info#titti .designer-info .photo-area .photo {
  margin: 0 5px 20px
}
.product-info .howto-make .make-step {
  width: 100%;
  max-width: 486px
}
.product-info .howto-make h2 {
  margin-bottom: 20px
}
.product-info .howto-make .make-step li {
  margin-right: 28px
}
.product-info .form-area {
  padding: 0 15px
}
.product-info .form-area .classlist {
  padding-left: 0
}
.product-info .alert, .product-info .form-area .cart_area .cartin_btn a, .product-info .form-area .cart_area .shipment_btn a, .product-info .item-info .item-basic-info {
  width: 100%
}
.product-info .item-info #subComment {
  margin-bottom: 30px
}
.product-info .item-info #raraya-icon {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.product-info .bnr-area {
  width: 100%
}
.product-info .bnr-area li {
  width: 50%
}
.product-info .semi-order-form, .product-info .semi-order-form .form-box {
  padding: 20px 15px
}
.product-info button {
  width: 100%;
  line-height: 1.5
}
.fancybox-wrap {
  width: 90%!important
}
#modal {
  width: 100%;
  margin: 0 auto;
  max-width: initial
}
#modal>section section.howto-step01 .step {
  width: 44%;
  margin: 0 3% 20px
}
#modal>section section.howto-step02 li {
  width: 23%;
  margin: 0 1% 20px
}
#modal>section section.howto-step03, #modal>section section.howto-step04, #modal>section section.howto-step05, #modal>section section.howto-step06, #modal>section section.howto-step07, #modal>section section.howto-step08 {
  width: 100%
}
#modal>section section.howto-step07 {
  padding-bottom: 25px;
  background: url(images/lineup/img_border_section.png)repeat-x left bottom
}
#modal>section section.howto-step08 .photo {
  width: 30%;
  margin-right: 2%
}
#modal>section section.howto-step08 p {
  width: 68%
}
#flow .ordermade-price-list {
  width: 100%;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
#flow .ordermade-price-list .price-box {
  width: 46%;
  margin: 0 5px 20px
}
#flow .ordermade-price-list .note {
  padding: 0 15px
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box {
  padding: 30px 15px
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box ul {
  font-size: 11.25px;
  font-size: 1.125rem
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax {
  font-size: 10px;
  font-size: 1rem
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax span {
  font-size: 28px;
  font-size: 2.8rem
}
#flow .flow-ordermade h2 .order-ttl {
  width: 100%;
  border-left: 0;
  padding-left: 0
}
#flow .flow-ordermade .flow-ex-box .flow-pattern li {
  width: 100%;
  margin: 0 0 20px
}
#flow .flow-ordermade .flow-ex-box .flow-pattern li:last-child {
  margin-bottom: 0
}
#flow .flow-ordermade .flow-ex-box .note {
  margin-left: 0
}
#flow .flow-ordermade .btn-simulation a {
  width: 100%;
  max-width: 390px
}
#flow .flow-ordermade .btn-simulation a:after {
  right: 15px
}
#flow .flow-ordermade .ordermade-summary {
  width: 100%;
  max-width: 460px
}
#flow .flow-ordermade .photo-randoseru {
  position: static;
  text-align: center;
  margin-top: 10px
}
#flow .note {
  width: 100%
}
#flow .note li {
  padding-bottom: 5px
}
#shipment .shipment-list table tbody tr:first-child td:first-child {
  text-align: center
}
#shipment .shipment-list table tbody tr:first-child td:first-child .item-ttl {
  display: block;
  float: none;
  padding-top: 0
}
#shipment .shipment-list table tbody tr:first-child td:first-child .item-thumb {
  float: none
}
#factory .factory-flow section .flow-point {
  font-size: 10px;
  font-size: 1rem;
  margin-top: 20px;
  padding: 10px
}
#factory .factory-description {
  min-width: initial
}
#factory .factory-description .about-sewing .description-area {
  width: 100%
}
#factory .factory-description .about-sewing .description-area p {
  width: auto
}
#factory .factory-description .about-sewing .photo-area {
  width: 100%;
  height: 300px
}
#factory .factory-description .new-factory h2 {
  font-size: 12.5px;
  font-size: 1.25rem
}
#factory .factory-description .new-factory p {
  font-size: 8.75px;
  font-size: .875rem;
  padding: 0 15px
}
#factory .factory-description .new-factory-photo {
  width: 100%
}
#factory .factory-description .new-factory-photo li {
  width: 34.7%
}
#factory .factory-description .new-factory-photo li:nth-child(2) {
  width: 29.9%
}
#factory .factory-description .new-factory-photo li:last-child {
  width: 29.4%
}
#cart .btn-area ul {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
#cart .btn-area li {
  width: 46%;
  margin: 0 auto 20px
}
#cart .cart-info.payment-info td, #cart .cart-info.payment-info th {
  display: table-cell
}
#cart .cart-detail-area .confirm-info dl dt {
  width: 35%;
  padding-right: 20px
}
#cart .cart-detail-area .confirm-info dl dd {
  width: 65%
}
#cart .register-info table td, #cart .register-info table th {
  width: 100%
}
#cart .register-info table .know li {
  padding-bottom: 5px
}
#cart .register-info table .know input[type="radio"] {
  margin-right: 15px
}
#cart .register-info table .media-num input[type="text"] {
  width: 150px;
  margin-top: 10px
}
#shopping .registration .registration-select>div {
  width: 49%
}
#shopping .registration .formlist dd, #shopping .registration .formlist dt {
  width: 100%
}
#entry .form-lead {
  padding: 0
}
#entry .wp-form table td, #entry .wp-form table th {
  width: 100%
}
#entry .wp-form .customer-kana span, #entry .wp-form .customer-name span {
  width: 8%
}
#entry .wp-form .customer-kana input[type="text"], #entry .wp-form .customer-name input[type="text"] {
  width: 92%;
  margin: 0 0 10px
}
#entry .wp-form .hint input[type="text"] {
  margin-bottom: 5px
}
#entry .wp-form .hint span {
  margin-left: 3em
}
#entry-confirm .registration-confirm table th {
  width: 40%
}
#entry-confirm .registration-confirm table td {
  width: 60%
}
#entry-confirm .registration-confirm .btn-area ul {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
#entry-confirm .registration-confirm .btn-area li {
  width: 46%;
  margin: 0 auto 20px
}
#guide .shipping-guide .rara-delivery .delivery-example {
  padding: 40px 20px
}
#guide .shipping-guide .rara-delivery .delivery-flow {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
#guide .shipping-guide .rara-delivery .delivery-flow li {
  width: 180px
}
#guide .shipping-guide .rara-delivery .delivery-flow li div {
  margin: 0 15px 10px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:after {
  width: 15px;
  height: 10px;
  background-size: 15px auto;
  top: 76px;
  right: -8px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child {
  width: 210px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child div {
  width: 180px;
  height: 180px
}
#guide .shipping-guide .rara-delivery .delivery-flow div {
  width: 150px;
  height: 150px
}
#after-service .insurance-info .insurance-point {
  width: 100%
}
#after-service .insurance-info .insurance-point li {
  margin: 0 15px 10px
}
#after-service .repair-contact .miniature .photo {
  margin: 0 0 40px;
  width: 100%
}
#popular .popular-ranking {
  padding: 0
}
#popular .popular-ranking section.boys-no1 .description-area, #popular .popular-ranking section.boys-no3 .description-area, #popular .popular-ranking section.girls-no2 .description-area {
  margin: 0 2%
}
#popular .popular-ranking section.boys-no1 .description-area .item-arrange .description-area, #popular .popular-ranking section.boys-no3 .description-area .item-arrange .description-area, #popular .popular-ranking section.girls-no2 .description-area .item-arrange .description-area {
  margin: 0 0 0 6%
}
#popular .popular-ranking section.boys-no1 .photo-area, #popular .popular-ranking section.boys-no3 .photo-area, #popular .popular-ranking section.girls-no2 .photo-area {
  margin: 20px 2% 0 4%
}
#popular .popular-ranking section .section-inner {
  width: 100%
}
#popular .popular-ranking section .description-area {
  width: 46%;
  margin: 0 2%
}
#popular .popular-ranking section .description-area h3 {
  font-size: 20px;
  font-size: 2rem
}
#popular .popular-ranking section .description-area .item-arrange .description-area {
  width: 54%;
  margin: 0 0 0 6%
}
#popular .popular-ranking section .description-area .item-arrange .photo-area {
  width: 40%;
  margin: 0
}
#popular .popular-ranking section .photo-area {
  width: 44%;
  margin: 20px 4% 0 2%
}
#secret .about-feature {
  padding: 0
}
#secret .about-feature .main-image {
  height: 350px
}
#secret .about-feature .main-image p {
  font-size: 20px;
  font-size: 2rem;
  padding: 90pt 15px 0
}
#secret .about-feature section {
  padding: 40px 0
}
#secret .about-feature section.feature-point01 h2 {
  margin-bottom: 20px
}
#secret .about-feature section.feature-point03 .point-box .description-area .photo {
  width: 45%
}
#secret .about-feature section.feature-point03 .point-box .photo-main {
  width: 48%;
  margin-top: 30px;
  margin-left: 2%
}
#secret .about-feature section.feature-point04 .point-box, #secret .about-feature section.feature-point05 .point-box, #secret .about-feature section.feature-point06 .point-box {
  width: 32%;
  padding: 30px 20px
}
#secret .about-feature section .section-lead {
  padding: 0 15px
}
#secret .about-feature section .section-lead br {
  display: none
}
#secret .about-feature section .point-list {
  width: 100%;
  padding: 0 15px
}
#secret .about-feature section .point-box {
  width: 48%;
  padding: 30px 20px
}
#secret .about-feature section .point-box h4 {
  font-size: 10px;
  font-size: 1rem
}
#secret .about-feature section .point-box .column2 p {
  width: 50%
}
#secret .about-feature section .point-box .column2 .photo {
  width: 47%
}
#secret .about-feature section .point-box.about-belt br {
  display: none
}
#secret .about-feature section .point-box.about-belt ul li {
  width: 25%
}
#secret .about-feature section .point-box.about-belt ul li:after {
  right: -45px
}
#ordermade .ordermade-simulation {
  position: relative
}
#ordermade .ordermade-simulation #raraya_simulation {
  width: 100%;
  padding: 0 15px;
  position: absolute;
  top: 0!important;
  z-index: 2;
  top: 0;
  left: 0;
  z-index: 1
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_tab {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background: #fff
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_tab li {
  padding: 15px 5px
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_tab li span {
  display: block;
  margin-top: 10px;
  color: #999;
  font-size: 90%
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_tab li span:after {
  content: '\f107';
  font-family: FontAwesome;
  padding-left: 5px
}
#ordermade .ordermade-simulation #raraya_simulation .previewWrapper {
  width: 100%;
  max-width: 404px;
  margin: 0 auto;
  background: #fff;
  border-right: 2px solid #000;
  border-left: 2px solid #000
}
#ordermade .ordermade-simulation #raraya_simulation .previewWrapper>div {
  width: 100%;
  max-width: 404px;
  margin: 0 auto
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_orderButton {
  width: 100%;
  padding: 0 15px;
  max-width: 404px;
  margin: 0 auto;
  padding: 0 15px 5px;
  background: #fff;
  border: 2px solid #000;
  border-top: 0;
  line-height: 1.3em
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_orderButton p {
  max-width: 440px;
  margin: 0 auto 10px
}
#ordermade .ordermade-simulation #raraya_simulation #raraya_orderButton p.pc_none {
  color: red
}
#ordermade .ordermade-simulation #raraya_ordermade {
  width: 100%;
  max-width: 460px;
  margin: 0;
  padding-top: 75pt
}
#ordermade .ordermade-relation ul li:after {
  content: '　／　'
}
    .footer-fixnav{
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        font-size: 11px;
        z-index: 100;
        line-height: 1.7em;
    }
    .footer-fixnav-inner{
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
        align-items: center;
    }
    .fixnav-inquiry{
        width: 50%;
        padding: 12px;
        background: #abd43b;
    }
    .fixnav-inquiry img{
        height: 40px;
        margin-right: 15px;
    }
    .fixnav-catalog{
        display: block;
        width: 50%;
        padding: 12px;
        background: #de006a; /* 2019/11/27 change from #ffa71e to #de006a; */
    }
    .fixnav-catalog img{
        height: 30px;
        margin-right: 15px;
    }
    .footer-fixnav a{
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content:center;
    -ms-flex-pack: justify;
    justify-content: center;
        align-items: center;
        color: #fff;
        min-height: 60px;
    }
  /*201904 renewal end*/
}

@media screen and (max-width:640px) {
.site .site-content-lead .news-area li .news-date {
  display: block;
  padding-right: 0
}
.site .site-content-quality .description-area h1 span {
  display: block;
  padding-left: 0
}
.site .site-content .bnr-shipment a {
  padding-top: 55px
}
.site .site-content .bnr-shipment span {
  display: block
}
.site .site-content-after-service .description-area h1 span {
  display: block;
  padding-left: 0
}
  /* 20190423 renewal オプションベルト追加 start　*/
  #optionalBelt .sub-page-ttl{
      width: 100%;
      padding-top: 30px;
  }
  #optionalBelt {
      background: url(images/optionbelt/bg-optionbelt-l.png) no-repeat -35vw 100vh;
      background-size: 50%;
  }
  .optionalBelt-inner{
      background: url(images/optionbelt/bg-optionbelt-r.png) no-repeat right -35vw top 36vh;
      background-size: 50%;
  }
  .optionalBelt-ttl {
      width: auto;
      margin-right: 20px;
      margin-left: 20px;
  }
  .line-rainbow{
      font-size: 23px;
  }
  .line-rainbow .sub-title{
      padding-top: 0;
      font-size: 14px;
  }
  .optionalBelt-subttl{
      margin-top: 30px;
  }
  .optionalBelt-img{
      width: auto;
      margin-right: 20px;
      margin-left: 20px;
  }
  .optionalBelt-img img{
      margin-bottom: 20px;
  }
  .optionalBelt-txt{
      padding: 20px 30px 30px;
  }
  .kmodel-box{
      width: 100%;
      margin: 30px auto 20px;
      background: url(images/optionbelt/kmodel-logo.png)no-repeat center top;
      background-size: 50%;
      padding: 70px 20px 0;
      height: auto;
  }
  .sub-txt{
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
  }
  /* 20190423 renewal オプションベルト追加 end　*/

.site-content .wp-form td .label {
  width: 10%
}
.site-content .wp-form td .inputArea {
  width: 90%
}
.site-content .wp-form td.inputNum input[type="text"] {
  width: 75pt
}
.site-content .wp-form td .inputAddress .inputArea, .site-content .wp-form td .inputAddress .label {
  width: 100%
}
.site-content .wp-form .customer-addr .inputNum {
  position: relative
}
.site-content .wp-form .customer-addr .inputNum .label {
  width: 100%
}
.site-content .wp-form .customer-addr .inputNum .inputArea {
  width: 100%;
  margin-left: 0
}
.site-content .wp-form .customer-addr .inputNum .inputArea input[type="text"] {
  width: 75pt
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea {
  top: auto;
  bottom: 25px;
  left: 250px
}
.site-content .wp-form .customer-addr .inputArea.sub {
  margin-left: 0
}
.site-content .wp-form .child-birthday td.inputNum input[type="text"] {
  width: 70px;
  margin: 0 5px
}
#order .site-content-intro .bnr-moreinfo a {
  padding-top: 35px
}
#order .site-content-intro .bnr-moreinfo a span {
  display: block
}
#flow .ordermade-price-list {
  padding: 0 15px
}
#flow .ordermade-price-list .price-box {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 20px
}
#flow .ordermade-price-list .note {
  padding: 0
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax span {
  display: block;
  margin-left: 0
}
#factory .factory-description .new-factory h2 {
  font-size: 12.5px;
  font-size: 1.25rem
}
#factory .factory-description .new-factory p br {
  display: none
}
#cart .register-info table .credit-card-name td span {
  width: 10%;
  margin-right: 0
}
#cart .register-info table .credit-card-name td span.sub {
  width: 100%
}
#cart .register-info table .credit-card-name td input[type="text"] {
  width: 90%;
  margin: 0 0 10px
}
#shopping .registration .registration-select>div {
  width: 100%
}
#shopping .registration .registration-select>div:first-child {
  margin-bottom: 30px
}
#shopping .registration .btn-area a, #shopping .registration .btn-area button {
  width: 80%
}
#shopping .registration .formlist dt {
  width: 30%
}
#shopping .registration .formlist dd {
  width: 65%
}
#entry .form-lead {
  padding: 0
}
#entry .wp-form .customer-kana span, #entry .wp-form .customer-name span {
  width: 10%
}
#entry .wp-form .customer-kana input[type="text"], #entry .wp-form .customer-name input[type="text"] {
  width: 90%
}
#entry .wp-form .inputZipNum input[type="text"] {
  width: 75pt
}
#guide .shipping-guide .rara-delivery .delivery-flow li {
  width: 190px
}
#guide .shipping-guide .rara-delivery .delivery-flow li div {
  margin: 0 20px 10px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:after {
  right: -8px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child {
  width: 190px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child div {
  margin: 0 20px 10px;
  width: 150px;
  height: 150px
}
.product-info .semi-order-form .form-box h3 {
  margin-bottom: 0
}
.product-info .semi-order-form .form-box {
  width: 100%
}
.form-box-wrap, .form-box-wrap2 ul, .form-box-wrap ul, .product-info .semi-order-form .form-list {
  width: 100%;
  display: block
}
.product-info .size {
  margin-bottom: 20px
}
.photo {
  margin-top: 30px
}
.form-box-wrap2 img, .form-box-wrap img {
  display: block;
  margin: 0 auto
}
.form-box-wrap.w600 {
  width: 100%
}
.product-info .raraya_name_right {
  float: none;
  width: 100%;
  padding-top: 0
}
.product-info .inputWrapper ul li {
  width: 14.71%
}
.product-info input[type="text"] {
  margin-bottom: 10px
}
#nameInput li input[type="text"] {
  width: 15%;
  margin: 2px 5px 5px 0
}
.product-info .semi-order-form .form-box label {
  padding: 15px
}
.leadText {
  margin-top: 0
}
.product-info .input-l input[type="text"] {
  width: 100%
}
.product-info span.raraya_charge {
  margin-bottom: 20px
}
.product-info .itemName {
  margin: 0 0 20px
}
.product-info .itemName p {
  margin-top: 0
}
.product-info #detailarea {
  width: 90%;
  margin: 0 auto;
  float: none
}
.product-info .item-preview-area .item-preview {
  width: 100%;
  text-align: center;
  margin: 0 0 60px
}
.product-info .item-preview-area .item-preview.preview-area01 .photo {
  width: 70%;
  margin: 0 auto
}
.product-info .item-preview-area .item-preview.preview-area03 .photo {
  width: 70%;
  margin: 0 auto
}
.notes {
  text-align: left
}
  .site .site-footer-inner {
    padding: 30px 20px;
    height: 510px; /* modified by SINGULIER,INC.*/
  }
  .site .site-footer-bnr li .site-footer-txt {
    padding: 6px 1em;
    font-size: 13px;
  }
}

@media screen and (max-width:600px) {
.site-content .switch-area li a {
  font-size: 8.75px;
  font-size: .875rem
}
.site-content .switch-area li a:after {
  right: 15px
}
#order .site-content-intro .main-image .btn-purchase a {
  width: 180px;
  font-size: 8.75px;
  font-size: .875rem
}
#order .site-content-intro .main-image .btn-purchase a:after {
  top: 8px;
  right: 20px
}
#showroom .showroom-info dd .btn-map a {
  width: 90pt;
  padding: 5px 10px;
  margin-top: 5px;
  position: static
}
#lineup .site-content-lineup .content-inner .lineup-list.lineup-offtheshelf .lineup-item-catch {
  min-height: 15pc
}
#lineup .site-content-special .present-box, #lineup .site-content-special .present-box:first-child {
  padding: 30px 20px
}
#lineup .site-content-special .present-box:first-child h2 {
  font-size: 15px;
  font-size: 1.5rem
}
#lineup .site-content-special .present-box:first-child h2 span {
  padding-bottom: 10px
}
#lineup .site-content-special .present-type {
  padding: 30px 0
}
.product-info .howto-make .make-step {
  max-width: 420px
}
.product-info .howto-make .make-step li {
  width: 90pt;
  margin-right: 20px;
  padding-top: 9pt
}
.product-info .howto-make .make-step li:last-child {
  width: 126px
}
.product-info .howto-make .make-step li:last-child a {
  width: 126px;
  height: 126px;
  font-size: 8.75px;
  font-size: .875rem
}
.product-info .howto-make .make-step div {
  width: 75pt;
  height: 75pt;
  font-size: 8.75px;
  font-size: .875rem
}
.product-info .howto-make .make-step div:after {
  top: 35px
}
.product-info .howto-make .make-step span br {
  display: none
}
.product-info .form-area .classlist {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 10px
}
.product-info .form-area .classlist label {
  display: inline-block;
  width: 100%
}
.product-info .form-area .purchase-area {
  width: 100%
}
.product-info .bnr-area {
  padding: 0 15px;
  text-align: center
}
.product-info .bnr-area li {
  width: 100%
}
.product-info .bnr-area li:first-child {
  margin-bottom: 20px
}
.size_modal {
  width: 90%!important;
  float: left
}
.size_modal .size {
  width: 88%;
  float: auto;
  margin-left: 20px
}
#size_wide {
  margin-top: 20px
}
.size_modal .size .imgArea img.pt40 .fancybox-close {
  right: 40px!important
}
#modal {
  width: 100%;
  margin: 0 auto;
  max-width: initial;
  padding-bottom: 20px
}
#modal>section section.howto-step01 .step {
  width: 100%;
  margin: 0 0 30px
}
#modal>section section.howto-step02 li {
  width: 48%;
  margin: 0 1% 20px
}
#modal>section section.howto-step08 .photo {
  width: 100%;
  margin-right: 0
}
#modal>section section.howto-step08 p {
  width: 100%
}
#modal>section section.howto-step09 {
  padding: 25px 15px
}
#entry .wp-form .hint input[type="text"] {
  width: 100%
}
#entry .wp-form .hint span {
  margin-left: 0
}
#entry-confirm .registration-confirm table td, #entry-confirm .registration-confirm table th {
  display: block;
  width: 100%
}
#entry-confirm .registration-confirm table th {
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 0
}
#entry-confirm .registration-confirm table td {
  padding-top: 0
}
#after-service .insurance-info .insurance-point li {
  width: 190px;
  margin: 0 10px
}
#after-service .insurance-info .insurance-point div {
  width: 190px;
  height: 190px
}
#after-service .insurance-info .insurance-point p {
  font-size: 11.25px;
  font-size: 1.125rem
}
#after-service .hooker-info .description-area {
  width: 100%
}
#after-service .hooker-info .photo-area {
  width: 100%;
  text-align: center
}
#after-service .hooker-info .btn-detail a {
  width: 80%
}
#after-service .repair-contact .miniature {
  padding: 40px 20px
}
#after-service .repair-contact .miniature dl {
  width: auto;
  font-size: 11.25px;
  font-size: 1.125rem;
  text-align: center
}
#after-service .repair-contact .miniature dl dd, #after-service .repair-contact .miniature dl dt {
  display: block
}
#after-service .repair-contact .miniature dl dt {
  font-weight: 700
}
#after-service .repair-contact .miniature dl dd {
  padding-left: 1em;
  margin-bottom: 10px
}
#popular .popular-ranking section.boys-no1 .description-area, #popular .popular-ranking section.boys-no3 .description-area, #popular .popular-ranking section.girls-no2 .description-area {
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin: 0 5%
}
#popular .popular-ranking section.boys-no1 .photo-area, #popular .popular-ranking section.boys-no3 .photo-area, #popular .popular-ranking section.girls-no2 .photo-area {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  margin: 0 5% 30px
}
#popular .popular-ranking section .description-area {
  width: 90%;
  margin: 0 5%
}
#popular .popular-ranking section .photo-area {
  width: 90%;
  margin: 0 5% 30px
}
#secret .about-feature .main-image {
  height: 20pc
}
#secret .about-feature .main-image p {
  font-size: 16.25px;
  font-size: 1.625rem
}
#secret .about-feature .feature-lead {
  font-size: 15px;
  font-size: 1.5rem
}
#secret .about-feature section.feature-point03 .point-box .photo-main {
  width: 100%;
  margin-left: 0
}
#secret .about-feature section.feature-point03 .point-box .description-area, #secret .about-feature section.feature-point04 .point-box, #secret .about-feature section.feature-point05 .point-box, #secret .about-feature section.feature-point06 .point-box {
  width: 100%
}
#secret .about-feature section .section-lead {
  padding: 0 15px
}
#secret .about-feature section .section-lead br {
  display: none
}
#secret .about-feature section .point-list {
  width: 100%;
  padding: 0 15px
}
#secret .about-feature section .point-box {
  width: 100%
}
#secret .about-feature section .point-box.about-belt p {
  text-align: left
}
#secret .about-feature section .point-box.about-belt ul li:after {
  width: 13px;
  height: 15px;
  background-size: 13px auto;
  right: -35px;
  margin-top: -7px
}
}

@media screen and (max-width:480px) {
.site .site-content .bnr-shipment {
  margin: 50px 0
}
.site .site-content-link-area, .site .site-content-ordermade .description-area .btn-simulation a {
  width: 100%
}
.site .site-content-link-area .link-box .link-btn {
  font-size: 7.5px;
  font-size: .75rem
}
.site-content .switch-area li a {
  padding: 20px;
  font-size: 7px;
  font-size: .7rem
}
.site-content .switch-area li a:after {
  right: 8px
}
.site-content .info-table-layout dt {
  width: 100%;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700
}
.site-content .info-table-layout dd {
  width: 100%;
  padding-top: 5px
}
.site-content-faq .faq-box dt {
  font-size: 8.75px;
  font-size: .875rem
}
.site-content-faq .faq-box dt:after {
  top: 10px;
  right: 10px;
  font-size: 15px;
  font-size: 1.5rem
}
.site-content .lineup-nav ul li a {
  /*
  font-size: 8.75px;
  font-size: .875rem;
  */
  font-size: 10.0px;   /* 2020 singulier フォント拡大対応 */
  font-size: 1.0rem;   /* 2020 singulier フォント拡大対応 */
  padding-top: 1.5em
}
.site-content .lineup-nav ul li:last-child a, .site-content .lineup-nav ul li:nth-child(3) a, .site-content .lineup-nav ul li:nth-child(4) a {
  padding-bottom: 1.5em
}
#order .site-content-intro .main-image .btn-purchase a {
  width: 150px;
  padding: 7px 10px;
  font-size: 7.5px;
  font-size: .75rem
}
#order .site-content-intro .main-image .btn-purchase a:after {
  top: 3px
}
#order .site-content-intro .design-detail dt {
  width: 94%;
  font-size: 8.75px;
  font-size: .875rem;
  letter-spacing: 0
}
#order .site-content-intro .design-detail dt:after {
  top: 9pt;
  right: 40px
}
#order .site-content-intro .bnr-moreinfo a:after {
  right: 20px
}
#order .site-content-purchase .purchase-flow-box .description-area {
  width: 100%;
  margin-bottom: 10px
}
#order .site-content-purchase .purchase-flow-box .photo-area {
  width: 100%;
  margin-bottom: 20px
}
#order .site-content-purchase .purchase-flow-box:last-child .photo-area {
  margin-bottom: 0
}
#company .company-greeting .company-greeting-inner .description-area {
  margin-bottom: 20px;
  width: 100%
}
#company .company-greeting .company-greeting-inner .description-area .signature {
  margin-top: 10px
}
#company .company-greeting .company-greeting-inner .photo-area {
  width: 100%;
  text-align: center
}
#aizu .factory-catch {
  font-size: 10px;
  font-size: 1rem
}
#aizu .factory-contact-info {
  font-size: 12.5px;
  font-size: 1.25rem
}
#aizu .factory-contact-info dd.contact-tel {
  font-size: 10px;
  font-size: 1rem
}
#aizu .factory-contact-info dd.contact-tel span {
  font-size: 15px;
  font-size: 1.5rem
}
#law section.about-store .info-table-layout dd, #law section.about-store .info-table-layout dt, #news article .post-date, #news article .post-title {
  width: 100%
}
#agency .agency-list table td, #exhibition .exhibition-list table td {
  font-size: 7.5px;
  font-size: .75rem
}
#lineup .lineup-lead .item-feature {
  margin-bottom: 60px
}
#lineup .lineup-lead .item-feature li {
  width: 110px;
  height: 110px;
  font-size: 10px;
  font-size: 1rem
}
#lineup .site-content-lineup .content-inner .lineup-list.lineup-offtheshelf .lineup-item {
  width: 100%;
  margin-bottom: 5pc
}
#lineup .site-content-lineup .content-inner .lineup-list.lineup-offtheshelf .lineup-item.item-kirara .lineup-item-photo {
  max-width: 100%
}
#lineup .site-content-lineup .content-inner .lineup-list.lineup-offtheshelf .lineup-item-catch {
  min-height: initial;
  margin-bottom: 30px
}
#lineup .site-content-lineup .content-inner .lineup-item {
  width: 100%;
  margin-bottom: 5pc
}
#lineup .site-content-lineup .content-inner .lineup-item-ttl {
  min-height: initial;
  margin-bottom: 30px
}
#lineup .site-content-lineup .content-inner .btn-more, #lineup .site-content-lineup .content-inner .lineup-item-catch {
  max-width: 360px
}
#lineup .site-content-special .present-box h2 {
  font-size: 15px;
  font-size: 1.5rem
}
#lineup .site-content-special .present-box:first-child h2 {
  font-size: 12.5px;
  font-size: 1.25rem
}
#lineup .site-content-special .present-box:first-child h2 span {
  padding-bottom: 5px
}
.product-info#titti .designer-info .photo-area .photo {
  width: 46%;
  margin: 0 1% 20px
}
.product-info .howto-make .make-step {
  max-width: 355px
}
.product-info .howto-make .make-step li {
  width: 110px;
  margin-right: 5px;
  padding-top: 8px
}
.product-info .howto-make .make-step li:last-child {
  width: 90pt;
  margin-left: 5px
}
.product-info .howto-make .make-step li:last-child a {
  width: 110px;
  height: 110px;
  font-size: 8.75px;
  font-size: .875rem
}
.product-info .howto-make .make-step div:after {
  font-size: 10px;
  font-size: 1rem;
  top: 38px;
  right: -9pt
}
.product-info .form-area .classlist label {
  width: 100%
}
#modal>section {
  padding: 35px 20px
}
#modal>section h2 {
  font-size: 15px;
  font-size: 1.5rem
}
#modal>section h3, #modal>section h4 {
  font-size: 9pt;
  font-size: 1.2rem
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax span {
  font-size: 24px;
  font-size: 2.4rem
}
#factory .factory-flow section .flow-box, #factory .factory-flow section:first-child .flow-box {
  width: 100%
}
#factory .factory-description .about-sewing .description-area {
  padding: 20px
}
#factory .factory-description .about-sewing .photo-area {
  height: 200px
}
#factory .factory-description .new-factory h2 {
  padding-top: 60px
}
#factory .factory-description .new-factory-photo li {
  width: 52%;
  margin-bottom: 10px
}
#factory .factory-description .new-factory-photo li:nth-child(2) {
  width: 45%
}
#factory .factory-description .new-factory-photo li:last-child {
  width: 52%
}
#cart .cart-detail-area .confirm-info dl dt {
  width: 100%;
  padding: 20px 0 0;
  font-weight: 700;
  border-bottom: 0
}
#cart .cart-detail-area .confirm-info dl dd {
  width: 100%;
  padding-top: 10px
}
#shopping .registration .btn-area a, #shopping .registration .btn-area button {
  width: 100%
}
#shopping .registration .formlist dd, #shopping .registration .formlist dt {
  width: 100%
}
#guide .shipping-guide .rara-delivery .delivery-flow li {
  width: 150px
}
#guide .shipping-guide .rara-delivery .delivery-flow li div {
  margin: 0 20px 10px;
  width: 110px;
  height: 110px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:after {
  top: 52px;
  right: -8px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child {
  width: 150px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child div {
  margin: 0 20px 10px;
  width: 110px;
  height: 110px
}
#guide .shipping-guide .rara-delivery .delivery-flow li span {
  font-size: 7.5px;
  font-size: .75rem
}
#after-service .insurance-info h2 {
  font-size: 12.5px;
  font-size: 1.25rem;
  width: 260px
}
#after-service .insurance-info .insurance-point li {
  width: 150px;
  margin: 0 5px 10px
}
#after-service .insurance-info .insurance-point div {
  width: 150px;
  height: 150px
}
#after-service .insurance-info .insurance-point div:before {
  font-size: 20px;
  font-size: 2rem;
  top: 15px;
  margin-left: -1rem
}
#after-service .insurance-info .insurance-point p {
  font-size: 8.75px;
  font-size: .875rem;
  padding-top: 30px
}
#after-service .insurance-info .insurance-point span {
  font-size: 7.5px;
  font-size: .75rem
}
#after-service .repair-flow ol {
  padding: 0 10px
}
#after-service .repair-flow ol li {
  font-size: 10px;
  font-size: 1rem;
  padding-left: 45px
}
#after-service .repair-flow ol span {
  font-size: 22px;
  font-size: 2.2rem;
  top: 5px
}
#after-service .hooker-info .btn-detail a {
  width: 100%
}
#secret .about-feature .main-image {
  height: 260px
}
#secret .about-feature .main-image p {
  font-size: 13.75px;
  font-size: 1.375rem;
  padding-top: 75pt
}
#secret .about-feature .feature-lead {
  font-size: 12.5px;
  font-size: 1.25rem
}
#secret .about-feature section h2 {
  font-size: 18.75px;
  font-size: 1.875rem
}
#secret .about-feature section .section-lead {
  text-align: left
}
#secret .about-feature section .point-box {
  width: 100%
}
#secret .about-feature section .point-box.about-belt ul li:after {
  right: -28px
}
#ordermade .ordermade-simulation #raraya_simulation, #ordermade .ordermade-simulation #raraya_simulation .previewWrapper, #ordermade .ordermade-simulation #raraya_simulation .previewWrapper>div {
  width: 100%
}
#ordermade .ordermade-simulation #raraya_simulation .raraya_parts {
  width: 100%;
  height: 4in;
  padding: 0
}
#ordermade .ordermade-simulation #raraya_tab {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e7e0e0
}
#ordermade .ordermade-simulation #raraya_tab li {
  width: 32%;
  padding: 25px 5px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  border-bottom: 4px solid #e1d8d8;
  text-align: center;
  cursor: pointer
}
#ordermade .ordermade-simulation #raraya_tab li.raraya_tab_open, #ordermade .ordermade-simulation #raraya_tab li:hover {
  border-color: #000
}
#ordermade .ordermade-simulation #raraya_ordermade dd h3 .additional_fee {
  display: block;
  position: static
}
#ordermade .ordermade-relation ul li a {
  font-size: 8.75px;
  font-size: .875rem
}
}

@media screen and (max-width:400px) {
.site .site-content .bnr-shipment a:after {
  right: 3%
}
.site .site-content-link-area {
  width: 100%
}
.site .site-content-link-area .link-box {
  font-size: 7.5px;
  font-size: .75rem
}
.site .site-content-link-area .link-box .link-btn i {
  padding-left: 5px
}
.site .site-content-lineup h1 {
  font-size: 30px;
  font-size: 3rem;
  padding: 5px 10px 25px
}
.site .site-content-lineup h1 span {
  font-size: 8.75px;
  font-size: .875rem;
  letter-spacing: 0
}
.site .site-content-lineup .content-inner h2 span {
  width: 260px
}
.site .site-content-lineup .content-inner .btn-vonds-more {
  width: 100%;
  margin: 0 auto 40px
}
.site .site-footer-nav-main-sp li, .site .site-footer-nav-sub .copyright {
  font-size: 7.5px;
  font-size: .75rem
}
.site-content .sub-page-ttl strong {
  font-size: 9pt;
  font-size: 1.2rem
}
.site-content .sub-page-ttl span {
  font-size: 10px;
  font-size: 1rem
}
.site-content .wp-form td .label {
  width: 12%
}
.site-content .wp-form td .inputArea {
  width: 88%
}
.site-content .wp-form td.inputNum input[type="text"] {
  width: 5pc
}
.site-content .wp-form td select {
  width: 100%
}
.site-content .wp-form .customer-addr .inputNum {
  position: relative
}
.site-content .wp-form .customer-addr .inputNum .inputArea input[type="text"] {
  width: 5pc
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea {
  left: 200px
}
.site-content .wp-form .customer-addr .inputNum .addressbtnArea .addressbtn {
  font-size: 7.5px;
  font-size: .75rem
}
.site-content .lineup-nav ul li a {
  /*
  font-size: 7.5px;
  font-size: .75rem;
  */
  font-size: 9.5px;   /* 2020 singulier フォント拡大対応 */
  font-size: .95rem;  /* 2020 singulier フォント拡大対応 */
  padding-top: 1.5em
}
#order .site-content-intro .main-image .btn-purchase a {
  width: 90pt
}
#order .site-content-intro .main-image .btn-purchase a:after {
  right: 10px
}
#order .site-content-intro .design-detail dt {
  font-size: 7.5px;
  font-size: .75rem
}
#order .site-content-intro .design-detail dt:after {
  right: 20px
}
#order .site-content-intro .bnr-moreinfo a {
  font-size: 10px;
  font-size: 1rem;
  padding-top: 45px
}
#agency .agency-official-shop-inner,
#showroom .agency-official-shop-inner {
  padding: 15px
}
#agency .agency-official-shop-inner h2,
#showroom .agency-official-shop-inner h2 {
  font-size: 10px;
  font-size: 1rem
}
#lineup .site-content-special .present-box h3 {
  font-size: 11px;
  font-size: 1.1rem
}
.product-info .sub-page-ttl span {
  font-size: 9pt;
  font-size: 1.2rem
}
.product-info .howto-make .make-step {
  max-width: 315px
}
.product-info .howto-make .make-step li {
  width: 75pt;
  padding-top: 5px
}
.product-info .howto-make .make-step li:last-child {
  width: 75pt
}
.product-info .howto-make .make-step li:last-child a {
  width: 75pt;
  height: 75pt;
  font-size: 7.5px;
  font-size: .75rem
}
.product-info .howto-make .make-step li:last-child a p:after {
  padding-left: 5px
}
.product-info .howto-make .make-step div {
  width: 90px;
  height: 90px;
  font-size: 7.5px;
  font-size: .75rem
}
.product-info .howto-make .make-step div:after {
  top: 2pc
}
.product-info .item-preview-area .item-preview.preview-area01, .product-info .item-preview-area .item-preview.preview-area02, .product-info .item-preview-area .item-preview.preview-area03 {
  margin-bottom: 0
}
#flow .flow-ordermade .ordermade-detail:nth-child(3) .flow-ex-box .fax span {
  font-size: 20px;
  font-size: 2rem
}
#flow .flow-ordermade .flow-ex-box {
  padding: 20px 15px
}
#flow .flow-ordermade .btn-simulation a, #flow .flow-ordermade .flow-ex-box .flow-pattern li {
  font-size: 10px;
  font-size: 1rem
}
#flow .flow-ordermade .btn-simulation a:after {
  top: 10px
}
#factory .factory-description .new-factory h2 {
  font-size: 10px;
  font-size: 1rem
}
#cart .btn-area li {
  width: 48%;
  margin: 0 0 20px
}
#cart .btn-area a, #cart .btn-area button {
  font-size: 8.75px;
  font-size: .875rem
}
#cart .register-info table .secure-cord input[type="text"] {
  width: 100%;
  margin-right: 0
}
#cart .register-info table .media-num input[type="text"], #cart .register-info table .payment-num select {
  width: 100%
}
#entry .wp-form .customer-kana span, #entry .wp-form .customer-name span {
  width: 12%
}
#entry .wp-form .customer-kana input[type="text"], #entry .wp-form .customer-name input[type="text"] {
  width: 88%
}
#entry .wp-form .inputZipNum input[type="text"] {
  width: 5pc;
  margin: 0 0 10px
}
#entry-confirm .registration-confirm .btn-area li {
  width: 48%;
  margin: 0 0 20px
}
#entry-confirm .registration-confirm .btn-area a, #entry-confirm .registration-confirm .btn-area button {
  font-size: 8.75px;
  font-size: .875rem
}
#guide .shipping-guide .rara-delivery .delivery-flow li {
  width: 90pt
}
#guide .shipping-guide .rara-delivery .delivery-flow li div {
  margin: 0 15px 10px;
  width: 90px;
  height: 90px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:after {
  top: 42px;
  right: -8px
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child {
  width: 90pt
}
#guide .shipping-guide .rara-delivery .delivery-flow li:last-child div {
  margin: 0 15px 10px;
  width: 90px;
  height: 90px
}
#guide .shipping-guide .rara-delivery .delivery-flow li span {
  font-size: 7.5px;
  font-size: .75rem
}
#ordermade .ordermade-relation .bnr-shipment a {
  font-size: 10px;
  font-size: 1rem
}
#ordermade .ordermade-relation ul li:after {
  content: ' ／ '
}
#ordermade .ordermade-relation ul li a {
  font-size: 7.5px;
  font-size: .75rem
}
#secret .about-feature .main-image p {
  font-size: 9pt;
  font-size: 1.2rem
}
#secret .about-feature .feature-lead {
  font-size: 11.25px;
  font-size: 1.125rem
}
#secret .about-feature section .point-box, #secret .about-feature section .point-box .column2 p {
  width: 100%
}
#secret .about-feature section .point-box .column2 .photo {
  width: 100%;
  margin-left: 0;
  text-align: center
}
#secret .about-feature section .point-box.about-belt h3 {
  font-size: 12.5px;
  font-size: 1.25rem
}
#secret .about-feature section .point-box.about-belt ul li:after {
  right: -25px
}
#ordermade #raraya_close, #ordermade #raraya_open, #ordermade #raraya_sholder, #ordermade .ordermade-simulation #raraya_simulation .raraya_parts {
  height: 200px
}
#ordermade .ordermade-simulation #raraya_tab li {
  font-size: 7.5px;
  font-size: .75rem
}
.ordermade-simulation-check th {
  width: 100%;
  display: block;
  font-weight: 700;
  border-bottom: 0;
  padding-bottom: 0
}
.ordermade-simulation-check td {
  width: 100%;
  display: block;
  padding-top: 5px
}
}

@media screen and (max-width:768px) {
  /* 201904 renewal*/
  .drawer-hamburger {
    width: 2rem;
    position: relative;
    padding-top: 15px;
  }
  .menu-txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    padding-top: 15px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: -.1em;
  }
  .site .site-header-icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 15px 0 0 0
  }
  .site .site-header-icon li {
    margin: 0 10px 0 0;
    float: left
  }
  .site .site-header-icon li a {
    text-decoration: none;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .site .site-header-icon li img {
    width: auto;
    height: 23px;
  }
  .site .site-header-icon li span {
    padding-top: 8px;
    font-size: 10px;
    line-height: 1;
  }
  /* 201903 renewal キャンチョコバナー start*/
  .site-content-bnr-canchoko {
    padding: 40px 20px 20px!important;
  }
  .site-content-bnr-canchoko img.bnr-photo {
    width: 50%;
    height: 130px;
    object-fit: cover;
    object-position: left center;
  }
  .site-content-bnr-canchoko .bnr-comingsoon .bnr-box-title .icon-ribon {
    position: absolute;
    top: 52%;
    left: 12px;
    width: 10%;
  }
  .site-content-bnr-canchoko .bnr-comingsoon .bnr-box-title .icon-choco {
    top: 52%;
    right: 12px;
    width: 10%;
  }
  .icon-title {
    width: 60%;
    height: auto;
  }
  /* 201903 renewal キャンチョコバナー end*/
  /*201904 renewal start*/
  .site .site-footer-inner {
    width: 100%;
    padding: 40px 100px;
    height: 520px; /* modified by SINGULIER,INC. */
  }
  .site .site-footer-bnr {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .site .site-footer-bnr ul {
    display: block;
  }
  .site .site-footer-bnr li {
    width: 100%;
    margin-bottom: 15px;
  }
  .site .site-footer-bnr li:last-child {
    margin-bottom: 0;
  }
  .site .site-footer-bnr li a {
    justify-content: end;
    -webkit-justify-content: end;
  }
  /*201904 renewal end*/
  /*201903 renewal start*/
  .site-mainvisual .btn-area a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4em;
  }
  /*201903 renewal end*/

  /*201904 renewal start*/
  .site .site-footer-guide {
    width: 100%
  }
  /* modified by SINGULIER,INC. */
  .site .site-footer-guide-bnr {
      width: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -ms-flex-line-pack: distribute;
      -webkit-align-content: space-around;
      align-content: space-around;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap
  }
  .site .site-footer-guide-bnr > a {
      margin-right: 0;
      margin-bottom: 10px;
      width: 48.5%
  }
  /* end */
}

@media screen and (max-width:640px) {
  /* modified by SINGULIER,INC. */
  .site .site-footer-guide-bnr dt {
      font-size: 1em
  }
  .site .site-footer-guide-bnr dd {
      font-size: .8em
  }
  /* end */
  /* 201903 renewal キャンチョコバナー start*/
  .site-content-bnr-canchoko .bnr-release .bnr-box-title img.bnr-title {
    width: 56%;
    height: auto;
  }
  /* 201903 renewal キャンチョコバナー end*/
  /* 201903 renewal キャンチョコバナー start*/
  .site-content-bnr-canchoko .bnr-release .bnr-box-title img.bnr-title {
    width: 56%;
    height: auto;
  }
  /* 201903 renewal キャンチョコバナー end*/
  /*201904 renewal start*/
  .site .site-footer-inner {
    padding: 30px 20px;
    height: 510px; /* modified by SINGULIER,INC. */
  }
  .site .site-footer-bnr li .site-footer-txt {
    padding: 6px 1em;
    font-size: 13px;
  }
  /*201904 renewal end*/
}

@media screen and (max-width:480px) {
/* modified by SINGULIER,INC. */
  .site .site-footer-guide-bnr dt {
      font-size: .8em;
      font-weight: 700
  }
  .site .site-footer-guide-bnr dd {
      font-size: .7em
  }
  .site .site-content-ordermade .description-area .btn-simulation a {
    border-radius: 10px
  }
  #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_stellar, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_angelcross, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_heartspangle, #ordermade .ordermade-simulation #raraya_ordermade dd#raraya_sidestitch ul li#raraya_sidestitch_onpu {
    width: 45%
  }
  /* 201903 renewal キャンチョコバナー start*/
  .comingsoon {
    bottom: -50px;
    width: 130px;
    height: auto;
  }
  .site-content-bnr-canchoko .bnr-box.bnr-comingsoon {
    margin-bottom: 60px;
  }
  .site-content-bnr-canchoko .bnr-comingsoon .bnr-box-title {
    height: 70px;
    line-height: 70px;
    width: 36%;
    margin: 0 auto;
  }
  .site-content-bnr-canchoko .bnr-comingsoon .bnr-box-title .icon-ribon, .site-content-bnr-canchoko .bnr-comingsoon .bnr-box-title .icon-choco {
    top: 122%;
    left: 0;
    right: 0;
    margin: auto;
    width: 20%;
  }
  .site-content-bnr-canchoko .candy img.bnr-photo {
    object-position: 38% center;
  }
  .site-content-bnr-canchoko .choco img.bnr-photo {
    object-position: 7% center;
  }
  .site-content-bnr-canchoko .bnr-release .bnr-box-title img.bnr-title {
    width: 68%;
    padding-top: 8px;
  }
  .site-content-bnr-canchoko .bnr-release .bnr-btn span {
    padding-right: 15px;
  }
  .site-content-bnr-canchoko .bnr-release .bnr-btn span:after {
    top: 26%;
    right: 5px;
  }
  .site-content-bnr-canchoko {
    padding: 40px 20px 0!important;
  }
  /* 201903 renewal キャンチョコバナー end*/
  /*201904 renewal start*/
  .ordermade-txt {
    text-align: left;
  }
  .ordermade-txt br {
    display: none;
  }
  .site .site-content-original {
    padding: 30px 20px;
  }
    .footer-fixnav{
        font-size: 11px;
    }
    .fixnav-inquiry,
    .fixnav-catalog{
        padding: 10px 4px;
    }
    .fixnav-inquiry img{
        height: 30px;
    }
    .fixnav-catalog img{
        height: 26px;
    }
/*201904 renewal end*/
}
@media screen and (max-width:320px) {
  .site .site-content-quality .description-area h2 {
    margin-bottom: 130vw
  }
  .site .site-content-quality .photo-area {
    position: absolute;
    top: 68vw
  }
  /*201904 renewal start*/
  .drawer-hamburger {
    width: 1.8rem;
  }
  .site .site-header h1 {
    padding: 20px 15px 20px 57px;
  }
  .site .site-header h1 img {
    height: 21px;
  }
  .site .site-header-icon li img {
    height: 17px;
  }
  .site .site-header-icon li span {
    letter-spacing: -.05em;
  }
  .site .site-footer-bnr li .site-footer-txt small {
    font-size: 11px;
  }
  .lineup-item-color {
    padding: 0 0 5px 0;
  }
  .site .site-footer-bnr li .site-footer-txt {
    padding: 10px;
    font-size: 13px;
  }
    .fixnav-inquiry img,
    .fixnav-catalog img{
        margin-right: 6px;
    }
/*201904 renewal end*/

  /* 20190423 renewal オプションベルト追加 start　*/
  .line-rainbow{
      font-size: 19px;
  }
  /* 20190423 renewal オプションベルト追加 start　*/
}