@charset "utf-8";
.page.ja.message #breadcrumb,.page.ja.creation #breadcrumb,.page.ja.company #breadcrumb { padding-bottom: 14px; }
.page #wrapper { padding-bottom: 100px; }
.page.foreign #wrapper { padding-bottom: 50px; }
.normalp { padding-top: 80px; text-align: justify; text-justify: inter-ideograph; justify-content: space-between; }
.en-US .normalp { text-justify: newspaper; }
.message .normalp { padding-bottom: 2em;}
.page.aboutoigen .normalp, .page.care .normalp, .page.visit .normalp, .page.products .normalp { padding-top: 36px; }
.normalp span.note { display: block; text-indent: -1.2em; padding-left: 1.2em; }
.item { width: 210px; }
.itemtxt { width: 552px; }
.page .oigenmovie div { padding: 56.25% 0 0 0; position: relative; margin-bottom: 40px; }
.page .oigenmovie iframe { position: absolute; top: 0; left: 0; }

ul.note li { margin: 0 0 0 20px; padding: 0; text-indent: -10px; }
ul.note li:before { content: '※'; display: inline-block; margin: 0; padding: 0; padding-right: 6px; }
#wrapper .normalp { font-size: 14px; font-size: 1.4rem; line-height: 1.6; }
.normalp .flex_pc { padding-top: 50px; }
.normalp .flex_pc:first-child { padding-top: 0; }
article.normalp .item { width: 210px; }
article.normalp .itemtxt { width: 550px; }

