/* Site layout preserved from the owner-provided public site; no editor runtime required. */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
sub,sup{margin:0;padding:0;border:0;outline:0;background:transparent}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
em,strong{font-weight:700}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a{text-decoration:none;color:#333;transition:opacity .2s ease}
a:hover{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}
@media only screen and (max-width:640px){a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}
img,video{max-width:100%;height:auto;vertical-align:middle}
*,*:before,*:after{box-sizing:border-box}
[class^=icon-],[class*=" icon-"]{font-family:digitalstage;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^=bindicon-],[class*=" bindicon-"]{font-size:1em;margin-right:3px;margin-left:3px}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{font-family:Helvetica Neue,Helvetica,YuGothic,Yu Gothic,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;color:#555;min-width:100%;line-height:1.9}
.site_frame{margin:0 auto}
.site_frame:before,.site_frame:after{display:table;line-height:0;content:""}
.site_frame:after{clear:both}
@media only screen and (max-width:640px){.site_frame{width:100%;margin:0}}
.a-billboard .site_frame{position:relative}
.a-header,.a-footer,.a-billboard,.a-site_contents{margin:0 auto}
.a-header:before,.a-header:after,.a-footer:before,.a-footer:after,.a-billboard:before,.a-billboard:after,.a-site_contents:before,.a-site_contents:after{display:table;line-height:0;content:""}
.a-header:after,.a-footer:after,.a-billboard:after,.a-site_contents:after{clear:both}
@media only screen and (max-width:640px){.a-header{padding:0}}
@media only screen and (max-width:640px){.a-main{float:none;width:100%}}
.a-footer{position:relative}
.l-1 .bg-document{margin:0 auto}
.w-base{position:fixed;display:block;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:180;overflow:hidden}
.w-top{top:0}
.w-middle{top:50%;transform:translateY(-50%)}
.w-bottom{bottom:0}
.w-left{left:0}
.w-right{right:0}
body[data-press-role] .a-billboard{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
body[data-press-role] .a-main{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.g-column:before,.g-column:after{display:table;line-height:0;content:""}
.g-column:after{clear:both}
.g-column>.column{position:relative}
.g-column>.column.-column1,.g-column>.column:first-child{margin-left:0}
.g-column>.column:last-child{margin-right:0}
.g-column.-col4>.column{width:25%}
.g-column>.-col4{width:33.333%}
.g-column>.-col12{margin-left:0;width:100%}
@media only screen and (max-width:640px){.g-column>.column{float:none;margin:0}
.g-column>.column.-column1,.g-column>.column:first-child{margin-left:0}
.g-column>.column:last-child{margin-right:0}
.g-column.-col4>.column{width:100%;margin:0}
.g-column>.-col4,.g-column>.-col12{width:100%;margin:0}}
.c-space_normal .g-column>.column{margin-left:2%;margin-right:2%;margin-top:4%}
.c-space_normal .g-column>.column.-column1,.c-space_normal .g-column>.column:first-child{margin-left:0}
.c-space_normal .g-column>.column:last-child{margin-right:0}
.c-space_normal .g-column.-col4>.column{width:22%}
.c-space_normal .g-column.-col4>.column:nth-child(1),.c-space_normal .g-column.-col4>.column:nth-child(2),.c-space_normal .g-column.-col4>.column:nth-child(3),.c-space_normal .g-column.-col4>.column:nth-child(4){margin-top:0}
.c-space_normal .g-column>.-col4{width:31.3%}
.c-space_normal .g-column>.-col12{margin-left:0;margin-right:0;width:100%}
.c-space_normal .g-column>.-col4:nth-child(1),.c-space_normal .g-column>.-col4:nth-child(2){margin-top:0}
@media only screen and (max-width:640px){.c-sp-space_init .g-column>.column{float:none;margin-left:0;margin-right:0;margin-top:0}
.c-sp-space_init .g-column.-col4>.column{width:100%}
.c-sp-space_init .g-column>.-col4,.c-sp-space_init .g-column>.-col12{width:100%}
.c-sp-space_normal .g-column>.column{float:none;margin-left:0;margin-right:0;margin-top:4%}
.c-sp-space_normal .g-column.-col4>.column{width:100%}
.c-sp-space_normal .g-column>.-col4,.c-sp-space_normal .g-column>.-col12{width:100%}}
.b-plain .g-column{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.b-plain:before,.b-plain:after{display:table;line-height:0;content:""}
.b-plain:after{clear:both}
.b-plain .g-column>.column{min-height:1px}
@keyframes seamlessCarousel{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(var(--translate-x),0,0)}}
.b-both_diff:before,.b-both_diff:after{display:table;line-height:0;content:""}
.b-both_diff:after{clear:both}
.b-both_diff .g-column{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.b-both_diff .g-column>.column{min-height:1px}
.b-both_diff .g-column>.column:nth-of-type(odd){margin-left:0}
.b-both_diff .g-column>.column:nth-of-type(even){margin-right:0}
@media only screen and (max-width:640px){.b-both_diff .column.-col4{width:33.333%}
.b-both_diff.c-sp-space_normal .column:nth-of-type(odd){margin-right:2%}
.b-both_diff.c-sp-space_normal .column:nth-of-type(even){margin-left:2%}
.b-both_diff.c-sp-space_normal .column.-col4{width:31.3%}
.b-both_diff.-sp-single_column.c-sp-space_init .column,.b-both_diff.-sp-single_column.c-sp-space_normal .column{float:none}
.b-both_diff.-sp-single_column.c-sp-space_init .column.-col4,.b-both_diff.-sp-single_column.c-sp-space_init .column.-col12,.b-both_diff.-sp-single_column.c-sp-space_normal .column.-col4,.b-both_diff.-sp-single_column.c-sp-space_normal .column.-col12{width:100%;margin-right:0;margin-left:0}
.b-both_diff.-sp-single_column.c-sp-space_init .g-column>.column:not(:first-child){margin-top:0}
.b-both_diff.-sp-single_column.c-sp-space_normal .g-column>.column:not(:first-child){margin-top:4%}}
div[id^=multi-bk_bg]{position:absolute}
div[id^=multi-bk_bg]~div[id^=bk]:not(.-follow-blocks){--position-var:static;position:var(--position-var)}
.c-padding_normal>.g-column,.c-padding_normal>.column,.c-padding_normal>nav{padding:30px}
.c-padding_normal>.column{width:auto}
@media only screen and (max-width:640px){.c-sp-padding_init>.g-column,.c-sp-padding_init>.column,.c-sp-padding_init>nav{padding:0}
.c-sp-padding_normal>.g-column,.c-sp-padding_normal>.column,.c-sp-padding_normal>nav{padding:15px}
.c-sp-padding_normal>.column{width:auto}}
.c-right{text-align:right}
.c-center{text-align:center}
.c-img{display:inline}
.c-hr{margin:10px 0;border:0 none;border-top:1px solid #999}
.c-title{font-weight:700;font-size:26px;font-size:26.599px;font-size:1.9rem;line-height:1.6}
@keyframes shake{from,to{transform:translate3d(0,0,0)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1,1,1)}}
@keyframes fadeIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}
@keyframes fadeInDown{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,-100%,0)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:none}}
@keyframes fadeInLeft{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(-100%,0,0)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:none}}
@keyframes fadeInRight{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(100%,0,0)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:none}}
@keyframes fadeInUp{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate3d(0,100%,0)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:none}}
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}
@keyframes zoomIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}
@keyframes rotateIn{from{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:scale3d(.3,.3,.3) rotate(-60deg)}to{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:scale3d(1,1,1) rotate(0deg)}}
@keyframes shutterLeft{from{transform:none}to{transform:translateX(-101%)}}
@keyframes shutterRight{from{transform:none}to{transform:translateX(101%)}}
@keyframes shutterUp{from{transform:none}to{transform:translateY(-101%)}}
@keyframes shutterDown{from{transform:none}to{transform:translateY(101%)}}
@media print{@page{size:A4;margin-top:.4cm;margin:.5cm}
p a,code,pre{word-wrap:break-word}
body{-webkit-print-color-adjust:exact}
.a-header{position:relative!important}
.a-billboard{padding-top:0!important}}
@charset "utf-8";.-dress_white  {color:#333333;}.-dress_white a {color:#333333;border-color:#333333;}.-dress_white .c-page_title {color:#333333;border-color:#333333;}.-dress_white .c-title {color:#333333;border-color:#333333;}.-dress_white .c-large_headline {color:#333333;border-color:#333333;}.-dress_white .c-page_title a {color:#333333;border-color:#333333;}.-dress_white .c-title a {color:#333333;border-color:#333333;}.-dress_white .c-large_headline a {color:#333333;border-color:#333333;}.-dress_white .c-small_headline {color:#333333;border-color:#333333;}.-dress_white .c-small_headline a {color:#333333;border-color:#333333;}.-dress_white .c-lead {color:#333333;border-color:#333333;}.-dress_white .c-lead a {color:#333333;border-color:#333333;}.-dress_white .c-img_comment {color:#333333;border-color:#333333;}.-dress_white .c-blockquote {color:#333333;border-color:#333333;}.-dress_white .c-blockquote a {color:#333333;border-color:#333333;}.-dress_white .c-enclosure {color:#333333;border-color:#333333;}.-dress_white .c-enclosure a {color:#333333;border-color:#333333;}.-dress_white .c-note {color:#333333;border-color:#333333;}.-dress_white .c-note a {color:#333333;border-color:#333333;}.-dress_white .c-credit {color:#333333;border-color:#333333;}.-dress_white .c-credit a {color:#333333;border-color:#333333;}.-dress_white .c-hr {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a li {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a li a {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a li a:hover {color:#000000;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a li .c-current {color:#000000;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_a li .c-unlink {color:rgba(51, 51, 51, 0.6);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b li {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b li a {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b li a:hover {color:#000000;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b li .c-current {color:#000000;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_b li .c-unlink {color:rgba(51, 51, 51, 0.6);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-menu_c {background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_c li {border-color:rgba(0, 0, 0, 0.1);background-color:rgba(0, 0, 0, 0);}.-dress_white .c-menu.-menu_c li a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_c li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_c li .c-current {color:#000000;border-color:rgba(0, 0, 0, 0.1);background-color:rgba(0, 0, 0, 0.05);}.-dress_white .c-menu.-menu_c li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d {background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d li {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d li a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d li .c-current {color:#000000;background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_d li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .c-menu.-menu_e {background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.15) 100%);border-color:rgba(0, 0, 0, 0.15);}.-dress_white .c-menu.-menu_e li {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.15);}.-dress_white .c-menu.-menu_e li a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.15);background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.15) 100%);}.-dress_white .c-menu.-menu_e li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.15);background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 100%);}.-dress_white .c-menu.-menu_e li .c-current {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.15);background-image:linear-gradient(to bottom,rgba(0, 0, 0, 0.15) 0%,rgba(0, 0, 0, 0.15) 100%);}.-dress_white .c-menu.-menu_e li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.15);background-image:none;}.-dress_white .m-motion.-g {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-g li {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-g li a {color:#333333;border-color:rgba(0, 0, 0, 0.4);background-color:rgba(0, 0, 0, 0);}.-dress_white .m-motion.-g li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-g li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-g .lavalamp-object {background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.1);}.-dress_white .m-motion.-j {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-j li {border-color:rgba(0, 0, 0, 0.4);background-color:rgba(0, 0, 0, 0);}.-dress_white .m-motion.-j li a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-j li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-j li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-j .lavalamp-object {border-color:#000000;}.-dress_white .m-motion.-f {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-f li {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-f li a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-f li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-f li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-f li ul li {border-color:#ffffff;}.-dress_white .m-motion.-f li ul li a {color:#333333;background-color:#e0e0e0;border-color:#ffffff;}.-dress_white .m-motion.-f li ul li a:hover {color:#000000;background-color:#cccccc;border-color:#ffffff;}.-dress_white .m-motion.-f li ul li .c-unlink {color:rgba(51, 51, 51, 0.6);background-color:#e0e0e0;border-color:#ffffff;}.-dress_white .m-motion.-f li ul::before {border-top-color:#e0e0e0;}.-dress_white .m-motion.-f li ul li::before {border-bottom-color:#e0e0e0;}.-dress_white .m-motion.-f li ul li.c-current a {color:#000000;background-color:#cccccc;border-color:#ffffff;}.-dress_white .m-motion.-g li.c-current a {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-j li.c-current a {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-h li {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-h li a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-h li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-h li .c-unlink {color:rgba(0, 0, 0, 0.4);background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.05);}.-dress_white .m-motion.-h li.c-current a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-i li {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-i li a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-i li a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .m-motion.-i li .c-unlink {color:rgba(0, 0, 0, 0.4);background-color:rgba(34, 34, 34, 0.05);border-color:rgba(0, 0, 0, 0.05);}.-dress_white .m-motion.-i li.c-current a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_indent {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_indent th {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_indent td {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_indent .c-affix {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_table {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_table th {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_table td {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_table .c-affix {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_news {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_news th {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_news td {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list_news .c-affix {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-no_mark {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-no_mark li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-no_mark ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-no_mark ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-sign {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-sign li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-sign ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-sign ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-numbers {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-numbers li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-numbers ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-numbers ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet_small {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet_small li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet_small ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-alphabet_small ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece_small {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece_small ul {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece_small li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-list-greece_small ul li {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-tab_navigation a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-tab_navigation a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-tab_navigation a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-tab_navigation a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-tab_navigation .-active a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-tab_navigation .-active a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-accordion_navigation a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-accordion_navigation a {color:#333333;background-color:rgba(0, 0, 0, 0.1);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-accordion_navigation a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-accordion_navigation a:hover {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-accordion_navigation.-active a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-accordion_navigation.-active a {color:#000000;background-color:rgba(0, 0, 0, 0.15);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-breadcrumb {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-breadcrumb a {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-breadcrumb a:hover {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-breadcrumb em,.-dress_white .c-breadcrumb .c-current {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-link_top span {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-link_top {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-pager {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-pager a {color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-pager a:hover {color:#000000;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-pager span {color:#333333;}.-dress_white .c-device_changer {color:#000000;}.-dress_white .b-accordion .column {background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-accordion .column {background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .b-tab_contents {background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.4);}.-dress_white.b-tab_contents {background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart_buying_area {background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart_buying_area .c-list_table th {background-color:#ffffff;color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart_buying_area .c-list_table td {background-color:#ffffff;color:#333333;border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart .c-cart_table {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart .c-cart_table th {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-cart .c-cart_table td {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-blog-new {color:#ffffff;background-color:rgba(0, 0, 0, 0.4);border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-blog-category {border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white .c-blog-category a {color:#333333;background-color:rgba(0, 0, 0, 0);border-color:#333333;}.-dress_white .c-blog-category a:hover {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:#000000;}.-dress_white .c-blog-tag {background-color:rgba(0, 0, 0, 0);border-color:#333333;}.-dress_white .c-blog-tag a {color:#ffffff;background-color:#333333;border-color:#333333;}.-dress_white .c-blog-pagination a.c-blog-pagination-link {color:#ffffff;background-color:#333333;border-color:#333333;}.-dress_white .c-blog-pagination a.c-blog-pagination-link.-current {color:#ffffff;background-color:#000000;border-color:#000000;}.-dress_white .c-blog-pagination a.c-blog-pagination-previous {color:#ffffff;background-color:#333333;border-color:#333333;}.-dress_white .c-blog-pagination a.c-blog-pagination-next {color:#ffffff;background-color:#333333;border-color:#333333;}.-dress_white .c-blog-pagination a.-disabled {color:rgba(0, 0, 0, 0.4);background-color:rgba(0, 0, 0, 0.05);border-color:rgba(0, 0, 0, 0.05);}.-dress_white .c-cart_buying_area .c-list_table {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-blog-tag a:hover {color:#ffffff;border-color:#000000;background-color:#000000;}.-dress_white .c-menu.-v.-menu_a li a {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .c-menu.-v.-menu_a li .c-unlink {border-color:rgba(0, 0, 0, 0.4);}.-dress_white .megamenu-list .b-megamenu_navigation {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white .megamenu-list .b-megamenu_navigation .c-megamenu-icon_allow {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white .megamenu-list .b-megamenu_navigation.-active {color:#333333;border-color:#333333;background-color:#f6f6f6;}.-dress_white .megamenu-list .b-megamenu_navigation.-active .c-megamenu-icon_allow {color:#000000;border-color:#000000;background-color:rgba(0, 0, 0, 0);}.-dress_white .megamenu-list .b-megamenu_navigation a {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white .megamenu-list .b-megamenu_navigation a:hover {color:#000000;background-color:#f6f6f6;border-color:#000000;}.-dress_white .megamenu-list .b-megamenu_navigation.c-unlink {color:rgba(51, 51, 51, 0.6);border-color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);}.-dress_white .megamenu-list .b-megamenu_contents {color:#333333;background-color:#f6f6f6;border-color:#333333;}.-dress_white .megamenu-list .b-megamenu_contents .column {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0);color:#333333;}@media only screen and (max-width: 641px) {.-dress_white .c-device_outer {background-color:rgba(0, 0, 0, 0.05);}.-dress_white .c-device_changer {color:#333333;background-color:#ffffff;border-color:#333333;}}@media print,screen and (max-width: 768px) {.-dress_white #js-globalNavigation {background-color:#ffffff;border-color:rgba(0, 0, 0, 0);}.-dress_white#js-globalNavigation {background-color:#ffffff;border-color:rgba(0, 0, 0, 0);}.-dress_white .m-motion.-f li ul li a {color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white .m-motion.-f li ul li.c-current a {background-color:rgba(0, 0, 0, 0);color:#333333;}.-dress_white .m-motion.-f li ul li .c-unlink {background-color:rgba(0, 0, 0, 0);color:rgba(51, 51, 51, 0.6);}.-dress_white .m-motion.-f li ul li a:hover {background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu {background-color:#ffffff;border-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation .c-megamenu-icon_allow {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation.-active {color:#000000;background-color:#f6f6f6;border-color:#000000;}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation.-active .c-megamenu-icon_allow {color:#000000;background-color:rgba(0, 0, 0, 0);border-color:#000000;}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation a {color:#333333;border-color:#333333;background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_navigation.c-unlink {color:rgba(51, 51, 51, 0.6);border-color:rgba(51, 51, 51, 0.6);background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_contents {color:#333333;background-color:#f6f6f6;border-color:#000000;}.-dress_white #js-globalMegaMenu .megamenu-list .b-megamenu_contents .column {background-color:rgba(0, 0, 0, 0);border-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .c-sp-closer {background-color:rgba(0, 0, 0, 0);}.-dress_white #js-globalMegaMenu .megamenu-list .c-sp-closer a {color:#333333;}}/* created version 9.00*/

#a-header,#a-ghost_header,#a-billboard,#a-site_contents,#a-footer{max-width:980px}.bd-no-webp #page .bg-document{background-image:url("../media/56e2a579d1ab0a5c.jpg");background-position:center center;background-size:cover}.bd-webp #page .bg-document{background-image:url("../media/40ef9003add306fc.webp");background-position:center center;background-size:cover}@media only screen and (max-width:641px){.bd-no-webp #a-header{padding:0}.bd-webp #a-header{padding:0}.bd-no-webp #a-ghost_header{padding:0}.bd-webp #a-ghost_header{padding:0}.bd-no-webp #a-billboard{padding:0}.bd-webp #a-billboard{padding:0}.bd-no-webp #a-main{padding:0}.bd-webp #a-main{padding:0}.bd-no-webp #a-side-a{padding:0}.bd-webp #a-side-a{padding:0}.bd-no-webp #a-side-b{padding:0}.bd-webp #a-side-b{padding:0}.bd-no-webp #a-footer{padding:0}.bd-webp #a-footer{padding:0}}#bk2448>div{margin:0 auto;max-width:980px}@media only screen and (max-width:641px){#bk10287.b-plain>.column,#bk10287.b-plain>.g-column,#bk10287.b-both_diff>.column,#bk10287.b-both_diff>.g-column,#bk10287.b-headlines>.column,#bk10287.b-headlines>.g-column,#bk10287.b-album>.column,#bk10287.b-album>.g-column,#bk10287.b-tab>.column,#bk10287.b-tab>.g-column,#bk10287.b-accordion>.column,#bk10287.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk2447.b-plain>.column,#bk2447.b-plain>.g-column,#bk2447.b-both_diff>.column,#bk2447.b-both_diff>.g-column,#bk2447.b-headlines>.column,#bk2447.b-headlines>.g-column,#bk2447.b-album>.column,#bk2447.b-album>.g-column,#bk2447.b-tab>.column,#bk2447.b-tab>.g-column,#bk2447.b-accordion>.column,#bk2447.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk2448.b-plain>.column,#bk2448.b-plain>.g-column,#bk2448.b-both_diff>.column,#bk2448.b-both_diff>.g-column,#bk2448.b-headlines>.column,#bk2448.b-headlines>.g-column,#bk2448.b-album>.column,#bk2448.b-album>.g-column,#bk2448.b-tab>.column,#bk2448.b-tab>.g-column,#bk2448.b-accordion>.column,#bk2448.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk2449.b-plain>.column,#bk2449.b-plain>.g-column,#bk2449.b-both_diff>.column,#bk2449.b-both_diff>.g-column,#bk2449.b-headlines>.column,#bk2449.b-headlines>.g-column,#bk2449.b-album>.column,#bk2449.b-album>.g-column,#bk2449.b-tab>.column,#bk2449.b-tab>.g-column,#bk2449.b-accordion>.column,#bk2449.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk2450.b-plain>.column,#bk2450.b-plain>.g-column,#bk2450.b-both_diff>.column,#bk2450.b-both_diff>.g-column,#bk2450.b-headlines>.column,#bk2450.b-headlines>.g-column,#bk2450.b-album>.column,#bk2450.b-album>.g-column,#bk2450.b-tab>.column,#bk2450.b-tab>.g-column,#bk2450.b-accordion>.column,#bk2450.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk2451.b-plain>.column,#bk2451.b-plain>.g-column,#bk2451.b-both_diff>.column,#bk2451.b-both_diff>.g-column,#bk2451.b-headlines>.column,#bk2451.b-headlines>.g-column,#bk2451.b-album>.column,#bk2451.b-album>.g-column,#bk2451.b-tab>.column,#bk2451.b-tab>.g-column,#bk2451.b-accordion>.column,#bk2451.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk10246.b-plain>.column,#bk10246.b-plain>.g-column,#bk10246.b-both_diff>.column,#bk10246.b-both_diff>.g-column,#bk10246.b-headlines>.column,#bk10246.b-headlines>.g-column,#bk10246.b-album>.column,#bk10246.b-album>.g-column,#bk10246.b-tab>.column,#bk10246.b-tab>.g-column,#bk10246.b-accordion>.column,#bk10246.b-accordion>.g-column{margin:0 auto;max-width:100%}}.cssskin-_block_footer a:link{color:#000}.cssskin-_block_footer a:hover{text-decoration:none;color:#004080!inportant}.cssskin-_block_footer .c-large_headline{padding-left:15px;border-left:5px solid #444;padding-bottom:５px;margin-bottom:5px}.cssskin-_block_side_a .c-title{font-size:23px;border-bottom:1px ridge #444}.cssskin-_block_side_a .c-credit{font-size:10px}.cssskin-_block_side_a .c-large_headline{font-size:15px;border-left:5px solid #444;padding-left:15px}.cssskin-_block_side_a .c-body{font-size:14px}.cssskin-_block_main .c-large_headline{font-size:20px}.cssskin-_block_main .c-small_headline{font-size:16px;font-weight:lighter}.cssskin-_block_main .c-title{color:#1e5804;font-weight:bolder;border-left:5px solid #1e5804;padding-left:20px}.cssskin-_block_main .c-small_headline{font-weight:bold;font-size:18px;padding-bottom:3px;border-bottom:1px solid #444;margin-bottom:5px}.cssskin-_block_main img{padding-bottom:-150px}@media only screen and (max-width:641px){.cssskin-_block_main .c-body{font-size:12px}}

a.btn-default{display:inline-block !important;background:#398f13 !important;color:#fff !important;border:2px solid #398f13 !important;border-radius:4px !important;box-shadow:0 0 0 1px #fff inset !important;width:240px !important;max-width:100% !important;font-size:100% !important;line-height:1.9 !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important;padding:1em !important;transition:all .6s !important}a.btn-default:visited{background:#398f13 !important;color:#fff !important;border:2px solid #398f13 !important;text-decoration:none !important}a.btn-default:active{background:#398f13 !important;color:#398f13 !important;border:2px solid #398f13 !important;text-decoration:none !important}a.btn-default:hover{background:#398f13 !important;box-shadow:0 0 0 300px #fff inset !important;border-color:#398f13 !important;color:#398f13 !important;text-decoration:none !important;opacity:1 !important}

a.btn-primary{display:inline-block !important;background:transparent !important;color:#2980b9 !important;border:2px solid #2980b9 !important;border-radius:6px !important;min-width:4em !important;max-width:100% !important;font-size:100% !important;line-height:1.8 !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important;padding:1em !important;transition:all .2s !important}a.btn-primary:visited{background:transparent !important;color:#2980b9 !important;border:2px solid #2980b9 !important;text-decoration:none !important}a.btn-primary:active{background:#3498db !important;color:#fff !important;border:2px solid #3498db !important;text-decoration:none !important}a.btn-primary:hover{background:#3498db !important;color:#fff !important;border:2px solid #3498db !important;text-decoration:none !important;opacity:1 !important}

a.btn-attention{display:inline-block !important;background:transparent !important;color:#a32f24 !important;border:2px solid #a32f24 !important;border-radius:6px !important;min-width:4em !important;max-width:100% !important;font-size:100% !important;line-height:1.8 !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important;padding:1em !important;transition:all .2s !important}a.btn-attention:visited{background:transparent !important;color:#a32f24 !important;border:2px solid #a32f24 !important;text-decoration:none !important}a.btn-attention:active{background:#c0392b !important;color:#fff !important;border:2px solid #c0392b !important;text-decoration:none !important}a.btn-attention:hover{background:#c0392b !important;color:#fff !important;border:2px solid #c0392b !important;text-decoration:none !important;opacity:1 !important}



/* =========================================================
   RESET / COMMON
========================================================= */

.st-header,
.st-header *,
.st-drawer,
.st-drawer *,
.st-menu,
.st-menu * {
  box-sizing: border-box;
}

.st-header,
.st-drawer {
  font-family:
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;
}


/* =========================================================
   HEADER
========================================================= */

.st-header {
  position: relative;
  width: 100%;
  margin: 0;
  background: #f7f5ef;
  z-index: 9000;
}


/* 木目 */

.st-header__wood {
  width: 100%;
  height: 22px;

  background-image:
    linear-gradient(
      rgba(255,255,255,.06),
      rgba(255,255,255,.06)
    ),
    none;

  background-repeat: repeat-x;
  background-size: auto 90px;
  background-position: center 48%;

  border-bottom:
    1px solid rgba(54,95,66,.14);
}


/* HEADER BODY */

.st-header__body {
  width: 100%;

  background:
    linear-gradient(
      180deg,
      #faf8f3 0%,
      #f7f5ef 100%
    );

  border-bottom: 4px solid #365f42;
}


.st-header__inner {
  width: min(1180px, calc(100% - 44px));
  min-height: 104px;

  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 38px;
}


/* =========================================================
   LOGO
========================================================= */

.st-logo {
  display: block;
  flex: 0 0 auto;

  color: #27352c !important;
  text-decoration: none !important;

  line-height: 1;
  white-space: nowrap;
}


.st-logo__jp {
  display: flex;
  align-items: baseline;
}


.st-logo__place {
  margin-right: 9px;

  color: #365f42;

  font-size: 17px;
  font-weight: 500;

  letter-spacing: .12em;
}


.st-logo__name {
  color: #26342b;

  font-size: 38px;
  font-weight: 600;

  letter-spacing: .055em;
}


.st-logo__en {
  margin-top: 9px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  color: #728177;

  font-size: 9px;

  letter-spacing: .27em;
}


/* =========================================================
   PC NAV
========================================================= */

.st-pcnav {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 29px;
}


.st-pcnav a {
  position: relative;

  display: block;

  padding: 16px 0 13px;

  color: #37362f !important;
  text-decoration: none !important;

  font-size: 14px;
  font-weight: 500;

  letter-spacing: .08em;

  white-space: nowrap;

  transition: color .2s ease;
}


.st-pcnav a::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 6px;

  width: 0;
  height: 1px;

  background: #365f42;

  transform: translateX(-50%);

  transition:
    width .22s ease,
    height .22s ease;
}


.st-pcnav a:hover {
  color: #365f42 !important;
}


.st-pcnav a:hover::after {
  width: 100%;
}


/* =========================================================
   現在ページ
========================================================= */

.st-pcnav a.is-current {
  color: #365f42 !important;
  font-weight: 600;
}


.st-pcnav a.is-current::after {
  width: 100%;
  height: 2px;
}


/* =========================================================
   MENU BUTTON COMMON
========================================================= */

.st-menu {
  margin: 0;

  border:
    1px solid rgba(54,95,66,.50);

  background:
    rgba(250,248,243,.97);

  cursor: pointer;

  -webkit-tap-highlight-color:
    transparent;
}


.st-menu span {
  display: block;

  width: 26px;
  height: 2px;

  margin: 6px auto;

  border-radius: 2px;

  background: #365f42;
}


/* =========================================================
   HEADER MOBILE BUTTON
========================================================= */

.st-menu--header {
  display: none;

  flex: 0 0 auto;

  width: 54px;
  height: 54px;

  padding: 8px;

  border-radius: 12px;
}


/* =========================================================
   FLOATING MENU
========================================================= */

.st-menu--floating {
  display: none;

  position: fixed;

  top: max(16px, env(safe-area-inset-top));
  right: 14px;

  width: 52px;
  height: 52px;

  padding: 7px;

  border-radius: 50%;

  box-shadow:
    0 3px 7px rgba(0,0,0,.10),
    0 7px 18px rgba(0,0,0,.12);

  opacity: 0;
  visibility: hidden;

  pointer-events: none;

  transform:
    translateY(-12px)
    scale(.92);

  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;

  z-index: 2147483646;
}


.st-menu--floating.is-visible {
  opacity: 1;
  visibility: visible;

  pointer-events: auto;

  transform:
    translateY(0)
    scale(1);
}


/*
  ドロワーが開いたら
  追従ボタンを隠す
*/

.st-menu--floating.is-drawer-open {
  opacity: 0 !important;
  visibility: hidden !important;

  pointer-events: none !important;
}


/* =========================================================
   OVERLAY
========================================================= */

.st-drawer-overlay {
  position: fixed;

  inset: 0;

  background:
    rgba(20,28,22,.44);

  opacity: 0;
  visibility: hidden;

  pointer-events: none;

  transition:
    opacity .3s ease,
    visibility .3s ease;

  z-index: 2147483644;
}


.st-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;

  pointer-events: auto;
}


/* =========================================================
   DRAWER
========================================================= */

.st-drawer {
  position: fixed;

  top: 0;
  right: 0;

  width: min(86vw, 390px);

  height: 100vh;
  height: 100dvh;

  overflow-y: auto;
  overscroll-behavior: contain;

  background: #f7f5ef;

  box-shadow:
    -12px 0 30px rgba(0,0,0,.18);

  transform: translateX(105%);

  transition:
    transform .35s
    cubic-bezier(.22,.7,.28,1);

  pointer-events: none;

  z-index: 2147483645;

  -webkit-overflow-scrolling: touch;
}


.st-drawer.is-open {
  transform: translateX(0);

  pointer-events: auto;
}


/* =========================================================
   DRAWER WOOD
========================================================= */

.st-drawer__wood {
  height: 17px;

  background-image:
    linear-gradient(
      rgba(255,255,255,.06),
      rgba(255,255,255,.06)
    ),
    none;

  background-repeat: repeat-x;
  background-size: auto 70px;
  background-position: center;
}


/* =========================================================
   DRAWER TOP
========================================================= */

.st-drawer__top {
  min-height: 105px;

  padding:
    23px 23px
    18px 26px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;
}


.st-drawer__logo {
  color: #26342b !important;
  text-decoration: none !important;
}


.st-drawer__logo-jp {
  display: flex;
  align-items: baseline;
}


.st-drawer__logo-jp span {
  margin-right: 7px;

  color: #365f42;

  font-size: 13px;

  letter-spacing: .12em;
}


.st-drawer__logo-jp strong {
  color: #26342b;

  font-size: 29px;
  font-weight: 600;

  letter-spacing: .06em;
}


.st-drawer__logo-en {
  margin-top: 7px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  color: #78847b;

  font-size: 7px;

  letter-spacing: .23em;
}


/* =========================================================
   CLOSE
========================================================= */

.st-drawer__close {
  position: relative;

  flex: 0 0 auto;

  width: 48px;
  height: 48px;

  padding: 0;

  border:
    1px solid rgba(54,95,66,.40);

  border-radius: 50%;

  background:
    rgba(250,248,243,.85);

  cursor: pointer;

  -webkit-tap-highlight-color:
    transparent;
}


.st-drawer__close span {
  position: absolute;

  top: 22px;
  left: 12px;

  width: 23px;
  height: 1.5px;

  background: #365f42;
}


.st-drawer__close span:first-child {
  transform: rotate(45deg);
}


.st-drawer__close span:last-child {
  transform: rotate(-45deg);
}


.st-drawer__line {
  width: calc(100% - 52px);
  height: 1px;

  margin: 0 auto;

  background:
    rgba(54,95,66,.28);
}


/* =========================================================
   DRAWER NAV
========================================================= */

.st-drawer__nav {
  padding: 13px 26px 20px;
}


.st-drawer__nav a {
  position: relative;

  display: flex;

  min-height: 69px;

  align-items: center;

  justify-content: space-between;

  padding:
    12px 25px
    12px 5px;

  border-bottom:
    1px solid #d9d8d1;

  color: #37362f !important;

  text-decoration: none !important;

  -webkit-tap-highlight-color:
    rgba(54,95,66,.08);
}


.st-drawer__nav a::after {
  content: "›";

  position: absolute;

  right: 5px;

  color: #718177;

  font-family: serif;

  font-size: 23px;
  font-weight: 300;
}


.st-drawer__en {
  min-width: 84px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  color: #78847b;

  font-size: 9px;

  letter-spacing: .16em;
}


.st-drawer__jp {
  flex: 1;

  color: #343630;

  font-size: 16px;

  letter-spacing: .08em;
}


/* =========================================================
   DRAWER CURRENT PAGE
========================================================= */

.st-drawer__nav a.is-current {
  margin-left: -9px;
  margin-right: -9px;

  padding-left: 14px;
  padding-right: 34px;

  border-radius: 7px;

  background:
    rgba(54,95,66,.08);
}


.st-drawer__nav a.is-current .st-drawer__jp {
  color: #365f42;

  font-weight: 600;
}


.st-drawer__nav a.is-current .st-drawer__en {
  color: #365f42;
}


.st-drawer__nav a.is-current::after {
  right: 14px;

  color: #365f42;
}


/* =========================================================
   BRAND MESSAGE
========================================================= */

.st-drawer__bottom {
  margin: 10px 26px 0;

  padding: 25px 0 34px;

  border-top:
    1px solid rgba(54,95,66,.25);

  text-align: center;
}


.st-drawer__bottom-en {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  color: #365f42;

  font-size: 9px;

  letter-spacing: .26em;
}


.st-drawer__bottom-jp {
  margin-top: 13px;

  color: #55594f;

  font-size: 14px;
  font-weight: 500;

  letter-spacing: .14em;
}


/* =========================================================
   TABLET
========================================================= */

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

  .st-header__inner {
    gap: 24px;
  }

  .st-pcnav {
    gap: 19px;
  }

  .st-pcnav a {
    font-size: 13px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

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

  /*
    BiNDupの親ブロックに左右余白があっても
    ヘッダー背景を画面いっぱいまで伸ばす
  */

  .st-header {
    width: 100vw;

    max-width: none;

    margin-left:
      calc(50% - 50vw);

    margin-right:
      calc(50% - 50vw);
  }


  .st-header__wood {
    height: 15px;

    background-size:
      auto 65px;
  }


  .st-header__inner {
    width: 100%;

    min-height: 78px;

    padding:
      0 16px;
  }


  /* LOGO */

  .st-logo__place {
    margin-right: 6px;

    font-size: 13px;
  }


  .st-logo__name {
    font-size: 28px;

    letter-spacing: .04em;
  }


  .st-logo__en {
    margin-top: 6px;

    font-size: 7px;

    letter-spacing: .20em;
  }


  /* PC NAV OFF */

  .st-pcnav {
    display: none;
  }


  /* MOBILE MENU ON */

  .st-menu--header {
    display: block;
  }


  .st-menu--floating {
    display: block;

    touch-action: manipulation;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

  .st-header__wood {
    height: 13px;
  }


  .st-header__inner {
    min-height: 74px;

    padding:
      0 11px
      0 14px;
  }


  .st-logo__place {
    font-size: 12px;
  }


  .st-logo__name {
    font-size: 25px;
  }


  .st-logo__en {
    font-size: 6.5px;
  }


  .st-menu--header {
    width: 50px;
    height: 50px;
  }


  .st-menu--floating {
    width: 49px;
    height: 49px;

    top:
      max(12px, env(safe-area-inset-top));

    right: 11px;
  }


  .st-drawer {
    width: 89vw;
  }

}


/* =========================================================
   BODY LOCK
========================================================= */

html.st-drawer-lock,
body.st-drawer-lock {
  overflow: hidden !important;
}


/* =========================================================
   となりの珈琲や
   TONARI NO COFFEEYA
   980px COMPLETE VERSION
========================================================= */

#tonari-coffee,
#tonari-coffee * {
  box-sizing: border-box;
}

#tonari-coffee {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  color: #5d625e;
  background: #f8f6ef;
  font-family:
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Noto Serif JP",
    serif;
}

#tonari-coffee img {
  display: block;
  max-width: 100%;
}

