@charset "UTF-8";
/* Reset Style */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { margin: 0px; padding: 0px; }

img, input { vertical-align: middle; }

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

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

[type="submit"], button, .btn-default:hover, .btn-main:hover, .btn-accent:hover { cursor: pointer; }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@font-face { font-family: 'base'; src: url("../fonts/base.eot?rshu5f"); src: url("../fonts/base.eot?#iefixrshu5f") format("embedded-opentype"), url("../fonts/base.woff?rshu5f") format("woff"), url("../fonts/base.ttf?rshu5f") format("truetype"), url("../fonts/base.svg?rshu5f#base") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, .nav-main ul li a:before, .icon:after, .nav-main ul li a:after, [class^="icon-"], [class*=" icon-"] { font-family: 'base'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-pdf:before { content: "\e603"; }

.icon-close:before { content: "\e601"; }

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

.icon-search:before { content: "\f002"; }

.icon-email:before { content: "\f003"; }

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

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

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

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

.icon-photo:before { content: "\f03e"; }

.icon-check-square-o:before { content: "\f046"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-external-link:before { content: "\f08e"; }

.icon-square-o:before { content: "\f096"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-ellipsis-v:before { content: "\f142"; }

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

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

.icon-list-ul:before { content: "\f0ca"; }

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

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

html { text-size-adjust: 100%; }

body { color: #333; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; letter-spacing: .05em; line-height: 1.4; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { transition-property: color, border-color, background-color, opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }

a { color: #da4657; }
a:link { color: #da4657; text-decoration: none; }
a:visited { color: #e2717e; }
a:hover { color: #de5b6a; text-decoration: underline; }
a:active { color: #d00; }

::-moz-selection { background-color: #907d72; color: #fff; }

::selection { background-color: #907d72; color: #fff; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

img { max-width: 100%; height: auto; }

.zoom-in, [href$=".gif"] img, [href$=".png"] img, [href$=".jpg"] img, [href$=".jpeg"] img, [href$=".bmp"] img { cursor: zoom-in; }

.hide, [hidden] { display: none; }

.clearfix:after, .row:after, .styling-area .in-image:after { content: ""; clear: both; display: table; }

.d-b { display: block; }
.d-ib { display: inline-block; }
.d-i { display: inline; }

.fr, .img-r { float: right; margin-left: 10px; }

.fl, .img-l { float: left; margin-right: 10px; }

.img-c, .t-c { text-align: center; }

.img-c { display: block; margin-left: auto; margin-right: auto; }

.t-l { text-align: left !important; }

.t-r { text-align: right !important; }

.clr { clear: both; }

hr { margin: 40px 0; border: none; border-top: 1px solid #a4967d; }

.color-font { color: #333; }

.color-main { color: #907d72; }

.color-accent { color: #eb6877; }

.color-attention, em { color: #d00; }

.fwb, strong, b { font-weight: bold; }

em { font-weight: bold; font-style: normal; }

sup { position: relative; top: -.5em; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { position: relative; bottom: -.25em; font-size: 75%; line-height: 0; vertical-align: baseline; }

ul { list-style-type: none; }
ul.disc { list-style-type: disc; padding: 0 0 0 1.5em; }
ul.circle { list-style: circle; padding: 0 0 0 1.5em; }
ul.square { list-style: square; padding: 0 0 0 1.5em; }

ol { padding: 0 0 0 1.5em; }

.mt-20 { margin-top: -20px !important; }
.mt-15 { margin-top: -15px !important; }
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb-20 { margin-bottom: -20px !important; }
.mb-15 { margin-bottom: -15px !important; }
.mb-10 { margin-bottom: -10px !important; }
.mb-5 { margin-bottom: -5px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }
.p60 { padding: 60px !important; }
.p65 { padding: 65px !important; }
.p70 { padding: 70px !important; }
.p75 { padding: 75px !important; }
.p80 { padding: 80px !important; }
.p85 { padding: 85px !important; }
.p90 { padding: 90px !important; }
.p95 { padding: 95px !important; }
.p100 { padding: 100px !important; }

.fz10 { font-size: 10px !important; }
.fz11 { font-size: 11px !important; }
.fz12 { font-size: 12px !important; }
.fz13 { font-size: 13px !important; }
.fz14 { font-size: 14px !important; }
.fz15 { font-size: 15px !important; }
.fz16 { font-size: 16px !important; }
.fz17 { font-size: 17px !important; }
.fz18 { font-size: 18px !important; }
.fz19 { font-size: 19px !important; }
.fz20 { font-size: 20px !important; }
.fz21 { font-size: 21px !important; }
.fz22 { font-size: 22px !important; }
.fz23 { font-size: 23px !important; }
.fz24 { font-size: 24px !important; }
.fz25 { font-size: 25px !important; }
.fz26 { font-size: 26px !important; }
.fz27 { font-size: 27px !important; }
.fz28 { font-size: 28px !important; }
.fz29 { font-size: 29px !important; }
.fz30 { font-size: 30px !important; }
.fz31 { font-size: 31px !important; }
.fz32 { font-size: 32px !important; }
.fz-s { font-size: 85%; }
.fz-l { font-size: 125%; }

.box40 { width: 40px; }
.box50 { width: 50px; }
.box60 { width: 60px; }
.box70 { width: 70px; }
.box80 { width: 80px; }
.box90 { width: 90px; }
.box100 { width: 100px; }
.box110 { width: 110px; }
.box120 { width: 120px; }
.box130 { width: 130px; }
.box140 { width: 140px; }
.box150 { width: 150px; }
.box160 { width: 160px; }
.box170 { width: 170px; }
.box180 { width: 180px; }
.box190 { width: 190px; }
.box200 { width: 200px; }
.box210 { width: 210px; }
.box220 { width: 220px; }
.box230 { width: 230px; }
.box240 { width: 240px; }
.box250 { width: 250px; }
.box260 { width: 260px; }
.box270 { width: 270px; }
.box280 { width: 280px; }
.box290 { width: 290px; }
.box300 { width: 300px; }
.box310 { width: 310px; }
.box320 { width: 320px; }
.box330 { width: 330px; }
.box340 { width: 340px; }
.box350 { width: 350px; }
.box360 { width: 360px; }
.box370 { width: 370px; }
.box380 { width: 380px; }
.box390 { width: 390px; }
.box400 { width: 400px; }
.box410 { width: 410px; }
.box420 { width: 420px; }
.box430 { width: 430px; }
.box440 { width: 440px; }
.box450 { width: 450px; }
.box460 { width: 460px; }
.box470 { width: 470px; }
.box480 { width: 480px; }
.box490 { width: 490px; }
.box500 { width: 500px; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.sbs { overflow: hidden; }
.sbs dt { float: left; }
.sbs.em3 dd { padding-left: 3.5em; }
.sbs.em4 dd { padding-left: 4.5em; }
.sbs.em5 dd { padding-left: 5.5em; }
.sbs.em6 dd { padding-left: 6.5em; }
.sbs.em7 dd { padding-left: 7.5em; }
.sbs.em8 dd { padding-left: 8.5em; }
.sbs.em9 dd { padding-left: 9.5em; }
.sbs.em10 dd { padding-left: 10.5em; }
.sbs.em11 dd { padding-left: 11.5em; }
.sbs.em12 dd { padding-left: 12.5em; }

textarea, input, select { padding: 3px; }

[type="text"], [type="password"], [type="email"], [type="url"], [type="number"], select, textarea { border: 1px solid #ccc; border-radius: 2px; background-color: #fbfbfb; }

[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="url"]:focus, [type="number"]:focus, select:focus, textarea:focus { border-color: #999; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

.btn-default, .btn-main, .btn-accent { border-radius: 4px; }

a.btn-default, a.btn-main, a.btn-accent { display: inline-block; padding: .5em 1em .35em; text-decoration: none !important; }

input.btn-default, input.btn-main, input.btn-accent { padding: .4em 1em .3em; }

.btn-l { padding: .6em 3em .5em !important; font-size: 1.4rem; }

.btn-s { font-size: 1.1rem; }

.btn-default { border: solid 1px #a4967d; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #807a6e; color: #333 !important; text-align: center; }
.btn-default:hover { background-color: #fcfcfc; }
.btn-default:active { position: relative; top: 3px; box-shadow: none; }

.btn-main { border: solid 1px #907d72; background-color: #907d72; box-shadow: 0 3px 0 0 #696766; color: #fff !important; }
.btn-main:hover { background-color: #a6978f; }
.btn-main:active { position: relative; top: 3px; box-shadow: none; }

.btn-accent { border: solid 1px #eb6877; background-color: #eb6877; box-shadow: 0 3px 0 0 #da4657; color: #fff !important; }
.btn-accent:hover { background-color: #f195a0; }
.btn-accent:active { position: relative; top: 3px; box-shadow: none; }

body { overflow: hidden; }

.top-page .nav-main ul .nav-main__top a { border-color: #eb6877; }
.top-page .page-foot { margin-top: 0; }

.sewing-page .nav-main ul .nav-main__sewing a { border-color: #eb6877; }

.parts-page .nav-main ul .nav-main__parts a { border-color: #eb6877; }

.repair-page .nav-main ul .nav-main__repair a { border-color: #eb6877; }

.about-page .nav-main ul .nav-main__about a { border-color: #eb6877; }

.order-page .nav-main ul .nav-main__order a { border-color: #eb6877; }

#is-sp-checkbox { display: none; }

.inner { margin: 0 auto; width: 980px; }
.inner:after { content: ""; display: block; clear: both; }

.page-head { margin: 0 0 5px; padding: 8px 0; background: #6b4b35 url(../images/common/bg_header.png); }
.page-head:after { content: ''; position: absolute; left: 0; right: 0; margin-top: 13px; border-top: 2px dashed #a4967d; }

.btn-sp-menu { display: none; }

.nav-main ul li { position: relative; float: left; width: 164px; }
.nav-main ul li:first-child { width: 160px; }
.nav-main ul li + li:after { content: ''; position: absolute; top: 8%; height: 80%; border-left: 1px solid #907d72; }
.nav-main ul li a { display: block; padding: 16px 0 12px; text-align: center; border-bottom: 4px solid #907d72; font-size: 14px; color: #333; text-decoration: none; }
.nav-main ul li a:hover { border-color: #eb6877; }

.page-content { margin-top: 8px; }

.page-title { position: relative; margin: 24px 0; padding: 6px 0 0 90px; border-bottom: 2px dashed #a4967d; line-height: 1.2; font-size: 24px; font-weight: bold; color: #6b4b35; }
.page-title:before { content: ''; background: url(../images/common/img_title_parts.png) no-repeat 0 0; position: absolute; left: 10px; top: 0; width: 71px; height: 46px; }

.grid-row { margin-left: -15px; margin-right: -15px; }
.grid-row:after { content: ""; display: table; clear: both; }
.grid-row + .grid-row { margin-top: 30px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { box-sizing: border-box; float: left; padding: 0 15px; }
.grid-1 :first-child, .grid-2 :first-child, .grid-3 :first-child, .grid-4 :first-child, .grid-5 :first-child, .grid-6 :first-child, .grid-7 :first-child, .grid-8 :first-child, .grid-9 :first-child, .grid-10 :first-child, .grid-11 :first-child, .grid-12 :first-child { margin-top: 0; }
.grid-1 { width: 8.33333%; }
.grid-2 { width: 16.66667%; }
.grid-3 { width: 25%; }
.grid-4 { width: 33.33333%; }
.grid-5 { width: 41.66667%; }
.grid-6 { width: 50%; }
.grid-7 { width: 58.33333%; }
.grid-8 { width: 66.66667%; }
.grid-9 { width: 75%; }
.grid-10 { width: 83.33333%; }
.grid-11 { width: 91.66667%; }
.grid-12 { width: 100%; }

.sewing-item { margin: 24px 0 40px; padding: 10px; border: 1px solid #6b4b35; border-radius: 5px; font-size: 14px; }
.sewing-item:after { content: ""; display: block; clear: both; }
.sewing-item__title { margin: -10px -10px 10px; padding: 16px 16px 12px; background-color: #6b4b35; color: #fff; font-size: 18px; }

.sewing-summary:after { content: ""; display: block; clear: both; }
.sewing-summary__image { float: left; }
.sewing-summary__image img { border-radius: 8px; }
.sewing-summary__body { width: 590px; float: right; }
.sewing-summary__number { overflow: hidden; padding: 8px 16px 6px; border-radius: 4px; background-color: #dccca7; }
.sewing-summary__number dt { float: left; }
.sewing-summary__number dd { padding: 0 0 0 4em; }
.sewing-summary__description { margin: 1em 0 4em; }
.sewing-summary__price { text-align: right; }
.sewing-summary__price dt, .sewing-summary__price dd { display: inline-block; }
.sewing-summary__price dd { width: 200px; text-align: left; }

.sewing-section { margin: 24px 0 0; }
.sewing-section__title { margin: 0 0 16px; padding: 8px 16px 6px; border-radius: 4px; background-color: #dccca7; font-size: 15px; font-weight: bold; }
.sewing-section__text { margin: 16px 0 0; }
.sewing-section__images { margin: 16px 0 0; }
.sewing-section__images:after { content: ""; display: block; clear: both; }
.sewing-section__images li { float: left; }
.sewing-section__images li:not(:last-child) { margin: 0 8px 0 0; }
.sewing-section__images li img { border-radius: 4px; }
.sewing-section__images li p { margin: 4px 0 0; }

.styling-area { padding: 0 10px; }
.styling-area h2 { margin: 1em 0; padding: .6em .5em .4em .8em; font-size: 154%; font-weight: bold; background: url(../images/common/line_heading2.png) repeat-x 0 bottom; }
.styling-area h3 { margin: 1em 0; padding: .6em .5em .4em .8em; background: url(../images/common/line_heading3.png) repeat-x 0 bottom; font-size: 139%; font-weight: bold; }
.styling-area h4 { margin: 1em 0; padding: .6em .5em .2em .8em; border-bottom: 2px dashed #999; font-size: 124%; font-weight: bold; }
.styling-area p, .styling-area ul, .styling-area ol, .styling-area dl, .styling-area table { margin: 1em 0 1.5em; font-size: 108%; }
.styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
.styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
.styling-area ul { list-style: disc; }
.styling-area ul.list-square { list-style: none; }
.styling-area ul.list-square li { position: relative; }
.styling-area ul.list-square li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #eb6877; }
.styling-area dl dt { font-weight: bold; }
.styling-area table th, .styling-area table td { padding: .5em .8em .4em; border: 1px solid #ccc; }
.styling-area table th { background-color: #eee; }
.styling-area table th[scope="col"] { border-bottom: 4px solid #907d72; }
.styling-area table th[scope="row"] { border-right: 4px solid #907d72; text-align: left; }
.styling-area table td > * { margin: 0; font-size: 100%; }
.styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
.styling-area .box-frame { padding: 1em; border: 3px double #ccc; }
.styling-area .box-frame > * { margin: 0; }
.styling-area .in-image { margin: 40px 0; }
.styling-area .in-image img { padding: 4px; border: 1px solid #ccc; }

.photo-list { margin: 0 -15px; }
.photo-list:after { content: ""; display: block; clear: both; }
.photo-box { position: relative; width: 33.33%; float: left; padding: 15px; }
.photo-box:before { content: ''; position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; border: 1px solid #ccc; z-index: -1; }
.photo-box dl { margin: 1em 0 0; }
.photo-box dd p { margin: 0 0 1em; font-size: 12px; }
.photo-box dd p:last-child { margin: 0; }

.page-foot { position: relative; margin: 80px 0 0; background: #6b4b35 url(../images/common/bg_header.png); color: #fff; }
.page-foot a { color: #fff; }
.page-foot:before { content: ''; position: absolute; top: -6px; left: 0; right: 0; border-top: 2px dashed #a4967d; }

.page-up { position: absolute; right: 20px; top: -64px; }
.page-up a { display: block; width: 50px; height: 50px; padding: 8px 0 0; border-radius: 8px; background-color: #6b4b35; text-align: center; text-decoration: none; font-size: 24px; }
.page-up a:after { content: ''; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; border-radius: 6px; border: 1px dashed #fff; }
.page-up a:hover { background-color: #574030; }

.nav-foot { padding: 8px 0; text-align: right; }
.nav-foot li { display: inline-block; }
.nav-foot li + li:before { content: '|'; margin: 0 .5em; }

.author { float: left; width: 450px; padding: 8px 0 16px; }
.author__logo { float: left; padding: 8px 16px 0 0; }
.author__title { margin: 0 0 4px; font-size: 20px; font-weight: bold; }
.author__info { overflow: hidden; }
.author__info dt { float: left; }
.author__info dd { padding: 0 0 0 4.5em; font-size: 14px; }
.author__info dd:before { content: '：'; }

.contact-info { float: right; width: 240px; margin: 24px 40px 0 0; }

.dialnumber dt, .dialnumber dd { display: inline-block; }
.dialnumber dd { font-size: 24px; }

.link-access { display: block; padding: 8px 0 6px; border-radius: 4px; background-color: #6b4b35; text-align: center; }
.link-access:hover { background-color: #5a3f2d; text-decoration: none; }

.copyright { clear: both; background-color: #6b4b35; text-align: center; }
.copyright small { font-size: 11px; }

/*---------------------------------------
   メニュー　小物・部品削除　2020.09.28
---------------------------------------*/
.nav-main_ul {
	display: flex;
	justify-content: space-between;
}
.nav-main ul li { width: 100%; }
.nav-main ul li:first-child { width: 100%; }
.nav-main ul li a { height: 100%; }


@media only screen and (max-width: 589px) { .page { position: relative; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; min-width: 320px; }
  #is-sp-checkbox:checked + .page { -webkit-transform: translate(-240px, 0); -ms-transform: translate(-240px, 0); transform: translate(-240px, 0); }
  #is-sp-checkbox:checked + .page .btn-sp-menu:after { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu i:before { content: '\e602'; }
  .inner { width: auto; }
  .logo-main { max-width: 80%; padding-top: 1%; float: left; }
  .btn-sp-menu { display: block; float: right; margin: 0 5px 0 auto; width: 42px; height: 42px; cursor: pointer; text-align: center; background-color: #6b4b35; }
  .btn-sp-menu i { margin: 7px 0 0; line-height: 42px; font-size: 28px; color: #fff; }
  .btn-sp-menu:after { -webkit-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; content: ''; position: absolute; background: rgba(0, 0, 0, 0.75); top: 0; left: 0; right: 0; bottom: 0; z-index: 100; visibility: hidden; opacity: 0; }
  .nav-main { position: absolute; top: 0; bottom: 0; left: 100%; width: 240px; background-color: #6b4b35; }
  .nav-main ul li { float: none; width: auto; }
  .nav-main ul li:first-child { width: auto; }
  .nav-main ul li + li { border-top: 1px solid #907d72; }
  .nav-main ul li + li:after { content: none; }
  .nav-main ul li a { position: relative; padding: 16px 8px 12px; background-color: #fff; text-align: left; border-bottom: none; border-left: 8px solid #907d72; }
  .nav-main ul li a:after { content: '\f054'; position: absolute; right: .5em; top: 50%; margin-top: -.5em; color: #6b4b35; }
  .page-content { padding: 0 8px; }
  .hero { margin: 0 -8px; }
  .page-title { padding-left: 70px; }
  .page-title:before { left: 0; top: 50%; margin-top: -20px; width: 60px; height: 39px; background-size: 60px auto; }
  .grid-row { margin-left: -8px; margin-right: -8px; }
  .grid-row + .grid-row { margin-top: 16px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 8px; }
  .sp-full.grid-1, .sp-full.grid-2, .sp-full.grid-3, .sp-full.grid-4, .sp-full.grid-5, .sp-full.grid-6, .sp-full.grid-7, .sp-full.grid-8, .sp-full.grid-9, .sp-full.grid-10, .sp-full.grid-11, .sp-full.grid-12 { width: auto; float: none; margin-top: 16px; margin-bottom: 16px; }
  .sp-full.grid-1 :last-child, .sp-full.grid-2 :last-child, .sp-full.grid-3 :last-child, .sp-full.grid-4 :last-child, .sp-full.grid-5 :last-child, .sp-full.grid-6 :last-child, .sp-full.grid-7 :last-child, .sp-full.grid-8 :last-child, .sp-full.grid-9 :last-child, .sp-full.grid-10 :last-child, .sp-full.grid-11 :last-child, .sp-full.grid-12 :last-child { margin-bottom: 0; }
  .grid-1:last-child.sp-full, .grid-2:last-child.sp-full, .grid-3:last-child.sp-full, .grid-4:last-child.sp-full, .grid-5:last-child.sp-full, .grid-6:last-child.sp-full, .grid-7:last-child.sp-full, .grid-8:last-child.sp-full, .grid-9:last-child.sp-full, .grid-10:last-child.sp-full, .grid-11:last-child.sp-full, .grid-12:last-child.sp-full { margin-bottom: 0; }
  .sewing-summary__image { float: none; text-align: center; padding: 10px; }
  .sewing-summary__body { width: auto; float: none; padding: 10px; }
  .sewing-summary__price { margin: 10px 0 0; text-align: left; }
  .sewing-summary__price dt, .sewing-summary__price dd { display: block; }
  .sewing-summary__price dt { border-bottom: 1px dashed #a4967d; }
  .sewing-summary__price dd { padding: 4px 0 0; }
  .sewing-summary__description { margin: 1em 0; }
  .sewing-section__images { margin: 16px -4px 0; }
  .sewing-section__images li { box-sizing: border-box; max-width: 50%; padding: 4px; }
  .sewing-section__images li:not(:last-child) { margin: 0; }
  .sewing-section__images li img { border-radius: 4px; }
  .sewing-section__images li p { margin: 4px 0 0; }
  .sewing-section__images li:nth-child(2n+1) { clear: left; }
  .photo-box { width: auto; float: none; height: auto !important; }
  .foot-content { text-align: center; }
  .nav-foot { display: none; }
  .author { float: none; width: auto; padding: 16px 0 0; }
  .author__info dt, .author__info dd { display: inline-block; }
  .author__info dt { float: none; }
  .author__info dd { padding: 0; }
  .author__logo { float: none; }
  .contact-info { float: none; width: auto; margin: 24px 0; }
  .link-access { display: inline-block; width: 240px; }

/*---------------------------------------
   メニュー　小物・部品削除 スマホメニュー　2020.09.28
---------------------------------------*/
.nav-main_ul {
	display: block;
	}
}

@media only screen and (min-width: 590px) and (max-width: 979px) { .inner { width: auto; }
  .logo-main { max-width: 80%; padding-top: 1%; }
  .nav-main ul li { width: 33.33%; }
  .nav-main ul li:first-child { width: 33.33%; }
  .nav-main ul li:nth-child(3n+1):after { content: none; }
  .page-content { padding: 0 16px; }
  .hero { margin: 0 -16px; }
  .grid-row { margin-left: -10px; margin-right: -10px; }
  .grid-row + .grid-row { margin-top: 20px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 10px; }
  .sewing-summary__image { width: 36%; }
  .sewing-summary__body { width: 62%; }
  .sewing-summary__description { margin: 1em 0; }
  .sewing-summary__price { text-align: left; }
  .sewing-summary__price dt { width: 12em; text-align: right; }
  .sewing-summary__price dd { width: auto; }
  .sewing-section__images { margin: 16px -4px 0; }
  .sewing-section__images li { box-sizing: border-box; max-width: 50%; padding: 4px; }
  .sewing-section__images li:not(:last-child) { margin: 0; }
  .sewing-section__images li img { border-radius: 4px; }
  .sewing-section__images li p { margin: 4px 0 0; }
  .foot-content { text-align: center; }
  .nav-foot { padding: 16px 0 0; text-align: center; }
  .author { float: none; width: auto; padding: 16px 0 0; }
  .author__info dt, .author__info dd { display: inline-block; }
  .author__info dt { float: none; }
  .author__info dd { padding: 0; }
  .contact-info { float: none; width: auto; margin: 24px 0; }
  .link-access { display: inline-block; width: 240px; } }

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