@charset "utf-8";

/* 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; }

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap&subset=japanese');

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-font-smoothing: auto !important; -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-size: 15px; font-weight: 400; font-family: 'Shippori Mincho', serif; text-align: center; letter-spacing: 0.2em; margin: 0px; box-sizing: border-box; background-color: #FFF; color: #333; padding: 0em; }
img { vertical-align: bottom; height: auto; /*width: 100%;*/ -ms-interpolation-mode: bicubic }
::selection { background: #333333; color: #FFF; }
::-moz-selection { background: #333333; }

/* link */
a:link, a:visited, a:active { color: #333333; text-decoration: none; }
a:hover { color: #999; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }
a:link img { }
a:hover img { }
#products .txt_red2 a:link, #products .txt_red2 a:visited, #products .txt_red2 a:active { color: #D3071F; text-decoration: none; }
#products .txt_red2 a:hover { color: #999; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }

/* 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; -webkit-font-feature-settings: normal; font-feature-settings: normal; }
.blend_multiply { mix-blend-mode: multiply; }

/* options */
img.lazy { display: none; }

/* sp */
.pc { display: block ; }
.sp { display: none; }
.pcbr { display: block; }
.spbr { display: inline; }
#online .letter_pc { display: inline; }

/* shop_reset */
#online header { margin:0 !important; }

/* wordpress */
#contents .wp-caption { width: 100% !important; font-size: 0.9em; margin-bottom: 4em; line-height: 1.8em; margin-top: 3em; }
#contents .wp-caption.alignleft { float: left; }
#contents .wp-caption.alignleft img { }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right; }
#contents .wp-caption.alignright img { }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }
img.aligncenter { display: block; }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.vimeo_1 { position: relative; width: 100%; padding-top: 56.25%; }
.vimeo_1 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.vimeo_2 { position: relative; width: 100%; padding-top: 43.33%; }
.vimeo_2 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.vimeo_2_sp { position: relative; width: 100%; padding-top: 100%; }
.vimeo_2_sp iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#animation2 { opacity: 0; }
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadeInDown {
 0% { opacity: 0; }
 100% { opacity: 1; }
}

/* wrapper */
#wrapper { min-width: 1280px; max-width:1680px; padding:auto 5em auto 5em; margin: auto; }

/* header */
#header { margin: auto; position: relative; background-color: #FFF; height: 11em; padding-left: 6%; padding-right: 6%; margin-top: 72px; }
#header h1 { width: 14%; position: absolute; left: 5.3%; top: 1em; z-index: 999; }
#header h1 img { /*width: 100%;*/ height:auto; }
#header .snavi { float: right; overflow: hidden; padding-top: 3em; }
#header .snavi li { float: left; padding-right: 1.2em; padding-left: 1.3em; border-right-width: 1px; border-right-style: solid; border-right-color: #333; line-height: 1em; font-size:1.1em; letter-spacing: 0.25em; }
#header .snavi li img,.sp_gnavi li img { height: 1em !important; width: auto !important; margin-right:0.2em; }
#header .snavi li:first-child { border-left: solid 1px #333; }
#header .gnavi { clear: both; float: right; overflow: hidden; margin-bottom: 2em; margin-top: 6em; margin-right: 4em; }
#header .gnavi li { float: left; margin-right: 4.3em; line-height: 1em; letter-spacing: 0em; padding-bottom: 0.18em; font-size:1.86em; }
#header .gnavi li img { height: 1.4em !important; width: auto !important; }
#header .gnavi li:last-child { margin-right: 0px; }

/* main */
#main { margin-bottom:6.5em; }
#main .slide li { position: relative; text-align: center; }
#main .slide li.mm01 { background-color: #000; }
#main .slide li .txt { position: absolute; left: 5%; top: 0px; z-index: 999; width: 90%; }
#main .control { padding-top: 2em; padding-bottom: 2em; text-align: center; }
#main .control li { display: inline-block; padding-right: 2em; padding-left: 2em; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 1em; }
#main .control li:last-child { border-right-style: none; }

/* slider */
.bx-wrapper { position: relative; padding: 0px; *zoom: 1; height: auto; }
.bx-wrapper img { max-width: 100%; display: block; margin: auto; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -4em; width: 100%; text-align: center; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; clear: both; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { display: block; width: auto; outline: 0; color: transparent; background-color: transparent; line-height: 1em; padding-top: 0px; padding-bottom: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #333; margin-left: 1.5em; padding-left: 1.5em; letter-spacing: 0.1em; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(1) a { border-left-style: none; margin-left: 0; padding-left: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: transparent; }
.bx-wrapper .bx-prev { display: none; }
.bx-wrapper .bx-next { display: none; }
.bx-wrapper .bx-prev:hover { display: none; }
.bx-wrapper .bx-next:hover { display: none; }
.bx-wrapper .bx-controls-direction a { display: none; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { display: none; }
.bx-wrapper .bx-controls-auto .bx-start { display: none; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { display: none; }
.bx-wrapper .bx-controls-auto .bx-stop { display: none; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { display: none; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { display: none; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { display: none; }
.bx-wrapper .bx-caption { display: none; }
.bx-wrapper .bx-caption span { display: none; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:before { color: #333; font-size: 0.9em; line-height: 1em; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(1) a:before { content: "MM01"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(2) a:before { content: "etude"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(3) a:before { content: "Me"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(4) a:before { content: "Me2"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(5) a:before { content: "Unicorn"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(6) a:before { content: "カシミヤのマフラー"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(7) a:before { content: "カシミヤのストール"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(8) a:before { content: "mariko"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(9) a:before { content: "Rhythm-A"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(10) a:before { content: "見つける人"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(11) a:before { content: "ponpon"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(12) a:before { content: "barneys"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:hover:before, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active:before { color: #09C; }

/* introduction */
#introduction { padding-top: 5em; padding-bottom: 0em; position: relative; }
#introduction img { margin: 0 auto; width: 100%; }
#introduction .moji { width: 40%; margin-right: auto; margin-bottom: 3em; margin-left: auto; }
#introduction .open { position:absolute; width: 2%; top:12em; right:10%;  }
#introduction .row .txt { width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 1.8em; line-height: 2.1em; text-align: center; letter-spacing: 0.2em; }
#introduction .row .intro_1 { position: relative; width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 10em; margin-left: auto; }
#introduction .row .intro_2 { position: relative; }
#introduction .row .intro_2 .letter { width: 50%; position: absolute; right: 0%; font-size: 1.3em; line-height: 3em; color: #069; padding-left: 2em; border-left-width: 1px; border-left-style: solid; border-left-color: #069; }

.allow { text-align: center; }
.allow img { width:36px; }

.center_logo { text-align: center; }
#introduction .center_logo img { width: 105px; height: 150px; margin-top: 115px; margin-bottom: 60px; }
#introduction .img_company { margin: 20px auto; max-width: 1493px; text-align: center; }

/* news */
#news { position: relative; }
#news { width: 84%; margin-top: 1.8em; margin-right: auto; margin-bottom: 3em; margin-left: auto; font-size: 1.7em; line-height: 2.2em; letter-spacing: 0; }
#news h2 { margin-bottom: 1.5em; font-size: 1.1em; }
#news .sns { position: absolute; left: 33em; }
#news ul li { margin-left: 0; }
#news ul li .date { margin-right: 1.2em; }
#news .knitting_bot a { border-radius: 1em 0 0 0; -webkit-border-radius: 1em 0 0 0; -moz-border-radius: 1em 0 0 0; overflow: hidden; font-size:1.4em; letter-spacing: 0.2em; line-height:1em; color: #09C; background-color: #fff; position: absolute; bottom:0; right:0; padding:1.5em 3em; }
#news .knitting_bot a i { margin-right:0.5em; }
#news .knitting_bot a:hover { color: #fff; background-color: #09C; }

/* products */
#products { width: 93%; margin-top: 2.5em; margin-right: auto; margin-bottom: 6em; margin-left: auto; font-size: 1.3em; line-height: 2em; }
#products h2 { margin-bottom: 2em; font-size: 1.1em; }
#products .txt1 { padding-left: 1em; }
#products .txt2 { padding-left: 1.2em; }
#products .txt_red { margin: 0 auto; width: 800px; height: 100%; color: #D3071F; padding-top: 2em; padding-bottom: 3em; position: relative;  }
#products .txt_red_img { margin-top: 1em; position: absolute; top: 0em; left: 31em; }
#products .txt_red2 { text-align: center; color: #D3071F; padding-bottom: 3em; font-size: 1.4em; }
#products .products_list { margin-top: 4em; margin-left: 3em; }
#products .products_list li { margin-bottom: 4em; }
#products .products_list li dt { float: left; width: 17em; text-align: center; }
#products .products_list li dt img { height: 15em; width: auto; margin: 1em; }
#products .products_list li dd { float: left; font-size: 0.9em; line-height: 2em; width: 65%; margin-left: 4em; }
#products .products_list li dd h3 { border-bottom: 1px solid #333; font-size: 1.2em; margin-bottom: 1em; line-height: 2em;  }

/* company */
#company { width: 93%; margin-top: 2.5em; margin-right: auto; margin-bottom: 6em; margin-left: auto; font-size: 1.6em; line-height: 2em; position: relative; }
#company h2 { margin-left: 6em; margin-bottom: 2em; font-size: 1.1em; }
#company .company_img { position: absolute; top: 5em; left: 60em; }
#company .company_list { margin-top: 5em; margin-left: 2em; }
#company .company_list li { margin-bottom: 4em; }
#company .company_list li dt { float: left; width: 8em; text-align: left; font-size: 0.9em; margin-left: 1em; }
#company .company_list li dd { float: left; font-size: 0.9em; line-height: 2em; width: 80%; margin-left: 1em; }

.company_map iframe { position: absolute; left: 42em; top: 0; height: 28%; width: 32%; }


.company_navi { padding:20px 0 5px;}
.company_navi nav{ font-size: 1.86em; vertical-align: middle; }
.company_navi nav ul{
display: table;
margin: 0 auto;
padding: 2em 0;
width: 88%;
text-align: center;
}
.company_navi nav ul li{
display: table-cell;
min-width: 50px;
vertical-align: middle;
border-right: 1px solid #000;
}
.company_navi nav ul li:first-child{
border-left: 1px solid #000;
}
.company_navi nav ul li a{
display: block;
width: 100%;
height: 100%;
padding: 140px 0;
text-decoration: none;
color: #000;
}
.company_navi nav ul li a:hover{
color:#ccc;
}
.company_navi nav ul li.current{
font-weight: 400;
}
.company_navi nav ul li.current a{
border-bottom: 5px solid #00B0F0;
color: #00B0F0;
}

/* intro_recruit */
#intro_recruit { padding-top: 3.5em; padding-bottom: 0em; position: relative; }
#intro_recruit img { margin: 0 auto; width: 100%; }
#intro_recruit .row .txt { width: 78%; margin-top: 2.5em; margin-right: auto; margin-bottom: 2em; margin-left: auto; font-size: 1.45em; line-height: 2.5em; }
#intro_recruit .recruit_img1 { margin-top: 1em; margin-left: 40em; }

/* recruit */
#recruit { width: 93%; margin-top: 2.5em; margin-right: auto; margin-bottom: 6em; margin-left: auto; font-size: 1.3em; line-height: 2em; position: relative; }
#recruit h2 { margin-left: 6em; margin-bottom: 2em; font-size: 1.1em; }
#recruit .recruit_img { position: absolute; top: 5em; left: 60em; }
#recruit .recruit_list { margin-top: 4em; margin-left: 15em; }
#recruit .recruit_list li { margin-bottom: 4em; }
#recruit .recruit_list dl { margin-bottom: 4em; }
#recruit .recruit_list li dt { float: left; width: 10em; text-align: left; font-size: ; }
#recruit .recruit_list li dd { float: left; font-size: 0.9em; line-height: 2em; width: 80%; margin-left: 1em; }

/* intro_blog */
#intro_blog { padding-top: 3.5em; padding-bottom: 0em; position: relative; }
#intro_blog img { margin: 0 auto; width: 100%; }

/* blog */
#blog { width: 93%; margin-top: 4em; margin-right: auto; margin-bottom: 6em; margin-left: auto; font-size: 1.3em; line-height: 2em; position: relative; }
#blog h2 { margin-left: 6em; margin-bottom: 2em; font-size: 1.1em; }
#blog dl { }
#blog dt { margin-left: 6em; font-size: 1.1em; float: left; width: 10em; text-align: left; }
#blog dd { font-size: 0.9em; line-height: 2em; width: 80%; margin-left: 1em; }
#blog .blog_list { margin-top: ; margin-left: 22em; }
#blog .blog_list li { margin-bottom: 4em; }
#post_meta h3 { border-bottom: 1px solid #333; font-size: 1.1em; margin-bottom: 1em; line-height: 2em; padding-left: 1em; }
#post_meta p { padding-left: 1em; margin-bottom: 1em; }
#blog_contents { padding-left: 1em; margin-bottom: 6em; }
#blog_contents p { margin-bottom: 1em; }
.postmetadata { float: right; margin-bottom: 6em; }

/* blog_top */
#blog_top { width: 93%; margin-top: 4em; margin-right: auto; margin-bottom: 6em; margin-left: auto; font-size: 1.3em; line-height: 2em; }
#blog_top h2 {margin-bottom: 2em; font-size: 1.1em; }
#blog_top .blog_list li { margin-bottom: 4em; }


/* contents */
#contents { clear: both; text-align: left; min-height: 100vh; margin: 0 50px 0 50px; }

#news #contents { background-color: #EFF0F3; padding-right: 25%; padding-left: 10%; padding-top: 5em; padding-bottom: 5em; overflow: hidden; }
#news #entry { float: right; width: 60%; padding-top: 2em; }
#news #entry .entry { margin-bottom: 7em; }
#news #entry .date { font-size: 1.2em; }
#news #entry .date span { margin-left: 1em; padding-left: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: #333; }
#news #entry h2 { font-size: 1.6em; margin-bottom: 2em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; line-height: 1.4em; margin-top: 1em; }
#news #side { float: left; width: 25%; padding-top: 3em; }
#news #side h3 { font-size: 1.3em; line-height: 1em; margin-bottom: 1em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; margin-top: 5em; display: inline-block; }
#news #side ul { padding-left: 1.5em; display: block; }
#news #side ul li { margin-top: 1.3em; font-size: 1.2em; line-height: 1.2em; }
#news #side ul li dt { font-size: 1em; line-height: 1.8em; }
#news #side ul li dd { font-size: 0.8em; margin-top: 0.5em; margin-bottom: 3em; line-height: 1.8em; }
#news #side ul li dd span { display: block; }
#news #side select { display: block; padding-left: 2em; }
.wp-pagenavi { font-size: 1em; line-height: 1em; padding-top: 3em; text-align: center; }
.wp-pagenavi .pages { margin-right: 0em; padding-right: 1em; border-right-width: 1px; border-right-style: solid; border-right-color: #333; padding-left: 1em; border-left-width: 1px; border-left-style: solid; border-left-color: #333; margin-bottom: 2em; display: inline-block; clear: both; }
.wp-pagenavi .current { font-weight: 400; margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 1em; line-height: 2em; color: #09C; }
.wp-pagenavi a { margin-right: 0.5em; margin-left: 0.5em; margin-bottom: 1em; line-height: 2em; }


/* footer */
#footer { padding-top: 6em; padding-bottom: 3em; clear: both; background-color: #FFF; }
#footer nav { margin-bottom: 2em; }
#footer nav li { display: inline-block; padding-right: 1em; padding-left: 1em; }
#footer p { font-size: 1.1em; line-height: 1em; letter-spacing: 0.15em; }


/* sp */
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }
body { }

@media screen and (max-width: 470px) {
body { font-size: 13px; letter-spacing: 0.2em; }

/* wrapper */
#wrapper { min-width: 0px; }

/* header */
#header { margin: auto; position: relative; background-color: #FFF; height: 6em; padding-right: 5%; padding-left: 5%; }
#header h1 { width: 33%; position: absolute; left: 0%; top: 0em; z-index: 999; }
#header .snavi { display: none; }
#header .gnavi { display: none; }
.home #header { height: 6em; }

/* main */
#main .slide { }
#main .slide li { position: relative; text-align: center; }
#main .slide li.mm01 { background-color: #000; }
#main .slide li .txt { position: absolute; left: 5%; top: 0px; z-index: 999; width: 90%; display: none; }
#main .control { padding-top: 2em; padding-bottom: 2em; text-align: center; }
#main .control li { display: inline-block; padding-right: 2em; padding-left: 2em; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height: 1em; }
#main .control li:last-child { border-right-style: none; }

/* slider */
.bx-wrapper { position: relative; padding: 0px; *zoom: 1; height: auto; }
.bx-wrapper img { max-width: 100%; display: block; margin: auto; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -7em; width: 100%; text-align: center; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; clear: both; margin: auto; padding-right: 5%; padding-left: 5%; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { display: block; width: auto; outline: 0; color: transparent; background-color: transparent; line-height: 1em; padding-top: 0px; padding-bottom: 0em; border-left-width: 1px; border-left-style: solid; border-left-color: #333; margin-left: 0.8em; padding-left: 0.8em; font-size: 1em; letter-spacing: 0.1em; margin-bottom: 0.5em; margin-top: 0em; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(1) a { border-left-style: none; margin-left: 0; padding-left: 0; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(6) a { border-left-style: none; margin-left: 0; padding-left: 0; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(9) a { border-left-style: none; margin-left: 0; padding-left: 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: transparent; }
.bx-wrapper .bx-prev { display: none; }
.bx-wrapper .bx-next { display: none; }
.bx-wrapper .bx-prev:hover { display: none; }
.bx-wrapper .bx-next:hover { display: none; }
.bx-wrapper .bx-controls-direction a { display: none; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { display: none; }
.bx-wrapper .bx-controls-auto .bx-start { display: none; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { display: none; }
.bx-wrapper .bx-controls-auto .bx-stop { display: none; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { display: none; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { display: none; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { display: none; }
.bx-wrapper .bx-caption { display: none; }
.bx-wrapper .bx-caption span { display: none; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:before { color: #333; font-size: 0.9em; line-height: 1em; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(1) a:before { content: "MM01"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(2) a:before { content: "etude"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(3) a:before { content: "Me"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(4) a:before { content: "Me2"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(5) a:before { content: "Unicorn"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(6) a:before { content: "カシミヤのマフラー"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(7) a:before { content: "カシミヤのストール"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(8) a:before { content: "mariko"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(9) a:before { content: "Rhythm-A"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(10) a:before { content: "見つける人"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(11) a:before { content: "ponpon"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(12) a:before { content: "barneys"; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:hover:before, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active:before { color: #09C; }

/* intro */
#introduction { padding-top: 3em; padding-bottom: 2em; }
#introduction .moji { width: 90%; margin-right: auto; margin-bottom: 1em; margin-left: auto; }
#introduction .open { position:static; margin: auto; width: 10%; letter-spacing: 0.1em; }
#introduction .row .txt { width: 90%; margin-top: 5em; margin-right: auto; margin-bottom: 5em; margin-left: auto; font-size: 1.1em; line-height: 2em; }
#introduction .row .intro_1 { width: 100%; margin-top: auto; margin-right: auto; margin-bottom: 5em; margin-left: auto; }
#introduction .row .intro_2 { position: relative; }
#introduction .row .intro_2 .letter { width: 90%; position: static; right: 0%; font-size: 1.1em; line-height: 2em; color: #09C; padding-left: 2em; border-left-width: 1px; border-left-style: solid; border-left-color: #09C; margin-right: auto; margin-left: auto; }
#introduction .row .intro_2 #movie_letter { width:100%; padding-top: 3em; }

/* blog */
#blog { margin: auto; width: 80%; position: relative; }
#blog .blog { overflow: hidden; }
#blog .blog li:last-child { margin-right: 0px; }
#blog .blog li { float: none; width: 100%; margin-right: 0%; text-align: left; margin-bottom: 3em; }
#blog .blog li .title { font-size: 1.3em; line-height: 1.8em; padding-top: 0.8em; padding-bottom: 0.4em; }
#blog .blog li .ex { font-size: 0.8em; line-height: 2em; }
#blog .sns { position: static; top: 0px; right: -5em; text-align: center; padding-top: 2em; }
#blog .sns li { margin-bottom: 0.5em; font-size: 1.6em; line-height: 1em; display: inline-block; margin-right: 0.5em; margin-left: 0.5em; }

/* contents */
#contents { clear: both; text-align: left; min-height: 100vh; padding-bottom: 5em; }
#contents p br { content: ""; }
#contents p br:after { margin-right: -.333em; content: ""; }
#contents .ex br { content: ""; }
#contents .ex br:after { margin-right: -.333em; content: ""; }
.home #contents { padding-bottom: 2em; }
#news #contents p br { display: block; margin-bottom: 0px; }
#news #contents p br:after  { display: none; }

/* news */
#news #contents { background-color: #EFF0F3; padding-right: 7%; padding-left: 7%; padding-top: 7em; padding-bottom: 5em; overflow: hidden; }
#news #entry { float: none; width: 100%; padding-top: 0em; margin-bottom: 3em; }
#news #entry h2 { font-size: 1.5em; margin-bottom: 2em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; line-height: 1.8em; margin-top: 1.5em; }
#news #entry p { letter-spacing: 0.1em; text-align: justify; }
#news #side { float: none; width: 100%; padding-top: 0em; margin-bottom: 3em; }
#news #side h3 { font-size: 1.4em; line-height: 1em; margin-bottom: 1em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; margin-top: 5em; display: inline-block; }
#news #side ul { padding-left: 2.5em; padding-right: 2.5em; display: block; }
#news #side ul li { margin-top: 1.5em; font-size: 1.2em; line-height: 1.6em; }
#news #side ul li dd { font-size: 0.8em; margin-top: 0.5em; }
#news #side select { display: block; padding-left: 2em; }

/* footer */
#footer { padding-top: 2em; padding-bottom: 3em; clear: both; background-color: #FFF; }
#footer nav { margin-bottom: 2em; }
#footer nav li { display: block; padding-right: 1em; padding-left: 1em; line-height: 1em; margin-bottom: 1em; }
#footer p { font-size: 0.8em; line-height: 1em; }

/* online_header */
#online #header { padding:0; margin: auto; position: relative; background-color: #FFF; height: auto;  }
#online #header h1 { width: 33%; position: absolute; left: 0; top: 0; z-index: 999; }
#online #header h2 { margin:0; padding-top:1.6em; padding-left:37%; font-size: 1.6em; text-align: left; display:block; float: none; letter-spacing: 0.15em; line-height: 1.6em; }
#online #header .onavi { float: none; overflow: hidden; padding-top:3.5em; padding-bottom:2em; }
#online #header .onavi li { display:inline-block; float: none; padding-right: 1.2em; padding-left: 1.4em; border-right-width: 1px; border-right-style: solid; border-right-color: #333; line-height: 1em; font-size:1.1em; }
#online #header .onavi li img { height: 1em !important; width: auto !important; }
#online #header .onavi li:first-child { border-left: solid 1px #333; }

}

@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 471px) and (max-width: 1280px) {
body { font-size: 12px; }
#intro .mokuji .snavi li { /*margin-left: 1.15em;*/ }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
#intro .mokuji .snavi li { /*margin-left: 1.17em;*/ }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
#intro .mokuji .snavi li { /*margin-left: 1.19em;*/ }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
#intro .mokuji .snavi li { /*margin-left: 1.21em;*/ }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
#intro .mokuji .snavi li { /*margin-left: 1.23em;*/ }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
#intro .mokuji .snavi li { /*margin-left: 1.25em;*/ }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
#intro .mokuji .snavi li { /*margin-left: 1.27em;*/ }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
#intro .mokuji .snavi li { /*margin-left: 1.29em;*/ }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}


body {
	color: #000;
}

img {
	max-width: 100%;
}

a:link, a:visited, a:active {
	color: #000;
}

#header .gnavi li {
	line-height: 1.25;
	letter-spacing: 0.1em;
}

#new_products {
	margin-top: 3em;
	border: solid 1px #000;
}

#new_products .subject {
	position: relative;
	padding: 3em;
}

#new_products .subject h2 {
	position: absolute;
	top: 50%;
	left: 18%;
	font-size: 3em;
	white-space: nowrap;
	transform: translate(-50%,-50%);
}

#new_products .subject p {
	font-size: 1.8em;
	text-align: center;
	line-height: 2.1;
}

#new_products .detail p {
	font-size: 1.7em;
	line-height: 2.1;
}

#new_products .detail p.notes {
	margin-top: 1em;
	font-size: 1.25em;
	line-height: 1.5;
}

#new_products .primary figure {
	margin-bottom: 2em;
}

#new_products .primary .detail {
	margin: 0 8em;
}

#new_products .secondary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#new_products .secondary .subject {
	flex-basis: 100%;
}

#new_products .secondary figure {
	box-sizing: border-box;
	flex-basis: 30%;
	padding-left: 7em;
}

#new_products .secondary figure img {
	margin-top: -4em;
}

#new_products .secondary .detail {
	flex-basis: 68%;
	margin: 0;
	padding-right: 8em;
}

#new_products .info {
	display: flex;
	justify-content: center;
	padding: 3em 12em 4em;
}

#new_products .info figure {
	flex-basis: 25%;
	text-align: center;
}

#new_products .info figure img {
	width: 7em;
}

#new_products .info .detail {
	box-sizing: border-box;
	flex-basis: 75%;
	padding-left: 0.9em;
}

#new_products .info .detail p {
	font-size: 1.8em;
	line-height: 2.1;
}

#new_products .info .detail p + p {
	margin-top: 1.25em;
}

#new_products .info .detail p.red_txt,
#new_products .info .detail p.red_txt a {
	color: #e50012;
}

#new_products .info .detail p.red_txt a:hover {
	opacity: 0.6;
}

#new_products .info .detail .contact {
	margin-top: 2em;
}

#new_products .info .detail .contact p {
	font-size: 1.7em;
}

