@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-narrow.min.css');

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, strong, th { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }
select { -webkit-appearance: none !important; -webkit-border-radius: 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; font-size: 1em; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: auto; width: 100%; text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #eee; letter-spacing: 0.05em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-feature-settings : "palt"; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 15px;
  font-family: YakuHanJP_Narrow, Open Sans, "Zen Kaku Gothic New",YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.05em; margin: 0px; box-sizing: border-box; color: #333; padding: 0em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #333333; color: #FFF; }
::-moz-selection { background: #333333; }

/* link */
a:link, a:visited, a:active { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }
a:link img, img { transition: 0.3s linear; }
a:link img, img { transition: 0.3s linear; }
a:hover img { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); -ms-filter: brightness(110%); filter: brightness(110%); }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pc { display: block; }
.sp { display: none; }
.none { display: none; }

/* wrapper */
#wrapper { min-width: 1200px; max-width: 1680px; margin: auto; position: relative; }

/* header */
#header { width: 100%; padding-top: 1.5em; padding-bottom: 1.5em; position: fixed; background-color: #FFF; z-index: 777; height: 7em; }
#header .logo img { text-align: center; width: auto; height: 4em; margin-right: auto; margin-left: auto; z-index: 777; position: fixed; left: 0px; right: 0px; }
#header .login { position: fixed; left: 5%; top: 1.5em; z-index: 999; font-size: 1.3em; }
#header .login .bn { float: left; }
#header .login .bn a { font-weight: 400; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; margin-right: 0.6em; font-size: 0.8em; background-color: #333333; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 2em; display: block; text-align: center; padding-top: 0.5em; padding-right: 1.5em; padding-bottom: 0.5em; padding-left: 1.5em; color: #FFF; }
#header .login .bn a:hover { color: #333; background-color: #eee; line-height: 2em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#header .login .bn a i { margin-right: 0.5em; }
#header .total { position: fixed; right: 5%; top: 2em; z-index: 999; font-size: 1.1em; }
#header .total .total_title { margin-right: 0.5em; vertical-align: middle; }
#header .total .total_price { font-size: 1.6em; vertical-align: middle; }
#header .total .header_meisai { float: left; margin-top: 0.2em; }
#header .total .total_tax { display:none; font-size: 1em; margin-left: 0.5em; margin-right: 0.5em; vertical-align: middle; padding-top: 0.5em; line-height: 2em; }
#header .total .in_tax { font-size: 1em; margin-left: 0.5em; margin-right: 0.5em; vertical-align: middle; padding-top: 0.5em; line-height: 2em; }

/* footer */
#footer { padding-top: 5em; padding-bottom: 5em; }

/* oroshi */
.oroshi { overflow: hidden; padding-right: 5%; padding-left: 5%; margin-top: 0px; padding-top: 9em; text-align: left; }
.oroshi h2 { font-size: 2em; line-height: 1em; padding: 0em; margin: 0.5em auto 1.5em auto; text-align: center; font-weight: 400; }
.oroshi .lead { background-color: #f4f4f4; padding:2em; font-size: 1em; line-height: 1.8em; }
.oroshi h3 { text-align: left; font-size: 1.6em; line-height: 1.4em; margin-top: 0.5em; margin-bottom: 0; letter-spacing: 0em; font-weight: 400; }
.oroshi .sep { font-weight: 400; padding-right: 0.2em; padding-left: 0.2em; }

.oroshi li { font-size: 0.8em; width: 32%; margin:0 2% 3em 0; float: left; }
.oroshi li:nth-child(3n) { margin-right: 0; }
.oroshi li:nth-child(3n+1) { clear: both; }

.oroshi .oroshi_list { overflow: hidden; }
.oroshi .oroshi_list .size { margin-bottom: 1em; font-size: 1em; line-height: 1.4em; }
.oroshi .oroshi_list .ex { display: none; margin-bottom: 0.75em; font-size: 0.8em; line-height: 1.4em; }
.oroshi .oroshi_list .price { font-size: 1.6em; line-height: 1.4em; clear: both; display: block; margin: 0.25em 0; }
.oroshi .oroshi_list .price span { font-size: 0.6em; }
.oroshi .oroshi_list .gedai { font-size: 1.2em; margin-bottom: 1em; line-height: 1.5em; display: block; clear: both; }
.oroshi .oroshi_list .thumb { margin-top: 3em; }
.oroshi .oroshi_list .color { cursor: pointer; color: #333; background-color: #fff; border:solid #333 1px; text-align: center; padding: 1em; }
.oroshi .oroshi_list .color:hover, .oroshi .oroshi_list .color.open { color: #fff; background-color: #333; }
.oroshi .oroshi_list .color i { margin-right: 0.5em; }

.oroshi .oroshi_list .list { display: none; overflow: hidden; float: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.oroshi .oroshi_list .list li input[type="text"] { font-size: 1em; text-align: center; line-height: 1.5em; font-weight: bold; font-weight: 400; width: 72%; float: right; padding-top: 0.4em; padding-right: 0px; padding-bottom: 0.4em; padding-left: 0px; background-color: #f4f4f4; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.oroshi .oroshi_list .list li select { font-size: 1em; line-height: 2em; text-align: center; font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; }
.oroshi .oroshi_list .list li { display: block; float: none; width: 100%; overflow: hidden; font-size: 0.9em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; letter-spacing: 0em; padding-left: 0em; border-top-width: 1px; margin:0 0 0 0; border-top-style: solid; border-top-color: #333333; }
.oroshi .oroshi_list .list li:nth-child(odd) { background-color: #FFF; }
.oroshi .oroshi_list .list li dt { background-size: cover; line-height: 2em; height: 2rem; float: left; text-align: center; line-height: 2rem; margin-right: 1em; white-space: nowrap; }
.oroshi .oroshi_list .list li dd { float: left; width: auto; line-height: 2em; }
.oroshi .oroshi_list .list li:first-child dt, .oroshi .oroshi_list .list li:first-child dd { font-size: 0.8em; height: 1rem; line-height: 1rem; }
.oroshi .oroshi_list .list li dd:nth-child(2) { width: 50%; vertical-align: middle; padding-top: 0.2em; }
.oroshi .oroshi_list .list li dd:nth-child(3) { text-align: right; font-weight: normal; font-weight: 400; padding-top: 0.2em; }
.oroshi .oroshi_list .list li dd:last-child { float: right; text-align: center; width: 13%; }

/* total */
.oroshi .total { width: 70%; margin-right: auto; margin-left: auto; padding-top: 5em; }
.oroshi .total .total_ul { margin-bottom: 3em; clear: both; overflow: hidden; margin-top: 3em; }
.oroshi .total .total_ul li { display: block; overflow: hidden; margin: 0px; width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; }
.oroshi .total .total_ul li:nth-child(odd) { background-color: #f4f4f4; }
.oroshi .total .total_ul li:first-child { font-size: 0.8em; }
.oroshi .total .total_ul li dt { float: left; text-align: left; width: 38%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1em; font-size: 1.2em; line-height: 1.5rem; }
.oroshi .total .total_ul li:first-child dt, .oroshi .total li:first-child dd { font-size: 0.8rem; line-height: 1.5rem; }
.oroshi .total .total_ul li dd { float: left; font-size: 1.2em; padding-right: 0px; padding-left: 0px; vertical-align: middle; line-height: 1.5; }
.oroshi .total .total_ul li dd:nth-child(2) { width: 38%; text-align: left; }
.oroshi .total .total_ul li dd:nth-child(3) { width: 5%; text-align: center; margin-right: 1em; }
.oroshi .total .total_ul li dd:last-child { float: right; text-align: center; padding-right: 1em; font-weight: 400; }
.oroshi .total .total_ul li dd input[type="text"] { width: 100% !important; font-size: 0.8em; line-height: 1em; color: #333; background-color: #FFFFFF; vertical-align: middle; padding: 0.15em; text-align: center; border: 1px solid #CCC; font-weight: 400; }
.oroshi .total .total_price { font-size: 2em; line-height: 1em; background-color: #f4f4f4; text-align: center; padding-top: 1em; padding-bottom: 1em; margin-top: 1em;  }
.oroshi .total .total_price span { font-size: 0.6em; margin-left: 0.4em; margin-right: 0.4em; line-height: 1em; }
.oroshi .total .total_price span.tax_ex { display:block; margin:0.5em 0 0 0; }
.oroshi .total .total_price span.tax_total_price { font-size: 1.2em; margin-left: 0.1em; margin-right: 0.1em;  }
.oroshi .total .total_price span.tax_onliy { font-size: 1.2em; margin-left: 0.1em; margin-right: 0.1em;  }
.oroshi .total .total_price span.total_tax { display:none;  }

/* customer */
.oroshi .pay_ul { margin:3em 0 4em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; }
.oroshi .pay_ul li { position: relative; vertical-align: middle;  float:none; font-size: 1.4em; line-height: 1.8em; margin:0 1em; width:auto; }
.oroshi .pay_ul li i { margin:0 1em 0 0; vertical-align: middle; }
.oroshi .pay_ul li input { display:none; }
.oroshi .pay_ul li #payment1_price { font-size: 0.8em; line-height: 1em; }
.oroshi .pay_ul li label { width:100%; height:100%; padding:0.5em 2em 0.5em 2em; cursor:pointer; display:block; background-color: #f4f4f4; border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em;  }
.oroshi .pay_ul li label:hover,.oroshi .pay_ul li input:checked+label { background-color: #333; color:#fff; }

.oroshi .customer { text-align: center; clear: both; padding-top: 5em; display: block; width: 70%; margin-right: auto; margin-left: auto; }
.oroshi .customer h2 { margin:3em 0 1em 0; }
.oroshi .customer h2 a { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; font-size: 0.5em; margin-left: 0.5em; margin-right: 0.5em; vertical-align: middle; line-height: 1em; color: #FFF; background-color: #333; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; font-weight: 400; }
.oroshi .customer h2 span { padding-top:1em; display:block; }
.oroshi .customer h3 { clear:both; background-color: #333; color:#fff; font-size: 1.2em; padding:0.75em 1em; font-weight: 400; }
.oroshi .customer table { margin-right: auto; margin-left: auto; clear: both; width: 100% !important; margin: 1em 0 5em 0; }
.oroshi .customer th { width:30%; font-size: 1.1em; line-height: 1.5em; padding: 0.5em 2em 0.5em 0.5em; white-space: nowrap; font-weight: 400; }
.oroshi .customer th .ne { color:#eb7049; padding:0 0 0 0.5em; }
.oroshi .customer td { width:65%; font-size: 1.4em; line-height: 1.5em; padding: 0.5em 0 0.5em 0.5em; text-align: left; }
.oroshi .customer.customer_confirm tr:nth-child(odd) { background-color: #f4f4f4;}

.oroshi .customer input[type="text"] { width: 100% !important; font-family: sans-serif; font-size: 1em; line-height: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #333; background-color: #F4F4F4; vertical-align: middle; padding: 0.3em; }
.oroshi .customer input[type="submit"] { cursor: pointer; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; font-family: sans-serif; font-size: 1.3em; line-height: 1em; color: #FFF; background-color: #333; padding-top: 1.5em; padding-right: 3em; padding-bottom: 1.5em; padding-left: 3em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0em; margin-bottom: 5em; letter-spacing: 0.1em; width: 100%; margin-right: auto; margin-left: auto; text-align: center; font-weight: normal; }
.oroshi .customer .att { display:block; font-size: 1em; color:#eb7049; line-height: 1.8em; text-align: left; margin:1em 0 0 0; }
.oroshi .customer .comment h2 { margin:4em auto 1em auto; }
.oroshi .customer .comment p { font-size: 1.2em; line-height: 1.8em; margin:1em auto 3em auto; }
.oroshi .customer .comment .mwform-radio-field label { background-color: #f4f4f4; padding:1em 2em 1em 2em; font-size: 1.2em; line-height: 1.8em; margin:2em auto 3em auto; cursor:pointer; }
.oroshi .customer .comment textarea { margin:1em auto 3em auto; font-family: sans-serif; font-size: 1.3em; line-height: 1.8em; height: 15em; padding:1em; width: 100% !important; border: 1px solid #FFF; background-color: #f4f4f4; }

.oroshi .customer .attention_head { border:solid 1px #333; padding:3em; margin:0 0 5em 0; text-align: left; }
.oroshi .customer .attention_head { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
.oroshi .customer .attention_head dt { width:35%; font-size: 1.3em; margin:0; border-left:solid 1px #333; padding:0 0 0 1em; font-weight: 400; }
.oroshi .customer .attention_head dd { width:60%; font-size: 1.1em; line-height: 2em; text-align: justify; margin:0 0 2em 0; }
.oroshi .customer .attention_head dd:last-child { margin:0 0 0 0; }

.oroshi .payment_dl { margin:0 0 2em 0; background-color: #f4f4f4; padding:1em; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start;  }
.oroshi .payment_dl dt { }
.oroshi .payment_dl dd { }

.wpmem_msg { text-align:center; margin:3em 0 0 0; font-size: 1.2em; line-height: 2em; }

/* attention */
#attention { width:90%; border:solid 1px #000; margin:4em auto 0 auto; text-align: left; }
#attention .attention_head { padding:2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#attention .attention_head h2 { font-size: 1.8em; line-height: 1em; font-weight: 400; }
#attention .attention_head a { font-size: 1em; line-height: 1em; color:#fff; background-color: #333; padding:1em 3em; }
.old #attention .attention_head a { display:none; }
#attention .attention_body { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
#attention .attention_body .attention_block { width:25%; margin:0 0 0 0; padding:2em; border-top:solid 1px #000; border-right:solid 1px #000; }
#attention .attention_body .attention_block:nth-child(4n) { border-right:none; }
#attention .attention_body .attention_block dt { line-height: 1.8em; font-weight: 400; font-size: 1.1em; margin:1.5em 0 0.5em 0; letter-spacing: 0.05em; }
#attention .attention_body .attention_block dt:first-child { margin:0 0 0.5em 0; }
#attention .attention_body .attention_block dd { font-size: 0.9em; line-height: 1.8em; text-align:justify; letter-spacing: 0; text-align: justify; }

/* sp */
@media screen and (max-width: 600px) {
body { font-size: 12px; }

/* wrapper */
#wrapper { min-width: 0; max-width: 1680px; margin: auto; position: relative; }

/* header */
#header { width: 100%; padding-top: 1.5em; padding-bottom: 1.5em; position: fixed; background-color: #FFF; z-index: 777; height: 7em; }
#header .logo img { text-align: center; width: auto; height: 4em; margin-right: auto; margin-left: auto; z-index: 777; position: fixed; left: 0px; right: 0px; }
#header .login { position: fixed; left: 1em; top: auto; bottom:0.75em; z-index: 999; font-size: 1.3em; }
#header .login .bn { float: left; }
#header .login .bn a { font-weight: 400; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; margin-right: 0.6em; font-size: 0.8em; background-color: #333333; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 2em; display: block; text-align: center; padding-top: 0.5em; padding-right: 1.5em; padding-bottom: 0.5em; padding-left: 1.5em; color: #FFF; }
#header .login .bn a:hover { color: #333; background-color: #eee; line-height: 2em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#header .login .bn a i { margin-right: 0.5em; }
#header .total { position: fixed; right: 1em; top: auto; bottom:0.75em; z-index: 999; font-size: 1.3em; }
#header .total .total_title { margin-right: 0.5em; vertical-align: middle; }
#header .total .total_price { font-size: 1.6em; vertical-align: middle; }
#header .total .total_tax { display:none; margin-right: 0.5em; vertical-align: middle; }
#header .total .header_meisai { float: left; margin-top: 0.2em; }
#header .total .total_tax { font-size: 1em; margin-left: 0.5em; padding-top: 0.5em; line-height: 2em; }
#header::after { content:""; position: fixed; left:0; bottom:0; width:100%; background-color: #fff; height:5em; }

/* footer */
#footer { font-size: 0.7em; padding-top: 3em; padding-bottom: 10em; }

/* oroshi */
.oroshi { overflow: hidden; padding-right: 5%; padding-left: 5%; margin-top: 0px; padding-top: 9em; text-align: left; }
.oroshi h2 { font-size: 1.5em; line-height: 1em; padding: 0; margin: 0 0 1.5em 0; text-align: center; font-weight: 400; }
.oroshi h3 { text-align: left; font-size: 1.6em; line-height: 1.4em; margin-top: 0.5em; margin-bottom: 0; letter-spacing: 0em; font-weight: 400; }
.oroshi .sep { font-weight: 400; padding-right: 0.2em; padding-left: 0.2em; }

.oroshi li { width: 100%; margin:0 0 1em 0; float: left; }
.oroshi li:nth-child(2n) { margin-right: 0; }
.oroshi li:nth-child(2n+1) { clear: both; }

.oroshi li:nth-child(19),
.oroshi li:nth-child(20),
.oroshi li:nth-child(21),
.oroshi li:nth-child(22),
.oroshi li:nth-child(23),
.oroshi li:nth-child(24),
.oroshi li:nth-child(25),
.oroshi li:nth-child(26),
.oroshi li:nth-child(27) { width: 100%; margin:0 0 1em 0; clear: none; }

.oroshi li:nth-child(21),
.oroshi li:nth-child(24),
.oroshi li:nth-child(27) { margin:0 0 1em 0; }

.oroshi li:nth-child(22),
.oroshi li:nth-child(25){ clear: both; }

.oroshi .oroshi_list { overflow: hidden; }
.oroshi .oroshi_list .size { margin-bottom: 1em; font-size: 1em; line-height: 1.4em; }
.oroshi .oroshi_list .ex { display: none; margin-bottom: 0.75em; font-size: 0.8em; line-height: 1.4em; }
.oroshi .oroshi_list .price { font-size: 1.5em; line-height: 1.4em; clear: both; display: block; margin: 0.25em 0; }
.oroshi .oroshi_list .price span { font-size: 0.6em; }
.oroshi .oroshi_list .gedai { font-size: 1.2em; margin-bottom: 1em; line-height: 1.5em; display: block; clear: both; }
.oroshi .oroshi_list .thumb { margin-top: 3em; }
.oroshi .oroshi_list .color { cursor: pointer; color: #333; background-color: #fff; border:solid #333 1px; text-align: center; padding: 1em; }
.oroshi .oroshi_list .color:hover, .oroshi .oroshi_list .color.open { color: #fff; background-color: #333; }
.oroshi .oroshi_list .color i { margin-right: 0.5em; }

.oroshi .oroshi_list .list { display: none; overflow: hidden; float: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.oroshi .oroshi_list .list li input[type="text"] { font-size: 1em; text-align: center; line-height: 1.5em; font-weight: bold; font-weight: 400; width: 72%; float: right; padding-top: 0.4em; padding-right: 0px; padding-bottom: 0.4em; padding-left: 0px; background-color: #f4f4f4; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.oroshi .oroshi_list .list li select { font-size: 1em; line-height: 2em; text-align: center; font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; }
.oroshi .oroshi_list .list li { display: block; float: none; width: 100%; overflow: hidden; font-size: 0.9em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; letter-spacing: 0em; padding-left: 0em; border-top-width: 1px; margin:0 0 0 0; border-top-style: solid; border-top-color: #333333; }
.oroshi .oroshi_list .list li:nth-child(odd) { background-color: #FFF; }
.oroshi .oroshi_list .list li dt { background-size: cover; line-height: 2em; height: 2rem; float: left; text-align: center; line-height: 2rem; margin-right: 1em; white-space: nowrap; }
.oroshi .oroshi_list .list li dd { float: left; width: auto; line-height: 2em; }
.oroshi .oroshi_list .list li:first-child dt, .oroshi .oroshi_list .list li:first-child dd { font-size: 0.8em; height: 1rem; line-height: 1rem; }
.oroshi .oroshi_list .list li dd:nth-child(2) { width: 50%; vertical-align: middle; padding-top: 0.2em; }
.oroshi .oroshi_list .list li dd:nth-child(3) { text-align: right; font-weight: normal; font-weight: 400; padding-top: 0.2em; }
.oroshi .oroshi_list .list li dd:last-child { float: right; text-align: center; width: 15%; font-size: 1.2em; }

/* total */
.oroshi .total { width: 100%; margin-right: auto; margin-left: auto; padding-top: 5em; }
.oroshi .total .total_ul { margin-bottom: 1.5em; clear: both; overflow: hidden; margin-top: 1.5em; }
.oroshi .total .total_ul li { display: block; overflow: hidden; margin: 0px; width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; }
.oroshi .total .total_ul li:nth-child(odd) { background-color: #f4f4f4; }
.oroshi .total .total_ul li:first-child { font-size: 0.8em; }
.oroshi .total .total_ul li dt { float: left; text-align: left; width: 50%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1em; font-size: 1.2em; line-height: 1.5rem; }
.oroshi .total .total_ul li:first-child dt, .oroshi .total .total_ul li:first-child dd { font-size: 0.7rem; line-height: 1.5rem; }
.oroshi .total .total_ul li dd { float: left; font-size: 1.2em; padding-right: 0px; padding-left: 0px; vertical-align: middle; line-height: 1.5; }
.oroshi .total .total_ul li dd:nth-child(2) { width: 50%; text-align: left; margin:0 0 0.5em 0; }
.oroshi .total .total_ul li dd:nth-child(3) { width: 25%; clear:both; text-align: left; margin-left: 1em; }
.oroshi .total .total_ul li dd:last-child { float: right; font-size: 1.4em; font-weight:bold; text-align: center; padding-right: 1em; font-weight: 400; }
.oroshi .total .total_ul li dd input[type="text"] { width: 50% !important; margin:auto; font-size: 0.8em; line-height: 1em; color: #333; background-color: #FFFFFF; vertical-align: middle; padding: 0.15em; text-align: center; border: 1px solid #CCC; font-weight: 400; }
.oroshi .total .total_price { font-size: 2em; line-height: 1em; background-color: #f4f4f4; text-align: center; padding-top: 1em; padding-bottom: 1em; margin-top: 1em;  }
.oroshi .total .total_price span { font-size: 0.6em; margin-left: 0.4em; margin-right: 0.4em; line-height: 1em; }
.oroshi .total .total_price span.tax_total_price { font-size: 1.2em; margin-left: 0.1em; margin-right: 0.1em;  }
.oroshi .total .total_price span.tax_onliy { font-size: 1.2em; margin-left: 0.1em; margin-right: 0.1em;  }

/* customer */
.oroshi .pay_ul { margin:3em 0 4em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; }
.oroshi .pay_ul li { float:none; font-size: 1.4em; line-height: 1.8em; margin:0 1em; padding:0; width:auto; }
.oroshi .pay_ul li i { margin:0 1em 0 0; }
.oroshi .pay_ul li #payment1_price { font-size: 0.8em; line-height: 1em; }
.oroshi .customer { text-align: center; clear: both; padding-top: 5em; display: block; width: 100%; margin-right: auto; margin-left: auto; }
.oroshi .customer h2 a { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; font-size: 0.5em; margin-left: 0.5em; margin-right: 0.5em; vertical-align: middle; line-height: 1em; color: #FFF; background-color: #333; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; font-weight: 400; }
.oroshi .customer h2 span { padding-top:1em; display:block; }
.oroshi .customer h3 { clear:both; background-color: #333; color:#fff; font-size: 1.2em; padding:0.75em 1em; font-weight: 400; }
.oroshi .customer table { margin-right: auto; margin-left: auto; clear: both; width: 100% !important; margin: 1em 0 2em 0; }
.oroshi .customer th { display:block; width:100%; font-size: 1.1em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0; padding-right: 2em; white-space: nowrap; font-weight: 400; }
.oroshi .customer th .ne { color:#F00; padding:0 0 0 0.5em; }
.oroshi .customer td { display:block; width:100%; font-size: 1.4em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 0em; text-align: left; }
.oroshi .customer input[type="text"] { width: 100% !important; font-weight: 400; font-size: 1em; line-height: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #333; background-color: #F4F4F4; vertical-align: middle; padding: 0.3em; }
.oroshi .customer input[type="submit"] { cursor: pointer; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; font-weight: 400; font-size: 1.3em; line-height: 1em; color: #FFF; background-color: #333; padding-top: 1.5em; padding-right: 3em; padding-bottom: 1.5em; padding-left: 3em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0em; margin-bottom: 5em; letter-spacing: 0.1em; width: 100%; margin-right: auto; margin-left: auto; text-align: center; font-weight: normal; }
.oroshi .customer .att { display:block; font-size: 1em; color:#eb7049; line-height: 1.8em; text-align: left; margin:1em 0 0 0; }
.oroshi .customer .comment h2 { margin:4em auto 1em auto; }
.oroshi .customer .comment p { font-size: 1.2em; line-height: 1.8em; margin:1em auto 3em auto; }
.oroshi .customer .comment .mwform-radio-field label { background-color: #f4f4f4; padding:1em 2em 1em 2em; font-size: 1.2em; line-height: 1.8em; margin:2em auto 3em auto; cursor:pointer; }
.oroshi .customer .comment textarea { margin:1em auto 3em auto; font-weight: 400; font-size: 1.3em; line-height: 1.8em; height: 15em; padding:1em; width: 100% !important; border: 1px solid #FFF; background-color: #f4f4f4; }

.oroshi .customer .attention_head { border:solid 1px #333; padding:2em; margin:0 0 5em 0; text-align: left; }
.oroshi .customer .attention_head { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
.oroshi .customer .attention_head dt { width:100%; font-size: 1.2em; margin:0 0 1em 0; border-left:solid 1px #333; padding:0 0 0 1em; font-weight: 400; }
.oroshi .customer .attention_head dd { width:100%; font-size: 1em; line-height: 1.8em; text-align: justify; margin:0 0 2em 0; letter-spacing: 0; }
.oroshi .customer .attention_head dd:last-child { margin:0 0 0 0; }

/* attention */
#attention { border:solid 1px #000; margin:2em auto 0 auto; }
#attention .attention_head { padding:2em; display: block; }
#attention .attention_head h2 { font-size: 1.5em; line-height: 1em; margin:0 0 1em 0; text-align: center; }
#attention .attention_head a { font-size: 1em; line-height: 1em; color:#fff; background-color: #333; padding:1em 0; display:block; text-align: center; width:100%; }
.old #attention .attention_head a { display:none; }
#attention .attention_body { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
#attention .attention_body .attention_block { width:100%; margin:0 0 0 0; padding:2em; border-top:solid 1px #000; border-right:none; }
#attention .attention_body .attention_block:nth-child(4n) { border-right:none; }
#attention .attention_body .attention_block dt { font-size: 1.2em; line-height: 1.8em; font-weight: bold; margin:1.5em 0 0.5em 0; letter-spacing: 0.05em; text-align: left; }
#attention .attention_body .attention_block dt:first-child { margin:0 0 0.5em 0; }
#attention .attention_body .attention_block dd { font-size: 0.9em; line-height: 1.8em; text-align:justify; letter-spacing: 0; text-align: justify; }

}