@charset "UTF-8";
/* $season:#de0202#2d7d9a;$season:#3275c6;$season:#d25900;$season:#b89109;$season:#5a469d;$season:#328ada;$point:#ffb94a;$season:#2e8b57; */
/* $other:#2098d1;$other:#1fa44e;$point:#ffb94a;$other:#da3232; */
/* $lightest:lighten($season,52%);$lightest:lighten($season,40%); */
@-moz-keyframes linkopen { 0% { -moz-transform: scaleX(0); transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); transform: scaleX(1); } }
@-webkit-keyframes linkopen { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1); } }
@keyframes linkopen { 0% { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } }
@-moz-keyframes iconaway { 0% { opacity: 1; }
  100% { opacity: 0; -moz-transform: translateX(1em); transform: translateX(1em); } }
@-webkit-keyframes iconaway { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateX(1em); transform: translateX(1em); } }
@keyframes iconaway { 0% { opacity: 1; }
  100% { opacity: 0; -moz-transform: translateX(1em); -ms-transform: translateX(1em); -webkit-transform: translateX(1em); transform: translateX(1em); } }
@font-face { font-family: 'icomoon'; src: url("/img/fonts/icomoon.eot?jiot5w"); src: url("/img/fonts/icomoon.eot?jiot5w#iefix") format("embedded-opentype"), url("/img/fonts/icomoon.ttf?jiot5w") format("truetype"), url("/img/fonts/icomoon.woff?jiot5w") format("woff"), url("/img/fonts/icomoon.svg?jiot5w#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-style: normal; font-weight: normal; font-variant: normal; }

.icon-logo:before { content: "\e922"; }

.icon-shirt:before { content: "\e924"; }

.icon-home:before { content: "\e900"; }

.icon-folder-upload:before { content: "\e923"; }

.icon-cart:before { content: "\e903"; }

.icon-yen:before { content: "\e904"; }

.icon-phone:before { content: "\e905"; }

.icon-mail:before { content: "\e906"; }

.icon-clock:before { content: "\e901"; }

.icon-pc:before { content: "\e907"; }

.icon-mobile:before { content: "\e908"; }

.icon-pre:before { content: "\e909"; }

.icon-next:before { content: "\e90a"; }

.icon-user:before { content: "\e90b"; }

.icon-spin:before { content: "\e90c"; }

.icon-key:before { content: "\e90d"; }

.icon-lock:before { content: "\e902"; }

.icon-aid:before { content: "\e915"; }

.icon-rocket:before { content: "\e918"; }

.icon-bin:before { content: "\e919"; }

.icon-power:before { content: "\e91a"; }

.icon-menu:before { content: "\e90e"; }

.icon-warning:before { content: "\e925"; }

.icon-plus:before { content: "\e90f"; }

.icon-minus:before { content: "\e910"; }

.icon-cross:before { content: "\e91b"; }

.icon-enter:before { content: "\e911"; }

.icon-exit:before { content: "\e912"; }

.icon-play:before { content: "\e913"; }

.icon-stop:before { content: "\e914"; }

.icon-arrow-right:before { content: "\e91c"; }

.icon-circle-up:before { content: "\e91d"; }

.icon-circle-right:before { content: "\e91e"; }

.icon-circle-down:before { content: "\e91f"; }

.icon-check:before { content: "\e920"; }

.icon-checkbox-unchecked:before { content: "\e926"; }

.icon-radio-checked:before { content: "\e927"; }

.icon-radio-unchecked:before { content: "\e928"; }

.icon-facebook:before { content: "\e916"; }

.icon-camera:before { content: "\e929"; }

.icon-twitter:before { content: "\e917"; }

.icon-ast:before { content: "\e921"; }

@font-face { font-family: 'fbmenu'; src: url("/img/fonts/menu.eot"); src: url("/img/fonts/menu.otf") format("truetype"), url("/img/fonts/menu.woff") format("woff"); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.red { font-weight: bold; color: #e03; }

/*---------------------
reset
-----------------------*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-align: left; line-height: 1.6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; vertical-align: top; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

ul, ol { list-style: none; }

table { border-collapse: separate; border-spacing: 1px; }
table td, table th { font-size: 98%; }

input, select { vertical-align: baseline; outline: none; }

input[type=file], input[type=button], input[type=submit] { cursor: pointer; padding: 2px 6px; }

label { cursor: pointer; }

img { max-width: 100%; }

a { outline: none; text-decoration: none; box-sizing: border-box; }

.none { display: none !important; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: 1ex; }

sub { top: .5ex; }

html { font-size: 82%; }

body { border-bottom: 18px solid #191919; background: url(/img/common/bg/bg00.png); background-attachment: fixed; position: relative; font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Meiryo UI" , "Yu Gothic" , "YuGothic" , "Hiragino Kaku Gothic Pro" , "MS PGothic" , sans-serif; color: #191919; letter-spacing: 0.1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.exh1 { background: #191919; }
.exh1 span { display: block; font-size: 14px; font-size: 0.875rem; font-weight: normal; line-height: 20px; max-width: 1400px; margin: 0 auto; text-align: right; padding-right: 1em; color: #fff; }

#description { max-width: 1400px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: right; font-size: 14px; font-size: 0.875rem; padding: 1em; z-index: 3; }

.inside { max-width: 1400px; margin: 0 auto; }

header { width: 100%; max-width: 1400px; height: 258px; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; overflow: hidden; z-index: 0; }
header .inside { height: 240px; position: relative; }

#logo { width: 222px; height: 65px; line-height: 1; position: absolute; top: 114px; left: 16px; }
#logo a { display: block; width: 100%; height: 100%; font-size: 65px; /* color:$darker; */ color: #8d0101; text-shadow: 0px 0px 8px white; }

#container { background: url(/img/common/bg/bg_paper.png) #de0202; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); position: relative; }

#wrap { max-width: 1400px; margin: 0 auto; padding: 0 5px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; overflow: hidden; position: relative; }
#wrap > * { flex: 0 0 auto; }

main { width: 62%; margin: 0 1%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-top: 32px; padding-bottom: 64px; }

aside { width: 18%; padding-top: 16px; padding-bottom: 32px; background: rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-left: 1px solid rgba(0, 0, 0, 0.16); border-right: 1px solid rgba(0, 0, 0, 0.16); }

#left { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

#right { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }

#tablet { display: none; }

#mobile { display: none; }

footer { padding-top: 16px; padding-bottom: 0px; position: relative; background: url(/img/common/bg/bg00.png); background-attachment: fixed; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) inset; z-index: 2; }
footer .inside { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; }
footer .inside > * { flex: 0 0 auto; }
footer .inside div { position: absolute; right: 0; bottom: 60px; width: 20%; text-align: right; padding-right: 2em; }
footer .inside div i { font-size: 60px; font-size: 3.75rem; /* color:$darker; */ color: #8d0101; }
footer .inside div p { padding-top: 1em; text-align: right; font-family: fbmenu; line-height: 1.4; color: #565656; }
footer .inside div span { font-size: 14px; font-size: 0.875rem; }

#copy { max-width: 1400px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; padding: 0 1em; font-size: 14px; font-size: 0.875rem; z-index: 5; }
#copy a { color: #191919; }

/* header
------------------------*/
#menubtn { display: none; }

#gnav { height: 48px; margin-top: 192px; }
#gnav ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; max-width: 1400px; margin: 0 auto; }
#gnav ul > * { flex: 0 0 auto; }
#gnav li:not(.sclg) { width: 19%; margin: 0 3px; max-width: 140px; }
#gnav li:not(.sclg) a { display: block; height: 48px; line-height: 48px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px; border-radius: 6px 6px 0 0; border: 2px solid #de0202; border-bottom: none; font-family: fbmenu; color: #3c0101; text-align: center; background: rgba(255, 255, 255, 0.86); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
#gnav li:not(.sclg) a::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fe8585; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#gnav li:not(.sclg) a:hover { color: #fff; border-color: #fe8585; }
#gnav li:not(.sclg) a:hover::before { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
#gnav .sclg { display: none; }
#gnav .menufixed { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: none; z-index: 50; background: #8d0101; height: 72px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
#gnav .menufixed li { margin: 0; padding-top: 40px; width: auto; }
#gnav .menufixed li a { border: none; background: none; color: #fff; height: 32px; line-height: 32px; padding: 0 0.8em; }
#gnav .menufixed .sclg { display: inline-block; position: absolute; top: 12px; left: 2%; padding-top: 0; }
#gnav .menufixed .sclg a { height: auto; line-height: 1; padding: 0; }
#gnav .menufixed .sclg a i { font-size: 64px; font-size: 4rem; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#gnav .menufixed .sclg a:hover i { color: #ffeaea; }

/* side
------------------------*/
aside dl { padding-top: 36px; font-family: fbmenu; }
aside dl ul { padding-top: 8px; }
aside dl ul a { display: block; color: #fff; padding: 8px 10px 8px 20px; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
aside dl ul a:before { font-family: icomoon; content: "\e913"; padding-right: 0.6em; color: #ffc; }
aside dl ul a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 1px; background: rgba(255, 255, 204, 0.23); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
aside dl ul a:hover { color: #ffc; }
aside dl ul a:hover:before { color: #fe8585; }
aside dl ul a:hover:after { width: 100%; }
aside dl .lineup_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: column; justify-content: column; }
aside dl .lineup_list > * { flex: 0 0 auto; }
aside dl .lineup_list li { width: 92%; margin: 8px auto 0; }
aside dt { background: rgba(0, 0, 0, 0.5); text-align: right; color: #fff; padding: 10px; position: relative; }
aside dt:before { font-family: icomoon; content: "\e924"; font-size: 3em; font-size: 48px; font-size: 3rem; line-height: 1em; position: absolute; bottom: 0; left: 0; }

#orders li { margin: 10px 10px 0; }
#orders li:nth-of-type(1) a { border: 2px solid #fd3434; }
#orders li:nth-of-type(1) a::before { content: "\e903"; }
#orders li:nth-of-type(1) a::after { background: #fd3434; }
#orders li:nth-of-type(2) a::before { content: "\e904"; }
#orders li:nth-of-type(3) a::before { content: "\e921"; }
#orders a { display: block; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); position: relative; background: #fff; text-align: right; font-family: fbmenu; color: #191919; padding: 1.4em 0.6em; border: 2px solid #424242; }
#orders a::before { font-family: icomoon; font-size: 20px; font-size: 1.25rem; z-index: 1; position: absolute; top: 1.2em; left: 0.6em; color: #fff; line-height: 1; text-align: center; }
#orders a::after { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #424242; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform: scaleX(0.16); -ms-transform: scaleX(0.16); -webkit-transform: scaleX(0.16); transform: scaleX(0.16); -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
#orders a:hover { color: #fff; }
#orders a:hover::after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#login li { margin: 10px 10px 0; }
#login li.log_in a { border: 2px solid #fd3434; }
#login li.log_in a::before { background-color: #fd3434; }
#login li.log_out a { border: 2px solid #1fa44e; }
#login li.log_out a::before { background-color: #1fa44e; }
#login a { display: block; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); background-image: url(/img/common/wear/cate1.png); background-repeat: no-repeat; background-position: 120% 6px; background-color: #fff; background-size: 120px 110px; font-family: fbmenu; color: #191919; padding: 1.4em 1em; position: relative; text-shadow: 0px 1px 1px #fff; }
#login a::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-image: url(/img/common/wear/cate1.png); background-repeat: no-repeat; background-position: 120% 6px; background-size: 132px 120px; }
#login a:hover { color: #fff; }
#login a:hover:before { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#uid { text-align: center; color: #ffc; font-weight: bold; padding-top: 0.6em; }

#calside, #caltablet { font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Meiryo UI" , "Yu Gothic" , "YuGothic" , "Hiragino Kaku Gothic Pro" , "MS PGothic" , sans-serif; }

.drawer-hamburger { display: none; }

.inq { margin: 36px 6px 0; }

dd.news { overflow-y: scroll; height: 16em; background: rgba(255, 255, 255, 0.86); padding: 0.5em 1em; font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Meiryo UI" , "Yu Gothic" , "YuGothic" , "Hiragino Kaku Gothic Pro" , "MS PGothic" , sans-serif; }
dd.news span { display: block; color: #191919; font-weight: bold; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; border-bottom: 1px solid #191919; font-size: 18px; font-size: 1.125rem; }
dd.news p { padding: 0.6em; }
dd.news > div { padding: 0.5em 0; }

/* footer
------------------------*/
footer dt { font-family: fbmenu; font-size: 18px; font-size: 1.125rem; line-height: 2; color: #424242; }
footer a { display: block; border-bottom: 1px dotted #bcbcbc; font-size: 15px; font-size: 0.9375rem; padding: 0.4em 0.2em; color: #565656; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; }
footer a:hover { background: rgba(0, 0, 0, 0.06); }
footer dl { width: 26%; position: relative; padding-left: 100px; padding-bottom: 60px; }
footer dl:before { font-family: icomoon; position: absolute; top: 0; left: 0; font-size: 64px; font-size: 4rem; display: block; width: 90px; text-align: right; color: #fe8585; }
footer dl:nth-child(1):before { content: "\e91a"; }
footer dl:nth-child(2):before { content: "\e918"; }
footer dl:nth-child(3):before { content: "\e915"; }

.nar { display: none; }

/* headline
------------------------*/
h2 { display: inline-block; position: relative; top: -24px; min-width: 60%; max-width: 90%; background: #fff; border: 3px solid #000; border-bottom: none; text-align: center; font-size: 26px; font-size: 1.625rem; padding: 8px; }
h2::before, h2::after { display: block; content: ""; height: 25px; position: absolute; bottom: -24px; }
h2::before { background: url(/img/common/bg/h2.png) no-repeat left top; width: 80%; left: -3px; }
h2::after { background: url(/img/common/bg/h2.png) no-repeat right top; width: 30%; right: -3px; }
h2 span { display: block; position: absolute; width: 84%; text-align: center; bottom: -18px; left: 0; right: 0; margin: 0 auto; z-index: 3; color: #fff; font-size: 16px; font-size: 1rem; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

h3 { background: #de0202; color: #fff; padding: 0.4em 1em; margin-bottom: 8px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; font-weight: bold; font-size: 18px; font-size: 1.125rem; -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); }
h3:before { content: "●"; color: #fff; padding-right: 0.6em; font-family: fbmenu; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6), 1px 1px 1px rgba(255, 255, 255, 0.4); }

h4 { width: 96%; margin: 16px auto 0; border-top: 1px dashed #191919; border-bottom: 1px dashed #191919; padding: 0.6em 1em; }

h5 { width: 92%; margin: 0 auto; padding: 1em 0; }
h5::before { content: "\e927"; font-family: icomoon; color: #de0202; padding-right: 0.3em; font-size: 14px; font-size: 0.875rem; }

/* font
------------------------*/
.point { color: #de0202; font-weight: bold; }

/* section
------------------------*/
article { margin-top: 32px; margin-bottom: 80px; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 3px solid #191919; background: #fff; padding-bottom: 32px; text-align: center; }
article section { width: 94%; padding: 16px 0; margin: 0 auto; }
article > section { padding: 24px 0; }

/* box
------------------------*/
.column, .columnc, .message, .dlist { padding: 1em 0 0.3em; width: 94%; margin: 0 auto; }
.column a, .columnc a, .message a, .dlist a { text-decoration: underline; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.column a:hover, .columnc a:hover, .message a:hover, .dlist a:hover { text-decoration: none; }

.columnc, .message { text-align: center; }

.message { color: #de0202; }

.bnr { padding-bottom: 32px; text-align: center; }

.border { width: 90%; margin: 16px auto; border: 2px solid #424242; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
.border ul { list-style: disc; padding: 1em 1em 0 3em; }
.border li { padding-bottom: 1em; }
.border p { padding: 1em 0; width: 94%; margin: 0 auto; }

.notice { width: 90%; margin: 16px auto; background: #ffe8c4; border: 1px solid #fd3434; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; color: #3c0101; }
.notice dl { padding: 1em 1.6em; }
.notice dt { text-align: center; font-size: 18px; font-size: 1.125rem; font-weight: bold; padding-bottom: 0.4em; }
.notice.center * { text-align: center; }
.notice ul { list-style: disc; padding: 1em 1em 0 3em; }
.notice li { padding-bottom: 1em; }
.notice p { padding: 1em 0; width: 94%; margin: 0 auto; }

article .notice { background: #ffeaea; color: #3c0101; }

.center { text-align: center; }

/* button
------------------------*/
.btn { padding-bottom: 64px; }

article .btn { padding-top: 32px; padding-bottom: 16px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
article .btn > * { flex: 0 0 auto; }
article .btn a, article .btn input, article .btn button { display: block; width: 40%; min-width: 220px; margin: 0 1%; border: 2px solid #191919; padding: 0.6em 0; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; color: #191919; font-weight: bold; -moz-box-shadow: 1px 1px 3px #939393; -webkit-box-shadow: 1px 1px 3px #939393; box-shadow: 1px 1px 3px #939393; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #fff; cursor: pointer; }
article .btn a:hover, article .btn input:hover, article .btn button:hover { -moz-box-shadow: 0px 0px 2px #939393; -webkit-box-shadow: 0px 0px 2px #939393; box-shadow: 0px 0px 2px #939393; background: #ffeaea; color: #8d0101; border: 2px solid #8d0101; }
article .btn a.clbtn, article .btn input.clbtn, article .btn button.clbtn { min-width: 0; }
article .main .btn, article .mini .btn, article .mini .btn { padding-top: 8px; padding-bottom: 8px; }

.orderbtn { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.orderbtn > * { flex: 0 0 auto; }
.orderbtn li { width: 42%; margin: 0 8px 8px; }
.orderbtn li.buy a:before, .orderbtn li.buy a:after { content: "\e903"; }
.orderbtn li.sim a:before, .orderbtn li.sim a:after { content: "\e904"; }
.orderbtn li.buy a, .orderbtn li.sim a { position: relative; font-family: fbmenu; padding-right: 18%; font-weight: normal; }
.orderbtn li.buy a::before, .orderbtn li.buy a::after, .orderbtn li.sim a::before, .orderbtn li.sim a::after { display: block; position: absolute; right: 0; top: 0; font-family: icomoon; font-size: 30px; font-size: 1.875rem; width: 18%; height: 54px; padding-top: 14px; }
.orderbtn li.buy a::before, .orderbtn li.sim a::before { -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); }
.orderbtn li.buy a::after, .orderbtn li.sim a::after { -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset, -1px 0 0 rgba(0, 0, 0, 0.24); }
.orderbtn li.buy a:hover::after, .orderbtn li.sim a:hover::after { -moz-animation: iconaway 0.75s ease-out; -webkit-animation: iconaway 0.75s ease-out; animation: iconaway 0.75s ease-out; }
.orderbtn a, .orderbtn input { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 20px; font-size: 1.25rem; -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; overflow: hidden; border: 1px solid #8d0101; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)px 0px 6px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)px 0px 6px rgba(0, 0, 0, 0.4) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)px 0px 6px rgba(0, 0, 0, 0.4) inset; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlOWE5YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffeaea), color-stop(100%, #fe9a9a)); background: -moz-linear-gradient(#ffeaea, #fe9a9a); background: -webkit-linear-gradient(#ffeaea, #fe9a9a); background: linear-gradient(#ffeaea, #fe9a9a); color: #3c0101; text-shadow: 0px 1pxpx 1pxpx rgba(255, 255, 255, 0.3); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 17px 0; height: 54px; line-height: 1; }
.orderbtn a:hover, .orderbtn input:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlODU4NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkMzQzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe8585), color-stop(100%, #fd3434)); background: -moz-linear-gradient(#fe8585, #fd3434); background: -webkit-linear-gradient(#fe8585, #fd3434); background: linear-gradient(#fe8585, #fd3434); text-shadow: 0px 1pxpx 1pxpx rgba(0, 0, 0, 0.2); color: #fff; }

#operation { color: #ffb94a; font-weight: bold; }

.linkbar { width: 90%; margin: 0 auto; padding: 16px 0; }
.linkbar dt a { display: block; border: 2px solid #191919; padding: 0.6em 0.4em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; color: #191919; font-weight: bold; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
.linkbar dt a:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; background: #ffeaea; color: #8d0101; border: 2px solid #8d0101; }
.linkbar dt a::after { content: "\e91e"; font-family: icomoon; position: absolute; right: 2%; top: 0.15em; font-size: 24px; font-size: 1.5rem; font-weight: normal; }
.linkbar dd { padding-bottom: 32px; }

/* list
------------------------*/
.block03 { width: 86%; margin: 0 auto; padding: 16px 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.block03 > * { flex: 0 0 auto; }
.block03 li { width: 31%; margin: 0 1% 8px; }
.block03 a, .block03 p { display: block; cursor: pointer; border: 2px solid #191919; padding: 0.6em 0.4em; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; color: #191919; font-weight: bold; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.block03 a:hover, .block03 p:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; background: #ffeaea; color: #8d0101; border: 2px solid #8d0101; }

.dlist dt { color: #3c0101; font-size: 18px; font-size: 1.125rem; font-weight: bold; }
.dlist dt::before { content: "\e914"; font-family: icomoon; font-weight: normal; }
.dlist dd { padding: 0.4em 0 1em; width: 96%; margin: 0 auto; }

.disc { list-style: disc; padding: 1em 1em 0 2em; }
.disc li { padding-bottom: 1em; }
.disc a { text-decoration: underline; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.disc a:hover { text-decoration: none; }

.img_dl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 92%; margin: 0 auto; padding: 16px 0; }
.img_dl > * { flex: 0 0 auto; }
.img_dl dt { width: 30%; text-align: center; }
.img_dl dt a { display: inline-block; border: 2px solid #fd3434; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.img_dl dt a:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; border: 2px solid #fe8585; }
.img_dl dd { width: 70%; padding: 0 1em; }
.img_dl dd p { padding: 1em 1.6em; }

.pager { padding-top: 8px; letter-spacing: -0.4em; text-align: center; }
.pager li { display: inline-block; letter-spacing: normal; margin: 3px; }
.pager li.now { padding: 0 0.6em; }
.pager a { display: block; border: 1px solid #fe8585; padding: 0 0.6em; color: #8d0101; text-align: center; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.pager a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.pager a.previouspostslink, .pager a.nextpostslink { border: none; }
.pager alast { border: none; }

.photobox { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.photobox > * { flex: 0 0 auto; }
.photobox li { width: 26%; margin: 16px 2% 0; }
.photobox li a { display: block; border: 2px solid #fe8585; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.photobox li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

/* form
------------------------*/
input, select { vertical-align: baseline; outline: none; }

input[type=text], input[type=tel], input[type=email], input[type=password], textarea, select { border: 1px solid #d1d1d1; background: #fff; padding: 1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) inset; max-width: 90%; }
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid #fe8585; background: #ffe8c4; }

textarea.grayout, select.grayout { background: #e5e5e5; }

textarea { height: 6em; width: 86%; }

.checkbox { padding: 0 8px; text-align: center; }
.checkbox label { position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #191919; display: inline-block; padding: 0.8em 1.6em; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-width: 180px; }
.checkbox label:hover { background: #ffe8c4; }
.checkbox label.chked { background: #ffd99c; }
.checkbox.d_place label { min-width: 280px; }
.checkbox.unjoin { display: inline-block; }
.checkbox.unjoin label { min-width: 220px; font-size: 16px; font-size: 1rem; }
.checkbox.unjoin input[type=checkbox]::before { top: 13px; font-size: 16px; font-size: 1rem; }
.checkbox input[type=checkbox] { -moz-appearance: none; -webkit-appearance: none; }
.checkbox input[type=checkbox]::before { content: "\e926"; font-family: icomoon; position: absolute; top: 16px; left: 0.6em; font-size: 20px; font-size: 1.25rem; color: #6b6b6b; }
.checkbox input[type=checkbox]:checked::before { content: "\e920"; color: #de0202; }

div.checkbox label { margin: 0 auto; }

.radio { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 8px 0 4px; }
.radio > * { flex: 0 0 auto; }
.radio li { width: 46%; min-width: 216px; margin: 0 1% 4px; list-style: none; position: relative; }
.radio.d_day li { min-width: 220px; }
.radio.question { -webkit-justify-content: flex-start; justify-content: flex-start; }
.radio.question li { min-width: 160px; }
.radio label { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #191919; display: block; width: 100%; padding: 0.8em 0.4em 0.8em 2.4em; background: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.radio label:hover { background: #ffe8c4; }
.radio label.chked { background: #ffd99c; }
.radio input[type=radio] { -moz-appearance: none; -webkit-appearance: none; position: absolute; }
.radio input[type=radio]::before { content: "\e928"; font-family: icomoon; position: absolute; line-height: 1; top: 1em; left: 0.6em; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.radio input[type=radio]:checked::before { content: "\e927"; color: #de0202; }

/* table
------------------------*/
.main, .mini { width: 96%; margin: 16px auto; table-layout: fixed; }
.main thead th, .mini thead th { text-align: center; }
.main thead td, .mini thead td { background: none; }
.main tbody th, .mini tbody th { width: 24%; }
.main.center td, .center.mini td { text-align: center; }
.main th, .mini th, .main td, .mini td { padding: 0.8em 0.6em; }
.main th, .mini th { background: #8d0101; color: #fff; }
.main td, .mini td { background: #ffeaea; width: auto; }
.main td.imgrow, .mini td.imgrow { width: 30%; background: none; text-align: center; vertical-align: middle; }
.main td.imgrow a, .mini td.imgrow a { display: block; margin: 5px auto; width: 80%; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #fe8585; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.main td.imgrow a:hover, .mini td.imgrow a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.main td.checkbox, .mini td.checkbox { text-align: left; }
.main .point th, .mini .point th { background: #1fa44e; }
.main .point td, .mini .point td { background: #ffe8c4; color: #191919; }
.main dl, .mini dl { padding-bottom: 8px; }
.main dt, .mini dt { font-size: 14px; font-size: 0.875rem; padding: 8px 0 4px; }

.mini { width: 60%; }
.mini tbody th { width: 50%; }

#bread { width: 63.3%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
#bread > * { flex: 0 0 auto; }
#bread li { color: #fff; background: url(/img/common/bg/bread.png) no-repeat right center; font-size: 14px; font-size: 0.875rem; line-height: 24px; }
#bread li:nth-last-of-type(2) { background: url(/img/common/bg/bread_l.png) no-repeat right center; }
#bread li:last-child { background: none; padding-left: 8px; }
#bread li:last-child a { padding: 0; }
#bread a { display: block; margin-right: 14px; padding: 0 4px 0 8px; font-size: 14px; font-size: 0.875rem; height: 24px; line-height: 24px; color: #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#bread a:hover { color: #ffeaea; }

.main-dl { width: 96%; margin: 16px auto; }
.main-dl dt { padding: 1em; background: #8d0101; color: #fff; font-weight: bold; }
.main-dl p { background: #ffeaea; padding: 1em; border-bottom: 1px solid white; }

.ori_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; width: 96%; margin: 0 auto; }
.ori_list > * { flex: 0 0 auto; }
.ori_list li { width: 30%; margin: 8px 0; }
.ori_list a { display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 2px solid #fe8585; }
.ori_list a:hover { -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3); border: 2px solid #ffeaea; }
.ori_list p { font-size: 14px; font-size: 0.875rem; padding: 0.4em 0.6em; }

.lineup_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around; }
.lineup_list > * { flex: 0 0 auto; }
.lineup_list li { width: 31.4%; margin: 8px 0; }
.lineup_list.wear_list li:nth-child(1) a, .lineup_list.wear_list li:nth-child(1) a::before { background-image: url(/img/common/wear/cate1.png); }
.lineup_list.wear_list li:nth-child(2) a, .lineup_list.wear_list li:nth-child(2) a::before { background-image: url(/img/common/wear/cate2.png); }
.lineup_list.wear_list li:nth-child(3) a, .lineup_list.wear_list li:nth-child(3) a::before { background-image: url(/img/common/wear/cate3.png); }
.lineup_list.wear_list li:nth-child(4) a, .lineup_list.wear_list li:nth-child(4) a::before { background-image: url(/img/common/wear/cate4.png); }
.lineup_list.wear_list li:nth-child(5) a, .lineup_list.wear_list li:nth-child(5) a::before { background-image: url(/img/common/wear/cate5.png); }
.lineup_list.wear_list li:nth-child(6) a, .lineup_list.wear_list li:nth-child(6) a::before { background-image: url(/img/common/wear/cate6.png); }
.lineup_list.wear_list li:nth-child(7) a, .lineup_list.wear_list li:nth-child(7) a::before { background-image: url(/img/common/wear/cate7.png); }
.lineup_list.wear_list li:nth-child(8) a, .lineup_list.wear_list li:nth-child(8) a::before { background-image: url(/img/common/wear/cate8.png); }
.lineup_list.wear_list li:nth-child(9) a, .lineup_list.wear_list li:nth-child(9) a::before { background-image: url(/img/common/wear/cate9.png); }
.lineup_list.wear_list li:nth-child(10) a, .lineup_list.wear_list li:nth-child(10) a::before { background-image: url(/img/common/wear/cate10.png); }
.lineup_list.wear_list li:nth-child(11) a, .lineup_list.wear_list li:nth-child(11) a::before { background-image: url(/img/common/wear/cate11.png); }
.lineup_list.wear_list li:nth-child(12) a, .lineup_list.wear_list li:nth-child(12) a::before { background-image: url(/img/common/wear/cate12.png); }
.lineup_list.wear_list li:nth-child(13) a, .lineup_list.wear_list li:nth-child(13) a::before { background-image: url(/img/common/wear/cate13.png); }
.lineup_list.wear_list li:nth-child(14) a, .lineup_list.wear_list li:nth-child(14) a::before { background-image: url(/img/common/wear/cate14.png); }
.lineup_list.wear_list li:nth-child(15) a, .lineup_list.wear_list li:nth-child(15) a::before { background-image: url(/img/common/wear/cate15.png); }
.lineup_list.wear_list li:nth-child(16) a, .lineup_list.wear_list li:nth-child(16) a::before { background-image: url(/img/common/wear/cate16.png); }
.lineup_list.wear_list li:nth-child(17) a, .lineup_list.wear_list li:nth-child(17) a::before { background-image: url(/img/common/wear/cate17.png); }
.lineup_list.wear_list li:nth-child(18) a, .lineup_list.wear_list li:nth-child(18) a::before { background-image: url(/img/common/wear/cate18.png); }
.lineup_list.wear_list li:nth-child(19) a, .lineup_list.wear_list li:nth-child(19) a::before { background-image: url(/img/common/wear/cate19.png); }
.lineup_list.wear_list li:nth-child(20) a, .lineup_list.wear_list li:nth-child(20) a::before { background-image: url(/img/common/wear/cate20.png); }
.lineup_list.goods_list li:nth-child(1) a, .lineup_list.goods_list li:nth-child(1) a::before { background-image: url(/img/common/goods/cate1.png); }
.lineup_list.goods_list li:nth-child(2) a, .lineup_list.goods_list li:nth-child(2) a::before { background-image: url(/img/common/goods/cate2.png); }
.lineup_list.goods_list li:nth-child(3) a, .lineup_list.goods_list li:nth-child(3) a::before { background-image: url(/img/common/goods/cate3.png); }
.lineup_list a { display: block; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); text-shadow: 0px 1px 1px #fff; background: no-repeat 100% 0; background-color: #fff; background-size: 75px 68px; border: 2px solid #1fa44e; font-family: fbmenu; color: #191919; font-size: 17px; font-size: 1.0625rem; padding: 1.4em 1em; position: relative; }
.lineup_list a::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: no-repeat 100% 0; background-size: 100px 90px; background-color: #1fa44e; }
.lineup_list a:hover { color: #fff; }
.lineup_list a:hover:before { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

/* design
------------------------*/
.design_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 86%; margin: 0 auto; padding: 16px 0; }
.design_list > * { flex: 0 0 auto; }
.design_list li { width: 26%; max-width: 190px; margin-right: 30px; text-align: center; position: relative; }
.design_list li:after { display: block; content: "\e913"; font-family: icomoon; width: 30px; text-align: center; position: absolute; color: #de0202; font-size: 34px; font-size: 2.125rem; top: 40%; right: -30px; }
.design_list li:last-child { margin-right: 0; }
.design_list li:last-child:after { content: ""; }
.design_list a { display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 3px solid #fd3434; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.design_list a:hover { border: 3px solid #fe8585; }

/* print
------------------------*/
#print ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#print ol > * { flex: 0 0 auto; }
#print ol li { width: 168px; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #fd3434; margin: 16px; padding: 8px; position: relative; }
#print ol li div { display: inline-block; text-align: center; position: relative; }
#print ol li div p { color: #fff; text-align: center; padding: 0.3em 0; font-weight: bold; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); }
#print ol li > p { padding: 0.6em; }
#print ol li::after { content: "\e91c"; font-family: icomoon; display: block; position: absolute; font-size: 32px; font-size: 2rem; top: 40%; right: -32px; color: #de0202; }
#print ol li:last-child::after { content: ""; }

.print_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 16px 0 8px; }
.print_list > * { flex: 0 0 auto; }
.print_list li { width: 160px; margin: 0 8px 8px; }
.print_list a { display: block; border: 2px solid #191919; padding: 10px 0 1.2em; font-size: 18px; font-size: 1.125rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; font-weight: bold; color: #191919; text-align: center; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.print_list a:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; background: #ffeaea; border: 2px solid #8d0101; }
.print_list a:hover p { color: #8d0101; }
.print_list a:hover p::after { transform: scaleX(1); }
.print_list a:hover img { border: 1px solid #fe8585; }
.print_list p { text-align: center; padding: 0.6em 0 0; position: relative; margin: 0 0.4em; }
.print_list p::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transform: scaleX(0); background: #8d0101; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.print_list img { border: 1px solid #bcbcbc; }

/* price
------------------------*/
#price .list .main, #price .list .mini { margin: 4px auto; }
#price .cel02 { width: 11%; }
#price .cel03 { width: 15%; }
#price .cel04 { width: 12%; }
#price .cel05 { width: 12%; }
#price td.cel01 { text-align: left; }

.main.mix a, .mix.mini a { color: #8d0101; font-weight: bold; }
.main.mix a:hover, .mix.mini a:hover { text-decoration: underline; color: #de0202; }

/* size
------------------------*/
#size .img_dl span { display: block; font-size: 18px; font-size: 1.125rem; color: #8d0101; border-bottom: 1px dotted #191919; font-weight: bold; padding: 1em 0.3em 0; margin-bottom: 0.3em; }

/* tag
------------------------*/
#tag ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 80%; margin: 16px auto; }
#tag ol > * { flex: 0 0 auto; }
#tag ol li { width: 130px; }
#tag ol p { text-align: center; padding-bottom: 1em; }

/* tool
------------------------*/
#tool .font ol, #tool .illust ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 96%; margin: 16px auto 0; border: 1px solid #191919; border-bottom: none; }
#tool .font ol > *, #tool .illust ol > * { flex: 0 0 auto; }
#tool .font ol li, #tool .illust ol li { width: 11%; text-align: center; border-right: 1px solid #191919; padding: 0.6em 0; cursor: pointer; border-bottom: 1px dotted #939393; }
#tool .font ol li.select, #tool .illust ol li.select { background: #ffeaea; color: #8d0101; font-weight: bold; border-bottom: none; }
#tool .font ol li:last-child, #tool .illust ol li:last-child { border-right: none; width: 12%; }
#tool .font dl, #tool .illust dl { width: 96%; margin: 0 auto; padding: 16px; background: #ffeaea; border: 1px solid #191919; border-top: none; }
#tool .font dt, #tool .illust dt { font-size: 20px; font-size: 1.25rem; font-weight: bold; border-bottom: 1px dotted #191919; padding: 0 0.4em; margin-bottom: 16px; }
#tool .font dd, #tool .illust dd { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#tool .font dd > *, #tool .illust dd > * { flex: 0 0 auto; }
#tool .font dd a, #tool .illust dd a { display: block; width: 49%; margin: 0 1px 3px; }
#tool .font dd img, #tool .illust dd img { width: 100%; }
#tool .color .bnr { margin: 16px auto; }
#tool .color .bnr a { display: inline-block; border: 1px solid #191919; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#tool .color .bnr a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; border: 1px solid #6b6b6b; }
#tool .illust ol li { width: 12%; }
#tool .illust ol li:first-child, #tool .illust ol li:last-child { width: 14%; }
#tool .illust dd { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#tool .illust dd > * { flex: 0 0 auto; }
#tool .illust dd a { width: 20%; margin: 0 1% 16px; text-align: center; position: relative; min-width: 120px; border: 2px solid #fd3434; }
#tool .illust dd p { font-weight: bold; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; padding: 0.4em 0; position: absolute; bottom: 0; width: 100%; }

/* recommend
------------------------*/
/* original
------------------------*/
#original section { text-align: center; }
#original section a { display: inline-block; margin-top: 16px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #fd3434; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#original section a:hover { -moz-box-shadow: 1px 1px 2px transparent; -webkit-box-shadow: 1px 1px 2px transparent; box-shadow: 1px 1px 2px transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

/* item
------------------------*/
.item_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding-bottom: 16px; }
.item_list > * { flex: 0 0 auto; }
.item_list li { width: 30%; margin: 16px 1% 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0); position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.item_list li:hover { -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); border: 1px solid #fd3434; }
.item_list a { display: block; }
.item_list a p { position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); }
.item_list a p span { display: block; color: #fff; border-top: 1px dotted rgba(255, 255, 255, 0.4); text-align: center; font-size: 18px; font-size: 1.125rem; font-weight: bold; }
.item_list a p span:first-child { border-top: none; }

#order .item_list a p span { padding: 0.4em 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#order .item_list a:hover p span { color: #ffeaea; }

.maker_list { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 92%; margin: 8px auto; }
.maker_list > * { flex: 0 0 auto; }
.maker_list li { width: 48%; margin: 8px 1% 0; }
.maker_list li a { display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0); color: #191919; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; padding-top: 4px; }
.maker_list li a:hover { -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); border: 1px solid #fe8585; }
.maker_list li img { width: 40%; }
.maker_list li p { padding: 0.4em 0.6em; border-top: 1px dotted #191919; font-size: 15px; font-size: 0.9375rem; margin-top: 4px; }

#color_sample { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 16px 0 0; width: 96%; margin: 0 auto; }
#color_sample > * { flex: 0 0 auto; }
@media (max-width: 768px) { #color_sample { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } }
#color_sample dt { width: 50%; }
@media (max-width: 768px) { #color_sample dt { width: 100%; } }
#color_sample dt div { text-align: center; padding: 6px; }
#color_sample dt div img { -moz-box-shadow: 1px 1px 5px #939393; -webkit-box-shadow: 1px 1px 5px #939393; box-shadow: 1px 1px 5px #939393; }
#color_sample dd { width: 48%; letter-spacing: -0.4em; }
@media (max-width: 768px) { #color_sample dd { width: 100%; } }
#color_sample dd .colortitle { letter-spacing: normal; text-align: center; border-top: 1px dotted #424242; border-bottom: 1px dotted #424242; padding: 0.4em 0.2em 0.2em; margin-bottom: 16px; color: #6b6b6b; }
#color_sample dd a { display: inline-block; letter-spacing: normal; width: 13%; margin: 0 0 8px 1%; border: 2px solid rgba(0, 0, 0, 0.1); }
#color_sample dd a.select { border: 2px solid #fe8585; }

#photo { overflow: hidden; }

#caption { margin: 16px auto 0; height: 2.4em; }

.cname { display: block; border-top: 1px dashed #191919; border-bottom: 1px dashed #191919; line-height: 2.4em; color: #2d2d2d; text-align: center; }

.printway ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.printway ul > * { flex: 0 0 auto; }
.printway li { width: 24%; padding: 8px; text-align: center; }
.printway li img { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #fe8585; }
.printway li p { text-align: center; color: #8d0101; font-weight: bold; }

/* regist
------------------------*/
#agreement { display: none; }
#agreement h2 { border-top: 1px dashed #191919; border-bottom: 1px dashed #191919; width: 96%; margin: 16px auto 0; padding: 0.6em 1em; color: #191919; }
#agreement p { width: 94%; margin: 0 auto; padding: 1em; }
#agreement dl { width: 94%; margin: 0 auto; }
#agreement dt { padding: 0 1em; font-weight: bold; }
#agreement dd { padding: 0 2em 3em; }
#agreement ol { list-style: decimal; }
#agreement ul { list-style: disc; }
#agreement li { margin: 0.3em 2.6em; }

/* faq
------------------------*/
#faq dl { width: 90%; margin: 0 auto; padding: 16px 0; }
#faq dl dt { cursor: pointer; border: 2px solid #191919; padding: 0.6em 0.4em; margin-bottom: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; color: #191919; font-weight: bold; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
#faq dl dt:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; background: #ffeaea; color: #8d0101; border: 2px solid #8d0101; }
#faq dl dt::after { content: "\e91e"; font-family: icomoon; position: absolute; right: 2%; top: 0.15em; font-size: 24px; font-size: 1.5rem; font-weight: normal; }
#faq dl dt.active::after { content: "\e91f"; }
#faq dl dd { padding: 1em 2em 32px; }
#faq dl dd a:hover { text-decoration: underline; }

#reportDownloadForm dt, #reportDownloadForm dd { display: inline-block; width: auto; padding: 0 2em 16px 0; }

.simsend dd { text-align: center; }

/* signin
------------------------*/
#signin dt { text-align: right; }
#signin dt i { font-size: 130px; font-size: 8.125rem; color: #ffeaea; }
#signin dd { text-align: center; }
#signin dd input { display: block; font-size: 18px; font-size: 1.125rem; }
#signin dd input[type=text], #signin dd input[type=password] { width: 60%; margin: 8px auto; font-family: icomoon; }

#ikkyu_frontbundle_memberupdatetype_address, #ikkyu_frontbundle_memberupdatetype_customerName, #ikkyu_frontbundle_memberupdatetype_representative, #ikkyu_frontbundle_memberupdatetype_representative, #ikkyu_frontbundle_memberupdatetype_tel, #ikkyu_frontbundle_memberupdatetype_password_first, #ikkyu_frontbundle_memberupdatetype_password_second { width: 50%; }

#ikkyu_frontbundle_memberupdatetype_address2, #ikkyu_frontbundle_memberupdatetype_address3, #ikkyu_frontbundle_memberupdatetype_kana, #ikkyu_frontbundle_memberupdatetype_representativeKana, #ikkyu_frontbundle_memberupdatetype_email, #ikkyu_frontbundle_memberupdatetype_email2, #ikkyu_frontbundle_memberupdatetype_answer { width: 75%; }

#memberRegistForm li, #memberUpdateForm li { color: red; font-size: 14px; font-size: 0.875rem; padding-left: 1em; }

#inquiryForm ul li { color: red; font-size: 14px; font-size: 0.875rem; padding-left: 1em; }

/* payment
------------------------*/
#paysel #tabs { margin: 16px auto 0; text-align: center; }
#paysel #tabs li { display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #191919; padding: 0.6em 1em; cursor: pointer; margin: 0 0.1em 4px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#paysel #tabs li.select { background: #ffeaea; color: #8d0101; }
#paysel #tabs li:hover { background: #ffeaea; color: #8d0101; }
#paysel .card { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#paysel .card > * { flex: 0 0 auto; }
#paysel .card li { width: 86px; text-align: center; }
#paysel .card p { text-align: center; font-weight: bold; }

/* reorder
------------------------*/
#reorder ol { width: 90%; margin: 0 auto; }
#reorder ol li { margin-bottom: 16px; }
#reorder ol li a { display: block; width: 52%; margin: 0 auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 2px solid #fe8585; }
#reorder ol li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=86); opacity: 0.86; }
#reorder ol li p { width: 90%; margin: 0 auto; text-align: center; padding-top: 30px; }
#reorder ol li::after { content: "\e91f"; font-family: icomoon; display: block; text-align: center; font-size: 64px; font-size: 4rem; color: #de0202; }
#reorder ol li:last-child::after { content: ""; }

.imgflow { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 16px 0; }
.imgflow > * { flex: 0 0 auto; }
.imgflow li { text-align: center; }
.imgflow p { text-align: center; font-weight: bold; }

.cam30 a { display: inline-block; background: url(/img/content/index/bnr/cam30_o.png) no-repeat center top; background-size: contain; }
.cam30 a img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.cam30 a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

/* artist
------------------------*/
.artist dl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 90%; margin: 16px auto; }
.artist dl > * { flex: 0 0 auto; }
.artist dt { width: 36%; }
.artist dt img { border: 1px solid #999; }
.artist dd { width: 64%; }
.artist dd p { padding: 1em 1.6em; }

#column { font-size: 18px; font-size: 1.125rem; }
#column article > div { width: 90%; margin: 0 auto; padding: 32px 0; }
#column .clear::after { content: ""; display: block; clear: both; }
#column .pright { float: right; padding: 8px 16px; }
#column .pright img { border: 1px solid #ccc; }
#column .pleft { float: left; padding: 8px 16px; }
#column .pleft img { border: 1px solid #ccc; }
#column p { padding: 1em; line-height: 2; }
#column .story { font-size: 17px; font-size: 1.0625rem; list-style: disc; width: 90%; margin: 0 auto; }
#column .story li { margin: 0 3em; padding: 0.6em 0; }
#column .story::before { content: "これまでのあらすじ"; display: block; text-align: center; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 2; border-top: 2px dotted #999; border-bottom: 2px dotted #999; }
#column .story::after { content: "これまでのあらすじここまで"; display: block; text-align: center; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 2; border-top: 2px dotted #999; border-bottom: 2px dotted #999; }
#column h3 { background: none; color: #333; padding: 16px 0 32px; margin: 0; font-size: 30px; font-size: 1.875rem; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-align: center; }
#column h3::before { content: "～"; color: #333; padding-right: 0.3em; text-shadow: none; }
#column h3::after { content: "～"; color: #333; padding-left: 0.3em; text-shadow: none; }
#column .imgtable { width: 90%; margin: 32px auto; }
#column .imgtable th, #column .imgtable td { border: 1px solid #aaa; }
#column .imgtable th { text-align: center; vertical-align: middle; }
#column .imgtable td { padding: 16px; }
#column .imgtable span { display: block; font-weight: bold; font-size: 1.1em; line-height: 1; padding-bottom: 8px; }
#column .imgtable span::before { content: "■"; padding-right: 0.3em; font-size: 1.2em; }
#column .disc { width: 90%; margin: 0 auto; }
#column h4 { text-align: center; font-size: 20px; font-size: 1.25rem; margin-bottom: 16px; }
#column .pricetable { width: 76%; min-width: 500px; margin: 32px auto; border-collapse: collapse; }
#column .pricetable thead { border-right: 1px solid #333; }
#column .pricetable thead td { border: none; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#column .pricetable thead th { border-top: 1px solid #333; background: #eeece1; width: 25%; }
#column .pricetable tbody { border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; }
#column .pricetable tbody th { background: #dbeef3; }
#column .pricetable th, #column .pricetable td { border: 1px dotted #333; text-align: center; vertical-align: middle; padding: 0.6em; }
#column .pricetable span { display: block; text-align: center; }
#column .pricebox { display: none; }
#column .middle { width: 90%; margin: 0 auto; }
#column .middle table { width: 100%; }
#column .middle th { width: 220px; text-align: center; }
#column .middle td { vertical-align: middle; padding: 1em; }
#column .middle .table01 td, #column .middle .table03 td { text-align: left; }
#column .middle .table02 td, #column .middle .table04 td { text-align: right; }
#column .middle .table01 { font-size: 18px; font-size: 1.125rem; }
#column .middle .table02 { font-size: 16px; font-size: 1rem; }
#column .middle .table03 { font-size: 14px; font-size: 0.875rem; }
#column .middle .table04 { font-size: 12px; font-size: 0.75rem; }
#column .middle img { border: 1px solid #ccc; }
#column .hint { font-size: 17px; font-size: 1.0625rem; width: 76%; margin: 32px auto; }
#column .hint p { padding: 1em; }
#column .hint::before { content: "ヒント"; display: block; text-align: center; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 2; border-top: 2px dotted #999; border-bottom: 2px dotted #999; }
#column .hint::after { content: ""; display: block; border-top: 2px dotted #999; }
#column .expager { padding-top: 128px; }
#column .expager ul { letter-spacing: -.4em; width: 100%; }
#column .expager li { display: inline-block; letter-spacing: normal; width: 50%; padding: 8px; }
#column .expager li:first-child { text-align: right; }
#column .expager li:first-child a::before { content: "≪ "; }
#column .expager li:last-child a::after { content: " ≫"; }
#column .expager a { display: inline-block; padding: 0.6em 1em; border: 1px solid #de0202; color: #de0202; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#column .expager a:hover { background: #ffeaea; }
#column .border { margin-top: 64px; }
#column .border .center { color: #de0202; font-weight: bold; font-size: 22px; font-size: 1.375rem; }
#column .exbtn a { display: block; line-height: 1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 1px solid #de0202; color: #de0202; text-align: center; font-weight: bold; padding: 1em 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#column .exbtn a:hover { background: #ffeaea; }
#column .exbtn div { text-align: center; }
#column .exbtn div a { width: 60%; margin: 0 auto; font-size: 26px; font-size: 1.625rem; }
#column .exbtn div a i { padding-right: 0.3em; }
#column .exbtn ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; margin-top: 32px; }
#column .exbtn ul > * { flex: 0 0 auto; }
#column .exbtn li { width: 40%; margin: 0 1%; }
#column .right { text-align: right; font-size: 13px; font-size: 0.8125rem; color: #999; padding: 0 1.6em; }
#column .right a { color: #999; }
#column .right a:hover { text-decoration: underline; }

.clearway { width: 90%; margin: 0 auto; }
.clearway a { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #8d0101; display: block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.clearway a:hover { border-color: #fe8585; }

#plate .main-dl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#plate .main-dl > * { flex: 0 0 auto; }
#plate .main-dl > div { width: 50%; border: 1px solid white; }
@media (max-width: 768px) { #plate .main-dl > div { width: 100%; } }

/* order_common
------------------------*/
#step { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#step > * { flex: 0 0 auto; }
#step li { width: 116px; margin: 0 8px 8px; padding: 30px 0.4em; background: #ffeaea; border: 3px solid #191919; text-align: center; font-size: 17px; font-size: 1.0625rem; font-weight: bold; position: relative; }
#step li:last-child { margin-right: 0; }
#step li:last-child::after { content: ""; }
#step li::after { content: "\e913"; font-family: icomoon; font-size: 26px; font-size: 1.625rem; padding: 30px 0 0; line-height: 1; position: absolute; right: -22px; top: 0; color: #fff; }
#step li.here { background: #fd3434; color: #fff; }
#step a { display: block; text-align: center; color: #191919; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#step a:hover { background: #fe8585; color: #fff; }

/* order_image
------------------------*/
#ppos ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: 90%; margin: 0 auto; }
#ppos ol > * { flex: 0 0 auto; }
#ppos ol li { margin: 6px; max-width: 120px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #ffeaea; }
#ppos ol li p { height: 20px; line-height: 20px; text-align: center; }
#ppos ol li p::before { content: "\e926"; font-family: icomoon; font-size: 15px; font-size: 0.9375rem; margin-right: 0.5em; color: #6b6b6b; }
#ppos ol li input { display: none; }
#ppos ol li label { display: block; }
#ppos ol li:hover { border: 2px solid #ffeaea; }
#ppos ol li.ckd { border: 2px solid #fe8585; }
#ppos ol li.ckd p::before { content: "\e920"; }
#ppos ol li.inimg { border: 2px solid #fd3434; }
#ppos ol li.inimg p::before { content: "\e928"; }

#pway ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
#pway ul > * { flex: 0 0 auto; }
#pway ul li { width: 30%; min-width: 220px; margin: 16px 1% 0; display: none; }
#pway ul li * { text-align: center; }
#pway ul li.show { display: block; }
#pway ul li.pckd div { border: 1px solid #de0202; }
#pway ul p { background: rgba(0, 0, 0, 0.8); padding: 8px 0; color: #fff; }
#pway ul select { max-width: 90%; }
#pway .upbtn span { display: block; background: #fff; color: #8d0101; width: 90%; font-size: 16px; font-size: 1rem; padding: 0.6em 0; margin: 0 auto; border: 2px solid #8d0101; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#pway .upbtn span:hover { background: #ffeaea; border: 2px solid #3c0101; color: #3c0101; }
#pway .upbtn input { display: none; }
#pway .upbtn i { color: #ffb94a; font-style: normal; font-size: 14px; font-size: 0.875rem; }
#pway .otherbtn input { background: #fff; color: #8d0101; width: 90%; font-size: 16px; font-size: 1rem; padding: 0.8em 0; margin: 0 auto; border: 2px solid #8d0101; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#pway .otherbtn input:hover { background: lightest; border: 2px solid #3c0101; color: #3c0101; }
#pway .inbox { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0); }
#pway .inbox img { max-width: 100px; max-height: 100px; }
#pway .inbox dl { display: table; width: 90%; margin: 0 auto; padding: 4px 0; }
#pway .inbox dl dt, #pway .inbox dl dd { display: table-cell; width: 50%; text-align: center; vertical-align: middle; }
#pway .inbox .btn { padding-top: 0; }
#pway .inbox label { display: block; }
#pway .inbox select { margin-bottom: 2px; }
#pway .inbox i { font-size: 14px; font-size: 0.875rem; font-style: normal; display: block; color: #ffb94a; }

/* order_color
------------------------*/
#color ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
#color ol > * { flex: 0 0 auto; }
#color ol li { width: 50%; }
#color ol a { display: block; line-height: 30px; margin: 3px 5px; padding-right: 0.3em; overflow: hidden; white-space: nowrap; text-overflow: clip; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: #ffeaea; color: #191919; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#color ol a:hover { background: #ffe8c4; }
#color ol img { width: 30px; border: 1px solid #a8a8a8; }

#colorSizeQuantityTable span { display: none; }
#colorSizeQuantityTable tr th:nth-of-type(1) { width: auto; }
#colorSizeQuantityTable tr th:nth-of-type(2) { width: 22%; }
#colorSizeQuantityTable tr th:nth-of-type(3) { width: 6.5em; }
#colorSizeQuantityTable tr th:nth-of-type(4) { width: 80px; }
#colorSizeQuantityTable tr th:nth-of-type(5) { width: 80px; }
#colorSizeQuantityTable td { vertical-align: middle; }
#colorSizeQuantityTable p { display: inline; }
#colorSizeQuantityTable input[type=text] { box-sizing: border-box; width: 90%; max-width: 6em; text-align: center; }
#colorSizeQuantityTable select { width: 90%; }
#colorSizeQuantityTable caption { text-align: right; padding-top: 0.8em; caption-side: bottom; }
#colorSizeQuantityTable caption a, #colorSizeQuantityTable caption input { display: inline-block; width: 10em; margin-left: 1em; border: 2px solid #191919; text-align: center; outline: none; padding: 0; line-height: 2.4; background: #fff; color: #191919; -moz-box-shadow: 1px 1px 3px #999999; -webkit-box-shadow: 1px 1px 3px #999999; box-shadow: 1px 1px 3px #999999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#colorSizeQuantityTable caption a:hover, #colorSizeQuantityTable caption input:hover { -moz-box-shadow: 0px 0px 2px #999999; -webkit-box-shadow: 0px 0px 2px #999999; box-shadow: 0px 0px 2px #999999; background: #ffeaea; color: #8d0101; border: 2px solid #8d0101; }

#tag01 { display: none; }
#tag01 ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; max-width: 520px; }
#tag01 ul > * { flex: 0 0 auto; }
#tag01 ul li { margin: 2px; }
#tag01 ul p { text-align: center; }

#tag02 { display: none; }

.nametag ol { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; }
.nametag ol > * { flex: 0 0 auto; }
.nametag li { width: 40%; }

#attention, #chgcolor { display: none; max-width: 800px; }

#campaign .cam { letter-spacing: -0.4em; text-align: center; }
#campaign .cam li { display: inline-block; letter-spacing: normal; padding: 4px; }
#campaign .cam img { border: 2px solid lightest; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#campaign .cam img:hover { border: 2px solid #fe8585; }
#campaign section { display: none; }

/* order_conform
------------------------*/
.printcolor { display: inline; letter-spacing: -0.4em; }
.printcolor li { display: inline-block; letter-spacing: normal; text-align: center; font-size: 14px; font-size: 0.875rem; width: 3em; margin-left: 0.4em; }

.fromnow dl { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); overflow: visible; margin-bottom: 48px; position: relative; }
.fromnow dl::before { content: "\e91f"; font-family: icomoon; position: absolute; top: -1.2em; left: 0; display: block; width: 100%; text-align: center; font-size: 40px; font-size: 2.5rem; line-height: 1; color: #fd3434; }
.fromnow dl:nth-of-type(1) { margin-top: 16px; }
.fromnow dl:nth-of-type(1)::before { content: ""; }
.fromnow dt { text-align: center; }
.fromnow dt i { font-size: 90px; font-size: 5.625rem; color: #ffeaea; }

@media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px) { #orders li:nth-of-type(1) a:before { content: ""; }
  #orders li:nth-of-type(2) a:before { content: ""; }
  #orders li:nth-of-type(3) a:before { content: ""; }
  #orders a { padding: 1em 0; text-align: center; font-size: 15px; font-size: 0.9375rem; }
  #orders a::after { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
  aside dl ul a { padding: 8px 10px; }
  aside dt { padding: 6px 10px; }
  aside dt:before { font-size: 36px; font-size: 2.25rem; }
  .ori_list li { width: 48%; }
  #print article .btn a { width: 80%; } }
@media only screen and (max-width: 936px), only screen and (max-device-width: 936px) { header { height: 200px; }
  #gnav { margin-top: 134px; }
  #logo { top: 80px; width: 185px; height: 54px; }
  #logo a { font-size: 54px; }
  main { width: 72%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  aside { width: 26%; }
  #left, #right { display: none; }
  #tablet { display: block; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
  footer .inside div { width: 48%; }
  footer dl { width: 48%; }
  .main tbody th, .mini tbody th { width: 32%; }
  #bread { width: auto; padding-left: 3px; left: 26%; right: auto; margin: 0; } }
@media only screen and (max-width: 840px), only screen and (max-device-width: 840px) { /* artist ------------------------*/
  .artist dt { width: 56%; }
  .artist dd { width: 100%; } }
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { /* layout ----------------------------- */
  #tablet { display: none; }
  #mobile { display: block; }
  header { height: 120px; }
  #gnav { margin-top: 54px; }
  #logo { top: 54px; left: 4px; width: 110px; height: 32px; }
  #logo a { font-size: 32px; }
  #description { display: none; }
  #column2 { display: none; }
  main { width: 100%; }
  #mobile { background: #8d0101; position: fixed; width: 100vw; height: 100vh; top: 0; left: 100vw; z-index: 51; overflow: scroll; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-bottom: 64px; }
  #mobile.active { left: 0; }
  #mobile .title { text-align: center; color: #fff; font-family: fbmenu; font-size: 18px; font-size: 1.125rem; padding: 32px 0 16px; }
  #mobile > ul > li { padding-bottom: 1px; }
  #mobile > ul > li > a, #mobile > ul > li.inmenu span { display: block; border-top: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.3); padding: 1em 0.5em; color: #fff; position: relative; }
  #mobile > ul > li > a:hover, #mobile > ul > li.inmenu span:hover { border-top: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.2); }
  #mobile > ul > li > a:after, #mobile > ul > li.inmenu span:after { content: "\e91e"; font-family: "icomoon"; line-height: 1; position: absolute; right: 2%; top: calc(50% - 0.5em); }
  #mobile > ul > li.inmenu span:after { content: "\e90f"; }
  #mobile > ul > li.inmenu.open span:after { content: "\e910"; }
  #mobile > ul > li ul { display: none; }
  #mobile > ul > li li a { display: block; background: rgba(255, 255, 255, 0.8); color: #3c0101; padding: 0.6em 1.2em; position: relative; border-bottom: 1px dotted rgba(60, 1, 1, 0.3); }
  #mobile > ul > li li a:after { content: "\e91e"; font-family: "icomoon"; line-height: 1; position: absolute; right: 2%; top: calc(50% - 0.5em); }
  #mobile #uid { padding: 0.5em 0 1.6em; }
  #mobile .drawer-dropdown-menu { background: #8d0101; }
  #mobile .drawer-dropdown-menu a { border-top: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.2); padding: 0.5em 1em; }
  #mobile .drawer-dropdown-menu a:hover { border-top: 1px solid rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.3); }
  #gnav li { display: none; }
  footer { padding-bottom: 32px; }
  footer .inside div { width: 100%; text-align: center; position: static; padding: 0; }
  footer .inside div p { display: none; }
  footer dl { width: 96%; padding-bottom: 30px; }
  #copy { text-align: center; }
  /* mobile ----------------------------- */
  #menubtn { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: fixed; top: 20px; right: 2%; border: 1px solid rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.2); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 101; height: 42px; width: 42px; }
  #menubtn > * { flex: 0 0 auto; }
  #menubtn span { display: block; height: 3px; width: 64%; background: white; position: relative; }
  #menubtn span:before, #menubtn span:after { content: ""; display: block; width: 100%; height: 3px; background: white; position: absolute; left: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #menubtn span:before { top: -12px; }
  #menubtn span:after { bottom: -12px; }
  #menubtn.open span { background: rgba(255, 255, 255, 0); }
  #menubtn.open span:before { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  #menubtn.open span:after { bottom: 0; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  /* common ----------------------------- */
  h2 { font-size: 20px; font-size: 1.25rem; }
  .img_dl { display: block; width: 96%; padding: 16px 0; }
  .img_dl dt { width: 100%; text-align: center; }
  .img_dl dd { width: 100%; padding: 1em 0; }
  .lineup_list li { width: 48%; }
  #step { display: none; }
  .item_list li { width: 48%; }
  .block03 { width: 96%; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .block03 > * { flex: 0 0 auto; }
  .block03 li { width: 48%; }
  .orderbtn li.buy, .orderbtn li.sim { width: 80%; margin-bottom: 32px; }
  article .btn a, article .btn input { width: 80%; margin-top: 32px; }
  /* content ----------------------------- */
  #color_sample dd a { width: 40px; }
  .printway li { width: 46%; }
  #signin dt { text-align: center; }
  /* itembody ---------------- */
  .main thead, .mini thead { display: none; }
  .main tbody, .mini tbody { width: 100%; }
  .main tbody th, .mini tbody th, .main tbody td, .mini tbody td { display: block; width: 100%; }
  .main .nar, .mini .nar { display: inline-block; padding-right: 0.3em; font-size: 0.9em; }
  #bodydetail .main tbody, #bodydetail .mini tbody, .itemprice .main tbody, .itemprice .mini tbody, .size .main tbody, .size .mini tbody, #size .main tbody, #size .mini tbody, .screen .main tbody, .screen .mini tbody, .embroidery .main tbody, .embroidery .mini tbody { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  #bodydetail .main tbody > *, #bodydetail .mini tbody > *, .itemprice .main tbody > *, .itemprice .mini tbody > *, .size .main tbody > *, .size .mini tbody > *, #size .main tbody > *, #size .mini tbody > *, .screen .main tbody > *, .screen .mini tbody > *, .embroidery .main tbody > *, .embroidery .mini tbody > * { flex: 0 0 auto; }
  #bodydetail .main.coltype tbody, #bodydetail .coltype.mini tbody, .itemprice .main.coltype tbody, .itemprice .coltype.mini tbody, .size .main.coltype tbody, .size .coltype.mini tbody, #size .main.coltype tbody, #size .coltype.mini tbody, .screen .main.coltype tbody, .screen .coltype.mini tbody, .embroidery .main.coltype tbody, .embroidery .coltype.mini tbody { -webkit-flex-direction: column; flex-direction: column; }
  #bodydetail .main tr, #bodydetail .mini tr, .itemprice .main tr, .itemprice .mini tr, .size .main tr, .size .mini tr, #size .main tr, #size .mini tr, .screen .main tr, .screen .mini tr, .embroidery .main tr, .embroidery .mini tr { display: block; flex: 1; padding: 0 1px; }
  #bodydetail .main tr.sidestyle, #bodydetail .mini tr.sidestyle, .itemprice .main tr.sidestyle, .itemprice .mini tr.sidestyle, .size .main tr.sidestyle, .size .mini tr.sidestyle, #size .main tr.sidestyle, #size .mini tr.sidestyle, .screen .main tr.sidestyle, .screen .mini tr.sidestyle, .embroidery .main tr.sidestyle, .embroidery .mini tr.sidestyle { display: none; }
  #bodydetail .main th, #bodydetail .mini th, .itemprice .main th, .itemprice .mini th, .size .main th, .size .mini th, #size .main th, #size .mini th, .screen .main th, .screen .mini th, .embroidery .main th, .embroidery .mini th { width: auto; text-align: center; }
  #bodydetail .main td, #bodydetail .mini td, .itemprice .main td, .itemprice .mini td, .size .main td, .size .mini td, #size .main td, #size .mini td, .screen .main td, .screen .mini td, .embroidery .main td, .embroidery .mini td { background: #ffeaea; width: auto; margin-top: 1px; }
  #bodydetail .main td.imgrow, #bodydetail .mini td.imgrow, .itemprice .main td.imgrow, .itemprice .mini td.imgrow, .size .main td.imgrow, .size .mini td.imgrow, #size .main td.imgrow, #size .mini td.imgrow, .screen .main td.imgrow, .screen .mini td.imgrow, .embroidery .main td.imgrow, .embroidery .mini td.imgrow { width: 30%; background: none; text-align: center; vertical-align: middle; }
  #bodydetail .main td.imgrow img, #bodydetail .mini td.imgrow img, .itemprice .main td.imgrow img, .itemprice .mini td.imgrow img, .size .main td.imgrow img, .size .mini td.imgrow img, #size .main td.imgrow img, #size .mini td.imgrow img, .screen .main td.imgrow img, .screen .mini td.imgrow img, .embroidery .main td.imgrow img, .embroidery .mini td.imgrow img { max-width: 80%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; border: 2px solid #fe8585; }
  #bodydetail .main td.imgrow a, #bodydetail .mini td.imgrow a, .itemprice .main td.imgrow a, .itemprice .mini td.imgrow a, .size .main td.imgrow a, .size .mini td.imgrow a, #size .main td.imgrow a, #size .mini td.imgrow a, .screen .main td.imgrow a, .screen .mini td.imgrow a, .embroidery .main td.imgrow a, .embroidery .mini td.imgrow a { display: inline-block; margin: 5px 0; }
  .embroidery .main .nar, .embroidery .mini .nar { display: block; text-align: center; }
  #price td.cel01 { width: 98%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; text-align: center; background: #8d0101; }
  #price .cel02 { width: 49%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  #price .cel03 { width: 49%; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
  #price .cel04 { width: 49%; -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
  #price .cel05 { width: 49%; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  .main.mix tr, .mix.mini tr { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .main.mix tr > *, .mix.mini tr > * { flex: 0 0 auto; }
  .main.mix td, .mix.mini td { margin: 1px; }
  .main.mix a, .mix.mini a { color: #fff; }
  .main.mix a:hover, .mix.mini a:hover { color: #ffeaea; }
  #form .main tbody, #form .mini tbody { display: block; }
  #form .main tr, #form .mini tr { border: 2px solid #de0202; margin-bottom: 8px; }
  #form .main td, #form .mini td { text-align: left; }
  #colorSizeQuantityList select { width: 60%; }
  #colorSizeQuantityList span { display: inline-block; width: 30%; text-align: right; }
  #pway ul li { width: 48%; min-width: 220px; }
  .design_list { display: block; width: 86%; }
  .design_list li { width: 100%; margin: 0 auto; position: static; }
  .design_list li:after { content: "\e91f"; width: 100%; text-align: center; position: static; }
  .design_list li:last-child { margin: 0 auto; }
  #mypage .main td.imgrow, #mypage .mini td.imgrow { width: 100%; }
  #mypage .main td.imgrow a, #mypage .mini td.imgrow a { display: inline-block; max-width: 46%; }
  #bread { display: none; }
  #column h3 { font-size: 20px; font-size: 1.25rem; }
  #column .pright { float: none; text-align: center; }
  #column .pleft { float: none; text-align: center; }
  #column .imgtable th, #column .imgtable td { display: block; }
  #column .imgtable th { border: none; }
  #column .pricetable { display: none; }
  #column .pricebox { display: block; text-align: center; font-size: 16px; font-size: 1rem; padding-bottom: 16px; }
  #column .middle th { width: auto; }
  #column .middle .table01 th { width: 50%; }
  #column .middle .table02 th { width: 40%; }
  #column .middle .table03 th { width: 50%; }
  #column .middle .table04 th { width: 40%; }
  #column .middle img { border: 1px solid #ccc; } }
body:not(.welcome) { background: url(/img/common/bg/bg-black.png) repeat-x center top, url(/img/common/bg/bg00.png); }

header:not(.welcome) { background: url(/img/common/bg/bg-t.png) no-repeat right 32px, url(/img/common/bg/bg-light.png) no-repeat center/contain; }

#logo a { text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.3); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#logo a:hover { text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.16); }

/*
header:not(.welcome){
	background-image:url(/img/common/bg/hbgt01.png),url(/img/common/bg/img201801.png);
	background-repeat:no-repeat;
	background-position:right 18px,center 34%;
	background-size:20%,80%;
}
*/
@media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px) { header { background-size: 20%,cover; } }
@media only screen and (max-width: 936px), only screen and (max-device-width: 936px) { header:not(.welcome) { background-position: right 18px,center 16%; background-size: 20%,cover; } }
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { header:not(.welcome) { background-size: 26%,cover; background-position: right 18px,center 16%; } }
@media only screen and (max-width: 534px), only screen and (max-device-width: 534px) { header:not(.welcome) { background-size: 36%,cover; } }
#original section.cat39 { display: none; }

.shooting { background: url(/img/content/index/bnr/shooting_bg.png) no-repeat center top; background-size: contain; }
.shooting a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.shooting a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.teru { background: url(/img/content/index/bnr/teru07_bg.png) no-repeat center top; background-size: contain; }
.teru a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.teru a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.campaign a { display: block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.campaign a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.mobile { display: none; }

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { .mobile { display: block; }
  .pc { display: none; } }

/*# sourceMappingURL=styles.css.map */