@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

/* 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, dt, strong, th { font-family: Roboto, "Shuei KakuGo Gin B", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 100%; }
#en h1, #en h2, #en h3, #en h4, #en h5, #en h6 { letter-spacing: 0.04em !important; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -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-size: 15px; font-family: Roboto, Shuei KakuGo Gin L, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0px; box-sizing: border-box; background-color: #FFF; color: #333; padding: 0em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #333333; color: #FFF; }
::-moz-selection { background: #333333; }

/* link */
a:link, a:visited, a:active { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; transition: border-bottom-color 0.2s linear; -webkit-transition: border-bottom-color 0.2s linear; }
a:link img { transition: 0.2s linear; }
a:hover img { filter: alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

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

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

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

/* wrapper */
#wrapper { min-width:1260px; max-width:1680px; margin:auto; }
#en #wrapper { font-size: 0.9em; }
#en #main .txt p { font-size: 1.1em; line-height: 1.8em; text-align: left; }
.under { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight: normal; width: 0.6em; display: inline-block; text-align: center; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; }

/* footer */
#footer { margin: 2em auto 4em auto; }

/* navi */
.navi { margin: auto; width: 90%; padding-top: 1em; padding-bottom: 2.5em; display: block; text-align: left; overflow: hidden; }
.navi h1, .navi .flogo { float: left; width: 22%; padding-top: 3em; }
.navi nav { font-family: Roboto, Shuei KakuGo Gin B, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; float: right; width: 72%; }
.navi .gnavi { padding-top: 1.3em; float: left; }
.navi .gnavi li { font-size: 1.2em; line-height: 1em; font-weight: bold; margin-top: 1em; margin-bottom: 1em; width: auto; margin-right: 3em; letter-spacing: 0.1em; }
#en .navi .gnavi li { font-size: 1.3em; letter-spacing: 0.05em; margin-right: 4em; }
.navi .gnavi .gnavi_1 { float: left; }
.navi .gnavi .gnavi_2 { float: left; }
.navi .gnavi .gnavi_3 { float: left; }
.navi .gnavi .gnavi_4 { float: left; margin-right: 0; }
.navi .snavi { float: right; padding-top: 0.8em; }
.navi .snavi li { padding-top: 0.3em; padding-bottom: 0.3em; font-size: 0.9em; line-height: 1em; font-weight: bold; }
.navi .snavi .sns { margin-bottom: 1em; overflow: hidden; padding-left: 0.1em; }
.navi .snavi .sns li { line-height: 1em; float: left; font-size: 1em; padding-right: 0.8em; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; padding-top: 0px; padding-bottom: 0px; padding-left: 0em; margin-top: 0.2em; margin-right: 0.8em; }
#ja .navi .snavi .sns li:nth-child(1) a { color: #000; }
#ja .navi .snavi .sns li:nth-child(2) a { color: #CCC; }
#en .navi .snavi .sns li:nth-child(1) a { color: #CCC; }
#en .navi .snavi .sns li:nth-child(2) a { color: #000; }
#ja .navi .snavi .sns li:nth-child(1) a:hover { color: #000; }
#ja .navi .snavi .sns li:nth-child(2) a:hover { color: #000; }
#en .navi .snavi .sns li:nth-child(1) a:hover { color: #000; }
#en .navi .snavi .sns li:nth-child(2) a:hover { color: #000; }
.navi .snavi .sns li a:hover { color: #000; }
.navi .snavi .sns li:nth-child(3), .navi .snavi .sns li:nth-child(4) { border-right-style: none; font-size: 1.3em; line-height: 1em; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0.8em; }
.navi .snavi .sns li:nth-child(3) a, .navi .snavi .sns li:nth-child(4) a { cursor: pointer; display: block; }
.navi .snavi .sns li:nth-child(3) a:hover, .navi .snavi .sns li:nth-child(4) a:hover { display: block; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #CCC; }
.navi .snavi .other { display: block; clear: both; }
.navi .gnavi li a:hover, .page-history .history a, .page-manufacturing .craft a, .page-yarn .yarn a, .page-textile .textile a, .page-technique .technique a, .page-oem .oem a, .page-interview .interview a,.parent-pageid-1154 .interview a, .page-people .people a, .page-summerknit .summerknit a, .page-original .original a, .page-contact .contact a, .page-care .navi .gnavi .care a { padding-bottom: 0.15em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; }
.navi .snavi li a:hover, .page-company .company a:nth-child(1), .page-recruit .company a:nth-child(2), .page-privacy .privacy a, .page-news .newsblog a { padding-bottom: 0.1em; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #333; }
.page-people #main .people a { border:none; padding-bottom: 0; }

/* main */
#main section { clear: both; display: flex; flex-direction: row; align-items: center;  flex-wrap: wrap;}
#main section div:nth-child(1).left { order:1; }
#main section div:nth-child(2).right { order:2; }
#main section div:nth-child(1).right { order:2; }
#main section div:nth-child(2).left { order:1; }
#main .left { width: 50%; }
#main .right { width: 50%; }
#main h1 { margin-bottom: 2em; }
#main h1 span { font-size: 2em; line-height: 5em; padding-bottom: 0.2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; letter-spacing: 0.1em; }
#en #main h1 span { letter-spacing: 0.05em; }
#main h1 span span { font-size: 1em; padding: 0; border: none; }
#main .txt { padding-right: 7%; padding-left: 7%; text-align: left; }
#main .txt h2 { margin-bottom: 6em; text-align: right; }
#main .txt h2 span { font-size: 1em; line-height: 1em; padding-bottom: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; }
#main .txt h3 { font-size: 1.5em; line-height: 1.6em; font-weight: bold; margin-bottom: 1em; letter-spacing: 0.1em; }
#main .txt p { font-size: 1.15em; line-height: 2em; text-align: justify; margin: 0 0 1.25em 0; }
#main .txt p:last-child { margin: 0 0 0 0; }
#main .txt .g-mark { text-align: right; }
#main .txt .g-mark img { width: 8rem; }
#main .lead { padding-top: 12em; padding-right: 10%; padding-left: 10%; text-align: left; }
#main .lead h2 { font-size: 3em; line-height: 1.8em; margin-bottom: 0.8em; letter-spacing: 0.1em; }
#main .lead p { font-size: 1em; padding-left: 2em; }
#en #main .lead p { padding-left: 0em; }
#main .person { background-color: #eee; overflow: hidden; padding-top: 6em; padding-bottom: 6em; }
#main .person .left { padding-left: 10%; }
#main .person .txt { padding-top: 10em; }
#main .person .txt h2 { font-size: 2.2em; margin-bottom: 1em; text-align: left; letter-spacing: 0.04em; line-height: 1.8em; }
#main .person .txt p.profile { font-size: 0.9em; margin-top: 1.5em; }
#main .person.person_9 { flex-direction: row-reverse; }
#main .person.person_3 .left,
#main .person.person_9 .left { padding-left: 0; padding-right: 10%; }
#main .pagelink a { font-family: Shuei KakuGo Gin B; border: 2px solid #333; margin-top: 2em; display: inline-block; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; }
#main .pagelink a:hover { color: #FFF; background-color: #000; }

/* home */
#main .madeby { margin: auto; padding-top: 13em; padding-right: 13%; padding-left: 13%; }
#main .in { margin: auto; width: 80%; }
#main .factory_tour  { padding-top: 8em; }
#main .factory_tour { position:relative; }
#main .factory_tour .att { display:inline-block; position:absolute; right:0; bottom:0; padding:1em 2em; background-color:red; color:#fff; font-size:1.4em; line-height:1em; margin:auto; font-family: "Shuei KakuGo Gin B" }
#main .amuhito  { padding: 8em 0 0 0; }
#main .rigid-cashmere-sweater { padding: 8em 0 0 0; }

#main .banner { overflow: hidden; clear: both; padding-top: 8em; }
#main .banner li { float: left; width: 25%; margin-bottom: 3em; }
#main .banner li:nth-child(5),
#main .banner li:nth-child(9) { clear: both; }
#main .banner li a span { font-family: Shuei KakuGo Gin B; font-size: 1.2em; line-height: 5em; padding-bottom: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; margin-bottom: 3em; font-weight: bold; letter-spacing: 0.1em; }
#en #main .banner li a span { font-family: Shuei KakuGo Gin B; font-size: 1.1em; letter-spacing: 0em; }
#main .news { background-color: #eee; clear: both; padding-top: 5em; padding-bottom: 3em; overflow: hidden; text-align: left; }
.home #main .news { padding-bottom: 0em; }
#main .news h2 { font-size: 1.6em; line-height: 1em; margin-bottom: 1.2em; font-weight: bold; }
#main .news h2 span { font-size: 0.7em; margin-left: 1em; }
#main .news h2 i { margin-right: 0.4em; }
#main .news .left { width: 48%; float: left; }
#main .news .right { width: 48%; float: right; }
#main .news li { float: left; width: 46%; margin-right: 8%; }
#main .news.instagram { padding-top: 5em; padding-bottom: 5em; }
#main .news.instagram li { float: left; width: 22%; height:18em;  margin-right: 4%; }
#main .news.instagram li img,
#main .news.instagram li video { object-fit: cover; width:100%; height:100%; }
#main .news li:last-child { margin-right: 0px; }
#main .news li dt { overflow: hidden; position: relative; height: 18em; }
#main .news li dt img { width: 100%; position: absolute; left: 0px; top: 0px; }
#main .news li dd.title { font-family: Roboto, Shuei KakuGo Gin B, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1em; line-height: 1.5em; font-weight: bold; margin-bottom: 0.8em; margin-top: 1.2em; height: 1.5em; overflow: hidden; }
#main .news li dd.ex { font-size: 0.9em; line-height: 1.8em; margin-bottom: 1em; }
#main .news li dd.date { font-size: 0.7em; line-height: 1em; }
#instagram { width:100%; }

/* history */
#main .history_01 { text-align: left; }
#main .history_01 h2 { font-size: 4em; line-height: 1.4em; margin-bottom: 0.5em; text-align: justify; letter-spacing: 0.1em; }
#main .history_01 p { font-size: 1.2em; line-height: 2em; font-weight: bold; }
#main .history_01 p.cap { font-size: 0.8em; line-height: 1.6em; font-weight: normal; margin-bottom: 3em; margin-top: 1em; }
#main .history_02 { text-align: center; padding-right: 38%; padding-left: 38%; padding-top: 10em; padding-bottom: 10em; }

/* people */
#main .people { overflow: hidden; }
#main .people ul { display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
#main .people li { width: 33.333%; }

/* company */
#main .company_02 { padding-top: 7em; padding-bottom: 7em; overflow: hidden; }
#main .company_03 { margin: 10em 0; overflow: hidden; align-items: flex-start; justify-content: space-between; }
#main .company_03 h2 { text-align: left; }
#main .company_03 .left.txt { padding-right: 5%; }
#main .company_03 .right.txt { padding-left: 5%; }
#main .company_03 p { font-size: 0.9em; line-height: 1.8em; }
#main .company_03 dl { display: block; clear: both; overflow: hidden; }
#main .company_03 dt { float: left; width: 25%; clear: both; margin-bottom: 0.5em; font-weight: bold; }
#main .company_03 dd { float: left; width: 75%; margin-bottom: 0.5em; line-height: 1.6em; }
#main .company_03 .right dt { width: 15%; }
#main .company_03 .right dd { width: 85%; }
#main .company_04 { margin-bottom: 10em; }
#main .message { background-color: #eee; padding-top: 5em; padding-bottom: 10em; overflow: hidden; }
#main .message h2 { font-size: 1.8em; margin-bottom: 1em; margin-top: 2em; text-align: left; line-height: 2em; }
#main .message img { margin-bottom: 2em; }
#main .message .left.txt { padding-right: 5%; padding-top: 0px; }
#main .message .right.txt { padding-left: 5%; font-size: 0.8em; padding-top: 5em; }

/* textile */
#main .archives_02 { clear: both; overflow: hidden; }
#main .original_03 { width: 80%; padding-top: 10em; padding-bottom: 10em; margin: auto; }
#main .original_02 .txt { padding-top: 5em; }
#main .original_01.original_tis { padding-top: 5em; }
#main .original_01.original_yonetomi { padding-top: 5em; }
#main .original_02.original_yonetomi { padding-bottom: 5em; }

/* oem */
#main .oem_flow .left.txt { padding-right: 7%; padding-left: 15%; }
#main .oem_flow .right.txt { padding-left: 5%; }
#main .oem_flow .right.txt dl { padding: 3em; border: 1px solid #000; }
#main .oem_flow .right.txt dt { font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 1em; }
#main .oem_flow .right.txt dd { font-size: 1.1em; line-height: 1.8em; margin-bottom: 2em; padding-bottom: 2em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
#main .oem_flow .right.txt dd.none { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none; }

/* contact */
#main .care { text-align: left; overflow: hidden; margin: auto; width: 60%; margin:0 auto 0 auto; }
#main .care h2 { width:100%; margin:3em 0 1.5em 0; font-size: 1.2em; line-height:1em; text-align: center; border:solid 2px #333; padding:1em; }
#main .care h3 { width:100%; margin:3em 0 1em 0; font-size: 1.4em; line-height:1.8em; }
#main .care h4 { width:100%; margin:2em 0 1em 0; font-size: 1.1em; line-height:1.5em; border-left:solid 2px #333; padding:0 0 0 1em; }
#main .care p { font-size: 1em; line-height: 2em; }
#main .care p.cap { font-size: 0.8em; line-height: 2em; }
#main .care p a.download { border-bottom:solid 1px #333; }
#main .care .care_nav { width: 100%; margin:0 0 3em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main .care .care_nav li { width:48%; }
#main .care .care_nav li a { background-color: #eee; display:block; text-align: center; padding:2em; font-size: 1.2em; font-weight: bold; line-height: 1em; }
#main .care .care_nav li a:hover { background-color: #333; color:#fff; }
#main .care .care_nav li a i { margin:0 1em 0 0; }
#main .care .care_flow { margin:0 0 1em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#main .care .care_flow dt { border-bottom:solid 1px #fff; font-size: 1.2em; line-height:1.5em; width:15%; background-color: #333; color:#fff; padding:1em; margin:0 0 0 0; display: flex; align-items: center; text-align: center;  justify-content: center;}
#main .care .care_flow dd { border-bottom:solid 1px #fff; font-size: 1.1em; line-height:1.5em; width:85%; background-color: #eee; padding:1.5em; margin:0 0 0 0; display: flex; align-items: center; }

/* contact */
#main .mailform { text-align: left; margin: auto; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 60%; margin:0 auto 5em auto; }
#main .mailform form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; }
#main .mailform h2 { width:100%; margin:3em 0 2em 0; font-size: 1.2em; line-height:1em; text-align: center; border:solid 2px #333; padding:1em; }
#main .mailform p { font-size: 1em; line-height: 2em; }
#main .mailform .mailform_left { width: 65%; }
#main .mailform .mailform_right { width: 30%; }
#en #main .mailform .mailform_left,
#ah #main .mailform .mailform_left { width: 100%; }
#main .mailform table { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
#main .mailform th { white-space: nowrap; padding-top: 1em; padding-bottom: 1em; padding-right: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
#main .mailform td { padding-top: 0.5em; padding-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; font-size: 0.9em; line-height: 1.8em; }
#main .mailform td.genre label { margin-right:1em; }
#main .mailform input[type="text"] { background-color: #eee; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0.5em; margin-bottom: 0.5em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; font-size: 1em; line-height: 1.5em; }
#main .mailform textarea { background-color: #eee; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; height: 20em; font-size: 1em; line-height: 1.5em; }
#main .mailform input[type="submit"] { cursor: pointer; color: #FFF; background-color: #000; text-align: center; display: block; padding: 1em; font-size: 1.2em; line-height: 1em; letter-spacing: 0.1em; width: 100%; border: 2px solid #000; font-family: "Shuei KakuGo Gin B"; }
#main .mailform input[type="submit"]:hover { color: #000; background-color: #FFF; border: 2px solid #000; }
#en #main .mailform input[type="text"],
#en #main .mailform textarea,
#en #main .mailform input[type="submit"],
#en #main .mailform #formWrap input[type="button"] { font-family: Roboto, sans-serif !important; font-size: 1.4em; }
#main .mailform .att { line-height: 2em; }
#main .mailform .att h5 { margin:2em 0 0.5em 0; }
#main .mailform .mw_wp_form_preview .cap { display:none !important; }
#main .mailform #formWrap { }
#main .mailform #formWrap .mailform_check { margin:2em 0; }
#main .mailform #formWrap .formTable { margin:2em 0; }
#main .mailform #formWrap .mailform_check .error_messe { font-weight: bold; }
#main .mailform #formWrap input[type="button"] { cursor: pointer; color: #000; background-color: #fff; text-align: center; display: block; padding: 1em; font-size: 1.2em; line-height: 1em; letter-spacing: 0.1em; width: 100%; margin:1em 0 0 0; border: 2px solid #000; font-family: "Shuei KakuGo Gin B"; }
#main .mailform #formWrap input[type="button"]:hover { color: #fff; background-color: #000; border: 2px solid #000; }
#main .contact_thanks { font-size: 1em; line-height:2em; }

/* privacy */
#main .privacy { text-align: left; margin: auto; width: 40%; }
#main .privacy dt { font-weight: bold; margin-top: 2em; margin-bottom: 1em; }
#main .privacy dd { line-height: 1.8em; text-align: justify; }
#en #main .privacy dd { text-align: left; }

/* recruit */
#main .recruit { text-align: left; width: 45%; margin: auto; }
#main .recruit .recruit_navi { margin-bottom: 3em; }
#main .recruit .recruit_navi li { margin-bottom: 1em; font-family: "Shuei KakuGo Gin B"; font-size: 1.2em; clear: both; }
#main .recruit .recruit_navi li i { margin-right: 0.5em; float: left; margin-bottom: 1em; }
#main .recruit .recruit_box { padding: 5em; margin-bottom: 3em; border: 1px solid #000; }
#main .recruit .recruit_box p { line-height: 2em; margin-bottom:1.5em; }
#main .recruit h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
#main .recruit h4 { font-size: 1em; font-weight: bold; margin-top: 2em; margin-bottom: 0.5em; }

/* entrybody */
#main .entrybody { font-feature-settings : "palt"; text-align: left; width: 40%; margin-top: auto; margin-right: auto; margin-bottom: 10em; margin-left: auto; overflow: hidden; letter-spacing: 0.05em; }
#main .entrybody h2 { font-size: 1.6em; margin-top: 1em; margin-bottom: 1.5em; }
#main .entrybody h3 { font-size: 1.3em; margin-top: 2em; margin-bottom: 0.5em; }
#main .entrybody p { font-size: 1.1em; line-height: 2em; margin-bottom: 1.5em; text-align: justify; }
#main .entrybody a  { text-decoration: underline !important; }
#main .entrybody a:hover { text-decoration: none !important; }
#main .entrybody .date { margin-top: 3em; font-size: 0.9em; line-height: 1em; display: block; font-family: "Shuei KakuGo Gin B"; }
#main .entrybody img { margin-top: 1em; margin-bottom: 1em; }
#main .entrybody dl { margin-bottom: 2em; overflow: hidden; clear: both; margin-top: 1em; padding-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
#main .entrybody dt { font-size: 1em; font-weight: bold; line-height: 1.6em; float: left; width: 25%; clear: both; padding-top: 1em; border-top-width: 1px; border-top-style: solid; border-top-color: #333; margin-top: 1em; }
#main .entrybody dd { font-size: 1em; line-height: 1.6em; float: left; width: 75%; padding-top: 1em; border-top-width: 1px; border-top-style: solid; border-top-color: #333; margin-top: 1em; }

/* movie_box */
.movie_box { position:relative; display:block; }
.movie_box a.bot { text-align: center; position:absolute; right:0; bottom:0; font-size:1.4em; padding:1em 1.5em 1em 1.5em; background-color: #000; color:#fff;  }
.movie_box a.bot i { margin:0 1em 0 0; }
.movie_box a.bot:hover { color:#000; background-color: #fff; }

/* interview */
#interview { text-align: left; font-feature-settings : "palt"; background-color: #EEE9E0; overflow: hidden; }
#interview .interview_title { font-size: 1.5em; line-height: 1em; font-weight: bold; }
#interview .interview_story { overflow: hidden; margin:0 0 8em 0; }
#interview .interview_left { float: left; width: 50%; }
#interview .photo { margin-bottom: 4em; }
#interview .profile { padding-left: 20%; font-size: 1.1em; line-height: 2em; margin-bottom: 1em; text-align: justify; }
#interview .profile p { margin-bottom: 1em; }
#interview .profile strong { font-weight: bold; }
#interview .sub_photo { padding-left: 20%; }
#interview .sub_photo img { margin-top:4em; }
#interview .interview_right { float: right; width: 50%; padding: 8em; }
#interview .interview_name { margin-bottom: 5em; margin-top: 5em; }
#interview .interview_name .en { display: block; font-family: Barlow; font-size: 5em; line-height: 1.2em; }
#interview .interview_name .jp { display: block; }
#interview .interview_lead { font-weight: bold; }
#interview .interview_lead p { margin-bottom: 1em; }
#interview .interview_body p { margin-bottom: 1em; }
#interview .interview_right h2 { margin-top: 2.5em; margin-bottom: 0.5em; font-size: 1.2em; line-height: 1.5em; }
#interview .interview_right p { font-size: 1.2em; line-height: 2em; text-align: justify; letter-spacing: 0.02em; }
#interview .interview_right p.cap { font-size: 0.7em; line-height: 2em; margin-top: 2em; }
#interview .interview_right p sup { font-size: 0.6em; }
#interview .interview_archives { width: 80%; overflow: hidden; margin:8em auto; }
#interview .interview_archives .interview_title { font-size: 2em; line-height: 2em; }
#interview .interview_archives ul { margin-top: 5em; }
#interview .interview_archives li { float: left; width: 27%; margin-right: 9.5%; margin-bottom:3em; }
#interview .interview_archives li:nth-child(3n) { margin-right: 0px; }
#interview .interview_archives li span { display: block; padding-top: 1em; line-height: 1.5em; }
#interview em { font-style:italic; }
#en #interview .interview_left .profile { line-height: 1.8em; text-align: left; }
#en #interview .interview_right p { font-size: 1.1em; line-height: 1.8em; text-align: left; letter-spacing: 0em; }
#en #interview .interview_right p.cap { font-size: 0.7em; }
#en #interview,#zh #interview { text-align: left !important; }
#en #contents #instagram,#zh #contents #instagram { padding-top: 0em; }

/* summerknit */
.summerknit_05 { margin:5rem 0; }
.summerknit_06 { margin:5rem 0; }
.summerknit_05 .summerknit_05--credit { margin:1em 0; font-size: 0.9em; line-height: 1.4; text-align: left; letter-spacing: 0.05em; padding:0 0 0 2em; }
.modal-001__wrap { display: inline-block; }
.modal-001__wrap input { display: none; }
.modal-001__open-label,
.modal-001__close-label { position: relative; cursor: pointer; }
.modal-001__open-label i { position: absolute; right:0; bottom:0; background-color: #000; color:#fff; width:3em; height:3em; font-size: 1.4em; line-height: 3em; }
.modal-001__open-label:hover i { background-color: #fff; color:#000; }
.modal-001 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.modal-001__open-input:checked + label + input + .modal-001 { display: block; animation: modal-001-animation .6s; }
.modal-001__content-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: calc(100vw - 8vw); z-index: 2; }
.modal-001__close-label {
    background-color: #000; color: #fff; width: 2em; height: 2em;
    font-size: 2em; line-height: 2; text-align: center; display: table-cell;
    position: fixed; top: 0; right: 0; z-index: 99999;
}
.modal-001__close-label:hover { background-color: #fff; color: #000; }
.modal-001__content { max-height: calc(100vh - 8vw); overflow-y: auto; }
.modal-001__background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255, 1); z-index: 1; }

.modal-002__wrap { display: inline-block; }
.modal-002__wrap input { display: none; }
.modal-002__open-label,
.modal-002__close-label { position: relative; cursor: pointer; }
.modal-002__open-label i { position: absolute; right:0; bottom:0; background-color: #000; color:#fff; width:3em; height:3em; font-size: 1.4em; line-height: 3em; }
.modal-002__open-label:hover i { background-color: #fff; color:#000; }
.modal-002 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.modal-002__open-input:checked + label + input + .modal-002 { display: block; animation: modal-001-animation .6s; }
.modal-002__content-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: calc(100vw - 8vw); z-index: 2; }
.modal-002__close-label {
    background-color: #000; color: #fff; width: 2em; height: 2em;
    font-size: 2em; line-height: 2; text-align: center; display: table-cell;
    position: fixed; top: 0; right: 0; z-index: 99999;
}
.modal-002__close-label:hover { background-color: #fff; color: #000; }
.modal-002__content { max-height: calc(100vh - 8vw); overflow-y: auto; }
.modal-002__background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255, 1); z-index: 1; }

@keyframes modal-001-animation {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

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

@media screen and (max-width: 599px) {

/* wrapper */
#wrapper { min-width:0px; }
#header { text-align: center; }
.spbr { display: block; }
.pc { display:none; }
.sp { display:block; }

/* header */
#header nav { display: none; }

/* footer */
#footer { margin: 2em auto 5em auto; }
#footer nav { float: none; width: 100%; overflow: hidden; margin-bottom: 3em; }

/* navi */
.navi { margin: auto; width: 90%; padding-top: 1em; padding-bottom: 2em; display: block; text-align: left; overflow: hidden; }
.navi .flogo { text-align: center; padding-top: 5em; clear: both; display: block; }
.navi h1, .navi .flogo { float: none; width: 70%; margin-right: auto; padding-top: 1.5em; margin-left: auto; }
.navi .gnavi { padding-top: 0.1em; float: left; width: 60%; }
.navi .gnavi li { font-size: 1.1em; line-height: 1.1em; margin-top: 0.5em; margin-bottom: 0.9em; width: auto; margin-right: 0em; letter-spacing: 0em; font-family: Roboto, "Shuei KakuGo Gin B"; }
#en .navi .gnavi li { font-size: 1.2em; letter-spacing: 0em; margin-right: 0em; font-weight: bold; font-family: Roboto; }
.navi .gnavi .gnavi_1 { float: none; }
.navi .gnavi .gnavi_2 { float: none; }
.navi .gnavi .gnavi_3 { float: none; }
.navi .snavi { width: 40%; float: right; padding-top: 0.5em; }
.navi .snavi li { font-family: Roboto, "Shuei KakuGo Gin B"; padding-top: 0.55em; padding-bottom: 0.55em; font-size: 0.8em; line-height: 1em; font-weight: bold; letter-spacing: 0em; }
.navi .snavi .sns { overflow: hidden; margin:0; padding:0; }
.navi .snavi .sns li { font-size: 1.3em; float: left; width:50%; border:none; padding:0; margin:0 0 2em 0; }
.navi .snavi .sns li:nth-child(1) { border-left:1px solid #333; border-right:1px solid #333; text-align: center; }
.navi .snavi .sns li:nth-child(2) { border-right:1px solid #333; text-align: center; }
.navi .snavi .sns li:nth-child(3),
.navi .snavi .sns li:nth-child(4) { width:auto; font-size: 1.8em; border:none; padding:0; margin:0 1em 1.5em 0; }
.navi .snavi .sns li:nth-child(4) { padding:0 ;margin:0; }
.navi .snavi .other { display: block; clear: both; }
.navi .gnavi li a:hover, .history .history a, .craft .craft a, .materials .materials a, .textile .textile a, .technique .technique a, .oem .oem a, .original .original a, .people .people a, .contact .contact a { padding-bottom: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; }
.navi .snavi li a:hover, .company .company a, .recruit .recruit a, .privacy .privacy a, .news .news a { padding-bottom: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; }
#en .navi .gnavi { float: none; width: 100%; margin-bottom: 2em; letter-spacing: 0.0em; }
#en .navi .snavi { float: none; padding-top: 0em; }

/* main */
#main section { clear: both; display: flex; flex-direction: column; align-items: center; }
#main section div:nth-child(1).left { order:1; }
#main section div:nth-child(2).right { order:2; }
#main section div:nth-child(1).right { order:1; }
#main section div:nth-child(2).left { order:2; }
#main .left { width: 100%; }
#main .right { width: 100%; }
#main h1 { margin-bottom: 3em; }
#main h1 span { font-size: 1.6em; line-height: 2em; padding-bottom: 0.2em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; letter-spacing: 0.1em; }
#main .txt { padding-top: 5em; padding-right: 10%; padding-left: 10%; text-align: left; padding-bottom: 5em; }
#main .txt h2 { margin-bottom: 3em; text-align: right; }
#main .txt h2 span { font-size: 1em; line-height: 1em; padding-bottom: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; }
#main .txt h3 { font-size: 1.3em; line-height: 1.6em; font-weight: bold; margin-bottom: 1em; }
#main .txt p { font-size: 1em; line-height: 1.8em; text-align: justify; }
#main .txt .g-mark { text-align: left; margin-bottom: 1.5em; }
#main .lead { padding-top: 3em; padding-right: 10%; padding-left: 10%; text-align: left; padding-bottom: 3em; }
#main .lead h2 { font-size: 1.7em; line-height: 1.8em; margin-bottom: 0.5em; }
#main .lead p { font-size: 0.8em; padding-left: 1.3em; }
#en #main .lead p { padding-left: 0em; }
#main .person { background-color: #eee; overflow: hidden; padding-top: 3em; padding-bottom: 3em; }
#main .person .left { padding-left: 10%; padding-right: 10%; }
#main .person .txt { padding-top: 2em; }
#main .person .txt h2 { font-size: 1.4em; margin-bottom: 1em; text-align: left; }
#main .person .txt p.profile { font-size: 0.8em; margin-top: 1em; }
#main .person.person_3 .left { order:1; padding-left: 10%; padding-right: 10%; }
#main .person.person_3 .right { order:2; }
#main .person.person_9 .left { padding-left: 10%; padding-right: 10%; }
#main .pagelink a { border: 2px solid #333; margin-top: 2em; display: inline-block; padding-top: 0.5em; padding-right: 2em; padding-bottom: 0.5em; padding-left: 2em; }
#main .pagelink a:hover { color: #FFF; background-color: #000; }
#main .summerknit_05 { margin:5em 0; }

/* home */
#main .madeby { margin: auto; padding-top: 5em; padding-right: 20%; padding-left: 20%; padding-bottom: 5em; }
#main .in { margin: auto; width: 100%; }
#main .factory_tour  { padding-top: 2em; }
#main .factory_tour .att { font-size:0.8em; }
#main .amuhito  { padding: 2em 0 0 0; }
#main .rigid-cashmere-sweater { padding: 2em 0 0 0; }
#main .banner { overflow: hidden; clear: both; padding-top: 8em; }
#main .banner { overflow: hidden; clear: both; padding-top: 2em; }
#main .banner li { float: left; width: 50%; margin-bottom: 2em; }
#main .banner li img { margin-bottom: 1em; }
#main .banner li a span { font-size: 1em; line-height: 1.8em; padding-bottom: 0em; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #333; margin-bottom: 3em; font-family: "Shuei KakuGo Gin B"; letter-spacing: 0em; padding-top: 1em; }
#en #main .banner li a span { font-family: roboto; font-weight: bold; }
#main .news { background-color: #eee; clear: both; padding-top: 3em; padding-bottom: 0em; overflow: hidden; text-align: left; padding-right: 10%; padding-left: 10%; }
#main .news h2 { font-size: 1.5em; line-height: 1em; margin-bottom: 1.2em; letter-spacing: 0em; }
#main .news li { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; }
#main .news li:last-child { margin-right: 0px; }
#main .news li dt { }
#main .news li dd.title { font-size: 1em; line-height: 1.5em; font-weight: bold; margin-bottom: 0.6em; margin-top: 1em; }
#main .news li dd.ex { font-size: 0.8em; line-height: 1.8em; margin-bottom: 1em; }
#main .news li dd.date { font-size: 0.7em; line-height: 1em; }
#main .news.instagram { padding-top: 2em; padding-bottom: 2em; }
#main .news.instagram li { float: left; width: 48%; height:9em; margin-right: 0%; margin-bottom: 1em; }
#main .news.instagram li:nth-child(2n) { float: right; }
#main .news.instagram li img,
#main .news.instagram li video { object-fit: cover; width:100%; height:100%; }
#main .news .left { width: 100%; float: none; margin-bottom: 3em; }
#main .news .right { width: 100%; float: none; }
#main .news li { float: none; width: 100%; margin-right: 0%; }

/* history */
#main .history_01 { text-align: left; }
#main .history_01 h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.5em; text-align: justify; letter-spacing: 0em; }
#en #main .history_01 h2 { text-align: left; }
#main .history_01 p { font-size: 1em; line-height: 1.8em; font-weight: bold; margin: auto; width: 80%; }
#main .history_01 p.cap { font-size: 0.8em; line-height: 1.6em; font-weight: normal; margin-bottom: 3em; margin-top: 2em; }
#main .history_02 { text-align: center; padding-right: 20%; padding-left: 20%; padding-top: 5em; padding-bottom: 5em; }

/* people */
#main .people { overflow: hidden; }
#main .people li { width: 50%; }

/* company */
#main .company_02 { padding-top: 2em; padding-bottom: 2em; overflow: hidden; }
#main .company_03 { margin-bottom: 2em; overflow: hidden; }
#main .company_03 h2 { text-align: left; }
#main .company_03 .left.txt { padding-right: 10%; padding-left: 10%; }
#main .company_03 .right.txt { padding-left: 10%; padding-right: 10%; }
#main .company_03 p { font-size: 0.9em; line-height: 1.8em; }
#main .company_03 dl { display: block; clear: both; overflow: hidden; }
#main .company_03 dt { float: left; width: 40%; clear: both; margin-bottom: 0.5em; font-weight: bold; font-size: 0.8em; }
#main .company_03 dd { float: left; width: 60%; margin-bottom: 0.5em; line-height: 1.6em; font-size: 0.8em; }
#main .company_03 .right dt { width: 20%; }
#main .company_03 .right dd { width: 80%; }
#main .company_04 { margin-bottom: 10em; }
#main .message { background-color: #eee; padding-top: 2em; padding-bottom: 2em; overflow: hidden; }
#main .message h2 { font-size: 1.2em; margin-bottom: 1em; margin-top: 2em; text-align: left; letter-spacing: 0em; }
#main .message img { margin-bottom: 2em; }
#main .message .left.txt { padding-right: 10%; padding-top: 0px; padding-left: 10%; }
#main .message .right.txt { padding-left: 10%; font-size: 0.8em; padding-top: 3em; padding-right: 10%; }

/* oem */
#main .oem_flow .left.txt { padding-right: 10%; padding-left: 10%; }
#main .oem_flow .right.txt { padding-right: 10%; padding-left: 10%; }
#main .oem_flow .right.txt dl { padding: 1.5em; border: 1px solid #000; }
#main .oem_flow .right.txt dt { font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.4em; }
#main .oem_flow .right.txt dd { font-size: 0.9em; line-height: 1.8em; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }
#main .oem_flow .right.txt dd.none { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none; }

/* textile */
#main .archives_02 { clear: both; display: block; overflow: hidden; }
#main .original_03 { width: 100%; padding-top: 5em; padding-bottom: 5em; margin: auto; }
#main .original_02 .txt { padding-top: 3em; }

/* contact */
#main .care { text-align: left; overflow: hidden; margin: auto; width: 90%; margin:0 auto 0 auto; }
#main .care h2 { margin:3em 0 1.5em 0; font-size: 1em; line-height:1em; text-align: center; border:solid 2px #333; padding:1em; }
#main .care h3 { margin:3em 0 1em 0; font-size: 1.2em; line-height:1.8em; }
#main .care h4 { margin:2em 0 1em 0; font-size: 1.1em; line-height:1.5em; border-left:solid 2px #333; padding:0 0 0 1em; }
#main .care p { font-size: 0.9em; line-height: 2em; text-align: justify; }
#main .care p.cap { font-size: 0.8em; line-height: 2em; }
#main .care p a.download { border-bottom:solid 1px #333; }
#main .care .care_nav { margin:0 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main .care .care_nav li { width:100%; margin:0 0 1em 0; }
#main .care .care_nav li a { background-color: #eee; display:block; text-align: center; padding:1em; font-size: 1em; font-weight: bold; line-height: 1em; }
#main .care .care_nav li a:hover { background-color: #333; color:#fff; }
#main .care .care_nav li a i { margin:0 0.5em 0 0; }
#main .care .care_flow { margin:0 0 1em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#main .care .care_flow dt { border-bottom:solid 1px #fff; font-size: 0.9em; line-height:1.5em; width:25%; background-color: #333; color:#fff; padding:0.5em; margin:0 0 0 0; display: flex; align-items: center; text-align: center;  justify-content: center;}
#main .care .care_flow dd { border-bottom:solid 1px #fff; font-size: 0.9em; line-height:1.5em; text-align: justify; width:75%; background-color: #eee; padding:1em; margin:0 0 0 0; display: flex; align-items: center; }

/* contact */
#main .mailform { text-align: left; overflow: hidden; margin: auto; width: 90%; margin:0 auto 5em auto; }
#main .mailform h2 { margin:3em 0 2em 0; font-size: 1.2em; line-height:1em; text-align: center; border:solid 2px #333; padding:1em; }
#main .mailform .mailform_left { float: none; width: 100%; margin-bottom: 2em; }
#main .mailform .mailform_right { float: none; width: 100%; }
#main .mailform table { float: none; width: 100%; }
#main .mailform th { font-size: 0.9em; letter-spacing: 0; white-space: nowrap; padding-top: 1em; padding-bottom: 1em; padding-right: 1em; }
#main .mailform td { font-size: 0.8em; letter-spacing: 0.05em; line-height: 1.5em; padding-top: 0.5em; padding-bottom: 0.5em; }
#main .mailform td.genre label { display:block; margin:0.75em 0; }
#main .mailform input[type="text"] { background-color: #eee; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0.5em; margin-bottom: 0.5em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; font-size: 1em; line-height: 1.5em; }
#main .mailform textarea { background-color: #eee; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; height: 20em; font-size: 1em; line-height: 1.5em; }
#main .mailform input[type="submit"] { color: #FFF; background-color: #000; text-align: center; display: block; padding: 1em; font-size: 1.2em; line-height: 1em; font-weight: bold; letter-spacing: 0.1em; width: 100%; }
#main .mailform .att { float: none; width: 100%; line-height: 2em; }
#main .mailform .att h5 { margin:2em 0 0.5em 0; }
#main .contact_thanks { text-align: justify; width:80%; font-size: 0.9em; margin:0 auto 2em auto; }
#main .contact_thanks br { display:none; }

/* privacy */
#main .privacy { text-align: left; margin: auto; width: 80%; }
#main .privacy dt { font-weight: bold; margin-top: 2em; margin-bottom: 1em; }

/* recruit */
#main .recruit { text-align: left; width: 90%; margin: auto; }
#main .recruit .recruit_navi { margin-bottom: 3em; }
#main .recruit .recruit_navi li { margin-bottom: 1em; font-weight: bold; font-family: "Shuei KakuGo Gin B"; font-size: 1.1em; clear: both; }
#main .recruit .recruit_navi li i { margin-right: 0.5em; float: left; margin-bottom: 1em; }
#main .recruit .recruit_box { padding: 2em; margin-bottom: 2em; border: 1px solid #000; }
#main .recruit h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
#main .recruit h4 { font-size: 1em; font-weight: bold; margin-top: 2em; margin-bottom: 0.5em; }

/* entrybody */
#main .entrybody { width: 80%; margin-bottom: 5em; margin-right: auto; margin-left: auto; }
#main .entrybody h2 { font-size: 1.2em; margin-top: 1em; margin-bottom: 1.5em; }
#main .entrybody h3 { font-size: 1.1em; margin-top: 2em; margin-bottom: 0.5em; }
#main .entrybody p { font-size: 1em; line-height: 2em; margin-bottom: 1.5em; text-align: justify; }
#main .entrybody .date { margin-top: 3em; font-size: 0.9em; line-height: 1em; display: block; font-family: "Shuei KakuGo Gin B"; }
#main .entrybody img { margin-top: 1em; margin-bottom: 1em; }
#main .entrybody dl { margin-bottom: 2em; overflow: hidden; clear: both; margin-top: 1em; padding-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
#main .entrybody dt { font-size: 0.9em; font-weight: bold; line-height: 1.6em; float: left; width: 20%; clear: both; padding-top: 1em; border-top-width: 1px; border-top-style: solid; border-top-color: #333; margin-top: 1em; }
#main .entrybody dd { font-size: 0.9em; line-height: 1.6em; float: left; width: 80%; padding-top: 1em; border-top-width: 1px; border-top-style: solid; border-top-color: #333; margin-top: 1em; padding-left: 5%; }

/* movie_box */
.movie_box a.bot { font-size:0.8em; padding:0.8em 1.2em 0.8em 1.2em; }

/* interview */
#interview { font-feature-settings : "palt"; background-color: #EEE9E0; overflow: hidden; }
#interview .interview_title { font-size: 1.4em; line-height: 1em; font-weight: bold; }
#interview .interview_story { overflow: hidden; margin:0 auto 4em auto; }
#interview .interview_left { float: none; width: 100%; }
#interview .photo { margin-bottom: 4em; }
#interview .profile { padding-left: 0%; font-size: 1em; line-height: 1.8em; margin-bottom: 1em; text-align: justify; width: 80%; margin-right: auto; margin-left: auto; }
#interview .profile p { margin-bottom: 1em; }
#interview .profile strong { font-weight: bold; }
#interview .sub_photo { padding-left: 0%; width: 80%; margin-right: auto; margin-left: auto; }
#interview .interview_right { float: none; width: 80%; padding: 0; margin-right: auto; margin-left: auto; }
#interview .interview_name { margin-bottom: 3em; margin-top: 3em; }
#interview .interview_name .en { display: block; font-family: Barlow; font-size: 2.75em; line-height: 1.2em; }
#interview .interview_name .jp { display: block; }
#interview .interview_lead { font-weight: bold; }
#interview .interview_lead p { margin-bottom: 1em; }
#interview .interview_body p { margin-bottom: 1em; }
#interview .interview_right h2 { margin-top: 2.5em; margin-bottom: 0.5em; font-size: 1.1em; line-height: 1.5em; }
#interview .interview_right p { font-size: 1.1em; line-height: 1.9em; text-align: justify; letter-spacing: 0.02em; }
#interview .interview_right p.cap { font-size: 0.7em; line-height: 2em; margin-top: 2em; }
#interview .interview_right p sup { font-size: 0.6em; }
#interview .interview_archives { width: 80%; overflow: hidden; margin:4em auto; }
#interview .interview_archives .interview_title { font-size: 1.4em; line-height: 2em; }
#interview .interview_archives ul { margin-top: 3em; }
#interview .interview_archives li { float: none; width: 100%; margin: 0 auto 3em auto; }
#interview .interview_archives li:nth-child(3n) { margin-right: 10%; }
#interview .interview_archives li:nth-child(2n) { margin-right: 0px; }
#interview .interview_archives li span { display: block; padding-top: 1em; line-height: 1.5em; }
#en #interview .interview_left .profile { line-height: 1.8em; text-align: left; }
#en #interview .profile { text-align: left; }
#en #interview .interview_right p { font-size: 1.1em; line-height: 1.8em; text-align: left; letter-spacing: 0em; }
#en #interview .interview_right p.cap { font-size: 0.7em; }
#en #contents #banner .interview_list li dd,#zh #contents #banner .interview_list li dd { line-height: 1.6em; font-weight: normal; font-size: 0.9em !important; text-align: left; }

#contents .interview_list { width:100%; padding:0; margin:5em 0 5em 0; overflow: hidden; }
#contents .interview_list h2 { width:80%; padding:0; margin:0 auto 1em auto; }
#contents .interview_list .swiper-slide { padding:0 10% 0 10%; margin:0; }
#contents .interview_list .swiper-slide dl { background-color: #EEE9E0; padding:2em; }
#contents .interview_list .swiper-slide dt  { line-height: 1.4em; margin-bottom: 1em; font-size: 1.2em; }
#contents .interview_list .swiper-slide dd {  font-feature-settings : "palt"; line-height: 1.6em; font-weight: normal; font-size: 0.9em; text-align: justify; }
#contents .interview_list .pagination { display:block; text-align: center; padding:1.5em; }
#en #contents .interview_list,#zh #contents .interview_list { margin-bottom:5em; }

#contents .interview_list .swiper-button-prev {  }
#contents .interview_list .swiper-button-next {  }
#contents .interview_list .swiper-button-next:after,
#contents .interview_list .swiper-button-prev:after { font-size: 1em; color:#fff; background-color:#333; width:2em !important; line-height:2em; display: block; }

/* summerknit */
.summerknit_05 { margin:0 0; }
.summerknit_06 { margin:0 0; }
.summerknit_05 .left,
.summerknit_05 .right { margin:1rem 0; }
.summerknit_05 .summerknit_05--credit { margin:1em 0; font-size: 0.7em; line-height: 1.4; text-align: left; letter-spacing: 0.05em; padding:0 0 0 2em; }
.modal-001__open-label { max-width: 100%; }
.modal-001__content-wrap { width: 100vw; max-width: 100vw; }
.modal-001__content { height: 80vh; max-height: 80vh; max-width: 100%; overflow-x: auto; direction: rtl; }
.modal-001__content img { height: 80vh; width:auto; direction: ltr; }
.modal-002__open-label { max-width: 100%; }
.modal-002__content-wrap { width: 100vw; max-width: 100vw; }
.modal-002__content { height: 80vh; max-height: 80vh; max-width: 100%; overflow-x: auto; direction: rtl; }
.modal-002__content img { height: 80vh; width:auto; direction: ltr; }

}
@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 600px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@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; }
}