#new_products .info .detail .contact p.number,
#new_products .info .detail .contact p.email {
	margin-top: 1em;
	font-size: 2.4em;
	line-height: 1.25;
}

#new_products .info .detail .contact p.email a:hover {
	opacity: 0.6;
}


.recipe {
	margin-top: 3em;
	border: solid 1px #000;
}

.recipe .subject {
	position: relative;
	padding: 4em 3em;
}

.recipe .subject h2 {
	position: absolute;
	top: 50%;
	left: 25%;
	padding: 0.25em 0.5em;
	font-size: 3em;
	text-align: center;
	line-height: 1.2;
	white-space: nowrap;
	transform: translate(-50%,-50%);
}

.recipe .subject h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #000;
}

.recipe .subject figure {
	text-align: center;
}

.recipe .subject figure img {
	width: 7em;
}

.recipe .lead {
	margin-bottom: 3em;
}

.recipe .lead p {
	font-size: 1.7em;
	text-align: center;
	line-height: 2.1;
}

.recipe .detail {
	padding: 3em 5em 4em;
}

.recipe .detail h3,
.recipe .detail p {
	font-size: 1.5em;
	line-height: 1.75;
}

.sns {
	display: flex;
	justify-content: center;
	margin: 6em 0;
}

.sns a {
	box-sizing: border-box;
	margin: 0 2em;
}