#tonari-coffee a {
  text-decoration: none;
}

.tc-section {
  padding: 70px 60px 74px;
}


/* =========================================================
   COMMON TITLE
========================================================= */

.tc-title {
  margin-bottom: 37px;
  text-align: center;
}

.tc-title-en {
  margin: 0 0 9px;
  color: #78857b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  letter-spacing: .34em;
}

.tc-title h2 {
  margin: 0;
  color: #29483a;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .12em;
}

.tc-title-line {
  display: block;
  width: 37px;
  height: 1px;
  margin: 16px auto 0;
  background: #829087;
}


/* =========================================================
   HERO
========================================================= */

.tc-hero {
  width: 100%;
  background: #eeeae1;
}

.tc-hero-photo {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-hero-photo > img {
  width: 100%;
  height: auto;
}


/* 写真上部の白壁部分に文字を配置 */

.tc-hero-copy {
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  text-align: center;
}

.tc-hero-en {
  margin: 0 0 7px;
  color: #747c76;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  letter-spacing: .36em;
}

.tc-hero h1 {
  margin: 0;
  color: #263d31;
  font-size: 31px;
  font-weight: 500;
  letter-spacing: .15em;
}

.tc-hero-line {
  display: block;
  width: 34px;
  height: 1px;
  margin: 12px auto;
  background: #7f8982;
}

.tc-hero-catch {
  margin: 0;
  color: #5c655f;
  font-size: 11px;
  letter-spacing: .12em;
}


/* =========================================================
   ABOUT
========================================================= */

.tc-about {
  background: #f8f6ef;
  text-align: center;
}

.tc-about-inner {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
}

.tc-about-catch {
  margin: 0;
  color: #29483a;
  font-size: 21px;
  line-height: 2;
  letter-spacing: .1em;
}

.tc-about-line {
  display: block;
  width: 36px;
  height: 1px;
  margin: 25px auto;
  background: #89968d;
}

.tc-about-text {
  margin: 0;
  color: #676d68;
  font-size: 11px;
  line-height: 2.2;
}


/* =========================================================
   BARISTA
========================================================= */

.tc-barista {
  width: 100%;
  background: #202823;
}

.tc-barista-grid {
  display: grid;
  grid-template-columns: 490px 490px;
  min-height: 570px;
}

.tc-barista-photo {
  width: 490px;
  height: 570px;
  overflow: hidden;
  background: #171d19;
}

.tc-barista-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}