.page .head1 { font-size: 4.2rem; }
.page.foreign .head1 { padding-top: 50px; font-weight: 500;}
.page.foreign.aboutoigen .head1,.page.foreign.care .head1 { font-weight: 500; }
.page.ja .head1.h1bgimg { width: 86%; max-width: 1240px; height: 535px; margin: 0 auto; padding: 40px 0 25px; background-position: center center; background-repeat: no-repeat; text-align: center; background-size: cover; }
.page.ja .head1.h1bgimg span { display: inline-block; height: 535px; vertical-align: middle; text-align: center; line-height: 535px; color: #fff; }
.ja.creation .head1.h1bgimg span, .ja.company .head1.h1bgimg span { background: url(../images/common/logo_w.png) center 162px no-repeat; height: 180px; padding-top: 355px; vertical-align: top; line-height: 1; }

.message .message_p,.message .message_t { width: 48.4%; max-width: 600px; }
.message .message_p img { width: 100%; height: auto; }
.ja.message section.flex_pc:nth-of-type(even) { flex-direction: row-reverse; }
.foreign.message section.flex_pc:nth-of-type(odd) { flex-direction: row-reverse;}
.ja.message section.flex_pc:nth-of-type(even) .message_t div { padding-left: 29.7%; }
.foreign.message section.flex_pc:nth-of-type(odd) .message_t div { padding-left: 29.7%; }
.message .message_t div { width: 70.3%; max-width: 422px; padding-top: 30px; }
.message .message_t .head2 { padding: 0 0 20px 0; margin: 0; font-size: 3.0rem; font-weight:600; }
.message .message_t .normalp { padding-top: 0; }
.foreign.message .oigenmovie { padding-bottom: 50px; }

.creation #wrapper section { margin: 0 auto; padding: 50px 0; }
.creation #wrapper section:last-child { padding-bottom: 250px; background:url(../images/common/logo_g.png) center bottom no-repeat; }
.creation .normalp section.w_narrow { font-size: 1.8rem; line-height: 2.0; }
.creation .normalp section img { width: 100%; height: auto; }
.creation section iframe { padding-bottom: 100px; }
.creation .head2 { padding: 10px 0; font-size: 4.8rem; line-height: 2.0; }
.creation .head3 { font-size: 2.4rem; line-height: 2.0; padding: 0 0 50px; }
.creation .normalp section.w_narrow p{ margin-top: 1.8em; }

.quality img.img100 { width: 100%; height: auto; }
.quality .head1 { padding-bottom: 80px; }
.quality .body { padding-bottom: 1.4em; }
.en-US.quality .body { line-height: 1.4; font-size: 1.4rem }
.quality .w_narrow { width: 86.1%; max-width: 720px; }
.quality .t_vertical { writing-mode: tb-rl; }
.quality #wrapper { background: url(../images/quality/quality_bg.jpg) center top no-repeat; }
.quality #wrapper article:first-child, .quality #wrapper article:nth-of-type(2) { padding: 0; }
.quality #wrapper article:first-child { height: 1337px; }
.quality #wrapper article:nth-of-type(2){ height: 508px; }
.quality #wrapper .column1 { width: 270px; }
.quality #wrapper .column2 { width: 360px; position: relative;}
.quality #wrapper article:first-child .flex_pc { padding-top: 160px; flex-direction: row-reverse; }
.quality #wrapper article:first-child .column1 h2 { height: 516px; }
.quality .icon { width: 100%; overflow: hidden; }
.quality .icon span { display: block; width: 100%; height:0; background-position: center center; background-repeat: no-repeat; }
.quality #wrapper .column1 .i_quality { height: 217px; }
.quality #wrapper .column1 .i_quality span { padding-top: 217px; background-image: url(../images/quality/i_qualiry.png); }
.quality #wrapper .column1 .text2 { height: 384px; padding-top: 60px; line-height: 1.5; font-weight: 300; }
.quality .i_logo { position: absolute; bottom: 99px; left: 0; width: 73px; height: 101px; }
.quality .i_logo span { padding-top: 101px; background-image: url(../images/common/logo_w.png); background-size: auto 100%; }
.quality #wrapper .linebox { height: 86px; border-top: 1px #fff solid; }
.quality #wrapper article:nth-of-type(2) .column2 h3 { line-height: 1.3; }
.en-US.quality #wrapper article:nth-of-type(2) .column2 h3 { white-space: nowrap;}
.quality .mizusawa { height: 278px; }
.quality .mizusawa span { padding-top: 278px; background:url(../images/quality/mizusawa.png) left bottom no-repeat; }
.quality #aboutkama { height: 300px; margin-bottom: 150px; padding: 0; background-color: #f7efe4; }
.quality #aboutkama .kama { position: relative; width: 498px; padding-top: 65px; }
.quality #aboutkama .kama span { position: absolute; left: 293px; display: block; font-size: 2.4rem; }
.quality #aboutkama .kama span:nth-of-type(1) { top: 52px; }
.quality #aboutkama .kama span:nth-of-type(2) { top: 138px; }
.quality #aboutkama .kama span:nth-of-type(3) { bottom: 43px; }
.quality #akashi { margin: 50px auto; background-color: #e60012; }
.quality #akashi h2 { position: relative; height: 450px; background: url(../images/quality/akashi_bg.jpg) center center no-repeat; text-align: center; }
.quality #akashi h2 .i_akashi { display: block; position: absolute; top: 202px; left: 0; height: 155px; }
.quality #akashi h2 .icon span { display: block; height: 0; padding-top: 155px; background-image: url(../images/quality/i_akashi.png); }
.quality #akashi .column2 { background-color: #e60012; padding: 60px 0 50px; }
.quality #akashi .column2 h3 { width: 450px; }
.quality #akashi .column2 .text1 { width: 265px; }
.quality #iron_sand { padding-top: 125px; }
.quality #iron_sand h2 { height: 470px; }
.en-US.quality #iron_sand h2 { letter-spacing: -2px; }
.quality #iron_sand .text1 { width: 360px; padding-top: 160px; }
.quality #iron_sand section { width: 95%; max-width: 920px; margin: 0 auto; line-height: 0;  }
.quality #iron_sand section p:first-child { width: 50%;  }
.quality #iron_sand section div { width: 40%; max-width: 366px; padding-top: 130px;}
.quality #iron_sand section div h3 { padding-bottom: 0.3em; text-align: left; }
.quality #iron_sand section:nth-of-type(1) { margin-top: -320px; }
.quality #iron_sand section:nth-of-type(2) { padding-left: 160px; }
.quality #wrapper3 { text-align: center; }
.quality #wrapper3 article { padding: 100px 0 100px; border-bottom: 1px #cbcccd solid; }
.quality #wrapper3 .imagebox { width: 100%; height: auto; margin: 0 auto; }
.quality #wrapper3 h3 { padding: 45px 0 30px; }
.quality #wrapper3 .textbox { padding: 0; }
.quality #nakedfinish div { position: relative; padding-bottom: 40px; }
.quality #nakedfinish h3 { position: absolute; bottom: 80px; right: 0; width: 450px; }
.en-US.quality #nakedfinish h3 { bottom: 0; }
.quality #nakedfinish2 { padding-top: 118px; }
.quality #nakedfinish2 .imagebox { line-height: 0; position: relative; }
.quality #nakedfinish2 .imagebox .caption { position: absolute; left: 0; bottom: 5px; width: 100%; }
.quality #nakedfinish2 .imagebox .caption span { display: block; width: 50%; text-align: center; }
.quality #nakedfinish2 .textbox { padding-top: 45px; }
.quality #nakedfinish2 .text3 { padding: 120px 0 80px; }
.quality #nakedfinish2 .button a { display: block; width: 90%; max-width: 800px; margin: 0 auto 24px; padding: 50px 0; border: 1px #cbcccd solid; }
.quality #nakedfinish2 .buttonnote { text-align: center; }

/*.company .bgcolor { padding-top: 30px; background-color: #000; color: #fff;}*/
.company .head2 { padding: 10px 0 0; }
.foreign.company .thumimg { margin-bottom: 80px; }
.company section { margin-bottom: 140px; }
.ja.company section:first-child { margin-top: 80px; }
.company section:last-child { margin-bottom: 0; }
.company section .c_listbox { position: relative; margin-left: 390px; }
/*.company section .title_eng { position: absolute; left: 1.5em; top: 0; transform-origin: left top; transform:rotate(90deg); font-weight: 100;}*/
.company section .company_list { margin: 40px 0 0 1em; padding-left: 50px; }
.company section .company_list dt,.company section .company_list dd  { margin-top: 0.6em;}
.company section .company_list dt:first-child { margin-top: 0;}
.company section .company_list dd { padding-left: 3em; }
.company section .company_list dd span { display: block; }

.care .normalp { padding-top: 0; }
.care #wrapper .normalp { font-size: 18px; font-size: 1.8rem; line-height: 1.6; }
.care .head2 { padding: 0 0 1em; font-size: 3.0rem; }
.care section { padding: 50px 0 80px; }
.page-child.care .head1 { font-size: 4.2rem; }
.page-child.care .parenttt { display: block; padding: 96px 0 30px; font-size: 3.0rem; font-weight: 400; }
.page-child.care .thumimg img { max-width: 397px; height: auto; }
.page.page-child.care #wrapper { padding-bottom: 0; }
.page-child.care section { padding: 65px 0 0; }
.page-child.care section:first-child { padding: 30px 0 0; }
.page-child.care .head2 { padding: 0 0 20px; font-weight: 400; }
.page-child.care article ol li { list-style-type: decimal; margin-left: 1em; }
.page-child.care article .f_mall { font-size: 80%;}
.page-child.care article ul li { list-style-type: disc; margin-left: 46px; }
.page-child.care .care_qa p { text-indent: -1.2em; margin-left: 1.2em; }
.page-child.care .care_q { font-weight: 600; margin-top: 36px;}
.page-child.care section .care_qa:nth-of-type(1) .care_q { margin-top: 0; }
.page-child.care .care_navi { font-size: 2.4rem; font-weight: 600; }
.page-child.care section.care_list { padding-top: 140px; }
.care_list div div { width: 45%; max-width: 368px; position: relative;}
.care_list .care_list_img { height: 120px; }
.care_list .care_list_name { font-size: 2.4rem; margin-top: -24px; padding: 25px 0; border: 1px #cbcccd solid; }


.f_gothic { font-family: 'Arial', 'Helvetica', 'メイリオ', Meiryo, 'ヒラギノ角ゴ', 'Hiragino Kakugo', serif; }

/*---------------------------------------------------------　factoryshop202205　--*/
.factoryshop_202205 #wrapper .flex > div { display:flex; flex-wrap: nowrap; }
.factoryshop_202205 #wrapper .flex_sp_btw > div{ justify-content: space-between; }
.factoryshop_202205 #shoptitle_sp { position: relative; }
.factoryshop_202205 #shoptitle_sp { padding-top: 140px; }
.factoryshop_202205 #shop_mainimg {  position: relative; z-index: 99; width: 86.1%; max-width: 1240px; height: 580px; margin: 0 auto; background: center center no-repeat; align-items: center; justify-content: center; }
.factoryshop_202205 #shop_open_box { width: 464px; background-color: #fff; padding: 50px 58px 46px; }
.factoryshop_202205 #shop_open_box #shop_open_title { font-size: 2.4rem; padding-bottom: 26px; }
.factoryshop_202205 #shop_open_box #shop_open_text { font-size: 1.4rem; }
.factoryshop_202205 #titlebox { z-index: 10; position: relative; margin-top: -290px; padding: 290px 0 40px; background-color: #edeeee; }
.factoryshop_202205 #titlebox .head1 { padding: 20px 0 10px; font-size: 6.0rem; font-weight: 400; }
.factoryshop_202205 #titlebox .head1_sub { font-size: 1.4rem; line-height: 2.0; }
.factoryshop_202205 #titlebox #op_cl { padding-top: 30px;}
.factoryshop_202205 #titlebox #op_cl span { display: block; font-size: 3.0rem; padding-bottom: 4px; }
.factoryshop_202205 #titlebox #op_cl span:first-child { display: block; font-size: 2.4rem; }
.factoryshop_202205 #titlebox #op_cl span:last-child { display: block; font-size: 1.8rem; padding-top: 6px; }
.factoryshop_202205 #titlebox #insta { display: block; position: absolute; right: 168px; bottom: 50px; padding-left: 50px; background: url(../images/common/i_ig.svg) left center no-repeat; background-size: 30px 30px; }
.factoryshop_202205 #titlebox #insta span { font-size: 1.2rem; }
.factoryshop_202205 .column { margin: 0 auto; }
.factoryshop_202205 .column .shop_txt { margin: 40px auto 0; text-align: left; font-size: 1.4rem; line-height: 2.2; }
.factoryshop_202205 #column0 { max-width:660px; margin-top:50px; border:1px #a0a0a0 solid; border-radius:10px; padding:2em 2.2%; }
.factoryshop_202205 #column0 ul { margin-top:1.5em;}
.factoryshop_202205 #column0 li { list-style-type:decimal; margin:1.5em 0 0 1em;}
.factoryshop_202205 #column1 { width: 420px; margin-top: 80px; }
.factoryshop_202205 #column2 { width: 100%; max-width: 1270px; margin-top: 145px; }
.factoryshop_202205 #column2 figure:nth-of-type(1) { width: 64.6%; max-width: 820px; }
.factoryshop_202205 #column2 figure:nth-of-type(2) { width: 24.4%; max-width: 310px; text-align: right; }
.factoryshop_202205 #column2 figure img {width: 100%; height:auto; }
.factoryshop_202205 #column2 .shop_txt { width: 47%; max-width: 524px; margin:30px 0 0 17%; line-height:2.2;}
.factoryshop_202205 #column3 { clear: both; width: 670px; margin-top: 94px; text-align: center; }
.factoryshop_202205 #column3 .shop_txt { width: 540px; text-align: left; }
.factoryshop_202205 #column3 figure, .factoryshop_202205 #column4 figure { padding:0 10px; }
.factoryshop_202205 #column4 { width: 540px; margin-top: 76px; text-align: center; }
.factoryshop_202205 #column4 .shop_img { width: 440px; margin: 0 auto; }
.factoryshop_202205 #column5 div{ width:45.2%; max-width:650px; margin-top: 90px; padding-left: 54.8%; text-align:left; }
.factoryshop_202205 #column5 .shop_txt { width:84.3%; max-width: 548px; }
.factoryshop_202205 #column5 .shop_txt:last-child { margin-top: 70px; }
.factoryshop_202205 #map { width: 76.2%; max-width: 1096px; margin: 100px auto 0; text-align: left; }
.factoryshop_202205 #map .shop_img { width: 45.7%; max-width: 500px; margin-top: 0; }
.factoryshop_202205 #map .shop_img iframe { width: 100%; }
.factoryshop_202205 #map .shop_txt { width: 32.9%; max-width: 360px; margin-top: 0; }
.factoryshop_202205 #map .info_box { width: 310px; margin-top: 30px; }
.factoryshop_202205 #map .info_box:first-child { margin-top: 0; }
.factoryshop_202205 #map .info_box p { margin-top: 6px; line-height: 1.6; }
.factoryshop_202205 #map .info_box:first-child p:first-child { margin-top: 0; }
.factoryshop_202205 #map .info_box p span { font-size: 2.4rem; }
.factoryshop_202205 #map .info_box:first-child p:first-child span { font-size: 1.8rem; }
.factoryshop_202205 #map .info_box .f_small { font-size: 1.2rem; }
.factoryshop_202205 #map #freewifi { display: table-cell; width: 4em; height: 58px; margin-top: 1em; padding-right: 80px; vertical-align: middle; background:url(../images/common/i_freewifi.png) right center no-repeat; }
.factoryshop_202205 #spot { width: 801px; height: 230px; margin: 100px auto 0; border: 1px #edeeee solid; }
.factoryshop_202205 a:hover #spot  { opacity: 0.8; }
.factoryshop_202205 #spot_icon { margin: 50px auto 25px; }
.factoryshop_202205 #spot_title { font-size: 30px; }
.factoryshop_202205 #spot_txt { margin: 20px auto 0; }

/*---------------------------------------------------------　FOREIGN factoryshop　--*/
.foreign.factoryshop #wrapper .flex > div { display:flex; flex-wrap: nowrap; }
.foreign.factoryshop #wrapper .flex_sp_btw > div{ justify-content: space-between; }
.foreign.factoryshop #shoptitle_sp { position: relative; }
.foreign.factoryshop #shoptitle_sp { padding-top: 70px; }
.foreign.factoryshop #shop_mainimg {  position: relative; z-index: 99; width: 86.1%; max-width: 1240px; height: 580px; margin: 0 auto; background: center center no-repeat; align-items: center; justify-content: center; }
.foreign.factoryshop #shop_open_box { width: 464px; background-color: #fff; padding: 50px 58px 46px; }
.foreign.factoryshop #shop_open_box #shop_open_title { font-size: 2.4rem; padding-bottom: 26px; }
.foreign.factoryshop #shop_open_box #shop_open_text { font-size: 1.4rem; }
.foreign.factoryshop #titlebox { z-index: 10; position: relative; margin-top: -290px; padding: 290px 0 40px; background-color: #edeeee; }
.foreign.factoryshop #titlebox .head1 { padding: 20px 0 10px; font-size: 6.0rem; font-weight: 400; }
.foreign.factoryshop #titlebox .head1_sub { font-size: 1.4rem; line-height: 2.0; }
.foreign.factoryshop #titlebox #op_cl { padding-top: 30px;}
.foreign.factoryshop #titlebox #op_cl span { display: block; font-size: 3.0rem; padding-bottom: 4px; }
.foreign.factoryshop #titlebox #op_cl span:first-child { display: block; font-size: 2.4rem; }
.foreign.factoryshop #titlebox #op_cl span:last-child { display: block; font-size: 1.8rem; padding-top: 6px; }
.foreign.factoryshop #titlebox #insta { display: block; position: absolute; right: 168px; bottom: 50px; padding-left: 50px; background: url(../images/common/i_ig.svg) left center no-repeat; background-size: 30px 30px; }
.foreign.factoryshop #titlebox #insta span { font-size: 1.2rem; }
.foreign.factoryshop .column { margin: 0 auto; }
.foreign.factoryshop .column .shop_txt { margin: 40px auto 0; text-align: left; font-size: 1.4rem; line-height: 2.2; }
.foreign.factoryshop #column0 { max-width:660px; margin-top:50px; border:1px #a0a0a0 solid; border-radius:10px; padding:2em 2.2%; }
.foreign.factoryshop #column0 ul { margin-top:1.5em;}
.foreign.factoryshop #column0 li { list-style-type:decimal; margin:1.5em 0 0 1em;}
.foreign.factoryshop #column1 { width: 420px; margin-top: 80px; }
.foreign.factoryshop #column2 { width: 100%; max-width: 1270px; margin-top: 145px; }
.foreign.factoryshop #column2 figure:nth-of-type(1) { width: 64.6%; max-width: 820px; }
.foreign.factoryshop #column2 figure:nth-of-type(2) { width: 24.4%; max-width: 310px; text-align: right; }
.foreign.factoryshop #column2 figure img {width: 100%; height:auto; }
.foreign.factoryshop #column2 .shop_txt { width: 47%; max-width: 524px; margin:30px 0 0 17%; line-height:2.2;}
.foreign.factoryshop #column3 { clear: both; width: 670px; margin-top: 94px; text-align: center; }
.foreign.factoryshop #column3 .shop_txt { width: 540px; text-align: left; }
.foreign.factoryshop #column3 figure, .foreign.factoryshop #column4 figure { padding:0 10px; }
.foreign.factoryshop #column4 { width: 540px; margin-top: 76px; text-align: center; }
.foreign.factoryshop #column4 .shop_img { width: 440px; margin: 0 auto; }
.foreign.factoryshop #column5 div{ width:45.2%; max-width:650px; margin-top: 90px; padding-left: 54.8%; text-align:left; }
.foreign.factoryshop #column5 .shop_txt { width:84.3%; max-width: 548px; }
.foreign.factoryshop #column5 .shop_txt:last-child { margin-top: 70px; }
.foreign.factoryshop #map { width: 76.2%; max-width: 1096px; margin: 100px auto 0; text-align: left; }
.foreign.factoryshop #map .shop_img { width: 45.7%; max-width: 500px; margin-top: 0; }
.foreign.factoryshop #map .shop_img iframe { width: 100%; }
.foreign.factoryshop #map .shop_txt { width: 32.9%; max-width: 360px; margin-top: 0; }
.foreign.factoryshop #map .info_box { width: 310px; margin-top: 30px; }
.foreign.factoryshop #map .info_box:first-child { margin-top: 0; }
.foreign.factoryshop #map .info_box p { margin-top: 6px; line-height: 1.6; }
.foreign.factoryshop #map .info_box:first-child p:first-child { margin-top: 0; }
.foreign.factoryshop #map .info_box p span { font-size: 2.4rem; }
.foreign.factoryshop #map .info_box:first-child p:first-child span { font-size: 1.8rem; }
.foreign.factoryshop #map .info_box .f_small { font-size: 1.2rem; }
.foreign.factoryshop #map #freewifi { display: table-cell; width: 4em; height: 58px; margin-top: 1em; padding-right: 80px; vertical-align: middle; background:url(../images/common/i_freewifi.png) right center no-repeat; }
.foreign.factoryshop #spot { width: 801px; height: 230px; margin: 100px auto 0; border: 1px #edeeee solid; }
.foreign.factoryshop a:hover #spot  { opacity: 0.8; }
.foreign.factoryshop #spot_icon { margin: 50px auto 25px; }
.foreign.factoryshop #spot_title { font-size: 30px; }
.foreign.factoryshop #spot_txt { margin: 20px auto 0; }

/*--------------------------------------------------------- JA factoryshop new --*/
.ja.factoryshop #relatedbox { margin-bottom: 0; padding-bottom: 90px; padding-top:90px; }
.ja.factoryshop .fshoptag { position:relative; background-color:#fff;z-index:100; }
.ja.factoryshop .fs16_10 { font-size: 1.6rem; }
.ja.factoryshop .fs16_14 { font-size: 1.6rem; }
.ja.factoryshop .fs16_12 { font-size: 1.6rem; }
.ja.factoryshop .fs18_16 { font-size: 1.8rem; } 
.ja.factoryshop .fs24_16 { font-size: 2.4rem; }
.ja.factoryshop .fs24_14 { font-size: 2.4rem; }
.ja.factoryshop .fs30_36 { font-size: 3.0rem; }
.ja.factoryshop .fs48_36 { font-size: 4.8rem; }
.ja.factoryshop .fs60_50_36 { font-size: 6.0rem;}
.ja.factoryshop .fs48 { font-size: 4.8rem!important; } 
.ja.factoryshop .fs24 { font-size: 2.4rem!important; } 
.ja.factoryshop .pd_b_16 { padding-bottom: 16px!important; } 
.ja.factoryshop .no_pd_t { padding-top: 0!important; } 
.ja.factoryshop #wrapper a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; }
	
.ja.factoryshop #shopmainimg { position:absolute; left:0; top:125px; width:100%; overflow: hidden; height:799px; z-index:-1; }
.ja.factoryshop #shopmainimg.scroll { position: fixed; top:100px; }
.ja.factoryshop #shopmainimg img { width:auto; height:100%; margin-left:50%; transform:translateX(-50%); }
.ja.factoryshop #innerlink { width:280px; position: absolute; top: 175px; left:calc(50% - 600px); z-index: 1; display: flex; flex-direction: row-reverse; }
.ja.factoryshop #innerlink.scroll { position: fixed; top:149px; }
.ja.factoryshop #innerlink li { writing-mode: vertical-rl; margin-right: 12px;  }
.ja.factoryshop #innerlink li#menupull { display: none; }
.ja.factoryshop #innerlink li a { display: block; width: 30px; height: 210px; background-color: #0C0C0A; color: #fff; border-radius: 5px; font-size: 1.6rem; padding-right: 14px; transition: border-radius 0.5s; }
.ja.factoryshop #innerlink li a::before { content: '・'; display: inline-block; padding-top: 14px; height: 20px; }
.ja.factoryshop #innerlink li a:hover { background-color: #fff; color: #0C0C0A; border-radius: 22px; opacity: 1; }
.ja.factoryshop #wrapper, .ja.factoryshop #wrapper a { color: #0C0C0A; opacity: 1; }
.ja.factoryshop #externallink { width:280px; position: absolute; top: 696px; left:calc(50% - 600px); z-index: 100; }
.ja.factoryshop #externallink.scroll { position: fixed;  top:673px; }
@media screen and (max-height: 899px) {
	.ja.factoryshop #externallink { top: calc(696px - (930px - 100vh) + 90px ); }
	.ja.factoryshop #externallink.scroll { top: calc(696px - (930px - 100vh) + 90px - 23px); }	
}
.ja.factoryshop #externallink li { margin-top: 14px; }
.ja.factoryshop #externallink li a { display: table-cell; width: 232px; height: 52px; background-color: #EDEEEE; background-position: 20px center; background-repeat: no-repeat; border-radius: 26px;  vertical-align: middle; text-align: left; }
.ja.factoryshop #externallink li a span { display: inline-block; padding-left: 70px; line-height: 1.2; }
.ja.factoryshop #externallink li a:hover { background-color: #0C0C0A; color:#fff; opacity:1; }
.ja.factoryshop #externallink li:first-child a { background-image: url(../images/factoryshop/i_olshop.png); font-size: 1.8rem; }
.ja.factoryshop #externallink li:first-child a:hover { background-image: url(../images/factoryshop/i_olshop_on.png); }
.ja.factoryshop #externallink li:last-child a { background-image: url(../images/common/i_ig2020.png); background-size: 31px auto; }
.ja.factoryshop .column div#aboutshop { margin: 0 auto; padding: 36px 38px; width: auto; background-color: #0C0C0A; color: #fff; font-size:1.6rem; line-height: 1.8;}
.ja.factoryshop #wrapper a:hover { color: #0C0C0A; opacity: 1; }
.ja.factoryshop #wrapper { z-index:100; z-index: 50; }
.ja.factoryshop .column { margin-left: auto; margin-right: 0; width: calc(100% - 340px); max-width: 900px; position: relative; }
.ja.factoryshop .column > div { margin: 0 auto; text-align: left; width: calc(100% - 80px); max-width:820px; }
.ja.factoryshop .column:nth-of-type(1) { height:799px; padding-top:13px; }
.ja.factoryshop .column figure { width:100%; height:370px; overflow:hidden; padding-top:60px;}
.ja.factoryshop .column figure img { width:auto; height:410px; overflow:hidden; margin: -20px 0 0 50%; transform: translateX(-50%);}

.ja.factoryshop #shopoigen { position: absolute; left: 40px; bottom: 80px; display: flex; }
.ja.factoryshop #shopoigen .logomark { width:77px; padding-right: 50px; background: url(../images/common/logo_w.png) bottom 14px left no-repeat; background-size: 77px auto; }
.ja.factoryshop #shopoigen #shoptitle { color:#fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.7); }
.ja.factoryshop #shopoigen #shoptitle .title01 { display: block;font-size: 2.4rem; padding-bottom:16px;}
.ja.factoryshop #shopoigen #shoptitle .title02 { display: block;font-size: 7.6rem; line-height: 0.85; }
.ja.factoryshop #shopoigen #shoptitle .title02 .ltspace1 {letter-spacing: -1px; }
.ja.factoryshop #shopoigen #shoptitle .title02 .ltspace2 {letter-spacing: -8px; font-size: 6.3rem; }
.ja.factoryshop .column #shopinfo { margin: -24px 40px 0 auto; width:620px; }
.ja.factoryshop .column #shopinfo li { margin-bottom: 12px;}
.ja.factoryshop .column #shopinfo li a { display: block; padding: 12px 10px 14px 68px; font-size: 1.8rem; line-height: 1.4; background:#EDEEEE url(../images/factoryshop/i_info.svg) 15px center no-repeat padding-box; background-size: 25px 25px; border-radius: 5px; }
.ja.factoryshop .column #shopinfo li a::after { content:url(../images/factoryshop/i_info_win.svg); display:inline-block; padding-left: 2em;}
.ja.factoryshop .column #shopinfo li a:hover { background-color: #fff;}
.ja.factoryshop .column:nth-of-type(2) { background:rgba(255,255,255,0.9); padding-top: 45px;}
.ja.factoryshop #caution { border: 1px solid #EDEEEE; border-radius: 10px; background-color: #fff; margin-bottom: 96px; }
.ja.factoryshop #caution p { font-size: 1.8rem; padding: 30px 25px 20px; }
.ja.factoryshop #caution dl { padding: 0 25px 40px; display:flex; flex-wrap: wrap;}
.ja.factoryshop #caution dt, .ja.factoryshop #caution dd { margin-bottom: 12px; line-height: 1.7; }
.ja.factoryshop #caution dt { font-size: 1.2rem; width: 140px; flex-shrink: 0;}
.ja.factoryshop #caution dd { font-size: 1.4rem; width: calc(100% - 140px); }
.ja.factoryshop #album { padding-bottom: 30px;}
.ja.factoryshop #album > div { position: relative; padding: 55px 0 0; margin-bottom:96px; }
.ja.factoryshop #album > div:last-child { margin-bottom:0; }
.ja.factoryshop #album .al_num { display: inline-block; font-size: 3.0rem; font-weight: bold; transform: rotate(90deg); position: absolute; left: -30px; top: 35px; }
.ja.factoryshop #album .al_num span { font-size: 1.2rem; font-weight: bold; line-height: 1.2; }
.ja.factoryshop #album figure { height:340px; padding-top: 0; }
.ja.factoryshop #album figure img { width:auto; height:395px; margin: -27.5px 0 0 50%; }
.ja.factoryshop #album figcaption { position: relative; background-color: #fff; margin: -28px 18px 0 auto; width: 311px; height: 50px; padding: 10px 20px; font-size: 1.4rem; line-height: 1.8; z-index:50; }

.ja.factoryshop .column.bggray { background: #EDEEEE; margin-top: 70px; padding: 75px 0; }
.ja.factoryshop .column .s_head3 { font-size: 3.6rem; font-weight:bold; padding-bottom: 50px; letter-spacing: 6px; }
.ja.factoryshop .column .s_body { font-size: 1.6rem; line-height: 1.8; font-weight:bold; }
.ja.factoryshop .column .s_option { margin-left:auto; margin-right: 0;  }
.ja.factoryshop .column ul.s_option { padding-bottom: 14px;border-bottom: 1px #707070 solid; }
.ja.factoryshop .column table.s_option {  margin-top:50px; }
.ja.factoryshop .column table.s_option tr { border-bottom: 1px #707070 solid; margin: 0 0 40px auto; padding-bottom: 20px; display:block; }
.ja.factoryshop .column table.s_option th { vertical-align:top; font-size: 16px; font-weight: bold; padding-top: 10px; }
.ja.factoryshop .column table.s_option td { vertical-align:top; font-weight: bold; padding-top: 20px; }
.ja.factoryshop .column table.s_option td.pd_t_0 { padding-top: 0; }
.ja.factoryshop .column .long { width:100%; max-width: 620px;}
.ja.factoryshop .column .short { width: 390px;}
.ja.factoryshop .column .full { width: 100%;}
.ja.factoryshop .column #opcl { margin: 60px 0 24px auto; }
.ja.factoryshop .column #opcl tr:first-child { border:none; padding-bottom: 0; margin-bottom: 0;}
.ja.factoryshop .column #opcl td { vertical-align: bottom;}
.ja.factoryshop .column #opcl tr:nth-of-type(2) td:last-child { text-align: right; width:100%;}
.ja.factoryshop .column #opcl tr:nth-of-type(2) td:nth-of-type(3) { vertical-align:middle;padding-left:8px;padding-right:8px;}

.ja.factoryshop .column .moreinfo { height: 50px; padding-top: 24px; position: relative; }
.ja.factoryshop .column .moreinfo a:hover {opacity: 0.7!important; }
.ja.factoryshop .column .moreinfo .morearrow { display:block;min-height:16px; position:absolute; right: 0; bottom: 12px; padding: 8px 38px 0 0; background:url(../images/factoryshop/i_arrow.svg) right 10px bottom 2px no-repeat; }
.ja.factoryshop .column .moreinfo .morearrow { display:block;min-height:16px; position:absolute; right: 0; bottom: 12px; padding: 8px 38px 0 0; background:url(../images/factoryshop/i_arrow.svg) right 10px bottom 2px no-repeat; }
.ja.factoryshop .column .moreinsta { height: 76px; }
.ja.factoryshop .column .moreinsta .morearrow::before { content:url(../images/common/i_ig2020.png); display: inline-block; padding-right: 4px; margin-top: 6px; transform: translateY(12px);}
.ja.factoryshop .column .f_map { margin-top: 30px; width:100%;}
.ja.factoryshop .column .f_address { margin-top: 55px; border-top: 1px #707070 solid; padding: 30px 0 45px; }
.ja.factoryshop .column .f_address li  { line-height:2.0; }
.ja.factoryshop .column .f_address li:nth-of-type(2)  { line-height:1.4; padding-bottom: 16px; }
.ja.factoryshop #ftour th { width: 210px; }
.ja.factoryshop #ftour td { font-size: 3.0rem;}
.ja.factoryshop #ftour td span.note { display:inline-block; font-size: 1.6rem; }
.ja.factoryshop #ftour #noteicons { display: flex; justify-content: space-around; border-bottom: 1px #707070 solid; padding-bottom: 25px; margin-top: 25px;}
.ja.factoryshop #ftour #noteicons > div { width:120px; padding-top:33px; text-align:center; background-position: top right; background-repeat: no-repeat; background-size: 33px auto; }
.ja.factoryshop #ftour #noteicons > div.maru { background-image:url(../images/factoryshop/i_maru.svg); }
.ja.factoryshop #ftour #noteicons > div.batsu { background-image:url(../images/factoryshop/i_batsu.svg); }
.ja.factoryshop #ftour #noteicons > div img { width: auto; height: 35px; }
.ja.factoryshop #ftour #noteicons > div .comment { font-size: 1.2rem; padding-top: 12px; font-weight: bold; }
.ja.factoryshop #wakuwaku .moreinfo,.ja.factoryshop #spot .moreinfo { margin-top: 70px; }
.ja.factoryshop #wakuwaku figure { width: 100%; height: auto; }
.ja.factoryshop #wakuwaku figure img { width: 100%; height: auto; }
.ja.factoryshop #spot table.s_option { border-bottom: 1px #707070 solid; display: block; padding-bottom: 20px; margin-top:10px; }
.ja.factoryshop #spot table.s_option:nth-of-type(1) { margin-top:70px; }
.ja.factoryshop #spot .s_option tr { border-bottom: none; display: table-row; }
.ja.factoryshop #spot .s_option th { width: 180px; font-size: 3.0rem; vertical-align: top; height: 30px; font-weight: bold; padding: 0; padding-top: 20px;}
.ja.factoryshop #spot .s_option th::after { content: "まで"; font-size: 1.4rem; }
.ja.factoryshop #spot .s_option td { height: 50px; font-weight: bold; vertical-align: bottom; padding: 0; }
.ja.factoryshop #spot .s_option td:nth-of-type(1) { width: 60px; font-size: 2.4rem; text-align: right; }
.ja.factoryshop #spot .s_option td:nth-of-type(2) { width: 30px; font-size: 2.4rem; }
.ja.factoryshop #spot .s_option td:nth-of-type(3) { width: 90px; font-size: 3.6rem; text-align: right;}
.ja.factoryshop #spot .s_option td:nth-of-type(4) { width: 70px; font-size: 2.4rem; }
.ja.factoryshop #spot .s_option td:last-child { font-size: 1.4rem; width: auto; line-height: 1.4;}
@media screen and (max-width: 1440px) {
	.ja.factoryshop #innerlink { left: calc(6.9vw + 20px); }
	.ja.factoryshop .column { margin-right: 0; width: calc(100% - 320px); max-width: 900px; position: relative; }
	.ja.factoryshop #shopoigen { left: 0; }
	.ja.factoryshop #shopoigen #shoptitle .title02 { font-size: 5.3vw; }
	.ja.factoryshop #shopoigen #shoptitle .title02 span:last-child {font-size: 4.5vw; }
	.ja.factoryshop #externallink { left: calc(6.9vw + 20px); }
	.ja.factoryshop .column #shopinfo { margin-right: auto; width: 600px; }
	.ja.factoryshop .fs60_50_36 { font-size: 5.0rem;}
	.ja.factoryshop #ftour th { width: 14.6vw; }
	.ja.factoryshop #spot .s_option th { width: 140px;}

}

.collection #collection_menu_box { margin-top: 40px; margin-bottom: 140px; }
.collection .coll { margin-bottom: 125px; }
.collection .head2 { padding: 0; font-size: 3.6rem; line-height: 1.4;  }
.collection .group.flex_pc { align-items: flex-start; padding-top: 0;}
.collection .l_column { width: 48.3%; max-width: 525px; padding: 36px 20px 15px 0;}
.collection .l_column .grouptxt { padding: 0 36px 45px; }
.collection .l_column .grouptxt p { padding-top: 1em; font-size: 1.8rem; }
.collection .l_column .grouptxt p:first-child { padding-top: 0; }
.collection .l_column figure { padding-left: 45px; }
.collection .r_column { width: 50.1%; max-width: 630px; }
/*.collection .r_column .product { padding: 0 0 40px 19px; }
.collection .r_column .prodimg { display: table-cell; width: 100%; max-width: 296px; height: 298px; height: auto; vertical-align: center; text-align: center; }
.collection .r_column .prodimg img { width: 100%; height: auto; }*/
.collection .r_column .product { width: 50%; padding: 0 0 40px 0; }
.collection .r_column .prodimg { display: table-cell; max-width: 296px; height: 298px; padding-left: 19px; vertical-align: center; text-align: center; }
.collection .r_column .prodimg img { width: 100%; height: auto; }
.collection .r_column .prodname_e { font-size: 2.4rem; text-align: center; }
.collection .r_column .prodname_j { font-size: 1.4rem; text-align: center; }

.privacy .section { padding-top: 50px; }
.privacy .head3  { padding-top: 50px; font-size: 2.4rem; font-size: 2.4rem; }
.privacy section p, .privacy section ol { padding-top: 20px; }
.privacy section ol li { text-indent: -1em; padding-left: 1em; }
.privacy section table { margin-top: 20px; }
.privacy section table td { padding-right: 2em; }
.pay article .itemtxt .note:nth-of-type(1) { padding-top: 24px; }
.law .normalp .flex_pc { padding-top: 25px; }
.law .item, .pay .item, .delivary .item { padding-right: 2em; }

.malutto_solitto .head1.ww_wide { display:none; }
.malutto_solitto #wrapper h1,.malutto_solitto #wrapper h2,.malutto_solitto #wrapper h3,.malutto_solitto #wrapper h4 { font-weight:400; }
.ja.malutto_solitto #wrapper h1,.ja.malutto_solitto #wrapper h2,.ja.malutto_solitto #wrapper h3,.ja.malutto_solitto #wrapper h4 { letter-spacing: 10px; }
.ja.malutto_solitto #wrapper h3,.ja.malutto_solitto #wrapper h4 { letter-spacing: 5px; }
.malutto_solitto #maintitle { width: 100%; height:48.6vw; max-height:700px; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; margin-bottom:30px;}
.malutto_solitto #maintitle > span { display:block; padding-top:27%; font-size:48px; color:#fff; }
.ja.malutto_solitto #maintitle > span { letter-spacing: 0.1em; }
.malutto_solitto #maintitle > span:nth-of-type(2) { padding-top:0.5em; font-size:36px; }
.malutto_solitto #maintitle > hr { width:20.1%; height:0; border:none; border-bottom:1px #fff solid; color: #fff; margin:3% auto 5.3%; }
.ja.malutto_solitto #maintitle h1 { font-size:48px; color:#fff; line-height:1.2; }
.malutto_solitto #maintitle h1 img { width:54.78vw; max-width:561px; }
/*.ja.malutto_solitto #maintitle h1 span { font-family:gothic; }*/
.malutto_solitto #mainimg { width:100%; height:48.6vw; max-height:700px;background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
.malutto_solitto #mainimg span { display:block; padding-top:90px;color:#fff; }
.ja.malutto_solitto #mainimg span { letter-spacing: 0.1em; }
.malutto_solitto #lead { width:500px; background-color:#f6f7f7; padding:50px 110px 40px; margin: -115px auto 245px; }
.malutto_solitto #lead span { display:block; padding-top:10px; }
.ja.malutto_solitto #lead span.f_24 { letter-spacing:3px; }
.malutto_solitto .section { position:relative; background-color:#ececec;z-index:0!important; }
.malutto_solitto .sec_icon { position:absolute; top:-100px; width:100%; }
.malutto_solitto .sec_logo { position:absolute; top:142px; width:100%; }
.malutto_solitto .sec_text { position:absolute; left:598px; bottom:120px; }
.malutto_solitto .sec_add { position:relative; width:680px; margin-top:-110px; margin-left:36%; align-items: flex-end; justify-content: space-between; margin-bottom:305px; flex-direction: row-reverse;}
.malutto_solitto .se_add_txt { width:320px; padding-bottom:40px;}
.malutto_solitto .se_add_img { padding-top:30px; }
.malutto_solitto .sec_add_btn { border:1px #f2f2f2 solid; }
.malutto_solitto .sec_add_btn a {display:block; width:320px; padding:20px 0; }
.malutto_solitto #recipe { width:1040px; padding-bottom:150px; margin:0 auto; }
.malutto_solitto #recipe h2 { padding-bottom:80px; }
.malutto_solitto #recipe .left_c,.malutto_solitto #recipe .right_c { width:520px; }
.malutto_solitto #recipe .right_c .txtbox { height:510px; margin-left:40px; }
.ja.malutto_solitto #recipe .right_c .txtbox { letter-spacing:3px; }
.malutto_solitto #recipe .right_c .txtbox p:nth-of-type(1),.malutto_solitto #recipe .right_c .txtbox p:nth-of-type(3) {padding-bottom:30px; }
.malutto_solitto #recipe .right_c .txtbox p:nth-of-type(2) {padding-bottom:40px; }
.malutto_solitto #recipe .right_c figure { line-height:0; }
.malutto_solitto #youtube { position: relative; width:100%; padding-top:56.25%; margin-bottom:190px; }
.malutto_solitto #youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.malutto_solitto #mechanism h2 { padding-bottom:80px;}
.malutto_solitto #mechanism .frame { padding:50px 0; background-color:#fafafa; margin-bottom:50px; }
.malutto_solitto #mechanism .frame h3 { width:1040px; margin:0 auto 1.5em; }
.malutto_solitto #mechanism .flex { width:1040px; justify-content: space-between; margin:0 auto;}
.malutto_solitto #mechanism .left_c,.malutto_solitto #mechanism .right_c { width:480px; }
.malutto_solitto #mechanism p.txt { padding-bottom:1.6em;}
.malutto_solitto #mechanism .frame:last-child .flex { padding-top:20px; align-items: flex-end; }
.malutto_solitto #mechanism .name_ma_so { margin:26px 0 30px; }
.malutto_solitto #mechanism .frame:last-child .right_c { margin-bottom:30px; }
.malutto_solitto #question { width:1040px; margin:150px auto 0; }
.malutto_solitto #question h2 { padding-bottom:70px; }
.malutto_solitto #question > p { padding-bottom:90px; }
.malutto_solitto #question > p span:first-child { font-size:48px; }
.malutto_solitto #question .flex { flex-wrap: wrap; justify-content: space-between; }
.malutto_solitto #question .comment { width:480px; border:1px #dddee1 solid; padding:30px 0; margin-bottom:30px; }
.malutto_solitto #question .comment span { display:block; width:420px; margin:0 auto; }
.malutto_solitto #question .comment span:first-child { height:310px; }
.malutto_solitto #question .comment .com_name { padding-top:20px; }

/* iPad */
@media screen and (max-width: 1113px) {
.page .head1 { font-size: 4.2vw; }
.page.aboutoigen .head1,.page.care .head1 { font-size: 4.8vw; }
.page .head1.h1bgimg,.page.ja .head1.h1bgimg { height: 37.2vw; width: 86vw; padding: 6.7vw 0 4.2vw; background-size: cover; }
.page .head1.h1bgimg span,.page.ja .head1.h1bgimg span { height: 37.2vw; line-height: 37.2vw;}
.creation .head1.h1bgimg span, .company .head1.h1bgimg span,.ja.creation .head1.h1bgimg span, .ja.company .head1.h1bgimg span { background-position:center 40%; height: 12.2vw; padding-top: 25vw; vertical-align: top; line-height: 1; background-size:9.6vw auto;}
.message .flex_pc:nth-of-type(even) .message_t div,.ja.message section.flex_pc:nth-of-type(even) .message_t div,.foreign.message section.flex_pc:nth-of-type(odd) .message_t div { padding-left: 6%; }
.message .message_t div { width: 94%; padding-top: 0; }
.message .message_t .head2 { padding: 0 0 1.4vw 0; margin: 0; font-size: 3.0vw;}
.message .message_t .normalp { padding-top: 0; }
.creation .normalp section.w_narrow{ font-size: 1.8vw; }
.creation .head2 { font-size: 4.8vw; }
.creation .head3 { font-size: 2.4vw; }

	.quality #wrapper { background-size: auto 100%; }
	.quality #wrapper article:first-child { height: auto; padding-bottom: 99px; }
	.quality #wrapper article:nth-of-type(2){ height: auto; padding-bottom: 50px }
	.quality #wrapper article:first-child .flex_pc { padding-top: 80px; }
	.quality #wrapper article:first-child .column1 h2 { height: auto; padding-bottom: 50px; white-space: nowarp; }
	.quality #wrapper .column1 .i_quality { height: 20vw; max-height: 217px; }
	.quality #wrapper .column1 .i_quality span { padding-top: 20vw; background-size: auto 20vw; }
	.quality #wrapper .column1 .text2 { height: auto;  }
	.quality .i_logo { bottom: 0; }
	.quality #iron_sand section { width: 100%; margin: 0; position: relative; }
	.quality #iron_sand section p:first-child { width: 40%;  }
	.quality #iron_sand section div { width: 55%; max-width: 55%; padding-top: 0; position: absolute; bottom: 0; right: 0;}
	.quality #iron_sand section:nth-of-type(1) { margin-top: -20vw; }
	.quality #iron_sand section:nth-of-type(2) { padding-left: 0; }
	.quality #nakedfinish h3 { position: absolute; top: auto; bottom: 2vw; right: 0; width: auto; }
	.quality #nakedfinish div:first-child .imagebox { width: 30vw; margin: 0; }

.company section .c_listbox { margin-left: 16vw; }

/*--------------------------------------------------------- factoryshop 202205 --*/
.factoryshop_202205 #shoptitle_sp { padding-top: 11.3vw; }
.factoryshop_202205 #shop_mainimg { width: 86vw; height: 40.2vw; background-size: cover }
.factoryshop_202205 #shop_open_box { width: 50%; padding: 3%; height: auto; max-height: 25vw; overflow-y:auto;}
.factoryshop_202205 #shop_open_box #shop_open_title { font-size: 2.4vw; padding-bottom: 1em; }
.factoryshop_202205 #titlebox { margin-top: -23.4vw; padding: 23.4vw 0 3.5vw; text-align: center;}
.factoryshop_202205 #titlebox .head1 { font-size: 3.0vw; margin: 0 auto; }
.factoryshop_202205 #titlebox #op_cl { padding-top: 1em;}
.factoryshop_202205 #titlebox #op_cl span { font-size: 3.0vw; }
.factoryshop_202205 #titlebox #op_cl span:first-child { font-size: 2.4vw; }
.factoryshop_202205 #titlebox #insta { right: 6.9%; }
.factoryshop_202205 #shop_lead { margin: 50px auto 0; }
.factoryshop_202205 #column2 { width: 100%; }
.factoryshop_202205 #column2 .shop_txt { width: 58%; margin-left:6%; line-height:2.2;}
.factoryshop_202205 #column3 { width: 86%; max-width: 670px; }
.factoryshop_202205 #column3 .shop_txt { width: 81%; max-width: 540px; }
.factoryshop_202205 #column3 figure, .factoryshop_202205 #column4 figure { padding:0 5px; }
.factoryshop_202205 #column4 { width: 100%; max-width: 540px;  text-align: center; }
.factoryshop_202205 #column4 .shop_img { width: 81.5%; max-width: 440px; margin: 0 auto; }
.factoryshop_202205 #column4 .shop_img img { max-width: 210px;}
.factoryshop_202205 #column5 .shop_txt:last-child { font-size: 3.0vw; }
.factoryshop_202205 #map { width: 86%; max-width: 1096px; margin: 100px auto 0; text-align: left; }
.factoryshop_202205 #map .shop_img { width: 60%; max-width: 500px; margin-top: 0; }
.factoryshop_202205 #map .shop_img iframe { width: 90%; }
.factoryshop_202205 #map .shop_txt { width: 40%; max-width: auto; margin-top: 0; }
.factoryshop_202205 #map .info_box { width: 100%; max-width: 360px; }
.factoryshop_202205 #map .info_box p span { font-size: 2.4vw; }
.factoryshop_202205 #spot { width: 56.3vw; max-width: 801px; height: 20vw; }
.factoryshop_202205 #spot_icon { margin: 2vw auto 0vw; }
.factoryshop_202205 #spot_title { font-size: 3.0vw; }

/*--------------------------------------------------------- FOREGIN factoryshop --*/
.foreign.factoryshop #shoptitle_sp { padding-top: 11.3vw; }
.foreign.factoryshop #shop_mainimg { width: 86vw; height: 40.2vw; background-size: cover }
.foreign.factoryshop #shop_open_box { width: 50%; padding: 3%; height: auto; max-height: 25vw; overflow-y:auto;}
.foreign.factoryshop #shop_open_box #shop_open_title { font-size: 2.4vw; padding-bottom: 1em; }
.foreign.factoryshop #titlebox { margin-top: -23.4vw; padding: 23.4vw 0 3.5vw; text-align: center;}
.foreign.factoryshop #titlebox .head1 { font-size: 3.0vw; margin: 0 auto; }
.foreign.factoryshop #titlebox #op_cl { padding-top: 1em;}
.foreign.factoryshop #titlebox #op_cl span { font-size: 3.0vw; }
.foreign.factoryshop #titlebox #op_cl span:first-child { font-size: 2.4vw; }
.foreign.factoryshop #titlebox #insta { right: 6.9%; }
.foreign.factoryshop #shop_lead { margin: 50px auto 0; }
.foreign.factoryshop #column2 { width: 100%; }
.foreign.factoryshop #column2 .shop_txt { width: 58%; margin-left:6%; line-height:2.2;}
.foreign.factoryshop #column3 { width: 86%; max-width: 670px; }
.foreign.factoryshop #column3 .shop_txt { width: 81%; max-width: 540px; }
.foreign.factoryshop #column3 figure, .foreign.factoryshop #column4 figure { padding:0 5px; }
.foreign.factoryshop #column4 { width: 100%; max-width: 540px;  text-align: center; }
.foreign.factoryshop #column4 .shop_img { width: 81.5%; max-width: 440px; margin: 0 auto; }
.foreign.factoryshop #column4 .shop_img img { max-width: 210px;}
.foreign.factoryshop #column5 .shop_txt:last-child { font-size: 3.0vw; }
.foreign.factoryshop #map { width: 86%; max-width: 1096px; margin: 100px auto 0; text-align: left; }
.foreign.factoryshop #map .shop_img { width: 60%; max-width: 500px; margin-top: 0; }
.foreign.factoryshop #map .shop_img iframe { width: 90%; }
.foreign.factoryshop #map .shop_txt { width: 40%; max-width: auto; margin-top: 0; }
.foreign.factoryshop #map .info_box { width: 100%; max-width: 360px; }
.foreign.factoryshop #map .info_box p span { font-size: 2.4vw; }
.foreign.factoryshop #spot { width: 56.3vw; max-width: 801px; height: 20vw; }
.foreign.factoryshop #spot_icon { margin: 2vw auto 0vw; }
.foreign.factoryshop #spot_title { font-size: 3.0vw; }

/*--------------------------------------------------------- factoryshop new --*/
.ja.factoryshop .fs16_14 { font-size: 1.6rem; } 
.ja.factoryshop .fs18_16 { font-size: 1.6rem; } 
.ja.factoryshop .fs60_50_36 { font-size: 6.0rem;}
@media screen and (max-width: 700px) {
	.ja.factoryshop .fs60_50_36 { font-size: 4.8rem;}
	.ja.factoryshop .fs48 { font-size: 4.2rem!important;}
}

.ja.factoryshop #shopmainimg { height:1080px; }
.ja.factoryshop #shopmainimg img { width:auto; height:100%; margin-left:50%; transform:translateX(-50%); }
.ja.factoryshop #slide { width:230px; position: absolute; top: 125px; left:50%; transform: translateX(-50%); z-index: 100; height: 42px; overflow: hidden; transition: height 0.5s; }
.ja.factoryshop #slide.scroll { position: fixed; top:100px; }
.ja.factoryshop #slide.on { height: 344px; }
.ja.factoryshop #innerlink { width:230px; position: absolute; top: auto; bottom: 0; left:0; transform: none; display: block; flex-direction: column; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; padding-top: 30px; background-color: rgba(12,12,10,0.7); color:#fff; }
.ja.factoryshop #innerlink li { writing-mode: horizontal-tb; margin-right: 0;text-align:center; }
.ja.factoryshop #innerlink li#menupull { display: block; width: 100%;; height: 24px; padding-top: 40px; font-size: 1.4rem; font-weight: bold;}
.ja.factoryshop #innerlink li#menupull:hover { cursor: pointer; }
.ja.factoryshop #innerlink li a { display: block; width: 100%;; height: 35px; border-radius: 0; font-size: 1.4rem; padding-right: 0; padding-top: 15px; transition: none; background-color: transparent;}
.ja.factoryshop #innerlink li a::before { content:none; }
.ja.factoryshop #innerlink li a:hover { background-color: #0C0C0A; color: #fff; border-radius: 0; }
.ja.factoryshop #externallink { width:100%; max-width:232px; position: absolute; top: 892px; left:50%; transform: translateX(-50%); z-index: 1;}
.ja.factoryshop #externallink.low { top: 892px; }
.ja.factoryshop #externallink.scroll { position: absolute; top: 908px;}
.ja.factoryshop #externallink.low.scroll { top: 908px; }
.ja.factoryshop #externallink li { margin: 0 0 10px 0; }
.ja.factoryshop #externallink li:first-child a { font-size: 1.6rem; }
.ja.factoryshop #wrapper { width:100%; }
.ja.factoryshop .column { margin-right: auto; width: 100%; max-width: 100%; padding: 0; }
.ja.factoryshop .column > div { margin: 0 auto; text-align: left; width: calc(100% - 80px); max-width:100%; }
.ja.factoryshop .column:nth-of-type(1) { height: auto; position: relative; }
.ja.factoryshop .column figure { width:100%; height:370px; overflow:hidden; padding-top:60px;}
.ja.factoryshop .column figure img { width:auto; height:410px; overflow:hidden; margin: -20px 0 0 50%; transform: translateX(-50%);}
.ja.factoryshop #shopoigen { position: relative; left: auto; bottom: auto; height: 515px; padding: 0; margin-top: 167px; margin-left: 56px; display: block; }
.ja.factoryshop #shopoigen .logomark { display: block; width:77px; height: 105px;padding-right: 0; background-position: top left;}
.ja.factoryshop #shopoigen #shoptitle { position: absolute; bottom: 0; left: 0; }
.ja.factoryshop #shopoigen #shoptitle .title01 { padding-bottom:16px;}
.ja.factoryshop #shopoigen #shoptitle .title02 { font-size: 5.8rem; line-height: 1; }
.ja.factoryshop #shopoigen #shoptitle .title02 span:first-child {letter-spacing: -2px; }
.ja.factoryshop #shopoigen #shoptitle .title02 span:last-child {letter-spacing: -8px; font-size: 5.2rem; }
.ja.factoryshop #shopoigen #shoptitle .title02 br {display: none;}
.ja.factoryshop .column div#aboutshop { margin-top: 230px; padding: 30px 38px 48px; font-size: 1.4rem; }
.ja.factoryshop .column #shopinfo { margin: -24px auto 50px auto; width:63.5%; }
.ja.factoryshop .column #shopinfo li { margin-bottom: 8px;}
.ja.factoryshop .column #shopinfo li a { padding: 12px 10px 14px 55px; font-size: 1.6rem; }
.ja.factoryshop #album figure { height:340px; padding-top: 0; }
.ja.factoryshop #album figure img { width:100%; height: auto; margin: -5% 0 0 50%; }
@media screen and (max-width: 820px) {
	.ja.factoryshop #album figure img { height: 100%; width: auto; margin: -27.5px 0 0 50%; }
}
.ja.factoryshop .column.bggray { margin-top: 100px; padding: 80px 0; }
@media screen and (max-width: 700px) {
	.ja.factoryshop #spot .s_option th { width: 130px;}
}

.collection #collection_menu_box { margin-bottom: 10vw; }
.collection #collection_menu_box .flex { flex-wrap: wrap; line-height: 1.4; }
.collection .group { margin-bottom: 10vw; }
.collection .group.flex_pc { display: block; }
.collection .head2 { padding-top: 0; font-size: 3.6vw; line-height: 1.4;}
.collection .l_column { width: 100%; max-width: 100%; padding-right: 0; padding-bottom: 15px;}
.collection .l_column .grouptxt { padding-left: 30px; }
.collection .l_column figure { padding-left: 30px; }
.collection .r_column { width: 100%; max-width: 100%; }
.collection .r_column prodlist.flex_center { justify-content: space-between; }
.collection .l_column .groupimg { padding-top: 40px; }
.collection .r_column .product { padding: 25px 0 15px 0; text-align: center;}
.collection .r_column .prodimg { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: 298px; padding-left: 0; }
.collection .r_column .prodimg img { width: auto; height: auto;  }
.collection .r_column .prodname_e { font-size: 2.4rem; text-align: center; }
.collection .r_column .prodname_j { font-size: 1.4rem;text-align: center; }

	.malutto_solitto #wrapper img { width:100%; height:auto; }
	.ja.malutto_solitto #wrapper h1,.ja.malutto_solitto #wrapper h2,.ja.malutto_solitto #wrapper h4 { letter-spacing: 0.2em; }
	.ja.malutto_solitto #wrapper h3,.ja.malutto_solitto #wrapper h4 { letter-spacing: 0.2em; }
.malutto_solitto .f_24 { font-size:2.2vw; }
.malutto_solitto .f_36 { font-size:3.6vw; }
.malutto_solitto #maintitle > span { padding-top:22.2vw; font-size:4.47vw; }
.malutto_solitto #maintitle > span:nth-of-type(2) { padding-top:0.5em; font-size:3.23vw; }
.malutto_solitto #maintitle > hr { margin:3% auto 2%; }
.ja.malutto_solitto #maintitle h1 { font-size:4.47vw; }
	.malutto_solitto #mainimg span.f_36 { padding-top:6.25vw;font-size:3.23vw; }
.malutto_solitto #lead { width:80%;max-width:500px; background-color:#f6f7f7; padding:2.1vw 5% 2.78vw; margin: -7.99vw auto 17.0vw; }
.malutto_solitto #lead span { display:block; padding-top:0.2em; }
.malutto_solitto #lead .f_18 { font-size:16px;}
.malutto_solitto #lead .f_24 { font-size:22px;}
.malutto_solitto .sec_icon { top:-8.98vw; width:100%; height:17.97vw; }
.malutto_solitto .sec_logo { top:12.76vw; height:7.73vw;  }
	.malutto_solitto  #wrapper .sec_icon img,.malutto_solitto #wrapper .sec_logo img { width:auto; height:100%; }
.malutto_solitto .sec_text { left:40vw; bottom:8vw; }
.malutto_solitto .sec_add { width:100%; max-width:680px; margin:-9.88vw 0 27.4vw auto; }
.malutto_solitto .se_add_txt { width:40vw; max-width:320px; padding-bottom:3.59vw;}
.malutto_solitto .se_add_img { width:40vw; max-width:320px; padding-top:2.70vw; }
.malutto_solitto .sec_add_btn a {display:block; width:38vw; max-width:320px; padding:1.80vw 0; }
.malutto_solitto #recipe { width:100%; max-width:1040px; padding-bottom:13.48vw; }
.malutto_solitto #recipe h2.pad_b_60 { padding-bottom:4.39vw}
	.malutto_solitto #recipe .left_c,.malutto_solitto #recipe .right_c { width:50%;max-width:520px; }
.malutto_solitto #recipe .right_c .txtbox { height:auto; margin-left:3.59vw; }
.malutto_solitto #recipe .right_c .txtbox p:last-child { padding-bottom:1em; }
.malutto_solitto #recipe .right_c .f_24 { font-size: 2.2vw; }
.malutto_solitto #youtube { margin-bottom:17.07vw; }
.malutto_solitto #mechanism .frame { padding:4.49vw 0 0; margin-bottom:4.49vw; }
.malutto_solitto #mechanism .frame h3 { width:90%; }
.malutto_solitto #mechanism .flex { width:90%; max-width:1040px; align-items: flex-start; }
	.malutto_solitto #mechanism .left_c,.malutto_solitto #mechanism .right_c { width:48%; }
.malutto_solitto #mechanism .frame .right_c { margin-bottom:2.7vw; }
.malutto_solitto #mechanism .frame:last-child .flex { width:90%; max-width:1040px; }
	.malutto_solitto #mechanism .name_ma_so img { height:100%; width: auto; max-height:21px; }
.malutto_solitto #question { width:100%; max-width:1040px; margin:13.48vw auto; }
.malutto_solitto #question > p { padding-bottom:8.08vw; }
.malutto_solitto #question > p span:first-child { font-size:4.67vw; }
.malutto_solitto #question .comment { width:48%; border:1px #dddee1 solid; padding:2.7vw 0; margin-bottom:2.7vw; }
.malutto_solitto #question .comment span { display:block; width:92%; margin:0 auto; }
.malutto_solitto #question .comment span:first-child { height:13em; }


}

@media screen and (min-width: 1px) and (max-width: 762px) {
	.quality #iron_sand h2 { height: auto; }
	.quality #iron_sand section.flex_pc { display: block; margin-bottom: 10px;}
	.quality #iron_sand section p:first-child { width: 100%; }
	.quality #iron_sand section div { width: 100%; max-width: 100%; padding-top: 0; position: relative; bottom: auto; right: 0; }
	.quality #iron_sand section div h3 { padding-top: 0.6em; }
	.quality #iron_sand section:nth-of-type(1) { margin-top: 0; }
	.factoryshop_202205 f_18 #shop_lead { font-size: 1.5rem;}
	.foreign.factoryshop .f_18 #shop_lead { font-size: 1.5rem;}
}

/* iPHone4,iPhone5,iPhone5s iPhone6 iPhone6 Plus Android */
@media screen and (min-width: 1px) and (max-width: 599px) {
.page #wrapper { padding-bottom: 8.1vw; }
.normalp { padding-top: 6.5vw; }
.page.aboutoigen .normalp, .page.care .normalp { padding-top: 2.9vw; }
.item { width: 86vw; }
.itemtxt { width: 86vw; }
.normalp .flex_pc { padding-top: 4.0vw; }
article.normalp .item { width: 86vwx; }
article.normalp .itemtxt { width: 86vw; }
.page .head1 { font-size: 7.0vw; }
.page.aboutoigen .head1,.page.care .head1 { font-size: 8.0vw; }
	.page.creation .head1,.page.company .head1 { font-size: 7.5vw; }
.page .head1.h1bgimg,.page.ja .head1.h1bgimg { height: 37.2vw; width:86vw; padding: 6.7vw 0 4.2vw; background-size: cover; }
.page .head1.h1bgimg span,.page.ja .head1.h1bgimg span { height: 37.2vw; line-height: 37.2vw;}
.ja.creation .head1.h1bgimg span, .ja.company .head1.h1bgimg span { background-position:center top 40%; height: 12.2vw; padding-top: 25vw; vertical-align: top; line-height: 1; background-size:9.6vw auto;}

.message .message_p,.message .message_t { width: 86vw; }
.message .message_p img { width: 100%; height: auto; }
.message .flex_pc:nth-of-type(even) .message_t div { padding-left: 0; }
.message .message_t div { width: 100%; padding: 30px 0 10px; }
.message .message_t .head2 { padding-bottom: 0.5em; font-size: 5.0vw; }
.message .message_t .normalp { padding-top: 0; }

.creation #wrapper section {padding: 8.3vw 0; }
.creation #wrapper section:last-child { padding-bottom: 41.6vw; background-size: 20vw auto; }
.creation .normalp section.w_narrow{ font-size: 3.0vw; line-height: 2.0; }
.creation section iframe { padding-bottom: 16.7vw; }
.creation .head2 { padding: 10px 0; font-size: 8.0vw; line-height: 1.6; }
.creation .head3 { font-size: 4.0vw; line-height: 1.6; padding: 0 0 8.3vw; }
.creation .normalp section.w_narrow p{ margin-top: 1.8em; }

.company section { margin-bottom: 23.3vw; }
.company section .c_listbox { margin-left: 0; }
.company section .company_list { margin: 2em 0 0 1em; padding-left: 16px; }
.company section .company_list dt,.company section .company_list dd  { margin-top: 1em;}
.company section .company_list dt:first-child { margin-top: 0;}
.company section .company_list dd { padding-left: 1em; }
.company section .company_list dd span { display: block; }

	.quality #wrapper article:first-child { padding-bottom: 14vw; }
	.quality #wrapper article:nth-of-type(2){ height: auto; padding-bottom: 0 }
	.quality #wrapper .column1 { width: 100%; }
	.quality #wrapper .column2 { width: 100%; }
	.quality #wrapper article:first-child .column1 h2 { width: auto; margin: 0 auto; }
	.quality #wrapper .column1 .i_quality { height: 30vw; }
	.quality #wrapper .column1 .i_quality span { padding-top: 30vw; background-size: auto 30vw; }
	.quality .i_logo { position: relative; bottom: auto; left: auto; width: 100%; height: 22vw; margin-top: 10vw }
	.quality .i_logo { bottom: 0; }
	.quality .i_logo span { padding-top: 22vw; }
	.quality #wrapper .linebox { height: 15vw;}
	.quality .mizusawa { height: 30vw; width: 100%; margin: 5vw 0; }
	.quality .mizusawa span { padding-top: 30vw; background-size: auto 100%; background-position: center center; }
	.quality #aboutkama { height: auto; margin-bottom: 8vw; margin-top: 8vw; padding: 0 0 3vw; }
	.quality #aboutkama .kama { position: relative; width: 100%; }
	.quality #aboutkama .kama img { width: 45vw; padding-left: 6vw; }
	.quality #aboutkama .kama span { position: absolute; left: 53vw; display: block; font-size: 4.0vw; }
	.quality #aboutkama .kama span:nth-of-type(1) { top: 10vw; }
	.quality #aboutkama .kama span:nth-of-type(2) { top: 24vw; }
	.quality #aboutkama .kama span:nth-of-type(3) { bottom: 2vw; }
	.quality #akashi h2 { height: 50vw; width: 100%; background-size: auto 100%; }
	.quality #akashi h2 .i_akashi { top: 10vw; height: 30vw; }
	.quality #akashi h2 .icon span { padding-top: 30vw; background-size: auto 100%; }
	.quality #akashi .column2 { padding: 8vw 0 6vw; }
	.quality #akashi .column2 h3 { width: 100%; padding-bottom: 0.8em; }
	.quality #akashi .column2 .text1 { width: 100%; }
	.quality #wrapper3 .w_narrow { width: 100%; max-width: 720px; }
	.quality #iron_sand { padding-top: 0; }
	.quality #iron_sand h2 { width: auto; margin: 0 auto;}
	.quality #iron_sand .text1 { width: 100%; padding-top: 8vw; }
	.quality #iron_sand section.flex_pc { display: block; margin-bottom: 10px;}
	.quality #iron_sand section p:first-child { width: 100%; }
	.quality #iron_sand section div { width: 100%; max-width: 100%; padding-top: 0; position: relative; bottom: auto; right: 0; }
	.quality #iron_sand section div h3 { padding-top: 0.6em; }
	.quality #iron_sand section:nth-of-type(1) { margin-top: 0; }
	.quality #nakedfinish h3 { position: relative; bottom: auto; height: auto; text-align: center; padding-bottom: 0 }
	.quality #nakedfinish div:first-child .imagebox { width: 30vw; margin: 0 auto; }

/*--------------------------------------------------------- factoryshop 202205 --*/
.factoryshop_202205 #shoptitle_sp { padding-top: 11.3vw; }
.ja.factoryshop_202205 #shoptitle_sp { padding-top: 50px; }
.factoryshop_202205 #shop_mainimg { width: 86vw; height: 40.2vw; background-size: cover }
.factoryshop_202205 #shop_open_box { width: 74%; padding: 3%; height: 25vw; overflow-y:auto;}
.factoryshop_202205 #shop_open_box #shop_open_title { font-size: 4.0vw; padding-bottom: 1em; }
.factoryshop_202205 #titlebox { margin-top: -23.4vw; padding: 23.4vw 0 3.5vw; text-align: center;}
.factoryshop_202205 #titlebox .head1 { padding: 20px 0 10px; font-size: 10vw; text-align: center; }
.factoryshop_202205 #titlebox #op_cl { padding-top: 1em;}
.factoryshop_202205 #titlebox #op_cl span { font-size: 5.0vw; }
.factoryshop_202205 #titlebox #op_cl span:first-child { font-size: 4.0vw; }
.factoryshop_202205 #titlebox #op_cl span:last-child { font-size: 3.0vw; }
.factoryshop_202205 #titlebox #insta { display: inline-block; position: relative; right: auto; bottom: auto; height: 5.5vw; margin: 1em auto 0; padding-left: 6.6vw; background-size: 5vw 5vw; }
.factoryshop_202205 .f_big { font-size: 3.0vw; line-height: 2.0;}
.factoryshop_202205 #shop_lead { margin: 0 auto 0; font-size: 3.0vw; width: 86vw;}
.factoryshop_202205 .section { width: 86vw; }
.factoryshop_202205 #column1 { width: 86vw; margin-top: 12vw; }
.factoryshop_202205 #column2 { width: 100%; margin-top:80px; }
.factoryshop_202205 #column2 figure:nth-of-type(1) { width: 71%; }
.factoryshop_202205 #column2 figure:nth-of-type(2) { width: 26.7%; }
.factoryshop_202205 #column2 .shop_txt { width: 100%; max-width: 524px; margin:30px 0 0 0; }
.factoryshop_202205 #column3 { width: 100%; margin-top: 12vw; }
.factoryshop_202205 #column3 .shop_txt { width: 86vw; }
.factoryshop_202205 #column4 { width: 86vw; margin-top: 12vw; }
.factoryshop_202205 #column4 .shop_img { width: 66.5vw; }
.factoryshop_202205 #column4 .shop_img img { width: 32.5vw; height: 46.4vw; }
.factoryshop_202205 #column5 > div{ width:100%; padding-left: 0; }
.factoryshop_202205 #column5 .shop_txt { width: 100%; }
.factoryshop_202205 #column5 .shop_txt:last-child { margin-top: 5.6vw; font-size: 5.0vw; }
.factoryshop_202205 #map { width: 86vw; margin: 8vw auto 0; }
.factoryshop_202205 #map .shop_txt { width: 86vw; }
.factoryshop_202205 #map .info_box { width: 86vw; margin-top: 2.4vw; }
.factoryshop_202205 #map .info_box:first-child { margin-top: 2.4vw; }
.factoryshop_202205 #map .info_box p { margin-top: 6px; line-height: 1.6; }
.factoryshop_202205 #map .info_box:first-child p:first-child { margin-top: 0; }
.factoryshop_202205 #map .info_box p span { font-size: 4.0vw; }
.factoryshop_202205 #map .info_box:first-child p:first-child span { font-size: 3.0vw; }
.factoryshop_202205 #map .shop_img iframe { width: 86vw; height: 86vw; }
.factoryshop_202205 #spot { width: 86vw; height: 38.4vw; margin: 8vw auto 0; }
.factoryshop_202205 #spot_icon { margin: 8.3vw auto 4.7vw; }
.factoryshop_202205 #spot_icon img { width: 12.1vw; height: auto; }
.factoryshop_202205 #spot_title { font-size: 5.0vw; }
.factoryshop_202205 #spot_txt { margin: 3.3vw 7vw 0; }

/*--------------------------------------------------------- factoryshop new --*/
.ja.factoryshop .fs16_10 { font-size: 1.0rem; }
.ja.factoryshop .fs16_12 { font-size: 1.2rem; }
.ja.factoryshop .fs16_14 { font-size: 1.4rem; }
.ja.factoryshop .fs24_14 { font-size: 1.4rem; }
.ja.factoryshop .fs24_16 { font-size: 1.6rem; }
.ja.factoryshop .fs30_36 { font-size: 3.6rem; }
.ja.factoryshop .fs48_36 { font-size: 3.6rem; }
.ja.factoryshop .fs60_50_36 { font-size: 3.6rem;}
@media screen and (max-width: 350px) {
	.ja.factoryshop .fs60_50_36 { font-size: 9.1vw;}
	.ja.factoryshop .fs30_36 { font-size: 10.1vw; }
}
.ja.factoryshop #wrapper a[href*="tel:"] { pointer-events: auto; cursor: pointer; text-decoration: none; color: #fff; }
.ja.factoryshop #shopmainimg { position:absolute; top:90px;height:550px; }
.ja.factoryshop #shopmainimg.scroll { position:absolute; }
.ja.factoryshop #slide { top: 90px; }
.ja.factoryshop #slide.scroll { position: fixed; top:60px; }
.ja.factoryshop #externallink { top: 514px;}
.ja.factoryshop #externallink.low { top: 514px; }
.ja.factoryshop #externallink.scroll { position: absolute; top: 514px;}
.ja.factoryshop #externallink.low.scroll { top: 514px; }
.ja.factoryshop #externallink li:first-child a { font-size: 1.8rem; }
.ja.factoryshop .column > div { width: calc(100% - 50px); }
.ja.factoryshop .column figure { height:340px; padding-top:50px;}
.ja.factoryshop .column figure img { width:auto; height:100%; margin-top: 0; }.ja.factoryshop #shopoigen { height: 291px; margin-top: 90px; margin-left: 25px; }
.ja.factoryshop #shopoigen .logomark { width:51px; height: 77px; background-size: 100% auto;}
.ja.factoryshop #shopoigen #shoptitle .title01 { font-size: 1.4rem;  padding-bottom:12px;}
.ja.factoryshop #shopoigen #shoptitle .title02 { font-size: 3.6rem; }
.ja.factoryshop #shopoigen #shoptitle .title02 span:first-child {letter-spacing: -1px; }
.ja.factoryshop #shopoigen #shoptitle .title02 span:last-child {letter-spacing: -4px; font-size: 3.0rem; }
.ja.factoryshop #shopoigen #shoptitle .title02 br {display: block;}
.ja.factoryshop .column div#aboutshop { margin-top: 156px; padding: 24px 25px 55px; font-size: 1.4rem; }
.ja.factoryshop .column #shopinfo { margin: -26px auto 0 auto; width:87.2%; }
.ja.factoryshop .column #shopinfo li a { padding: 14px 10px 16px 52px; font-size: 1.2rem; line-height: 1.6; }

.ja.factoryshop #caution dt { width: 100%; margin-bottom: 8px;}
.ja.factoryshop #caution dd { font-size: 1.1rem; width: 100%; margin-bottom: 20px; line-height: 1.5;}
.ja.factoryshop #album > div { padding: 40px 0 0; margin-bottom:50px; }
.ja.factoryshop #album .al_num { font-size: 1.8rem; }
.ja.factoryshop #album .al_num span { font-size: 0.8rem; }
.ja.factoryshop #album figure { height:400px; }
.ja.factoryshop #album figure img { height:400px; margin: 0 0 0 50%; }
.ja.factoryshop #album figcaption { position: relative; background-color: #fff; width: 75.9vw; max-width: 311px; height: 50px; padding: 10px 20px; font-size: 1.2rem; }
.ja.factoryshop .column .s_head3 { font-size: 2.4rem; ;letter-spacing: 2px; padding-bottom: 30px;}
.ja.factoryshop .column .s_body { font-size: 1.2rem; }
.ja.factoryshop .column .short { width: 210px;}
.ja.factoryshop .column#openclose .short { width: 100%;}
@media screen and (max-width: 460px) {
	.ja.factoryshop .column #opcl tr:nth-of-type(2) td:last-child { display: block; padding-top: 10px; }
}
.ja.factoryshop .column .moreinfo { height: 40px; padding-top: 30px; position: relative; }
.ja.factoryshop .column .moreinsta { height: 62px; }
.ja.factoryshop .column .f_map { margin-top: 50px;}
.ja.factoryshop .column .f_telno { margin: 20px 0 16px; height: 70px; background-color:#0C0C0A; color: #fff; text-align: center; line-height: 70px;}
.ja.factoryshop .column .f_telno a { color: #fff;}
.ja.factoryshop #ftour th { display: block; width: 100%; font-size: 1.4rem; }
.ja.factoryshop #ftour td { display: block; text-align: right;}
.ja.factoryshop #ftour td span.note { font-size: 1.4rem; text-align: left; width: 100%; }
.ja.factoryshop #ftour td span.f_telno { display: block; margin-top: 0; }
.ja.factoryshop #ftour #noteicons { margin-top: 0;}
.ja.factoryshop #ftour #noteicons > div { width:100px; padding-top:22px; margin: 0 2px; text-align:center; background-size: 22px 22px; }

.ja.factoryshop #ftour #noteicons > div img { width: auto; height: 35px; }
.ja.factoryshop #ftour #noteicons > div .comment { font-size: 0.8rem; padding-top: 20px; line-height:1.1; }
.ja.factoryshop #spot .s_option tr { display: flex; flex-wrap: wrap;align-items: flex-end; padding:10px 0 0; margin: 0;}
.ja.factoryshop #spot .s_option th { width: 100%; display: block; font-size: 2.4rem; height: auto; padding-bottom: 20px;}
.ja.factoryshop #spot .s_option th::after { content: "まで"; font-size: 1.4rem; }
.ja.factoryshop #spot .s_option td { display: block; height: auto; font-weight: bold; padding: 0; margin: 0; }
.ja.factoryshop #spot .s_option td:nth-of-type(1) { width: 35px; font-size: 1.4rem; text-align: right; }
.ja.factoryshop #spot .s_option td:nth-of-type(2) { width: 28px; font-size: 1.4rem; }
.ja.factoryshop #spot .s_option td:nth-of-type(3) { width: 55px; font-size: 2.4rem; text-align: right;}
.ja.factoryshop #spot .s_option td:nth-of-type(4) { width: 31px; font-size: 1.2rem; }
.ja.factoryshop #spot .s_option td:last-child { width: calc(100% - 42px - 28px - 72px - 24px); font-size: 1.0rem; line-height: 1.4; }

/*--------------------------------------------------------- FOREGIN factoryshop --*/
.foreign.factoryshop #shoptitle_sp { padding-top: 11.3vw; }
.foreign.factoryshop #shop_mainimg { width: 86vw; height: 40.2vw; background-size: cover }
.foreign.factoryshop #shop_open_box { width: 74%; padding: 3%; height: 25vw; overflow-y:auto;}
.foreign.factoryshop #shop_open_box #shop_open_title { font-size: 4.0vw; padding-bottom: 1em; }
.foreign.factoryshop #titlebox { margin-top: -23.4vw; padding: 23.4vw 0 3.5vw; text-align: center;}
.foreign.factoryshop #titlebox .head1 { padding: 20px 0 10px; font-size: 10vw; text-align: center; }
.foreign.factoryshop #titlebox #op_cl { padding-top: 1em;}
.foreign.factoryshop #titlebox #op_cl span { font-size: 5.0vw; }
.foreign.factoryshop #titlebox #op_cl span:first-child { font-size: 4.0vw; }
.foreign.factoryshop #titlebox #op_cl span:last-child { font-size: 3.0vw; }
.foreign.factoryshop #titlebox #insta { display: inline-block; position: relative; right: auto; bottom: auto; height: 5.5vw; margin: 1em auto 0; padding-left: 6.6vw; background-size: 5vw 5vw; }
.foreign.factoryshop .f_big { font-size: 3.0vw; line-height: 2.0;}
.foreign.factoryshop #shop_lead { margin: 0 auto 0; font-size: 3.0vw; width: 86vw;}
.foreign.factoryshop .section { width: 86vw; }
.foreign.factoryshop #column1 { width: 86vw; margin-top: 12vw; }
.foreign.factoryshop #column2 { width: 100%; margin-top:80px; }
.foreign.factoryshop #column2 figure:nth-of-type(1) { width: 71%; }
.foreign.factoryshop #column2 figure:nth-of-type(2) { width: 26.7%; }
.foreign.factoryshop #column2 .shop_txt { width: 100%; max-width: 524px; margin:30px 0 0 0; }
.foreign.factoryshop #column3 { width: 100%; margin-top: 12vw; }
.foreign.factoryshop #column3 .shop_txt { width: 86vw; }
.foreign.factoryshop #column4 { width: 86vw; margin-top: 12vw; }
.foreign.factoryshop #column4 .shop_img { width: 66.5vw; }
.foreign.factoryshop #column4 .shop_img img { width: 32.5vw; height: 46.4vw; }
.foreign.factoryshop #column5 > div{ width:100%; padding-left: 0; }
.foreign.factoryshop #column5 .shop_txt { width: 100%; }
.foreign.factoryshop #column5 .shop_txt:last-child { margin-top: 5.6vw; font-size: 5.0vw; }
.foreign.factoryshop #map { width: 86vw; margin: 8vw auto 0; }
.foreign.factoryshop #map .shop_txt { width: 86vw; }
.foreign.factoryshop #map .info_box { width: 86vw; margin-top: 2.4vw; }
.foreign.factoryshop #map .info_box:first-child { margin-top: 2.4vw; }
.foreign.factoryshop #map .info_box p { margin-top: 6px; line-height: 1.6; }
.foreign.factoryshop #map .info_box:first-child p:first-child { margin-top: 0; }
.foreign.factoryshop #map .info_box p span { font-size: 4.0vw; }
.foreign.factoryshop #map .info_box:first-child p:first-child span { font-size: 3.0vw; }
.foreign.factoryshop #map .shop_img iframe { width: 86vw; height: 86vw; }
.foreign.factoryshop #spot { width: 86vw; height: 38.4vw; margin: 8vw auto 0; }
.foreign.factoryshop #spot_icon { margin: 8.3vw auto 4.7vw; }
.foreign.factoryshop #spot_icon img { width: 12.1vw; height: auto; }
.foreign.factoryshop #spot_title { font-size: 5.0vw; }
.foreign.factoryshop #spot_txt { margin: 3.3vw 7vw 0; }

.collection #collection_menu_box { margin-bottom: 20vw; }
.collection .group { margin-bottom: 30vw; }
.collection .head2 { font-size: 6.0vw;}
.collection .l_column .grouptxt { padding: 1em 0; }
.collection .l_column figure { padding-left: 0; text-align: center; }
.collection .r_column { width: 100%; }
.collection .r_column .product { width: 100%;}
.collection .r_column prodlist.flex_center { justify-content: space-between; }
.collection .l_column .groupimg { padding-top: 10px; }
.collection .r_column .product { padding: 25px 0 0 0;}

.care .normalp { padding-top: 0; }
.care #wrapper .normalp { font-size: 3.0vw; line-height: 1.4; }
.care .head2 { font-size: 5.0vw; line-height: 1.6; }
.care section { padding: 4.2vw 0 6.6vw; }
.page-child.care .head1 { width: 86vw; font-size: 7.0vw; line-height: 1.4; }
.page-child.care .parenttt { display: block; padding: 7.3vw 0 2.4vw; font-size: 5.0vw; font-weight: 400; }
.page-child.care .thumimg img { width: 70vw; }
.page-child.care section { padding: 10.8vw 0 0; }
.page-child.care section:first-child { padding: 5vw 0 0; }
.page-child.care .head2 { padding: 0 0 3.3vw; }
.page-child.care .care_q { margin-top: 6vw;}
.page-child.care .care_navi { font-size: 4.0vw; }
.page-child.care section.care_list { padding-top: 140px; }
.page-child.care article ul li { list-style-type: disc; margin-left: 1.5em; }
.care_list div div { width: 42vw; margin: 5vw auto; }
.care_list .care_list_img { height: 20vw; }
.care_list .care_list_img img { width: 20vw; height: 20vw; }
.care_list .care_list_name { font-size: 4.0vw; margin-top: -2.0vw; padding: 25px 0; border: 1px #cbcccd solid; }

.privacy .section { padding-top: 4.0vw; }
.privacy .head3  { font-size: 4.0vw; }
.privacy section p, .privacy section ol { padding-top: 1.5em; }
.privacy section table { margin-top: 3.3vw; width: 86vw; }
.privacy section table td { padding-right: 0; }
.privacy section table td:first-child { width: 6em; }
.pay article .itemtxt .note:nth-of-type(1) { padding-top: 3.5vw; }
.law .normalp .flex_pc { padding-top: 4.1vw; width: 86vw; }
.law .normalp .itemtxt,.pay .normalp .itemtxt,.delivary .normalp .itemtxt { padding-left: 1em; width: auto; }
.law .normalp .item,.pay .normalp .item,.delivary .normalp .item { width: 100% }

	.malutto_solitto #wrapper .f_24,.malutto_solitto #recipe .right_c .f_24  { font-size:18px; }
	.malutto_solitto #wrapper .f_36 { font-size:20px; }
.malutto_solitto { margin-top: 0; }
	.malutto_solitto #wrapper .flex { display:block; }
.malutto_solitto #maintitle h1 span.f_18 { font-size:1.75vw; }
.malutto_solitto #lead { width:90%; max-width:500px; padding:2.1vw 5% 2.78vw; margin:0 auto 17.0vw; }
.malutto_solitto #lead .f_18 { font-size:16px;}
.malutto_solitto #lead .f_24 { font-size:18px;}
.malutto_solitto .section { position:relative; padding-bottom: 7em; z-index:1;}
.malutto_solitto .sec_text { left:0; bottom:1em; width:92%; margin:0 4% 0; font-size:16px;}
	.malutto_solitto .sec_add.flex { display:flex; width:100%; margin-top:0; margin-left:0; justify-content : space-between;}
.malutto_solitto .sec_add div.col_l { order:1; }
	.malutto_solitto .sec_add div.col_r { display:flex; order:0; }
.malutto_solitto .se_add_txt { width:100%; max-width:100%; padding-top:2.7vw; }
.malutto_solitto .se_add_img { width:100%; padding-top:0; }
.malutto_solitto .sec_add_btn { border:1px #f2f2f2 solid; }
.malutto_solitto .sec_add_btn a {display:block; width:100%; max-width:100%; padding:20px 0; }
	.malutto_solitto #recipe .left_c,.malutto_solitto #recipe .right_c { width:100%; max-width:520px; padding-bottom:5.4vw; }
.malutto_solitto #recipe .right_c .txtbox { height:auto; margin-left:0; padding-bottom:5.4vw; }
	.malutto_solitto #mechanism h2 { padding-bottom:5.39vw; }
	.malutto_solitto #mechanism .left_c,.malutto_solitto #mechanism .right_c { width:100%; max-width:480px; }
.malutto_solitto #mechanism .frame:last-child .flex { padding-bottom: 4.7vw; }
.malutto_solitto #question .comment { width:100%; }
.malutto_solitto #question .comment span { display:block; width:90%; margin:0 auto; }
.malutto_solitto #question .comment span:first-child { height:auto; }
.malutto_solitto #question .comment span.com_name { padding-bottom:1.5em; }

 }
@media screen and (min-width: 1px) and (max-width: 499px) {
/*.f_18 { font-size: 1.6rem; }
.f_20 { font-size: 1.7rem; }*/
.creation .normalp section.w_narrow, .foreign.factoryshop #titlebox #op_cl span:last-child, .foreign.factoryshop .f_big, .foreign.factoryshop #shop_lead, .foreign.factoryshop #map .info_box:first-child p:first-child span, .care #wrapper .normalp { font-size: 1.6rem; }
.factoryshop_202205 #titlebox #op_cl span:last-child, .factoryshop_202205 .f_big, .factoryshop_202205 #shop_lead, .factoryshop_202205 #map .info_box:first-child p:first-child span { font-size: 1.6rem; } /*--factoryshop 202205 --*/
.ja.factoryshop .column #opcl tr:nth-of-type(2) td:nth-of-type(3) img { width:7.6vw; height: 1px; }
}
@media screen and (min-width: 1px) and (max-width: 410px) {
/*.f_24 { font-size: 1.8rem; }*/
.creation .head3, .foreign.factoryshop #column6 .info_box p span, .page-child.care .care_navi, .care_list .care_list_name, .privacy .head3  { font-size: 1.8rem; }
.factoryshop_202205 #column6 .info_box p span { font-size: 1.8rem; } /*--factoryshop 202205 --*/
.malutto_solitto .sec_text.f_24.l_18 { font-size:1.8rem!important; line-height:1.4; }

}
@media screen and (min-width: 1px) and (max-width: 360px) {
	.malutto_solitto .sec_text.f_24.l_18 { font-size:1.6rem!important; }
}

@media all and (-ms-high-contrast:none){ }