@charset "UTF-8";

.pageProduction .production .text-01,
.pageProduction .production .text-06 { font-size:20px;}
.pageProduction .production .subImage .shopLinks-01 .link,
.pageProduction .production .subImage .shopLinks-02 .link { font-size:22px;}
.pageProduction .production .text-01 strong,
.pageProduction .production .text-06 strong { font-size:24px;}
.pageProduction .production .text-04 { font-size:12px;}
.pageProduction .production .subImage .shopLinks-01 .text,
.pageProduction .production .subImage .shopLinks-02 .text { font-size:13px;}
.pageProduction .production .text-02,
.pageProduction .production .text-03 { font-size:14px;}

body.pc .pageProduction .production .subImage .shopLinks-01 .link a:hover,
body.pc .pageProduction .production .subImage .shopLinks-02 .link a:hover { filter:alpha(opacity=70); -webkit-opacity:0.7; -moz-opacity:0.7; -ms-opacity:0.7; -o-opacity:0.7; opacity:0.7;}
.pageProduction .production .subImage .shopLinks-01 .link a,
.pageProduction .production .subImage .shopLinks-02 .link a { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.pageProduction .content-02 { max-width:1500px; width:95%; margin-left:auto; margin-right:auto;}
.pageProduction { padding-top:0.75rem; background-image:url(../images/common/contentBg-01.png); background-repeat:repeat-x; background-position:left top;}
.pageProduction .content-02 { margin-top:0.5rem;}
.pageProduction .content-02 > :first-child { margin-top:0;}
.pageProduction .production { margin-top:0.73rem; width:100%; position:relative; overflow:visible;}
.pageProduction .production:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:87.273%;}
.pageProduction .production.pink:before { background-color:#f1eef6;}
.pageProduction .production.pink .text-01,
.pageProduction .production.pink .text-06 { color:#9486a3;}
.pageProduction .production.pink .text-01 strong,
.pageProduction .production.pink .text-06 strong { color:#9486a3;}
.pageProduction .production.green:before { background-color:#ebf3ed;}
.pageProduction .production.green .text-01,
.pageProduction .production.green .text-06 { color:#679882;}
.pageProduction .production.green .text-01 strong,
.pageProduction .production.green .text-06 strong { color:#679882;}
.pageProduction .production.blue:before { background-color:#e5f1f4;}
.pageProduction .production.blue .text-01,
.pageProduction .production.blue .text-06 { color:#658d9a;}
.pageProduction .production.blue .text-01 strong,
.pageProduction .production.blue .text-06 strong { color:#658d9a;}
.pageProduction .production .inner { position:relative; width:84.66667%; margin-right:auto; margin-left:auto; display:flex; justify-content:space-between;}
.pageProduction .production .main { width:47.24409%; overflow:hidden;}
.pageProduction .production .main > p:nth-of-type(1) { width:100%; overflow:hidden;}
.pageProduction .production .main img { width:100%; height:auto; float:left;}
.pageProduction .production .main.fixed { position:relative;}
.pageProduction .production .main.fixed img.fixedImg { position:absolute; left:0; top:0;}
.pageProduction .production .main .sub { margin-top:0.3rem; width:100%; overflow:hidden;}
.pageProduction .production .main .sub > p { width:calc((100% - 0.3rem) / 2);}
.pageProduction .production .main .sub > p:nth-of-type(2n-1) { float:left;}
.pageProduction .production .main .sub > p:nth-of-type(2n) { float:right;}
.pageProduction .production .text-01,
.pageProduction .production .text-06 { letter-spacing:0.1em; line-height:1.4em;}
.pageProduction .production .text-01 strong,
.pageProduction .production .text-06 strong { color:#9486a3; display:block; margin-top:0.3em; line-height:1.3em;}
.pageProduction .production .text-01 strong.inline,
.pageProduction .production .text-06 strong.inline { display:inline-block; margin-left:0.5em;}
.pageProduction .production .text-01 { display:none;}
.pageProduction .production .text-02 { line-height:1.9em; letter-spacing:0.1em; margin-top:1.3em; /* 均等配置-> */text-align:justify; text-justify:inter-ideograph; word-break:break-all; /* <-均等配置 */}
.pageProduction .production .text-03 { display:block; margin-top:0.9em; line-height:1.7em; letter-spacing:0.05em; /* 均等配置-> */text-align:justify; text-justify:inter-ideograph; word-break:break-all; /* <-均等配置 */}
.pageProduction .production .text-03 > p { font-size:1em; line-height:1.4em; margin-top:0.6em;}
.pageProduction .production .text-03 > p:first-of-type { margin-top:0;}
.pageProduction .production .text-04 { line-height:1.3em; margin-top:1.25em;}
.pageProduction .production .text-04 p { font-size:1em; margin-top:0.7em;}
.pageProduction .production .text-04 p:first-of-type { margin-top:0;}
.pageProduction .production .text-05 { width:100%;}
.pageProduction .production .text-05 .text-02 { margin-top:0.5em;}
.pageProduction .production .rightBlock { width:48.0315%; padding-top:0.35rem; position:relative;}
.pageProduction .production .rightBlock .img { width:100%; overflow:hidden;}
.pageProduction .production .rightBlock .img img { width:100%; height:auto; float:left;}
.pageProduction .production .subImage { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:0.32rem;}
.pageProduction .production .subImage.bottom { margin-top:0; position:absolute; left:0; bottom:0;}
.pageProduction .production .subImage > div { width:47.54098%; overflow:hidden; margin-top:0.3rem;}
.pageProduction .production .subImage > div:nth-of-type(1),
.pageProduction .production .subImage > div:nth-of-type(2) { margin-top:0;}
.pageProduction .production .subImage > div.full { width:100%;}
.pageProduction .production .subImage > .full + div { margin-top:0.3rem;}
.pageProduction .production .subImage .shopLinks-01,
.pageProduction .production .subImage .shopLinks-02 { display:flex; flex-wrap:wrap; width:100%; overflow:visible; justify-content:flex-end; align-items:center;}
.pageProduction .production .subImage .shopLinks-01 .text,
.pageProduction .production .subImage .shopLinks-02 .text { color:#6b6d6d; letter-spacing:0.03em; position:relative; padding-right:1.32em; text-align:right;}
.pageProduction .production .subImage .shopLinks-01 .text:after,
.pageProduction .production .subImage .shopLinks-02 .text:after { content:""; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; background-image:url(../images/common/arrow-01-gray.svg); width:0.95em; height:0.95em; position:absolute; right:0; top:0.3em;}
.pageProduction .production .subImage .shopLinks-01 .link,
.pageProduction .production .subImage .shopLinks-02 .link { font-weight:500; letter-spacing:0.03em; margin-left:0.45455em;}
.pageProduction .production .subImage .shopLinks-01 .link:nth-of-type(1),
.pageProduction .production .subImage .shopLinks-02 .link:nth-of-type(1) { margin-left:0.63636em;}
.pageProduction .production .subImage .shopLinks-01 .link a,
.pageProduction .production .subImage .shopLinks-02 .link a { color:#9d5b58; display:block; line-height:1.65em; height:1.95em; font-size:1em; border-width:3px; border-color:#d5d3d3; border-style:solid; background-color:#fff; border-radius:0.3em; width:7.27273em; text-align:center; box-shadow:0 1px 0.05rem 0 #d9d9d9; position:relative;}
.pageProduction .production .subImage .shopLinks-01 .link a img,
.pageProduction .production .subImage .shopLinks-02 .link a img { height:1em; width:auto; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin-top:-0.02em;}
.pageProduction .production .subImage .shopLinks-01 .link a { width:8.63636em;}
.pageProduction .production .subImage .shopLinks-02 .link a { width:7.27273em;}

@media (max-width:1200px) {
.pageProduction .production .subImage .shopLinks-01 .link a,
.pageProduction .production .subImage .shopLinks-02 .link a { border-width:2px;}
}

@media (max-width:1000px) {
.pageProduction .production .text-02 { line-height:1.7em;}
}

@media (max-width:950px) {
.pageProduction .production .subImage .shopLinks-02 { margin-top:0.13rem;}
.pageProduction .production .subImage .shopLinks-02 .text { width:100%; margin-bottom:0.4em;}
.pageProduction .production .subImage .shopLinks-02 .text:after { background-image:url(../images/common/arrow-02-gray.svg);}
}

@media (max-width:900px) {
.pageProduction .production .text-02 { margin-top:0.9em;}
.pageProduction .production .text-03 { line-height:1.6em;}
}

@media (max-width:768px) {
.pageProduction { padding-top:0.5rem;}
.pageProduction .content-02 { margin-top:0.3rem;}
.pageProduction .production { margin-top:0.45rem;}
.pageProduction .production:before { height:78.5457%;}
.pageProduction .production .inner { width:93.5%;}
.pageProduction .production .main .sub { margin-top:0.15rem;}
.pageProduction .production .main .sub > p { width:calc((100% - 0.15rem) / 2);}
.pageProduction .production .text-01,
.pageProduction .production .text-06 { letter-spacing:0.05em;}
.pageProduction .production .text-02 { margin-top:0.9em;}
.pageProduction .production .text-04 { font-size:10px; line-height:1.3em;}
.pageProduction .production .text-04 p { line-height:1.3em;}
.pageProduction .production .rightBlock { width:49.6063%; padding-top:0.21rem;}
.pageProduction .production .subImage { margin-top:0.18rem;}
.pageProduction .production .subImage .shopLinks-02 { margin-top:0.1rem;}
.pageProduction .production .subImage > div,
.pageProduction .production .subImage > .full + div { margin-top:0.15rem;}
}

@media (max-width:600px) {
.pageProduction .production { margin-top:0.6rem;}
.pageProduction .production:before { height:calc(100% - 1.15rem);}
.pageProduction .production .inner { padding-top:0.25rem; max-width:450px; flex-direction:column;}
.pageProduction .production .main { margin-top:0.2rem; width:100%;}
.pageProduction .production .main .sub { margin-top:0.23rem;}
.pageProduction .production .main .sub > p { width:calc((100% - 0.23rem) / 2);}
.pageProduction .production .text-01 { display:block;}
.pageProduction .production .text-02 { margin-top:0;}
.pageProduction .production .text-03 { line-height:1.45em;}
.pageProduction .production .text-06 { display:none;}
.pageProduction .production .rightBlock { width:100%;}
.pageProduction .production .subImage { margin-top:0.2rem;}
.pageProduction .production .subImage .shopLinks-02 { margin-top:0.22rem;}
.pageProduction .production .subImage .shopLinks-02 .text { width:auto; margin-bottom:0;}
.pageProduction .production .subImage .shopLinks-02 .text:after { background-image:url(../images/common/arrow-01-gray.svg);}
.pageProduction .production .subImage > div { width:calc((100% - 0.23rem) / 2); margin-top:0.23rem;}
.pageProduction .production .subImage > .full + div { margin-top:0.23rem;}
}

@media (max-width:400px) {
.pageProduction .production .subImage .shopLinks-02 { margin-top:0.17rem;}
.pageProduction .production .subImage .shopLinks-02 .text { width:100%; margin-bottom:0.3em;}
.pageProduction .production .subImage .shopLinks-02 .text:after { background-image:url(../images/common/arrow-02-gray.svg);}
}

@media (max-width:370px) {
.pageProduction .production .text-02 { line-height:1.55em;}
}

@media (max-width:350px) {
.pageProduction .production .text-01,
.pageProduction .production .text-06 { margin-top:0.15em;}
}

@media (max-width:320px) {
.pageProduction .production .text-01,
.pageProduction .production .text-06 { font-size:11px;}
.pageProduction .production .subImage .shopLinks-01 .link,
.pageProduction .production .subImage .shopLinks-02 .link { font-size:12px;}
.pageProduction .production .text-01 strong,
.pageProduction .production .text-06 strong { font-size:13px;}
.pageProduction .production .text-02,
.pageProduction .production .text-03,
.pageProduction .production .subImage .shopLinks-01 .text,
.pageProduction .production .subImage .shopLinks-02 .text { font-size:10px;}
}

@media (min-width:769px) and (max-width:1579px) {
.pageProduction .production .text-01,
.pageProduction .production .text-06 { font-size:calc(11px + ((1vw - 7.68px) * 1.1097));}
.pageProduction .production .subImage .shopLinks-01 .link,
.pageProduction .production .subImage .shopLinks-02 .link { font-size:calc(12px + ((1vw - 7.68px) * 1.233));}
.pageProduction .production .text-01 strong,
.pageProduction .production .text-06 strong { font-size:calc(14px + ((1vw - 7.68px) * 1.233));}
.pageProduction .production .text-04 { font-size:calc(10px + ((1vw - 7.68px) * 0.2466));}
.pageProduction .production .subImage .shopLinks-01 .text,
.pageProduction .production .subImage .shopLinks-02 .text { font-size:calc(10px + ((1vw - 7.68px) * 0.3699));}
.pageProduction .production .text-02,
.pageProduction .production .text-03 { font-size:calc(10px + ((1vw - 7.68px) * 0.4932));}
}

@media (min-width:321px) and (max-width:768px) {
.pageProduction .production .text-01,
.pageProduction .production .text-06 { font-size:calc(11px + ((1vw - 3.2px) * 0.6696));}
.pageProduction .production .subImage .shopLinks-01 .link,
.pageProduction .production .subImage .shopLinks-02 .link { font-size:calc(12px + ((1vw - 3.2px) * 0.6696));}
.pageProduction .production .text-01 strong,
.pageProduction .production .text-06 strong { font-size:calc(13px + ((1vw - 3.2px) * 0.6696));}
.pageProduction .production .text-02,
.pageProduction .production .text-03,
.pageProduction .production .subImage .shopLinks-01 .text,
.pageProduction .production .subImage .shopLinks-02 .text { font-size:calc(10px + ((1vw - 3.2px) * 0.2232));}
}