.tc-barista-copy {
  width: 490px;
  min-height: 570px;
  padding: 62px 55px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  color: #fff;
}

.tc-barista-en {
  margin: 0 0 14px;
  color: rgba(255,255,255,.48);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  letter-spacing: .32em;
}

.tc-barista-name {
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .15em;
}

.tc-barista-position {
  margin: 7px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  letter-spacing: .14em;
}

.tc-barista-line {
  display: block;
  width: 38px;
  height: 1px;
  margin: 24px 0;
  background: rgba(255,255,255,.52);
}

.tc-barista-message {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.9;
  letter-spacing: .1em;
}

.tc-barista-text {
  margin: 20px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  line-height: 2.1;
}

.tc-barista-brand {
  margin-top: 28px;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.17);
  color: rgba(255,255,255,.38);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 7px;
  letter-spacing: .28em;
}


/* =========================================================
   COFFEE & SPACE
========================================================= */

.tc-coffee {
  background: #f1eee5;
}

.tc-coffee-inner {
  width: 820px;
  max-width: 100%;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 65px;
  align-items: center;
}

.tc-coffee-heading {
  padding-right: 40px;
  border-right: 1px solid #c9ccc5;
}

.tc-coffee-heading small {
  display: block;
  color: #76847a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  letter-spacing: .31em;
}

