/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* destyle */
*,::before,::after { box-sizing: border-box; border-style: solid; border-width: 0; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { margin: 0; }
main { display: block; }
p,table,blockquote,address,pre,iframe,form,figure,dl { margin: 0; }
h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; margin: 0; }
ul,ol { margin: 0; padding: 0; list-style: none; }
dt { font-weight: bold; }
dd { margin-left: 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit; }
pre { font-family: monospace, monospace; font-size: inherit; }
address { font-style: inherit; }
a { background-color: transparent; text-decoration: none; color: inherit; }
abbr[title] { text-decoration: underline dotted; }
b,strong { font-weight: bolder; }
code,kbd,samp { font-family: monospace, monospace; font-size: inherit; }
small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg,img,embed,object,iframe { vertical-align: bottom; }
button,input,optgroup,select,textarea { -webkit-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; }
[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; }
[type="radio"] { -webkit-appearance: radio; appearance: radio; }
button,[type="button"],[type="reset"],[type="submit"] { cursor: pointer; }
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled { cursor: default; }
:-moz-focusring { outline: auto; }
select:disabled { opacity: inherit; }
option { padding: 0; }
fieldset { margin: 0; padding: 0; min-width: 0; }
legend { padding: 0; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
label[for] { cursor: pointer; }
details { display: block; }
summary { display: list-item; }
[contenteditable]:focus { outline: auto; }
table { border-color: inherit; border-collapse: collapse; }
caption { text-align: left; }
td,th { vertical-align: top; padding: 0; }
th { text-align: left; font-weight: bold; }

/* iOS */
input[type="submit"],input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }
button,input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }
input[type="radio"] { display: none; }
input[type="radio"]:checked + label { background: #ff0000; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
  animation: openPage 1s ease 0s 1 normal; -webkit-animation: openPage 1s ease 0s 1 normal;
  -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;
  font-family: "A1明朝", "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center; letter-spacing: 0.15em;
  box-sizing: border-box; background-color: #FFF; color: #000; padding: 0; margin: 0; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #000; color: #FFF; }
::-moz-selection { background: #000; }

/* link */
a:link, a:visited, a:active { color: #333; text-decoration: none; word-break: break-all !important; transition: 0.5s ease-in-out; }
a:hover { color: #000; text-decoration: none; }
a:link img { transition: 0.5s ease-in-out; }
a { transition: 0.5s ease-in-out; }

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

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings : "pkna"; }
.tb { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }
.pc { display:block; }
.sp { display:none; }
.pcbr { display:block; }
.spbr { display:inline; }
.pc_inline { display:inline; }
.sp_inline { display:none; }
.sp_menu { display:none; }

/* openPage */
.openPage { opacity : 0; transition: opacity 2s; }
@keyframes openPage { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes openPage { 0% { opacity: 0 } 100% { opacity: 1 } }

/* cWrap */
.cWrap { max-width: 1680px; margin:auto; }

/* cHeader */
.cHeader { width: 94%; padding: 2em 0 1em 0; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.cHeader .logo { width:18%; }
.cHeader .cHeader_inner { width:77%; text-align: left; }
.cHeader .cHeader_inner .cHeader_inner_top { margin:2em auto 2.5em auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__title { font-size: 2.6em; letter-spacing:0.15em; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav { }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav ul li { font-size: 1em; border-left: solid 1px #eee; white-space: nowrap; text-align: left; padding:0 1.5em; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav ul li:last-child { border-right: solid 1px #eee; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav .cHeader__nav--cart a { display: flex; flex-direction: row; align-items: center; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav .cHeader__nav--cart a img { width: auto; height:1em; margin:0 0.75em 0 0; }
.cHeader .cHeader_inner .cHeader_inner_bottom { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort { width: 84%; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort button { transition: 0.5s ease-in-out; display:block; font-size: 1.2em; background-color: #eee; padding:0.85em 0; letter-spacing: 0.15em; border-radius:2em; margin: 0 0 0.75em 0; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort button:not(.selected-button):hover,
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort button.selected-button { color:#fff; background-color: #008cce; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort button.notselected-button { color:#333 !important; background-color: #eee !important; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort button:last-child { margin-bottom:0; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_a { width:40%; padding:0 3% 0 0; border-right: solid 1px #eee; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_a button { width:100%; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_b { width: 40%;padding: 0 3%; border-right: solid 1px #eee; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_b button { width:48%; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_b button:last-child { width:100%; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_c { width: 20%; padding: 0 3% 0 3%; border-right: solid 1px #eee; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__sort .cHeader__sort_c button { width: 100%; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__contents { width: 15%; border-right: solid 1px #eee; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__contents ul {  }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__contents ul li { font-size: 1.1em; letter-spacing: 0.15em; margin-bottom: 1.5em; }
.cHeader .cHeader_inner .cHeader_inner_bottom .cHeader__contents ul li:last-child { margin-bottom: 0; }
.cHeader .cHeader__models { width:100%; }
.cHeader .cHeader__models ul { display:flex; justify-content: center; padding:1.5rem 0 1rem 0; }
.cHeader .cHeader__models li { transition: 0.5s ease-in-out; font-size: 1.2em; letter-spacing: 0.15em; margin: 0 1em; white-space: nowrap; }
.cHeader .cHeader__models li a:hover { color: #008cce; }

/* cMain */
.cMain { margin:0 0 3em 0; }
.cMain .cMain_inner { width: 94rem; margin:auto; }
.cMain .cMain_inner .cMain_product_list { }
.cMain .cMain_inner .cMain_product_list .grid-item { position: relative; padding:0.5rem; }
.cMain .cMain_inner .cMain_product_list .grid-item img { object-fit: cover; width:100%; height:100%; }
.cMain .cMain_inner .cMain_product_list .grid-item:before { transition: 0.5s ease-in-out; font-size: 1em; line-height: 1em; position: absolute; right:1.5rem; bottom:1.5rem; background-color: rgba(255, 255, 255, 0.8); padding: 0.5em 1em; border-radius: 2em;  }
.cMain .cMain_inner .cMain_product_list .grid-item.etude:before { content:"エチュード"; }
.cMain .cMain_inner .cMain_product_list .grid-item.mm01:before { content:"MM01"; }
.cMain .cMain_inner .cMain_product_list .grid-item.me:before { content:"Me"; }
.cMain .cMain_inner .cMain_product_list .grid-item.me2:before { content:"Me2"; }
.cMain .cMain_inner .cMain_product_list .grid-item.present:before { content:"Present"; }
.cMain .cMain_inner .cMain_product_list .grid-item.ponpon:before { content:"ポンポン帽子"; }
.cMain .cMain_inner .cMain_product_list .grid-item.muffler:before { content:"カシミヤのマフラー"; }
.cMain .cMain_inner .cMain_product_list .grid-item.stole:before { content:"カシミヤのストール"; }
.cMain .cMain_inner .cMain_product_list .grid-item.newyork:before { content:"Hello, New York!"; }
.cMain .cMain_inner .cMain_product_list .grid-item.miton:before { content:"へラルボニー コラボミトン"; 
}
.cMain .cMain_inner .cMain_product_list .grid-item.bag:before { content:"カモシカのニットバッグ"; 
}
.cMain .cMain_inner .cMain_product_list .grid-item.etude--aokusa:before { content:"エチュード 海の青草"; }
.cMain .cMain_inner .cMain_product_list .grid-item:hover:before { color:#fff; background-color: #008cce; }

/* grid */
.grid-sizer,
.grid-item { width: 23.5rem; height: 20rem; }
.grid-item:nth-child(2),
.grid-item:nth-child(9),
.grid-item:nth-child(12),
.grid-item:nth-child(19),
.grid-item:nth-child(22),
.grid-item:nth-child(29),
.grid-item:nth-child(32),
.grid-item:nth-child(39),
.grid-item:nth-child(42),
.grid-item:nth-child(49),
.grid-item:nth-child(52),
.grid-item:nth-child(59),
.grid-item:nth-child(62),
.grid-item:nth-child(69),
.grid-item:nth-child(72),
.grid-item:nth-child(79) { width: 47rem; height: 40rem; }

/* cMain_other */
.cMain_other h2 { font-size: 1.8em; line-height:1em; letter-spacing: 0.15em; margin: 2em 0 1em 0; text-align: left; }
.cMain_other .l2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cMain_other .l2 li { width: 49.5%; }
.cMain_other .l3 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cMain_other .l3 li { width:32.5%; }
.cMain_other .l3 li.newyork { width:100%; margin: 0 0 2rem 0; }
.cMain_other .l3 li.letter { width:100%; }
.cMain_other li { position: relative; }
.cMain_other li .product_title { text-align: left; display: flex; justify-content: space-between; transition: 0.5s ease-in-out; font-size: 1.3em; line-height: 1em; background-color: #eee; padding:2rem; margin:0 0 2rem 0; }
.cMain_other li .product_title span { font-size: 0.8em; }
.cMain_other li:hover .product_title { color:#fff; background-color: #008cce; }
.cMain_other li .title { transition: 0.5s ease-in-out; font-size: 1.1em; line-height: 1em; position: absolute; bottom:1.5rem; left:1.5rem; background-color: rgba(255, 255, 255, 0.8); padding:0.5em 1em; border-radius: 2em; }
.cMain_other li:hover .title { color:#fff; background-color: #008cce; }
.cMain_other.cMain_dokodemo a { display:block; width:100%; }
.cMain_other.cMain_dokodemo a figure { display: flex; justify-content: space-between; width:100%; background-color: #eeeeee; }
.cMain_other.cMain_dokodemo a figure img { width:60%; }
.cMain_other.cMain_dokodemo a figure figcaption { width:40%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.4em; line-height:1.8em; letter-spacing: 0.15em; }
.cMain_other.cMain_dokodemo a figure figcaption p { margin:0 auto 1em auto; }
.cMain_other.cMain_dokodemo a figure figcaption .cMain_dokodemo_bn { transition: 0.5s ease-in-out; font-size: 1em; line-height:1em; letter-spacing: 0.15em; padding:0.75em 3em; margin:0.5em auto 0 auto; background-color: #ffffff; border-radius: 2em; }
.cMain_other.cMain_dokodemo a:hover figure figcaption .cMain_dokodemo_bn { color:#fff; background-color: #008cce; }

/* cFooter */
.cFooter { letter-spacing: 0.15em; padding:1rem 0 3rem 0; }
.cFooter ul { display: flex; justify-content: center; }
.cFooter ul li { font-size: 1.1em; line-height: 1.5em; margin:0 1em; }
.cFooter p { font-size: 0.7em; margin:3rem 0 0 0; }

/* sp */
@media screen and (max-width: 600px) {

/* options */
.pc { display:none; }
.sp { display:block; }
.pcbr { display:inline; }
.spbr { display:block; }
.pc_inline { display:none; }
.sp_inline { display:inline; }

/* cWrap */
.cWrap { min-width:0; margin:auto; }

/* cHeader */
.cHeader { width: 100%; padding: 0.5em 1.25em 0.5em 0; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cHeader .logo { width:35%; }
.cHeader .cHeader_inner { width:auto; text-align: left; }
.cHeader .cHeader_inner .cHeader_inner_top { margin:0 auto 0 auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__title { font-size: 1.65em; letter-spacing:0.15em; line-height: 1.5em; white-space: nowrap; }
.cHeader .cHeader_inner .cHeader_inner_top .cHeader__nav { display: none; }
.cHeader .cHeader_inner .cHeader_inner_bottom { display: none; }
.cHeader .cHeader__models { display:none; width:100%; }

/* sp */
.sp .cHeader__contents { width: 100%; border-right: solid 1px #ddd; text-align: center; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0.5em auto; }
.sp .cHeader__contents .cHeader__nav ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.sp .cHeader__contents .cHeader__nav ul li { font-size: 1.1em; white-space:nowrap; letter-spacing: 0.15em; border-right: solid 1px #ddd; text-align: left; padding:0 1.25em 0 0; margin:0 1.25em 1em 0; }
.sp .cHeader__contents .cHeader__nav ul li:last-child { border-right: none; text-align: right; padding-right: 0; margin-right: 0; }
.sp .cHeader__contents .cHeader__nav .cHeader__nav--cart a { display: flex; flex-direction: row; align-items: center; }
.sp .cHeader__contents .cHeader__nav .cHeader__nav--cart a img { width: auto; height:1em; margin:0 0.75em 0 0; }
.sp details { width: 96%; margin: 0 auto 1em auto; }
.sp summary { display: block; }
.sp .summary_inner { display: flex; justify-content: center; align-items: center; color: #008cce; font-size: 1.2em; cursor: pointer; background-color: #FFF; border: solid 1px #008cce; border-radius: 2em; padding: 0.7em; }
.sp .summary_inner img { width: auto; height:1em; margin:0 0.5em 0 0; }
.sp summary::-webkit-details-marker { display: none; }
.sp .cHeader__sort { width: 96%; margin: 1.25em auto 1em auto; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; background-color: #FFF; }
.sp .cHeader__sort button { transition: 0.5s ease-in-out; display:block; font-size: 1em; background-color: #eee; padding:1em 0; letter-spacing: 0.15em; }
.sp .cHeader__sort button:not(.selected-button):hover,
.sp .cHeader__sort button.selected-button { color:#fff; background-color: #008cce; }
.sp .cHeader__sort button.notselected-button { color:#333 !important; background-color: #eee !important; }
.sp .cHeader__sort button:last-child { margin-bottom:0; }
.sp .cHeader__sort .cHeader__sort_a { width:100%; padding:0; margin:0 0 1rem 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.sp .cHeader__sort .cHeader__sort_a button:nth-child(1) { width: 100%; border-radius: 1em 1em 0 0; }
.sp .cHeader__sort .cHeader__sort_a button:nth-child(2) { width: 100%; border-radius: 0 0 1em 1em; border-top: solid 1px #fff; }
.sp .cHeader__sort .cHeader__sort_b { width: calc( 72% - 1rem ); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.sp .cHeader__sort .cHeader__sort_b button:nth-child(1) { width: 50%; border-radius: 1em 0 0 0; border-right: solid 1px #fff; }
.sp .cHeader__sort .cHeader__sort_b button:nth-child(2) { width: 50%; border-radius: 0 1em 0 0; }
.sp .cHeader__sort .cHeader__sort_b button:nth-child(3) { width: 100%; border-radius: 0 0 1em 1em; border-top: solid 1px #fff; }
.sp .cHeader__sort .cHeader__sort_c { width: 28%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.sp .cHeader__sort .cHeader__sort_c button:nth-child(1) { width: 100%; border-radius: 1em 1em 0 0; }
.sp .cHeader__sort .cHeader__sort_c button:nth-child(2) { width: 100%; border-radius: 0 0 1em 1em; border-top: solid 1px #fff; }

/* cMain */
.cMain { margin:0 0 3em 0; }
.cMain .cMain_inner { width: 98vw; margin:auto; }
.cMain .cMain_inner .cMain_product_list { }
.cMain .cMain_inner .cMain_product_list .grid-item { padding:1vw; }
.cMain .cMain_inner .cMain_product_list .grid-item:before { font-size: 0.8em; right:1rem; bottom:1rem; padding: 0.5em 1em; }

/* grid */
.grid-sizer,
.grid-item { width: 49vw; height: 49vw; }
.grid-item:nth-child(2),
.grid-item:nth-child(9),
.grid-item:nth-child(12),
.grid-item:nth-child(19),
.grid-item:nth-child(22),
.grid-item:nth-child(29),
.grid-item:nth-child(32),
.grid-item:nth-child(39),
.grid-item:nth-child(42),
.grid-item:nth-child(49),
.grid-item:nth-child(52),
.grid-item:nth-child(59),
.grid-item:nth-child(62),
.grid-item:nth-child(69),
.grid-item:nth-child(72),
.grid-item:nth-child(79) { width: 98vw; height: 98vw; }

/* cMain_other */
.cMain_other { width:100%; padding:0 1vw; }
.cMain_other h2 { width: 100%; font-size: 1.5em; line-height: 1.4em; text-align: center; }
.cMain_other .l2 { width: 100%; flex-direction: column; }
.cMain_other .l2 li { width: 100%; margin:0 0 0.5rem 0; }
.cMain_other .l3 { width: 100%; flex-direction: column; }
.cMain_other .l3 li { width:100%; margin: 0 0 0.5rem 0; }
.cMain_other li .title { font-size: 1em; bottom:1rem; left:1rem; }
.cMain_other.cMain_dokodemo a { display:block; width:100%; }
.cMain_other.cMain_dokodemo a figure { flex-direction: column; }
.cMain_other.cMain_dokodemo a figure img { width:100%; }
.cMain_other.cMain_dokodemo a figure figcaption { width:100%; font-size: 1.1em; padding:3rem 0; }
.cMain_other.cMain_dokodemo a figure figcaption p { margin:0 auto 1em auto; }
.cMain_other.cMain_dokodemo a figure figcaption .cMain_dokodemo_bn { transition: 0.5s ease-in-out; font-size: 1em; line-height:1em; letter-spacing: 0.15em; padding:0.75em 3em; margin:0.5em auto 0 auto; background-color: #ffffff; border-radius: 2em; }

/* cFooter */
.cFooter { letter-spacing: 0.15em; padding:1rem 0 3rem 0; }
.cFooter ul { display: flex; flex-direction: column; justify-content: center; }
.cFooter ul li { font-size: 1.2em; line-height: 2em; margin:0 1em; }
.cFooter p { font-size: 0.6em; margin:3rem 0 0 0; }

}

/* sp_menu */
nav.sp_menu { color: #333; position: fixed; width: 100%; height: 100vh; top: 0; background-color: #333; z-index: 9999; right: 0; text-align: left; }
nav.sp_menu .sp_menu_box { position: relative; width: 100%; height:100vh; padding:0 0 0 0; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
nav.sp_menu .sp_gnav { width: 70%; margin: 2rem auto 0 auto; text-align: left; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
nav.sp_menu .sp_gnav ul { margin: 2rem auto 0 auto; }
nav.sp_menu .sp_gnav li { width: 100%; font-size: 1.3em; line-height: 1; font-weight: 400; text-align: center; margin-bottom: 1em; letter-spacing: 0.05em; }
nav.sp_menu .sp_gnav li a { color: #333; text-decoration: none; }
nav.sp_menu .sp_gnav .sp_menu--cart a img { width: auto; height:1em; margin:0 0.75em 0 0; }
nav.sp_menu .sp_gnav .sp_menu__models { width:100%; margin: 4rem auto 2rem auto; }
nav.sp_menu .sp_gnav .sp_menu__models li { font-size: 1.6em; }
.menu_overlay { position: fixed; width: 100%; height: 100vh; top: 0; right: 0; background-color: #FFF; opacity: 0.95; z-index: -1; }
.menu_btn { width: 60px; height: 50px; background-color: #008cce; overflow: visible; line-height: 10px; font-size: 1px; cursor: pointer; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.menu_btn .line { position: fixed; background-color: #fff; overflow: hidden; z-index: 999; width: 30px; height: 1px; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; bottom: 0; left: 1.1rem; }
.menu_btn .line:nth-child(1) { bottom: 34px; z-index: 2; }
.menu_btn .line:nth-child(2) { bottom: 24px; z-index: 2; }
.menu_btn .line:nth-child(3) { bottom: 14px; z-index: 2; }
.btn_wrapper { z-index: 99999; position: fixed; }
.btn_wrapper.clicked .menu_btn .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(2) { opacity: 0; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }

/* sp */
@media screen and (max-width: 600px) {
  nav.sp_menu { color: #333; position: fixed; width: 100%; height: 100dvh; top: 0; background-color: #333; z-index: 9999; right: 0; text-align: left; }
  nav.sp_menu .sp_menu_box { position: relative; width: 100%; height: 100dvh; padding:0 0 0 0; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center }
  nav.sp_menu .sp_gnav { width: 70%; margin: 0 auto 0 auto; height: 100dvh; text-align: left; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
  nav.sp_menu .sp_gnav ul { margin: 0 auto 0 auto; }
  nav.sp_menu .sp_gnav li { width: 100%; font-size: 1.2em; line-height: 1; font-weight: 400; text-align: center; margin-bottom: 1em; letter-spacing: 0.05em; }
  nav.sp_menu .sp_gnav li a { color: #333; text-decoration: none; }
  nav.sp_menu .sp_gnav .sp_menu--cart a img { width: auto; height:1em; margin:0 0.75em 0 0; }
  nav.sp_menu .sp_gnav .sp_menu__models { width:100%; margin: 1.75rem auto 1.75rem auto; }
  nav.sp_menu .sp_gnav .sp_menu__models li { font-size: 1.4em; }
  .menu_overlay { position: fixed; width: 100%; height: 100vh; top: 0; right: 0; background-color: #FFF; opacity: 0.95; z-index: -1; }
  .menu_btn { width: 60px; height: 50px; background-color: #008cce; overflow: visible; line-height: 10px; font-size: 1px; float: none; cursor: pointer; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .menu_btn .line { position: fixed; background-color: #fff; overflow: hidden; z-index: 999; width: 30px; height: 1px; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; bottom: 0; left: 1.1rem; }
  .menu_btn .line:nth-child(1) { bottom: 34px; z-index: 2; }
  .menu_btn .line:nth-child(2) { bottom: 24px; z-index: 2; }
  .menu_btn .line:nth-child(3) { bottom: 14px; z-index: 2; }
  .btn_wrapper { z-index: 99999; position: fixed; left:0; bottom:0; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(2) { opacity: 0; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
}

/* size */
html,body {
  font-size: clamp(0px, 1vw, 18px);
}

@media screen and (max-width: 600px) {
  html,body {
    font-size: clamp(0px, 3.6vw, 16px);
  }
}

/* flag */
.cMain .flag {
    display: block;
    font-size: 1em;
    line-height: 2em;
    color: #C00;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 1px solid #C00;
    margin: 0 0.5rem 0.5rem 0.5rem;
}

@media screen and (max-width: 600px) {
  /* flag */
  .cMain .flag {
    font-size: 1em;
    line-height:1.8em;
    margin: 1rem 0.25rem 0.75rem 0.25rem;
  }
}