.sns a:hover {
	opacity: 0.6;
}

.sns a i {
	font-size: 3.5em;
}

#introduction .kv {
	position: relative;
}

#introduction .kv a {
	display: block;
	position: absolute;
	top: 3.963%;
	left: 53.165%;
	width: 27.215%;
	height: 46.235%;
}

#intro_products {
	margin-top: 1.8em;
	margin-bottom: 3em;
}

#intro_products h2 {
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #000;
	font-size: 2em;
	text-align: center;
}

#intro_products p {
	width: 83%;
	margin: 0 auto;
	font-size: 1.8em;
	line-height: 1.8;
}

#intro_products p strong {
	color: #e50012;
	font-weight: 400;
}


#recipe_info {
	margin-top: 1.8em;
	margin-bottom: 3em;
}

#recipe_info h2 {
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #000;
	font-size: 2em;
	text-align: center;
}

#recipe_info img {
	width: 100%;
}

#products.page {
	width: 100%;
}

#products.page .txt_red {
	width: 90%;
	padding-bottom: 4em;
}

#products.page .txt_red h3 {
	position: relative;
	margin-bottom: 0.5em;
	font-size: 1.53em;
}

#products.page .txt_red p {
	position: relative;
	padding-left: 60px;
	color: #000;
	font-size: 1.41em;
	line-height: 2;
}