.tc-coffee-heading h2 {
  margin: 12px 0 0;
  color: #29483a;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: .09em;
}

.tc-coffee-text p {
  margin: 0;
  color: #646a66;
  font-size: 11px;
  line-height: 2.15;
}


/* =========================================================
   SHOP INFORMATION
========================================================= */

.tc-information {
  background: #fff;
}

.tc-info-box {
  width: 820px;
  max-width: 100%;
  margin: 0 auto;
  border-top: 1px solid #d8d7d1;
}

.tc-info-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  border-bottom: 1px solid #dfded8;
}

.tc-info-row dt,
.tc-info-row dd {
  margin: 0;
  padding: 17px 20px;
}

.tc-info-row dt {
  color: #385445;
  background: #f4f2eb;
  font-size: 11px;
  letter-spacing: .06em;
}

.tc-info-row dd {
  color: #606662;
  background: #fff;
  font-size: 11px;
  line-height: 1.8;
}

.tc-info-row a {
  color: #29483a !important;
}


/* =========================================================
   INSTAGRAM
========================================================= */

.tc-instagram {
  padding: 68px 80px;
  background: #294438;
  color: #fff;
}

.tc-instagram-inner {
  width: 820px;
  max-width: 100%;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 60px;
  align-items: center;
}

.tc-instagram-en {
  margin: 0;
  color: rgba(255,255,255,.52);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  letter-spacing: .33em;
}

.tc-instagram h2 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: .1em;
}

.tc-instagram-text {
  margin: 0;
  color: rgba(255,255,255,.73);
  font-size: 11px;
  line-height: 1.95;
}

.tc-instagram-btn {
  padding: 17px 18px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  color: #fff !important;
  border: 1px solid rgba(255,255,255,.60);

  font-size: 11px;
  letter-spacing: .06em;

  transition:
    background .2s ease,
    color .2s ease;
}

.tc-instagram-btn:hover {
  color: #294438 !important;
  background: #fff;
}


/* =========================================================
   END
========================================================= */

.tc-end {
  padding: 48px 20px 52px;
  text-align: center;
  background: #f8f6ef;
}

.tc-end small {
  display: block;
  color: #7b897f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 7px;
  letter-spacing: .32em;
}

.tc-end p {
  margin: 12px 0 0;
  color: #315140;
  font-size: 15px;
  letter-spacing: .1em;
}

.tc-end a {
  display: inline-block;
  margin-top: 19px;
  padding-bottom: 4px;
  color: #53695a !important;
  border-bottom: 1px solid #87978b;
  font-size: 9px;
}


/* =========================================================
   MOBILE
========================================================= */

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

  #tonari-coffee {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .tc-section {
    padding: 55px 23px 60px;
  }


  /* HERO */

  .tc-hero-photo > img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center center;
  }

  /*
     スマホでは横長写真の白壁が狭くなるため
     タイトルを写真下へ移動
  */

  .tc-hero-copy {
    position: relative;
    top: auto;
    left: auto;

    padding: 29px 20px 31px;
    background: #f3f0e7;
  }

  .tc-hero h1 {
    font-size: 27px;
  }

  .tc-hero-catch {
    font-size: 11px;
  }


  /* COMMON TITLE */

  .tc-title {
    margin-bottom: 30px;
  }

  .tc-title h2 {
    font-size: 23px;
  }


  /* ABOUT */

  .tc-about-catch {
    font-size: 19px;
  }

  .tc-about-text {
    font-size: 11px;
  }


  /* BARISTA */

  .tc-barista-grid {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .tc-barista-photo {
    width: 100%;
    height: 480px;
  }

  .tc-barista-photo img {
    object-position: center 38%;
  }

  .tc-barista-copy {
    width: 100%;
    min-height: 0;
    padding: 43px 24px 48px;
  }

  .tc-barista-name {
    font-size: 26px;
  }

  .tc-barista-position {
    font-size: 10px;
  }

  .tc-barista-message {
    font-size: 17px;
  }


  /* COFFEE */

  .tc-coffee-inner {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 27px;
  }

  .tc-coffee-heading {
    padding: 0 0 24px;
    border-right: 0;
    border-bottom: 1px solid #c9ccc5;
  }

  .tc-coffee-heading h2 {
    font-size: 21px;
  }


  /* INFORMATION */

  .tc-info-box {
    width: 100%;
  }

  .tc-info-row {
    display: block;
  }

  .tc-info-row dt {
    padding: 10px 15px;
  }

  .tc-info-row dd {
    padding: 14px 15px 17px;
  }


  /* INSTAGRAM */

  .tc-instagram {
    padding: 55px 23px;
  }

  .tc-instagram-inner {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .tc-instagram h2 {
    font-size: 22px;
  }

  .tc-instagram-btn {
    width: 100%;
  }


  /* END */

  .tc-end {
    padding: 42px 20px 47px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

  .tc-hero-photo > img {
    height: 350px;
  }

  .tc-barista-photo {
    height: 440px;
  }

}


/* =========================================================
   塩竈すし哲 FOOTER
   CLASSIC / ELEGANT VERSION
========================================================= */

.sushitetsu-footer {
  width: 100%;
  margin: 0;
  padding: 0;

  background: #f7f5ef;
  color: #26342b;

  font-family:
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  box-sizing: border-box;
}

.sushitetsu-footer *,
.sushitetsu-footer *::before,
.sushitetsu-footer *::after {
  box-sizing: border-box;
}


/* =========================================================
   MAIN
========================================================= */

.sushitetsu-footer__main {
  background: #f7f5ef;

  border-top: 1px solid rgba(54, 95, 66, 0.18);

  padding: 58px 0 57px;
}

.sushitetsu-footer__inner {
  display: grid;

  grid-template-columns:
    220px
    minmax(0, 1fr);

  gap: 37px;

  width: min(920px, calc(100% - 60px));

  margin: 0 auto;
}


/* =========================================================
   BRAND
========================================================= */

.sushitetsu-footer__brand {
  padding-top: 2px;
}

.sushitetsu-footer__brand-name {
  color: #365f42;

  font-size: 25px;
  font-weight: 500;

  line-height: 1.4;

  letter-spacing: 0.12em;

  white-space: nowrap;
}

.sushitetsu-footer__brand-en {
  margin-top: 17px;

  color: #687169;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 9px;

  letter-spacing: 0.27em;

  white-space: nowrap;
}

.sushitetsu-footer__brand-copy {
  margin-top: 26px;

  color: #687169;

  font-size: 12px;

  letter-spacing: 0.12em;
}


/* =========================================================
   MENU
========================================================= */

.sushitetsu-footer__menus {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 39px;
}

.sushitetsu-footer__menu h3 {
  position: relative;

  margin: 0 0 20px;

  padding: 0 0 14px;

  color: #365f42;

  font-size: 14px;
  font-weight: 500;

  line-height: 1.5;

  letter-spacing: 0.05em;

  white-space: nowrap;

  border-bottom:
    1px solid rgba(54, 95, 66, 0.18);
}

.sushitetsu-footer__menu a {
  position: relative;

  display: block;

  width: fit-content;

  margin: 0 0 14px;

  padding-left: 15px;

  color: #6d746e;

  font-size: 11px;

  line-height: 1.7;

  text-decoration: none;

  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.sushitetsu-footer__menu a::before {
  content: "›";

  position: absolute;

  left: 0;
  top: 0;

  color: #8c9a8e;

  font-size: 11px;
}

.sushitetsu-footer__menu a:hover {
  color: #365f42;
}


/* =========================================================
   BOTTOM
========================================================= */

.sushitetsu-footer__bottom {
  position: relative;

  background:
    linear-gradient(
      180deg,
      #f8efd6 0%,
      #f4e9c8 100%
    );

  border-top:
    1px solid rgba(54, 95, 66, 0.14);

  box-shadow:
    inset 0 4px 8px rgba(93, 72, 30, 0.05);
}

.sushitetsu-footer__bottom-inner {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 40px;

  width: min(920px, calc(100% - 60px));

  min-height: 74px;

  margin: 0 auto;
}


/* LEFT BRAND */

.sushitetsu-footer__bottom-brand {
  color: #365f42;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 13px;

  font-weight: 600;

  letter-spacing: 0.20em;

  white-space: nowrap;
}


/* RIGHT */

.sushitetsu-footer__bottom-right {
  text-align: right;
}


/* =========================================================
   SITE MAP / PRIVACY
========================================================= */

.sushitetsu-footer__legal {
  display: flex;

  justify-content: flex-end;
  align-items: center;

  gap: 10px;

  margin-bottom: 7px;
}

.sushitetsu-footer__legal a {
  color: #59635c;

  font-size: 9px;

  line-height: 1.5;

  letter-spacing: 0.04em;

  text-decoration: none;

  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}

.sushitetsu-footer__legal a:hover {
  color: #365f42;
}

.sushitetsu-footer__legal span {
  color: rgba(54, 95, 66, 0.32);

  font-size: 8px;
}


/* COPYRIGHT */

.sushitetsu-footer__copyright {
  color: #445048;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 8px;

  letter-spacing: 0.06em;

  line-height: 1.4;
}

.sushitetsu-footer__rights {
  margin-top: 5px;

  color: #8a8c84;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 7px;

  letter-spacing: 0.03em;
}


/* =========================================================
   MOBILE
========================================================= */

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

  /*
    BiNDupの親ブロックに左右余白があっても
    フッターだけ画面いっぱいにする
  */

  .sushitetsu-footer {
    width: 100vw;
    max-width: none;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }


  /* MAIN */

  .sushitetsu-footer__main {
    padding: 45px 0 43px;
  }

  .sushitetsu-footer__inner {
    display: block;

    width: auto;

    margin: 0 24px;
  }


  /* BRAND */

  .sushitetsu-footer__brand {
    margin-bottom: 38px;

    padding: 0;
  }

  .sushitetsu-footer__brand-name {
    font-size: 24px;
  }

  .sushitetsu-footer__brand-en {
    margin-top: 13px;

    font-size: 8px;
  }

  .sushitetsu-footer__brand-copy {
    margin-top: 20px;

    font-size: 11px;
  }


  /* MENU */

  .sushitetsu-footer__menus {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 34px 27px;
  }

  .sushitetsu-footer__menu h3 {
    margin-bottom: 17px;

    padding-bottom: 11px;

    font-size: 13px;
  }

  .sushitetsu-footer__menu a {
    margin-bottom: 11px;

    font-size: 11px;
  }


  /* BOTTOM */

  .sushitetsu-footer__bottom-inner {
    display: block;

    width: auto;

    min-height: 0;

    margin: 0;

    padding: 25px 24px 24px;

    text-align: center;
  }

  .sushitetsu-footer__bottom-brand {
    margin-bottom: 17px;

    font-size: 11px;

    letter-spacing: 0.18em;
  }

  .sushitetsu-footer__bottom-right {
    text-align: center;
  }


  /* LEGAL */

  .sushitetsu-footer__legal {
    justify-content: center;

    margin-bottom: 11px;
  }

  .sushitetsu-footer__legal a {
    font-size: 9px;
  }


  /* COPYRIGHT */

  .sushitetsu-footer__copyright {
    font-size: 8px;
  }

  .sushitetsu-footer__rights {
    font-size: 7px;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

  .sushitetsu-footer__inner {
    margin: 0 20px;
  }

  .sushitetsu-footer__menus {
    gap: 31px 20px;
  }

  .sushitetsu-footer__brand-name {
    font-size: 22px;
  }

  .sushitetsu-footer__legal {
    gap: 8px;
  }

}


/* =========================================
   PAGE TOP
========================================= */

.st-page-top {
  position: fixed;

  right: 24px;
  bottom: 105px;

  z-index: 9998;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  padding: 0;

  background: rgba(247, 245, 239, 0.96);

  color: #365f42;

  border: 1px solid rgba(54, 95, 66, 0.45);
  border-radius: 50%;

  box-shadow:
    0 4px 15px rgba(25, 45, 31, 0.12);

  cursor: pointer;

  opacity: 0;
  visibility: hidden;

  transform: translateY(10px);

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease,
    background 0.2s ease,
    color 0.2s ease;
}


/* 表示 */

.st-page-top.is-show {
  opacity: 1;
  visibility: visible;

  transform: translateY(0);
}


/* 矢印 */

.st-page-top__arrow {
  display: block;

  margin-bottom: 1px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 17px;

  line-height: 1;
}


/* TOP */

.st-page-top__text {
  display: block;

  margin-top: 2px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 7px;

  line-height: 1;

  letter-spacing: 0.12em;
}


/* PC hover */

.st-page-top:hover {
  background: #365f42;
  color: #fff;
}


/* =========================================
   MOBILE
========================================= */

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

  .st-page-top {
    right: 17px;
    bottom: 94px;

    width: 46px;
    height: 46px;
  }

  .st-page-top__arrow {
    font-size: 15px;
  }

  .st-page-top__text {
    font-size: 6px;
  }

}