#products.page .txt_red_img {
	left: auto;
	right: 0;
	z-index: -1;
	width: 28%;
	margin-top: 3em;
}

#products.page .txt_red2 {
	margin-bottom: 3em;
	padding-bottom: 0;
}

#products.page .products_list {
	margin-left: 0;
}

#products.page .products_list li dl {
	display: flex;
	justify-content: space-between;
}

#products.page .products_list li dl dt {
	flex-basis: 34%;
	width: auto;
	padding: 0 46px;
}

#products.page .products_list li dl dt img {
	height: auto;
	margin: 0;
}

#products.page .products_list li dl dd {
	flex-basis: 66%;
	width: auto;
	margin-left: 0;
}

#products.page .products_list li dl dd h3 {
	font-size: 1.41em;
}

#products.page .txt2 {
	font-size: 1.28em;
	line-height: 2.4;
}

#contact {
	position: relative;
}

#contact a {
	position: absolute;
	top: calc(100% * 420 / 543);
	left: calc(100% * 630 / 1920);
	width: calc(100% * 640 / 1920);
	height: calc(100% * 70 / 543);
}

#recruit {
	margin-top: 6.5em;
	margin-bottom: 6.5em;
}

#recruit h2 {
	margin-left: 3.5em;
	font-size: 1.538em;
}

#recruit .recruit_list {
	margin-left: 8.5em;
}

#recruit .recruit_list li {
	margin-bottom: 0;
}

#recruit .recruit_list li dl:last-child {
	margin-bottom: 0;
}

#recruit .recruit_list li dl dt {
	width: 20%;
	font-size: 1.282em;
}

#recruit .recruit_list li dl dd {
	width: 76%;
	margin-left: 4%;
}

.recruit_contact {
	position: relative;
	margin-bottom: 5em;
}

.recruit_contact a {
	position: absolute;
	top: calc(100% * 370 / 502);
	left: calc(100% * 790 / 1920);
	width: calc(100% * 460 / 1920);
	height: calc(100% * 60 / 502);
}