@charset "utf-8"; /* Theme Name: Gens Theme URI: https://gensg.jp/ Description: Gens Version: 1.0 Author: Gens Author URI: https://gensg.jp/ */ /* reset CSS html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body { line-height:1;} eader,hgroup,menu,nav,section { display:block;} nav ul { list-style:none;} blockquote, q { quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none;} /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del { text-decoration: line-through;} abbr['title'], dfn['title'] { border-bottom:1px dotted; cursor:help;} table { border-collapse:collapse; border-spacing:0;} /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0;} input, select { vertical-align:middle;} /*--- base ---*/ * { margin:0px; padding:0px; box-sizing: border-box;} html { font-size: 62.5%; } body { font-family: 'Noto Serif JP', serif; font-weight: 400; line-height: 1.7; text-align: left; color: #231815; -webkit-text-size-adjust: 100%; font-size: 14px; background: #FFF; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: 400;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;} a:link,a:visited { color: #231815; text-decoration: none; opacity: 1;} a:active,a:hover { color: #231815; text-decoration: none; opacity: 0.8;} a:link img,a:visited img { opacity: 1;} a:active img,a:hover img { opacity: 0.8;} a,a img { outline: none; transition: all .1s ease-in-out;} img { max-width: 100%; height: auto;} img.imgCh { width: auto;} img[src$=".svg"] { width: auto;} /*general*/ .clfx::after { content: ""; clear: both; display: table;} .fsI { font-style: italic; } .dB { display: block; } .dIB { display: inline-block; } .ofH { overflow: hidden;} .fL { float: left;} .fR { float: right;} .aL { text-align: left !important;} .aC { text-align: center !important;} .aR { text-align: right !important;} .aJ { text-align: justify !important; text-justify: inter-ideograph !important;} .fwN { font-weight: normal !important;} /*.fw200 { font-weight: 200 !important;}*/ /*Extra-Light*/ /*.fw300 { font-weight: 300 !important;}*/ /*Light*/ .fw400 { font-weight: 400 !important;} /*Regular*/ /*.fw500 { font-weight: 500 !important;}*/ /*Medium*/ /*.fw600 { font-weight: 600 !important;}*/ /*Semi-Bold*/ .fw700 { font-weight: 700 !important;} /*Bold*/ /*.fw800 { font-weight: 800 !important;}*/ /*Black*/ /*.fw900 { font-weight: 900 !important;}*/ /*Black*/ .fwB { font-weight: bold !important;} .clB { clear: both !important;} .wSN { white-space: nowrap !important;} .lSN { letter-spacing: 0 !important;} .posR { position: relative; } .txtV { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} .txtL { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: rl; writing-mode: horizontal-tb;} .lh100 { line-height: 1.00; } .lh150 { line-height: 1.50; } .lh170 { line-height: 1.70; } .lh190 { line-height: 1.90; } .lh200 { line-height: 2.00; } .lh220 { line-height: 2.20; } .lsM050 { letter-spacing: -0.05em !important; } .lsM100 { letter-spacing: -0.1em !important; } .ls050 { letter-spacing: 0.05em !important; } .ls100 { letter-spacing: 0.10em !important; } .ls200 { letter-spacing: 0.20em !important; } .ls400 { letter-spacing: 0.40em !important; } .ls520 { letter-spacing: 0.52em !important; } .lsM200 { letter-spacing: -0.20em; } .noteTxt { margin-left: 1em; text-indent: -1em; } .colWh { color: #FFF; } .ffMin02 { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "Hiragino Mincho ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} /*animation */ .at { opacity: 0; display: inline-block;} .atP.ad .at { opacity: 1; transform: translateY(0) translateX(0) !important; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out;} .atR.atP .at { transform: translateX(20px); } .atB.atP .at { transform: translateY(20px); } .ab { opacity: 0; transform-origin: left top; } .ad { opacity: 1; transform: translateY(0) translateX(0) rotate(0); transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out;} .ad .ab { opacity: 1; transform: translateY(0) translateX(0) rotate(0); transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-in-out;} .abY { transform: translateY(20px); } .abR { transform: translateX(20px); } .abL { transform: translateX(-20px); } .at:nth-child(1) { transition-delay: 0s;} .at:nth-child(2) { transition-delay: 0.05s;} .at:nth-child(3) { transition-delay: 0.1s;} .at:nth-child(4) { transition-delay: 0.15s;} .at:nth-child(5) { transition-delay: 0.2s;} .at:nth-child(6) { transition-delay: 0.25s;} .at:nth-child(7) { transition-delay: 0.3s;} .at:nth-child(8) { transition-delay: 0.35s;} .at:nth-child(9) { transition-delay: 0.4s;} .at:nth-child(10) { transition-delay: 0.45s;} .at:nth-child(11) { transition-delay: 0.5s;} .at:nth-child(12) { transition-delay: 0.55s;} .at:nth-child(13) { transition-delay: 0.6s;} .at:nth-child(14) { transition-delay: 0.65s;} .at:nth-child(15) { transition-delay: 0.7s;} .at:nth-child(16) { transition-delay: 0.75s;} .at:nth-child(17) { transition-delay: 0.8s;} .at:nth-child(18) { transition-delay: 0.85s;} .at:nth-child(19) { transition-delay: 0.9s;} .at:nth-child(20) { transition-delay: 0.95s;} .at:nth-child(21) { transition-delay: 1.00s;} .at:nth-child(22) { transition-delay: 1.05s;} .at:nth-child(23) { transition-delay: 1.1s;} .at:nth-child(24) { transition-delay: 1.15s;} .at:nth-child(25) { transition-delay: 1.2s;} .at:nth-child(26) { transition-delay: 1.25s;} .at:nth-child(27) { transition-delay: 1.3s;} .at:nth-child(28) { transition-delay: 1.35s;} .at:nth-child(29) { transition-delay: 1.4s;} .at:nth-child(30) { transition-delay: 1.45s;} /* common *************************************************************************************************************************************************************************************/ /*header*/ #indexBody header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 56px; background: rgba(35,24,21,1);} #indexBody #title { padding: 13px 0 0 22px; line-height: 1;} #indexBody #title img { width: auto; height: 32px; } #contentBody header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 70px; background: rgba(255,255,255,0.9);} #contentBody #title { padding: 13px 0 0 22px; line-height: 1;} #contentBody #title img { width: auto; height: 32px; } /*---nav---*/ /*nav*/ .navLock { height: 100%; overflow: hidden; } #menuBtn { position: fixed; top: 0; right: 0; width: 66px; height: 56px; z-index: 110; cursor: pointer;} #menuBtn .menuBtnBar { display: block; position: absolute; left: 15px; width: 36px; height: 1px; background: #FFF; transition: all 0.25s ease-in-out;} #contentBody #menuBtn .menuBtnBar { background: #3f3532;} #menuBtn01 { top: 13px;} #menuBtn02 { top: 27px;} #menuBtn03 { top: 42px;} .active #menuBtn01 { top: 26px; left: 13px; transform: rotate(45deg); } .active #menuBtn02 { top: 26px; left: 13px; transform: rotate(-45deg);} .active #menuBtn03 { opacity: 0;} /*footer*/ footer { background: rgba(21,2,1,1); padding: 0 0 80px;} footer small { display: block; text-align: center; color: #FFF; font-size: 2.67vw; padding: 6.4vw 0;} #footer01 { background: #373130; padding: 0 0 20px; } #footer01Wrap { display: flex; flex-wrap: wrap; } #footer0101 { order: 2; width: 100%;} #footer0101-01 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; color: #A6A6A7; margin-bottom: 16px;} #footer0101-01 > img { width: auto; height: 42px; margin-right: 20px;} #footer0101-01 > p { font-size: 4.27vw; font-weight: 700; line-height: 1;} #footer0101-02 { text-align: center; font-size: 3.47vw; color: #A6A6A7; line-height: 1;} #footer0101-02 a { color: #A6A6A7 !important;} #footer0101-02-01 { margin-bottom: 20px;} #footer0101-02-02 { } #footer0101-02-02 > span { display: none; } #footer0101-03 {} #footer0102 { order: 1; width: 100%; padding: 24px 0;} #footer0102-01 { display: flex; flex-wrap: wrap; padding: 0 0 0 40px; font-size: 3.47vw;} #footer0102-01 > ul {} #footer0102-01 > ul:first-child { margin-right: 30px; } #footer0102-01 > ul > li { margin-bottom: 4px; } #footer0102-01 > ul > li > a { color: #A6A6A7 !important; } #footer0102-01 > ul > li > a:before { content: "● ";} #footer02 { background: #635f5f; color: #FFF;} #footer02 > dl {} #footer02 > dl > dt { text-align: center; padding: 18px 0; font-size: 1.3rem; font-size: 3.47vw;} #footer02 > dl > dd {} #footer02 > dl > dd > ul { display: flex; flex-wrap: wrap; font-size: 1.2rem; font-size: 3.2vw;} #footer02 > dl > dd > ul > li { width: 50%; } #footer02 > dl > dd > ul > li > a { position: relative; display: block; background: #706E6E; color: #FFF !important; line-height: 1; padding: 16px 0 16px 16px; letter-spacing: -0.05em;} #footer02 > dl > dd > ul > li > a:before { content: ''; display: block; width: 1px; height: 1em; background: #FFF; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);} #footer02 > dl > dd > ul > li:nth-child(3) > a, #footer02 > dl > dd > ul > li:nth-child(4) > a { background: #635f5f;} #spFixedCta { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 80px; background: #231815; display: flex; flex-wrap: wrap;} #spFixedCta:before { content: ''; width: 1px; height: 50px; background: #FFF; position: absolute; top: 15px; left: 50%;} #spFixedCta > li { width: 50%; height: 80px; display: flex; flex-wrap: wrap;} #spFixedCta > li > a { width: 100%; height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #spFixedCta > li > a > span { display: inline-block; color: #FFF; padding-top: 32px;} #spFixedCta > li:nth-child(1) { font-size: 13px;} #spFixedCta > li:nth-child(2) { font-size: 12px;} #spFixedCta > li:nth-child(1) > a > span { background: url(images/icon_tel.svg) no-repeat 50% 0/ auto 24px;} #spFixedCta > li:nth-child(2) > a > span { background: url(images/icon_company.svg) no-repeat 50% 0/ auto 24px;} /* parts *************************************************************************************************************************************************************************************/ #wrap { overflow: hidden; } .hTxt01 { position: relative; padding-left: 22px; line-height: 2; letter-spacing: 0.2em;} .hTxt01:before { content: ''; display: block; width: 6px; height: calc( 100% - 10px ); background: #150201; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} .table01 { width: 100%; } .table01 th,.table01 td { font-weight: 400; letter-spacing: 0.05em; padding: 5px 0;} .table01 th { white-space: nowrap; padding-right: 20px;} .table01 td {} .historyList { line-height: 1.96; } .historyList > li { margin-bottom: 10px;} .historyList > li > dl > dt { letter-spacing: 0.1em; line-height: 1.6;} .historyList > li > dl > dd { } .historyList > li > dl > dd > span { display: inline-block; margin-left: -0.5em;} .postList {} .postList > li { border-bottom: #CCCDCD dashed 1px; margin-bottom: 32px;} .postList > li:last-child { margin-bottom: 0;} .postList > li > a { display: block; padding: 0 0 10px;} .postListH { display: flex; flex-wrap: wrap; align-items: center; font-size: 12px;} .postList > li .postDate { padding-right: 18px; } .recruitListTxt { font-size: 13px !important; background: #fafafa; border: #EEE 1px solid; padding: 10px; margin-top: 24px;} .recruitListTxt dl { display: flex; flex-wrap: wrap;} .recruitListTxt dl dt { position: relative; width: 5em; padding-right: 1em; text-align: right;} .recruitListTxt dl dt:after { content: ""; display: block; width: 1px; height: 1em; background: #000; position: absolute; top: 0.3em; right: 0;} .recruitListTxt dl dd { width: calc( 100% - 5em); padding-left: 1em;} .postBody {} .postBody p { padding-bottom: 1em; } .recruitBody table { width: 100%; } .recruitBody table th,.recruitBody table td { border: #CCC 1px solid; padding: 8px; line-height: 1.4; font-size: 13px;} .recruitBody table th { white-space: nowrap; background: #fafafa;} .recruitBody table td {} .recruitBody h3 { font-weight: 700; border-bottom: 1px solid; margin: 48px 0 8px; } .entryBtn { text-align: center; padding: 48px 0;} .entryBtn > a { display: inline-block; border: 1px solid; line-height: 1; padding: 1em 2em; } #pagerPare { position: relative; clear: both; padding: 0; margin: 48px 0; text-align: center;} .singlePageNav { position: relative; overflow: hidden; clear: both; padding: 0; margin: 48px 0;} .singlePageNav:before { content: ""; width: 12px; height: 12px; border-radius: 16px; background: #000032; line-height: 1; display: block; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);} .prev { float: left; width: 50%; text-align: right; padding-right: 2em; box-sizing: border-box;} .next { float: right; width: 50%; text-align: left; padding-left: 2em; box-sizing: border-box;} .formTable { width: 100%; border-bottom: #CCC 1px solid;} .formTable th,.formTable td { display: block; border: #CCC 1px solid; border-bottom: none; padding: 8px; line-height: 1.4; font-size: 13px; vertical-align: middle;} .formTable th { background: #fafafa;} .formTable td {} .formTable input[type=text], .formTable input[type=tel], .formTable input[type=email], .formTable select { width: 100%; border: #CCC 1px solid; padding: 0.5em; } .formTable textarea { width: 100%; height: 15em; border: #CCC 1px solid; padding: 0.5em; } .formBtn { text-align: center; padding: 48px 0; } .formBtn input[type=submit] { border: none; background: #CCC; padding: 1em 4em; text-align: center; outline: none; cursor: pointer;} .require { color: #FF0000; } .btn01 { display: inline-block; border: 1px solid; line-height: 1; padding: 1.5em 2em; border-radius: 8px;} /* page *************************************************************************************************************************************************************************************/ html,body { height: 100%; } #indexBody { padding-top: 56px; } #contentBody { padding-top: 70px; } #mainVideo { position: relative; line-height: 1; height: 86.7vw; overflow: hidden;} #mainVideo video { max-width: 100%;} #mainVideoSound { position: absolute; bottom: 16px; right: 16px; z-index: 10; width: 24px; height: 24px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .sound_off { background-image: url(images/sound_off.svg); } .sound_on { background-image: url(images/sound_on.svg); } /*news-topics-sp*/ #news-topics-sp { letter-spacing: 0.18em; } #news-topics-sp h2 { font-size: 15px; line-height: 1.2; margin-bottom: 10px;} #news-topics-sp ul { margin-bottom: 5px;} #indexNewsSp { background: #E8E9E9; padding: 16px 16px 10px 12.27vw;} #indexTopicsSp { position: relative; background: #CDCECE; padding: 16px 16px 10px 12.27vw;} #indexTopicsSp ul { height: 15em; overflow: auto;} #indexTopicsSp li { } #indexTopicsSp li { border-bottom: #999 dashed 1px; margin-bottom: 16px;} #indexTopicsSp li:last-child { margin-bottom: 0;} /*#indexTopicsSp li:nth-child( n + 2 ) { display: none;}*/ /* .indexTopicsSpH { display: flex; flex-wrap: wrap; } .indexTopicsSpH .postDate { font-size: 13px; width: 8em;} .indexTopicsSpH .postTitle { font-size: 15px; width: calc( 100% - 8em );} */ .indexTopics { display: flex; flex-wrap: wrap; } .indexTopics .postDate { font-size: 13px; width: 8em;} .indexTopics .postShop { font-size: 13px; width: calc( 100% - 8em ); letter-spacing: 0em;} .indexTopics .postTitle { font-size: 15px;} /*.p-topics__loader { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background: #000;}*/ .sk-chase-pare { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .sk-chase { width: 40px; height: 40px; /* position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); */ position: relative; animation: sk-chase 2.5s infinite linear both; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: rgba(35,24,21,1); border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } /*concept*/ #concept { position: relative; } /*moment*/ #moment { position: relative; background: #000; color: #FFF;} #momentBg { overflow: hidden; height: 146vw; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #momentBg > span { display: block; width: 100%; height: 100%; margin-top: 73vw; background: url(images/index-moment_bg_sp.jpg) no-repeat 50% 0 / cover; } #momentWrap { position: relative; z-index: 1; padding: 32px 7.47vw 0; } #momentTxt01 { padding-left: 10px; letter-spacing: 0.1em; white-space: nowrap;} #momentTxt02 { line-height: 1.34; letter-spacing: 0.15em; padding: 10px 0 20px;} #momentTxt03 { letter-spacing: 0.1em; line-height: 1.48;} #momentTxt0303 { margin: 0 0 19px;} #momentTxt0301 { margin: 0 0 19px;} #momentTxt030101 { display: inline-block; text-indent: -0.5em;} #momentTxt030102 { display: inline-block; padding-left: 3em;} #momentTxt0302 { line-height: 1.87; } #momentTxt04 { text-align: right; padding-right: 5px;} #momentTxt04 img { width: 184px; } /*entertain*/ #entertain { position: relative; background: #000; padding: 0 0 95vw; color: #FFF;} #entertainBg { overflow: hidden; height: 95vw; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 0;} #entertainBg > span { display: block; width: 100%; height: 150%; background: url(images/index-entertain_bg_sp.jpg) no-repeat 50% 0 / cover; } #entertainWrap { padding: 0 0 0 26.67vw; } #entertainTxt01 { padding: 56px 0 38px; letter-spacing: 0.1em;} #entertainTxt02 { position: absolute; top: -0.75em; left: 40px; letter-spacing: 0.1em;} #entertainTxt03 { position: absolute; bottom: 120px; left: 26.67vw; letter-spacing: 0.1em; line-height: 1.81;} #entertainTxt0301 {} #entertainTxt0302 {} #emotionalsTxt { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 1; position: absolute; top: 100%; right: 0; z-index: 10; margin-top: -95vw; letter-spacing: 3em; font-size: 21px; overflow: hidden;} #emotionalsTxt > span { display: block; margin-right: -3px;} /*eyes*/ #eyes { position: relative; min-height: 102vw; color: #FFF;} #eyesBg { overflow: hidden; height: 102vw; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #eyesBg > span { display: block; width: 100%; height: 125%; background: url(images/index-eyes_bg_sp.jpg) no-repeat 50% 0 / cover; } #eyesTxt01 { position: absolute; top: 28px; right: 52px; letter-spacing: 0.1em;} /*service*/ #service { position: relative; min-height: 160vw; color: #FFF; background: #000;} #serviceBg01 { overflow: hidden; height: 78.9vw; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #serviceBg01 > span { display: block; width: 100%; height: 150%; background: url(images/index-service_bg01_sp.png) no-repeat 50% 0 / 100% auto; } #serviceBg02 { overflow: hidden; height: 144vw; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #serviceBg02 > span { display: block; width: 100%; height: 125%; background: url(images/index-service_bg02_sp.png) no-repeat 50% 0 / 100% auto; } #serviceBg03 { overflow: hidden; height: 60.53vw; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 0;} #serviceBg03 > span { display: block; width: 100%; height: 125%; background: url(images/index-service_bg03_sp.png) no-repeat 50% 0 / 100% auto; } #serviceWrap {position: relative; z-index: 1;} #serviceTxt01 { padding: 56px 0 0 35px;} #serviceTxt02 { padding: 67px 0 0 40px;} #conceptBtmTxt { position: absolute; bottom: 0; right: 0; color: #FFF; width: 100%; padding-right: 40px; text-align: right; line-height: 1; letter-spacing: 0.2em;} #conceptBtmTxt > span { position: relative; z-index: 1; } #conceptBtmTxt:after { content: ""; display: block; width: 100%; height: 100px; position: absolute; top: -16px; left: 0; background: rgba(157,146,128,0.48); transform-origin: center center; transform: skewY(-10deg);} /*shop-list*/ #shop-list { position: relative; padding: 40px 5.33vw;} #shop-list:after { content: ""; display: block; width: 100%; height: 150vw; position: absolute; top: 40px; left: 0; z-index: 0; background: rgba(157,146,128,0.2); transform-origin: center center; transform: skewY(-10deg);} #shop-list > ul { display: flex; flex-wrap: wrap; position: relative; z-index: 1;} #shop-list > ul > li { width: calc( (100% - 15px)/2 ); margin: 32px 15px 0 0; font-size: 13px;} #shop-list > ul > li:nth-child(2n) { margin-right: 0;} #shop-list > ul > li:nth-child( -n + 2 ) { margin-top: 0;} #shop-list > ul > li p { margin-bottom: 16px; } #shop-list > ul > li h3 { text-align: center; border-bottom: #b5afad dashed 1px; white-space: nowrap;} /*staff-voice*/ #staff-voice { position: relative; margin-bottom: 40px;} #staff-voiceSub01 { color: #b5b2b2; letter-spacing: 0.1em;} #staff-voiceSub0101 { position: absolute; top: 30px; right: 35px; } #staff-voiceSub0102 { position: absolute; top: 50px; left: 40px;} #staff-voiceTxt01 { text-align: center; margin-bottom: 116px; letter-spacing: 0.1em;} #staffVoiceList01 { display: flex; flex-wrap: wrap; position: relative; } #staffVoiceList01:before { content: ''; display: block; width: 220px; height: 220px; background: #150201; position: absolute; top: -36px; left: 0; z-index: -1;} #staffVoiceList01 > li { position: relative; width: 50%; margin: 20px 0 0;} #staffVoiceList01 > li a, #staffVoiceList01 > li a img { opacity: 1;} #staffVoiceList01 > li a:hover .staffVoiceList01Txt { transition: all .25s ease-in-out; color: #999 !important; } #staffVoiceList01 > li:nth-child( -n + 2 ) { margin-top: 0;} #staffVoiceList01 > li:nth-child(2n-1) { padding: 0 8px 0 20px; } #staffVoiceList01 > li:nth-child(2n) { padding: 0 20px 0 8px; } .staffVoiceList01Txt { position: absolute; bottom: 10px; left: 0; width: 100%; background: rgba(21,2,1,0.71); color: #FFF;} #staffVoiceList01 > li:nth-child(2n-1) .staffVoiceList01Txt { padding: 8px 0 10px 40px; } #staffVoiceList01 > li:nth-child(2n) .staffVoiceList01Txt { padding: 8px 0 10px 20px; } .staffVoiceList01Shop { font-size: 13px; line-height: 1.3; padding-bottom: 10px;} .staffVoiceList01Name { line-height: 1; } /*message-about-us*/ #message-about-us { position: relative; margin: 0 0 64px;} #messageAboutUsimg { padding-left: 20vw; } #messageAboutUsTxt { position: absolute; bottom: 12px; left: 0; color: #FFF; width: 100%; padding: 0 0 0 8.53vw;} #messageAboutUsTxt:before { content: ""; display: block; width: 48vw; height: 50.6vw; background: #150201; position: absolute; top: -12.8vw; left: 0; z-index: -1;} #messageAboutUsTxt h2 { letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 20px;} #messageAboutUsTxt01 { line-height: 1;} #messageAboutUsTxt0101 { position: relative; margin: 0 0 10px; line-height: 1.4; letter-spacing: 0.1em;} #messageAboutUsTxt0101:before { content: ""; display: block; width: 74.6vw; height: 100%; background: rgba(21,2,1,0.71); position: absolute; top: -8px; left: -8.53vw; padding: 8px 0 26px;} #messageAboutUsTxt0101 > span { position: relative; z-index: 1;} #messageAboutUsTxt0102 { float: right; margin: 10px 10px 0 0; letter-spacing: 0.1em;} #messageAboutUsTxt0102 a { border: #FFF solid 1px; padding: 11px 6px 0; color: #FFF !important; font-size: 13px;} /*recruitSp*/ #recruitSp { background: #FFEFE3; border-top: #908782 solid 1px; border-bottom: #908782 solid 1px; padding: 14px 0 10px;} #recruitSpBox { text-align: center; } #recruitSpTxt01 { width: 84vw; margin: 0 auto 4px; border-bottom: #CCC5BF dashed 1px; letter-spacing: 0.2em;line-height: 1.4;} #recruitSpTxt02 { margin: 0 0 8px; letter-spacing: 0.1em;} #recruitSpImg01 { text-align: center; margin-bottom: 6px;} #recruitSpImg01 img { width: 66.7vw; } #recruitSpTxt03 { letter-spacing: -0.05em; } /*groupShopList*/ #groupShopList { background: #EBEBEB;} #groupShopListSub { text-align: center; font-weight: 700; font-size: 19px; line-height: 1.5; padding: 27px 0 22px; letter-spacing: 0.2em;} #shopList01 { background: #E3E3E3; padding: 40px 0 48px 20px;} #shopList01 > li { margin: 0 0 56px;} #shopList01 > li:last-child { margin-bottom: 0;} #shopList01 > li dt { font-weight: 700; text-align: center; border-bottom: #6B6463 solid 2px; margin-bottom: 12px; } #shopList01 > li dd { padding-left: 10px;} #shopList01 > li dd > ul {} #shopList01 > li dd > ul > li { position: relative; padding-left: 1.5em; line-height: 1.6; letter-spacing: 0.1em;} #shopList01 > li dd > ul > li:before { content: "○"; position: absolute; top: 0; left: 0;} .shopList01Btn { text-align: center; margin-top: 25px;} .shopList01Btn > a { display: inline-block; line-height: 1; letter-spacing: 0.5em; border: #231815 solid 1px; padding: 1em 4em;} /*recruitPc*/ #recruitPc { display: none; } /*recruit*/ .recruitTitle { margin-bottom: 28px; margin-left: 25px; margin-right: 25px; } .recruitTitle > h1 { font-size: 45px; letter-spacing: 0.2em; line-height: 1.1; margin-bottom: 10px;} .recruitTitle > p { font-size: 19px; letter-spacing: 0.2em; line-height: 1.1; } .recruitBox01 { position: relative; z-index: 1; padding-left: 60px; margin: 0 25px 6px; } .recruitBox01Txt01 { position: absolute; top: 0; left: 0; white-space: nowrap; line-height: 1;} .recruitBox01Txt02 { line-height: 1.5; } .recruitBox02 { position: relative; } .recruitBox02Img { position: relative; background: #FCE7D8; margin: 0 0 20px;} .recruitBox02Txt01 { margin: 0 25px 36px;} .recruitBox02Txt0101 {} .recruitBox02Txt0102 {} .recruitBox03 {} .recruitBox03Txt01 { background: #FCE7D8; padding: 16px 0 16px 25px; margin: 0 0 24px; letter-spacing: -0.05em;} .recruitBox0301 { margin: 0 25px; } .recruitBox0301Ch { margin: 0 0 40px; } .recruitShopHead { position: relative; padding: 72px 0 0; margin: 0 0 32px;} .recruitShopHeadTxt { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.77); padding: 36px 20px;} .recruitShopHeadTxt01 { line-height: 1.1; margin-bottom: 10px; letter-spacing: 0.2em;} .recruitShopHeadTxt02 { line-height: 1; letter-spacing: 0.2em;} .recruitShopHeadImg {} /*news-topics-pc*/ #news-topics-pc { display: none; } /*indexCompanyInfoPc*/ #indexCompanyInfoPc { display: none; } /*company*/ .companyPageTitle { position: relative; margin-bottom: 48px;} .companyPageTitleTxt01 { position: absolute; left: 8vw; top: 32px; line-height: 1.6;} .companyPageTitleTxt02 { position: absolute; left: 8vw; bottom: 20px; line-height: 1.9;} /*staff*/ .staffShop { margin-bottom: 48px; } .staffShopInfo { } .staffShopInfo dt { font-weight: 700; text-align: center; border-bottom: #6B6463 solid 2px; margin-bottom: 12px; font-size: 17px;} .staffShopInfo dd { padding-left: 10px;} .staffShopInfo dd > ul {} .staffShopInfo dd > ul > li { position: relative; padding-left: 1.5em; line-height: 1.6; letter-spacing: 0.1em;} .staffShopInfo dd > ul > li:before { content: "○"; position: absolute; top: 0; left: 0;} .staffShopInfoBtn { text-align: center; margin-top: 25px;} .staffShopInfoBtn > a { display: inline-block; line-height: 1; letter-spacing: 0.5em; border: #231815 solid 1px; padding: 1em 4em;} .officialBtn { text-align: center; margin-top: 25px;} .officialBtn > a { display: block; line-height: 1; letter-spacing: 0.2em; font-size: 15px; border: #231815 solid 1px; padding: 1.5em 0; margin: 0 16px;} .recruitBoxBnr { margin: 0 20px 24px; padding: 15px; background: #FFEEE1; border: #251814 solid 1px;} .recruitBoxBnr01 {} .recruitBoxBnr0101 {} .recruitBoxBnr0101Txt01 { font-size: 6.13vw; text-align: center; border-bottom: #231815 dotted 1px; line-height: 1; letter-spacing: 0.2em; padding: 0 0 15px; margin: 0 0 13px;} .recruitBoxBnr0101Txt02 { text-align: center; line-height: 1.2; margin-bottom: 6px; font-size: 4vw;} .recruitBoxBnr010101 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 18px;} .recruitBoxBnr0101Txt03 { width: 50%; line-height: 1.6;} .recruitBoxBnr010101Img { width: 44%; } .recruitBoxBnr0102 { display: none; } .recruitBoxBnrDetail { text-align: center; display: block; line-height: 1;} .recruitBoxBnrDetail > span { display: inline-block; border: #4C403C solid 1px; padding: 1em 2em;} /*privacy-policy*/ .privacyPolicy {} .privacyPolicy > li { margin-bottom: 32px; } .privacyPolicy > li > dl { } .privacyPolicy > li > dl > dt { font-size: 4vw;} .privacyPolicy > li > dl > dt:before { content: '● ';} .privacyPolicy > li > dl > dd { font-size: 3.47vw;} /*shop*/ .shopPageTitle { position: relative; width: 100%; height: 92vw; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .shopPageTitle.shop-yakiniku-gens-sakaemachi { background-image: url(images/shop/yakiniku-gens-sakaemachi/sp01.jpg); } .shopPageTitle.shop-italia-bar-ponte { background-image: url(images/shop/italia-bar-ponte/sp01.jpg); } .shopPageTitle.shop-kuririn-oosu { background-image: url(images/shop/kuririn-oosu/sp01.jpg); } .shopPageTitle.shop-sushi-nihon-serge-gens-nishiki { background-image: url(images/shop/sushi-nihon-serge-gens-nishiki/sp01.jpg); } .shopPageTitle.shop-wagyu-yakiniku-serge-gens-nishiki { background-image: url(images/shop/wagyu-yakiniku-serge-gens-nishiki/sp01.jpg); } .shopPageTitle.shop-gyutan-shabushabu-nikunigiri-gens { background-image: url(images/shop/gyutan-shabushabu-nikunigiri-gens/sp01.jpg); } .shopPageTitle h1 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: rgba(0,0,0,0.7); min-width: 42.6vw; min-height: 42.6vw; padding: 1em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; color: #FFF; font-size: 20px; line-height: 1.675;} .shopPageTitle h1 > span { display: inline-block; } .shopBlk01 { } .shopBlk01-01 { background: #000; padding: 0 0 44px; color: #FFF; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end} .shopBlk01Sub01 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 0; left: 14.4vw; z-index: 1; line-height: 1; letter-spacing: 0.2em; padding: 30px 0 0 0;} .shopBlk01-01-01 { width: 70.6vw; position: relative; z-index: 1;} .shopBlk01Txt01 { letter-spacing: 0.2em; padding: 70px 0 40px 30px;} .shopBlk01Img01 {} .shopBlk02 { position: relative; background: #F1E9E0; } .shopBlk02:before, .shopBlk02:after { content: ''; display: block; width: 100vw; height: 100vw; background: #F1E9E0; position: absolute; left: 0;} .shopBlk02:before { top: 0; transform-origin: right bottom; transform: translateY(0) skewY(25deg);} .shopBlk02:after { bottom: 0; transform-origin: right bottom; transform: translateY(50%) skewY(25deg);} .shopBlk02-01 { position: relative; z-index: 1; padding: 0 24px 24px; line-height: 2; letter-spacing: 0.1em;} .shopBlk02-02 { position: relative; z-index: 1; } .shopBlk02-02 > ul {} .shopBlk02-02 > ul > li:nth-child(1) { margin-bottom: 18px;} .shopBlk02-02 > ul > li:nth-child(1) img { width: 80vw; } .shopBlk02-02 > ul > li:nth-child(2) { text-align: right;} .shopBlk02-02 > ul > li:nth-child(2) img { width: 66.6vw;} .shopBlk03 { position: relative; z-index: 1; padding: 24px 20px 40px;} .shopBlk03Sub01 { font-size: 17px; line-height: 1.9; letter-spacing: 0.2em; margin-bottom: 20px;} .shopBlk03 > ul { display: flex; flex-wrap: wrap;} .shopBlk03 > ul > li { width: calc( (100% - 12px)/2 ); margin: 12px 12px 0 0;} .shopBlk03 > ul > li:nth-child( -n + 2 ) { margin-top: 0;} .shopBlk03 > ul > li:nth-child( 2n ) { margin-right: 0;} .mapPare { position: relative; padding-bottom: 64vw; padding-top: 0; height: 0; overflow: hidden; background: #FFF;} .mapPare iframe, .mapPare object, .mapPare embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* SP向けレイアウトの指定 *//***************************************************************************************************************************************************************************/ @media only print, screen and ( max-width: 520px ) { .pcDisp { display: none; } .spaC { text-align: center; } .spLR25 { padding-left: 6.67vw; padding-right: 6.67vw;} .spLR30 { padding-left: 8vw; padding-right: 8vw;} .spSdw { text-shadow: 0 0 3px rgba(0,0,0,1),0 0 3px rgba(0,0,0,1); } nav { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; box-sizing: border-box; background: rgba(140,132,109,0.9);} nav > dl { padding: 72px 0 0 0; height: 100%; box-sizing: border-box;} nav > dl > dt { text-align: center; margin: 0 0 32px;} nav > dl > dt img { width: auto; height: 32px; } nav > dl > dd { height: calc( 100% - 72px - 32px - 32px ); box-sizing: border-box; overflow: auto; padding: 8px 8vw 56px; font-size: 4.27vw; line-height: 1; letter-spacing: 0.1em;} nav > dl > dd a { color: #FFF !important; display: block; position: relative; padding-left: 1em;} nav > dl > dd a > span { display: block;} .navEn { padding-bottom: 0.5em; } .navJp {} nav > dl > dd a:hover { color: #FFF; opacity: 1;} nav > dl > dd a:before { content: '・ '; opacity: 1; position: absolute; top: 0; left: 0;} nav > dl > dd span:hover { color: #FFF;} nav > dl > dd > ul { color: #FFF; margin: 0 0 72px;} nav > dl > dd > ul:last-child { margin-bottom: 0;} nav > dl > dd > ul > li { margin: 0 0 24px;} nav > dl > dd > ul > li:last-child { margin-bottom: 0;} nav > dl > dd > ul > li > ul { padding: 32px 15px 15px; font-size: 3.73vw;} nav > dl > dd > ul > li > ul > li { margin: 0 0 15px; } nav > dl > dd > ul > li > ul > li:last-child { margin-bottom: 0; } .tabNavPare { height: 90px; width: 100%; margin-bottom: 37px;} .tabNav { width: 100%; height: 90px; display: flex; flex-wrap: wrap; align-items: center; border-top: #8D8786 solid 1px; border-bottom: #8D8786 solid 1px; background: rgba(255,255,255,0.9);} .tabNav > li { width: calc( 100% / 3); height: 100%; font-size: 17px; line-height: 1.3;} .tabNav > li > a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%; text-align: center; color: #808080; font-weight: 700;} .tabNav > li.active > a { color: #150201;} .tabNav > li > a:after { content: ''; display: block; width: 1px; height: 74px; background: #8D8786; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .tabNav > li:last-child > a:after { content: none;} .tabNavTar { display: none; margin-bottom: 96px;} .tabNavTar.active { display: block;} #storeBnr { position: fixed; width: 63px; height: 30px; top: 12px; right: 70px;} #storeBnr a { display: block;} #storeBnr img { width: auto; height: 30px; } .layout01 {} .layout01.layout01-02 {} .layout01Img { margin-bottom: 32px; } .layout01Txt { padding-left: 6.67vw; padding-right: 6.67vw; } .layout01Txt-W100 { padding-left: 6.67vw; padding-right: 6.67vw; } /*staff*/ .staffPageTitle { position: relative; margin-bottom: 29px;} .staffPageTitleTxt01 { position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF;} .staffPageTitleTxt0101 { padding: 0 8vw 2px; font-size: 21px; line-height: 1.5;} .staffPageTitleTxt0102 { padding: 20px 8vw; background: rgba(0,0,0,0.51); line-height: 1.9;} .staffPageTitleTxt02 { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; line-height: 1;} .staffPageTitleTxt0201 { color: #FFF; font-size: 30px; position: absolute; top: 0; right: 4px; transform: translateY(-100%); letter-spacing: 0.2em;} .staffPageTitleTxt0202 { color: rgba(131,128,128,0.26); font-size: 62px; position: absolute; top: 100%; left: 8vw; transform: translateY(-0.2em); letter-spacing: 0.25em;} .staffSub01 { padding: 0 8vw; line-height: 1.5; letter-spacing: 0.15em; margin: 0 0 28px;} .staffLayout01 { margin: 0 0 40px; } .staffLayout0101 {} .staffLayout01Txt01 { position: relative; z-index: 1; font-size: 19px; line-height: 1.5;} .staffLayout01Txt01 > span { position: relative; z-index: 1; display: inline-block; padding: 14px 8vw; letter-spacing: 0.15em;} .staffLayout01Txt01:after { content: ''; display: block; width: calc( 100% - 25px); height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: rgba(225,219,196,0.73); } .staffLayout01Img01 { position: relative; z-index: 0; margin: -40px 0 20px; text-align: right;} .staffLayout01Img01 img { width: 65.3vw;} .staffLayout01Txt02 { line-height: 2.2; } .sppB0 { padding-bottom: 0px !important;} .sppB1 { padding-bottom: 1px !important;} .sppB2 { padding-bottom: 2px !important;} .sppB3 { padding-bottom: 3px !important;} .sppB4 { padding-bottom: 4px !important;} .sppB5 { padding-bottom: 5px !important;} .sppB6 { padding-bottom: 6px !important;} .sppB7 { padding-bottom: 7px !important;} .sppB8 { padding-bottom: 8px !important;} .sppB9 { padding-bottom: 9px !important;} .sppB10 { padding-bottom: 10px !important;} .sppB11 { padding-bottom: 11px !important;} .sppB12 { padding-bottom: 12px !important;} .sppB13 { padding-bottom: 13px !important;} .sppB14 { padding-bottom: 14px !important;} .sppB15 { padding-bottom: 15px !important;} .sppB16 { padding-bottom: 16px !important;} .sppB17 { padding-bottom: 17px !important;} .sppB18 { padding-bottom: 18px !important;} .sppB19 { padding-bottom: 19px !important;} .sppB20 { padding-bottom: 20px !important;} .sppB21 { padding-bottom: 21px !important;} .sppB22 { padding-bottom: 22px !important;} .sppB23 { padding-bottom: 23px !important;} .sppB24 { padding-bottom: 24px !important;} .sppB25 { padding-bottom: 25px !important;} .sppB26 { padding-bottom: 26px !important;} .sppB27 { padding-bottom: 27px !important;} .sppB28 { padding-bottom: 28px !important;} .sppB29 { padding-bottom: 29px !important;} .sppB30 { padding-bottom: 30px !important;} .sppB31 { padding-bottom: 31px !important;} .sppB32 { padding-bottom: 32px !important;} .sppB33 { padding-bottom: 33px !important;} .sppB34 { padding-bottom: 34px !important;} .sppB35 { padding-bottom: 35px !important;} .sppB36 { padding-bottom: 36px !important;} .sppB37 { padding-bottom: 37px !important;} .sppB38 { padding-bottom: 38px !important;} .sppB39 { padding-bottom: 39px !important;} .sppB40 { padding-bottom: 40px !important;} .sppB41 { padding-bottom: 41px !important;} .sppB42 { padding-bottom: 42px !important;} .sppB43 { padding-bottom: 43px !important;} .sppB44 { padding-bottom: 44px !important;} .sppB45 { padding-bottom: 45px !important;} .sppB46 { padding-bottom: 46px !important;} .sppB47 { padding-bottom: 47px !important;} .sppB48 { padding-bottom: 48px !important;} .sppB49 { padding-bottom: 49px !important;} .sppB50 { padding-bottom: 50px !important;} .sppB51 { padding-bottom: 51px !important;} .sppB52 { padding-bottom: 52px !important;} .sppB53 { padding-bottom: 53px !important;} .sppB54 { padding-bottom: 54px !important;} .sppB55 { padding-bottom: 55px !important;} .sppB56 { padding-bottom: 56px !important;} .sppB57 { padding-bottom: 57px !important;} .sppB58 { padding-bottom: 58px !important;} .sppB59 { padding-bottom: 59px !important;} .sppB60 { padding-bottom: 60px !important;} .sppB61 { padding-bottom: 61px !important;} .sppB62 { padding-bottom: 62px !important;} .sppB63 { padding-bottom: 63px !important;} .sppB64 { padding-bottom: 64px !important;} .sppB65 { padding-bottom: 65px !important;} .sppB66 { padding-bottom: 66px !important;} .sppB67 { padding-bottom: 67px !important;} .sppB68 { padding-bottom: 68px !important;} .sppB69 { padding-bottom: 69px !important;} .sppB70 { padding-bottom: 70px !important;} .sppB71 { padding-bottom: 71px !important;} .sppB72 { padding-bottom: 72px !important;} .sppB73 { padding-bottom: 73px !important;} .sppB74 { padding-bottom: 74px !important;} .sppB75 { padding-bottom: 75px !important;} .sppB76 { padding-bottom: 76px !important;} .sppB77 { padding-bottom: 77px !important;} .sppB78 { padding-bottom: 78px !important;} .sppB79 { padding-bottom: 79px !important;} .sppB80 { padding-bottom: 80px !important;} .sppB81 { padding-bottom: 81px !important;} .sppB82 { padding-bottom: 82px !important;} .sppB83 { padding-bottom: 83px !important;} .sppB84 { padding-bottom: 84px !important;} .sppB85 { padding-bottom: 85px !important;} .sppB86 { padding-bottom: 86px !important;} .sppB87 { padding-bottom: 87px !important;} .sppB88 { padding-bottom: 88px !important;} .sppB89 { padding-bottom: 89px !important;} .sppB90 { padding-bottom: 90px !important;} .sppB91 { padding-bottom: 91px !important;} .sppB92 { padding-bottom: 92px !important;} .sppB93 { padding-bottom: 93px !important;} .sppB94 { padding-bottom: 94px !important;} .sppB95 { padding-bottom: 95px !important;} .sppB96 { padding-bottom: 96px !important;} .sppB97 { padding-bottom: 97px !important;} .sppB98 { padding-bottom: 98px !important;} .sppB99 { padding-bottom: 99px !important;} .sppB100 { padding-bottom: 100px !important;} .sppB101 { padding-bottom: 101px !important;} .sppB102 { padding-bottom: 102px !important;} .sppB103 { padding-bottom: 103px !important;} .sppB104 { padding-bottom: 104px !important;} .sppB105 { padding-bottom: 105px !important;} .sppB106 { padding-bottom: 106px !important;} .sppB107 { padding-bottom: 107px !important;} .sppB108 { padding-bottom: 108px !important;} .sppB109 { padding-bottom: 109px !important;} .sppB110 { padding-bottom: 110px !important;} .sppB111 { padding-bottom: 111px !important;} .sppB112 { padding-bottom: 112px !important;} .sppB113 { padding-bottom: 113px !important;} .sppB114 { padding-bottom: 114px !important;} .sppB115 { padding-bottom: 115px !important;} .sppB116 { padding-bottom: 116px !important;} .sppB117 { padding-bottom: 117px !important;} .sppB118 { padding-bottom: 118px !important;} .sppB119 { padding-bottom: 119px !important;} .sppB120 { padding-bottom: 120px !important;} .sppB300 { padding-bottom: 300px !important;} .sppT0 { padding-top: 0px !important;} .sppT1 { padding-top: 1px !important;} .sppT2 { padding-top: 2px !important;} .sppT3 { padding-top: 3px !important;} .sppT4 { padding-top: 4px !important;} .sppT5 { padding-top: 5px !important;} .sppT6 { padding-top: 6px !important;} .sppT7 { padding-top: 7px !important;} .sppT8 { padding-top: 8px !important;} .sppT9 { padding-top: 9px !important;} .sppT10 { padding-top: 10px !important;} .sppT11 { padding-top: 11px !important;} .sppT12 { padding-top: 12px !important;} .sppT13 { padding-top: 13px !important;} .sppT14 { padding-top: 14px !important;} .sppT15 { padding-top: 15px !important;} .sppT16 { padding-top: 16px !important;} .sppT17 { padding-top: 17px !important;} .sppT18 { padding-top: 18px !important;} .sppT19 { padding-top: 19px !important;} .sppT20 { padding-top: 20px !important;} .sppT21 { padding-top: 21px !important;} .sppT22 { padding-top: 22px !important;} .sppT23 { padding-top: 23px !important;} .sppT24 { padding-top: 24px !important;} .sppT25 { padding-top: 25px !important;} .sppT26 { padding-top: 26px !important;} .sppT27 { padding-top: 27px !important;} .sppT28 { padding-top: 28px !important;} .sppT29 { padding-top: 29px !important;} .sppT30 { padding-top: 30px !important;} .sppT31 { padding-top: 31px !important;} .sppT32 { padding-top: 32px !important;} .sppT33 { padding-top: 33px !important;} .sppT34 { padding-top: 34px !important;} .sppT35 { padding-top: 35px !important;} .sppT36 { padding-top: 36px !important;} .sppT37 { padding-top: 37px !important;} .sppT38 { padding-top: 38px !important;} .sppT39 { padding-top: 39px !important;} .sppT40 { padding-top: 40px !important;} .sppT41 { padding-top: 41px !important;} .sppT42 { padding-top: 42px !important;} .sppT43 { padding-top: 43px !important;} .sppT44 { padding-top: 44px !important;} .sppT45 { padding-top: 45px !important;} .sppT46 { padding-top: 46px !important;} .sppT47 { padding-top: 47px !important;} .sppT48 { padding-top: 48px !important;} .sppT49 { padding-top: 49px !important;} .sppT50 { padding-top: 50px !important;} .sppT51 { padding-top: 51px !important;} .sppT52 { padding-top: 52px !important;} .sppT53 { padding-top: 53px !important;} .sppT54 { padding-top: 54px !important;} .sppT55 { padding-top: 55px !important;} .sppT56 { padding-top: 56px !important;} .sppT57 { padding-top: 57px !important;} .sppT58 { padding-top: 58px !important;} .sppT59 { padding-top: 59px !important;} .sppT60 { padding-top: 60px !important;} .sppT61 { padding-top: 61px !important;} .sppT62 { padding-top: 62px !important;} .sppT63 { padding-top: 63px !important;} .sppT64 { padding-top: 64px !important;} .sppT65 { padding-top: 65px !important;} .sppT66 { padding-top: 66px !important;} .sppT67 { padding-top: 67px !important;} .sppT68 { padding-top: 68px !important;} .sppT69 { padding-top: 69px !important;} .sppT70 { padding-top: 70px !important;} .sppT71 { padding-top: 71px !important;} .sppT72 { padding-top: 72px !important;} .sppT73 { padding-top: 73px !important;} .sppT74 { padding-top: 74px !important;} .sppT75 { padding-top: 75px !important;} .sppT76 { padding-top: 76px !important;} .sppT77 { padding-top: 77px !important;} .sppT78 { padding-top: 78px !important;} .sppT79 { padding-top: 79px !important;} .sppT80 { padding-top: 80px !important;} .sppT81 { padding-top: 81px !important;} .sppT82 { padding-top: 82px !important;} .sppT83 { padding-top: 83px !important;} .sppT84 { padding-top: 84px !important;} .sppT85 { padding-top: 85px !important;} .sppT86 { padding-top: 86px !important;} .sppT87 { padding-top: 87px !important;} .sppT88 { padding-top: 88px !important;} .sppT89 { padding-top: 89px !important;} .sppT90 { padding-top: 90px !important;} .sppT91 { padding-top: 91px !important;} .sppT92 { padding-top: 92px !important;} .sppT93 { padding-top: 93px !important;} .sppT94 { padding-top: 94px !important;} .sppT95 { padding-top: 95px !important;} .sppT96 { padding-top: 96px !important;} .sppT97 { padding-top: 97px !important;} .sppT98 { padding-top: 98px !important;} .sppT99 { padding-top: 99px !important;} .sppT100 { padding-top: 100px !important;} .sppT101 { padding-top: 101px !important;} .sppT102 { padding-top: 102px !important;} .sppT103 { padding-top: 103px !important;} .sppT104 { padding-top: 104px !important;} .sppT105 { padding-top: 105px !important;} .sppT106 { padding-top: 106px !important;} .sppT107 { padding-top: 107px !important;} .sppT108 { padding-top: 108px !important;} .sppT109 { padding-top: 109px !important;} .sppT110 { padding-top: 110px !important;} .sppT111 { padding-top: 111px !important;} .sppT112 { padding-top: 112px !important;} .sppT113 { padding-top: 113px !important;} .sppT114 { padding-top: 114px !important;} .sppT115 { padding-top: 115px !important;} .sppT116 { padding-top: 116px !important;} .sppT117 { padding-top: 117px !important;} .sppT118 { padding-top: 118px !important;} .sppT119 { padding-top: 119px !important;} .sppT120 { padding-top: 120px !important;} .sppT170 { padding-top: 170px !important;} .spmB0 { margin-bottom: 0px !important;} .spmB1 { margin-bottom: 1px !important;} .spmB2 { margin-bottom: 2px !important;} .spmB3 { margin-bottom: 3px !important;} .spmB4 { margin-bottom: 4px !important;} .spmB5 { margin-bottom: 5px !important;} .spmB6 { margin-bottom: 6px !important;} .spmB7 { margin-bottom: 7px !important;} .spmB8 { margin-bottom: 8px !important;} .spmB9 { margin-bottom: 9px !important;} .spmB10 { margin-bottom: 10px !important;} .spmB11 { margin-bottom: 11px !important;} .spmB12 { margin-bottom: 12px !important;} .spmB13 { margin-bottom: 13px !important;} .spmB14 { margin-bottom: 14px !important;} .spmB15 { margin-bottom: 15px !important;} .spmB16 { margin-bottom: 16px !important;} .spmB17 { margin-bottom: 17px !important;} .spmB18 { margin-bottom: 18px !important;} .spmB19 { margin-bottom: 19px !important;} .spmB20 { margin-bottom: 20px !important;} .spmB21 { margin-bottom: 21px !important;} .spmB22 { margin-bottom: 22px !important;} .spmB23 { margin-bottom: 23px !important;} .spmB24 { margin-bottom: 24px !important;} .spmB25 { margin-bottom: 25px !important;} .spmB26 { margin-bottom: 26px !important;} .spmB27 { margin-bottom: 27px !important;} .spmB28 { margin-bottom: 28px !important;} .spmB29 { margin-bottom: 29px !important;} .spmB30 { margin-bottom: 30px !important;} .spmB31 { margin-bottom: 31px !important;} .spmB32 { margin-bottom: 32px !important;} .spmB33 { margin-bottom: 33px !important;} .spmB34 { margin-bottom: 34px !important;} .spmB35 { margin-bottom: 35px !important;} .spmB36 { margin-bottom: 36px !important;} .spmB37 { margin-bottom: 37px !important;} .spmB38 { margin-bottom: 38px !important;} .spmB39 { margin-bottom: 39px !important;} .spmB40 { margin-bottom: 40px !important;} .spmB41 { margin-bottom: 41px !important;} .spmB42 { margin-bottom: 42px !important;} .spmB43 { margin-bottom: 43px !important;} .spmB44 { margin-bottom: 44px !important;} .spmB45 { margin-bottom: 45px !important;} .spmB46 { margin-bottom: 46px !important;} .spmB47 { margin-bottom: 47px !important;} .spmB48 { margin-bottom: 48px !important;} .spmB49 { margin-bottom: 49px !important;} .spmB50 { margin-bottom: 50px !important;} .spmB51 { margin-bottom: 51px !important;} .spmB52 { margin-bottom: 52px !important;} .spmB53 { margin-bottom: 53px !important;} .spmB54 { margin-bottom: 54px !important;} .spmB55 { margin-bottom: 55px !important;} .spmB56 { margin-bottom: 56px !important;} .spmB57 { margin-bottom: 57px !important;} .spmB58 { margin-bottom: 58px !important;} .spmB59 { margin-bottom: 59px !important;} .spmB60 { margin-bottom: 60px !important;} .spmB61 { margin-bottom: 61px !important;} .spmB62 { margin-bottom: 62px !important;} .spmB63 { margin-bottom: 63px !important;} .spmB64 { margin-bottom: 64px !important;} .spmB65 { margin-bottom: 65px !important;} .spmB66 { margin-bottom: 66px !important;} .spmB67 { margin-bottom: 67px !important;} .spmB68 { margin-bottom: 68px !important;} .spmB69 { margin-bottom: 69px !important;} .spmB70 { margin-bottom: 70px !important;} .spmB71 { margin-bottom: 71px !important;} .spmB72 { margin-bottom: 72px !important;} .spmB73 { margin-bottom: 73px !important;} .spmB74 { margin-bottom: 74px !important;} .spmB75 { margin-bottom: 75px !important;} .spmB76 { margin-bottom: 76px !important;} .spmB77 { margin-bottom: 77px !important;} .spmB78 { margin-bottom: 78px !important;} .spmB79 { margin-bottom: 79px !important;} .spmB80 { margin-bottom: 80px !important;} .spmB81 { margin-bottom: 81px !important;} .spmB82 { margin-bottom: 82px !important;} .spmB83 { margin-bottom: 83px !important;} .spmB84 { margin-bottom: 84px !important;} .spmB85 { margin-bottom: 85px !important;} .spmB86 { margin-bottom: 86px !important;} .spmB87 { margin-bottom: 87px !important;} .spmB88 { margin-bottom: 88px !important;} .spmB89 { margin-bottom: 89px !important;} .spmB90 { margin-bottom: 90px !important;} .spmB91 { margin-bottom: 91px !important;} .spmB92 { margin-bottom: 92px !important;} .spmB93 { margin-bottom: 93px !important;} .spmB94 { margin-bottom: 94px !important;} .spmB95 { margin-bottom: 95px !important;} .spmB96 { margin-bottom: 96px !important;} .spmB97 { margin-bottom: 97px !important;} .spmB98 { margin-bottom: 98px !important;} .spmB99 { margin-bottom: 99px !important;} .spmB100 { margin-bottom: 100px !important;} .spmB101 { margin-bottom: 101px !important;} .spmB102 { margin-bottom: 102px !important;} .spmB103 { margin-bottom: 103px !important;} .spmB104 { margin-bottom: 104px !important;} .spmB105 { margin-bottom: 105px !important;} .spmB106 { margin-bottom: 106px !important;} .spmB107 { margin-bottom: 107px !important;} .spmB108 { margin-bottom: 108px !important;} .spmB109 { margin-bottom: 109px !important;} .spmB110 { margin-bottom: 110px !important;} .spmB111 { margin-bottom: 111px !important;} .spmB112 { margin-bottom: 112px !important;} .spmB113 { margin-bottom: 113px !important;} .spmB114 { margin-bottom: 114px !important;} .spmB115 { margin-bottom: 115px !important;} .spmB116 { margin-bottom: 116px !important;} .spmB117 { margin-bottom: 117px !important;} .spmB118 { margin-bottom: 118px !important;} .spmB119 { margin-bottom: 119px !important;} .spmB120 { margin-bottom: 120px !important;} .spmB130 { margin-bottom: 130px !important;} .spmT0 { margin-top: 0px !important;} .spmT1 { margin-top: 1px !important;} .spmT2 { margin-top: 2px !important;} .spmT3 { margin-top: 3px !important;} .spmT4 { margin-top: 4px !important;} .spmT5 { margin-top: 5px !important;} .spmT6 { margin-top: 6px !important;} .spmT7 { margin-top: 7px !important;} .spmT8 { margin-top: 8px !important;} .spmT9 { margin-top: 9px !important;} .spmT10 { margin-top: 10px !important;} .spmT11 { margin-top: 11px !important;} .spmT12 { margin-top: 12px !important;} .spmT13 { margin-top: 13px !important;} .spmT14 { margin-top: 14px !important;} .spmT15 { margin-top: 15px !important;} .spmT16 { margin-top: 16px !important;} .spmT17 { margin-top: 17px !important;} .spmT18 { margin-top: 18px !important;} .spmT19 { margin-top: 19px !important;} .spmT20 { margin-top: 20px !important;} .spmT21 { margin-top: 21px !important;} .spmT22 { margin-top: 22px !important;} .spmT23 { margin-top: 23px !important;} .spmT24 { margin-top: 24px !important;} .spmT25 { margin-top: 25px !important;} .spmT26 { margin-top: 26px !important;} .spmT27 { margin-top: 27px !important;} .spmT28 { margin-top: 28px !important;} .spmT29 { margin-top: 29px !important;} .spmT30 { margin-top: 30px !important;} .spmT31 { margin-top: 31px !important;} .spmT32 { margin-top: 32px !important;} .spmT33 { margin-top: 33px !important;} .spmT34 { margin-top: 34px !important;} .spmT35 { margin-top: 35px !important;} .spmT36 { margin-top: 36px !important;} .spmT37 { margin-top: 37px !important;} .spmT38 { margin-top: 38px !important;} .spmT39 { margin-top: 39px !important;} .spmT40 { margin-top: 40px !important;} .spmT41 { margin-top: 41px !important;} .spmT42 { margin-top: 42px !important;} .spmT43 { margin-top: 43px !important;} .spmT44 { margin-top: 44px !important;} .spmT45 { margin-top: 45px !important;} .spmT46 { margin-top: 46px !important;} .spmT47 { margin-top: 47px !important;} .spmT48 { margin-top: 48px !important;} .spmT49 { margin-top: 49px !important;} .spmT50 { margin-top: 50px !important;} .spmT51 { margin-top: 51px !important;} .spmT52 { margin-top: 52px !important;} .spmT53 { margin-top: 53px !important;} .spmT54 { margin-top: 54px !important;} .spmT55 { margin-top: 55px !important;} .spmT56 { margin-top: 56px !important;} .spmT57 { margin-top: 57px !important;} .spmT58 { margin-top: 58px !important;} .spmT59 { margin-top: 59px !important;} .spmT60 { margin-top: 60px !important;} .spmT61 { margin-top: 61px !important;} .spmT62 { margin-top: 62px !important;} .spmT63 { margin-top: 63px !important;} .spmT64 { margin-top: 64px !important;} .spmT65 { margin-top: 65px !important;} .spmT66 { margin-top: 66px !important;} .spmT67 { margin-top: 67px !important;} .spmT68 { margin-top: 68px !important;} .spmT69 { margin-top: 69px !important;} .spmT70 { margin-top: 70px !important;} .spmT71 { margin-top: 71px !important;} .spmT72 { margin-top: 72px !important;} .spmT73 { margin-top: 73px !important;} .spmT74 { margin-top: 74px !important;} .spmT75 { margin-top: 75px !important;} .spmT76 { margin-top: 76px !important;} .spmT77 { margin-top: 77px !important;} .spmT78 { margin-top: 78px !important;} .spmT79 { margin-top: 79px !important;} .spmT80 { margin-top: 80px !important;} .spmT81 { margin-top: 81px !important;} .spmT82 { margin-top: 82px !important;} .spmT83 { margin-top: 83px !important;} .spmT84 { margin-top: 84px !important;} .spmT85 { margin-top: 85px !important;} .spmT86 { margin-top: 86px !important;} .spmT87 { margin-top: 87px !important;} .spmT88 { margin-top: 88px !important;} .spmT89 { margin-top: 89px !important;} .spmT90 { margin-top: 90px !important;} .spmT91 { margin-top: 91px !important;} .spmT92 { margin-top: 92px !important;} .spmT93 { margin-top: 93px !important;} .spmT94 { margin-top: 94px !important;} .spmT95 { margin-top: 95px !important;} .spmT96 { margin-top: 96px !important;} .spmT97 { margin-top: 97px !important;} .spmT98 { margin-top: 98px !important;} .spmT99 { margin-top: 99px !important;} .spmT100 { margin-top: 100px !important;} .spmT101 { margin-top: 101px !important;} .spmT102 { margin-top: 102px !important;} .spmT103 { margin-top: 103px !important;} .spmT104 { margin-top: 104px !important;} .spmT105 { margin-top: 105px !important;} .spmT106 { margin-top: 106px !important;} .spmT107 { margin-top: 107px !important;} .spmT108 { margin-top: 108px !important;} .spmT109 { margin-top: 109px !important;} .spmT110 { margin-top: 110px !important;} .spmT111 { margin-top: 111px !important;} .spmT112 { margin-top: 112px !important;} .spmT113 { margin-top: 113px !important;} .spmT114 { margin-top: 114px !important;} .spmT115 { margin-top: 115px !important;} .spmT116 { margin-top: 116px !important;} .spmT117 { margin-top: 117px !important;} .spmT118 { margin-top: 118px !important;} .spmT119 { margin-top: 119px !important;} .spmT120 { margin-top: 120px !important;} .spfs8 { font-size: 8px;} .spfs9 { font-size: 9px;} .spfs10 { font-size: 10px;} .spfs11 { font-size: 11px;} .spfs12 { font-size: 12px;} .spfs13 { font-size: 13px;} .spfs14 { font-size: 14px;} .spfs15 { font-size: 15px;} .spfs16 { font-size: 16px;} .spfs17 { font-size: 17px;} .spfs18 { font-size: 18px;} .spfs19 { font-size: 19px;} .spfs20 { font-size: 20px;} .spfs21 { font-size: 21px;} .spfs22 { font-size: 22px;} .spfs23 { font-size: 23px;} .spfs24 { font-size: 24px;} .spfs25 { font-size: 25px;} .spfs26 { font-size: 26px;} .spfs27 { font-size: 27px;} .spfs28 { font-size: 28px;} .spfs29 { font-size: 29px;} .spfs30 { font-size: 30px;} .spfs31 { font-size: 31px;} .spfs32 { font-size: 32px;} .spfs33 { font-size: 33px;} .spfs34 { font-size: 34px;} .spfs35 { font-size: 35px;} .spfs36 { font-size: 36px;} .spfs37 { font-size: 37px;} .spfs38 { font-size: 38px;} .spfs39 { font-size: 39px;} .spfs40 { font-size: 40px;} .spfs41 { font-size: 41px;} .spfs42 { font-size: 42px;} .spfs43 { font-size: 43px;} .spfs44 { font-size: 44px;} .spfs45 { font-size: 45px;} .spfs46 { font-size: 46px;} .spfs47 { font-size: 47px;} .spfs48 { font-size: 48px;} .spfs49 { font-size: 49px;} .spfs50 { font-size: 50px;} .spfs51 { font-size: 51px;} .spfs52 { font-size: 52px;} .spfs53 { font-size: 53px;} .spfs54 { font-size: 54px;} .spfs55 { font-size: 55px;} .spfs56 { font-size: 56px;} .spfs57 { font-size: 57px;} .spfs58 { font-size: 58px;} .spfs59 { font-size: 59px;} .spfs60 { font-size: 60px;} .spfs61 { font-size: 61px;} .spfs62 { font-size: 62px;} .spfs63 { font-size: 63px;} .spfs64 { font-size: 64px;} .spfs65 { font-size: 65px;} .spfs66 { font-size: 66px;} .spfs67 { font-size: 67px;} .spfs68 { font-size: 68px;} .spfs69 { font-size: 69px;} .spfs70 { font-size: 70px;} .spfs71 { font-size: 71px;} .spfs72 { font-size: 72px;} .spfs73 { font-size: 73px;} .spfs74 { font-size: 74px;} .spfs75 { font-size: 75px;} .spfs76 { font-size: 76px;} .spfs77 { font-size: 77px;} .spfs78 { font-size: 78px;} .spfs79 { font-size: 79px;} .spfs80 { font-size: 80px;} .spfs81 { font-size: 81px;} .spfs82 { font-size: 82px;} .spfs83 { font-size: 83px;} .spfs84 { font-size: 84px;} .spfs85 { font-size: 85px;} .spfs86 { font-size: 86px;} .spfs87 { font-size: 87px;} .spfs88 { font-size: 88px;} .spfs89 { font-size: 89px;} .spfs90 { font-size: 90px;} .spfs91 { font-size: 91px;} .spfs92 { font-size: 92px;} .spfs93 { font-size: 93px;} .spfs94 { font-size: 94px;} .spfs95 { font-size: 95px;} .spfs96 { font-size: 96px;} .spfs97 { font-size: 97px;} .spfs98 { font-size: 98px;} .spfs99 { font-size: 99px;} .spfs100 { font-size: 100px;} } /* Tablet向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @media print, screen and ( min-width: 521px ) { body { font-size: 1.4rem; min-width: 1000px;} .spDisp { display: none; } .pcaC { text-align: center !important;} .pcaL { text-align: left !important;} .pcaR { text-align: right !important;} .pclh190 { line-height: 1.9; } .pcls050 { letter-spacing: 0.05em !important; } .pcls0 { letter-spacing: 0 !important; } #storeBnr { position: absolute; top: 90px; left: 50%; z-index: 1; margin-left: 444px;} #storeBnr a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 180px; height: 80px; background: rgba(0,0,0,0.8); text-align: center; line-height: 1;} #storeBnr img { width: 100px; height: auto; } /*general*/ .pcpB0 { padding-bottom: 0px !important;} .pcpB1 { padding-bottom: 1px !important;} .pcpB2 { padding-bottom: 2px !important;} .pcpB3 { padding-bottom: 3px !important;} .pcpB4 { padding-bottom: 4px !important;} .pcpB5 { padding-bottom: 5px !important;} .pcpB6 { padding-bottom: 6px !important;} .pcpB7 { padding-bottom: 7px !important;} .pcpB8 { padding-bottom: 8px !important;} .pcpB9 { padding-bottom: 9px !important;} .pcpB10 { padding-bottom: 10px !important;} .pcpB11 { padding-bottom: 11px !important;} .pcpB12 { padding-bottom: 12px !important;} .pcpB13 { padding-bottom: 13px !important;} .pcpB14 { padding-bottom: 14px !important;} .pcpB15 { padding-bottom: 15px !important;} .pcpB16 { padding-bottom: 16px !important;} .pcpB17 { padding-bottom: 17px !important;} .pcpB18 { padding-bottom: 18px !important;} .pcpB19 { padding-bottom: 19px !important;} .pcpB20 { padding-bottom: 20px !important;} .pcpB21 { padding-bottom: 21px !important;} .pcpB22 { padding-bottom: 22px !important;} .pcpB23 { padding-bottom: 23px !important;} .pcpB24 { padding-bottom: 24px !important;} .pcpB25 { padding-bottom: 25px !important;} .pcpB26 { padding-bottom: 26px !important;} .pcpB27 { padding-bottom: 27px !important;} .pcpB28 { padding-bottom: 28px !important;} .pcpB29 { padding-bottom: 29px !important;} .pcpB30 { padding-bottom: 30px !important;} .pcpB31 { padding-bottom: 31px !important;} .pcpB32 { padding-bottom: 32px !important;} .pcpB33 { padding-bottom: 33px !important;} .pcpB34 { padding-bottom: 34px !important;} .pcpB35 { padding-bottom: 35px !important;} .pcpB36 { padding-bottom: 36px !important;} .pcpB37 { padding-bottom: 37px !important;} .pcpB38 { padding-bottom: 38px !important;} .pcpB39 { padding-bottom: 39px !important;} .pcpB40 { padding-bottom: 40px !important;} .pcpB41 { padding-bottom: 41px !important;} .pcpB42 { padding-bottom: 42px !important;} .pcpB43 { padding-bottom: 43px !important;} .pcpB44 { padding-bottom: 44px !important;} .pcpB45 { padding-bottom: 45px !important;} .pcpB46 { padding-bottom: 46px !important;} .pcpB47 { padding-bottom: 47px !important;} .pcpB48 { padding-bottom: 48px !important;} .pcpB49 { padding-bottom: 49px !important;} .pcpB50 { padding-bottom: 50px !important;} .pcpB51 { padding-bottom: 51px !important;} .pcpB52 { padding-bottom: 52px !important;} .pcpB53 { padding-bottom: 53px !important;} .pcpB54 { padding-bottom: 54px !important;} .pcpB55 { padding-bottom: 55px !important;} .pcpB56 { padding-bottom: 56px !important;} .pcpB57 { padding-bottom: 57px !important;} .pcpB58 { padding-bottom: 58px !important;} .pcpB59 { padding-bottom: 59px !important;} .pcpB60 { padding-bottom: 60px !important;} .pcpB61 { padding-bottom: 61px !important;} .pcpB62 { padding-bottom: 62px !important;} .pcpB63 { padding-bottom: 63px !important;} .pcpB64 { padding-bottom: 64px !important;} .pcpB65 { padding-bottom: 65px !important;} .pcpB66 { padding-bottom: 66px !important;} .pcpB67 { padding-bottom: 67px !important;} .pcpB68 { padding-bottom: 68px !important;} .pcpB69 { padding-bottom: 69px !important;} .pcpB70 { padding-bottom: 70px !important;} .pcpB71 { padding-bottom: 71px !important;} .pcpB72 { padding-bottom: 72px !important;} .pcpB73 { padding-bottom: 73px !important;} .pcpB74 { padding-bottom: 74px !important;} .pcpB75 { padding-bottom: 75px !important;} .pcpB76 { padding-bottom: 76px !important;} .pcpB77 { padding-bottom: 77px !important;} .pcpB78 { padding-bottom: 78px !important;} .pcpB79 { padding-bottom: 79px !important;} .pcpB80 { padding-bottom: 80px !important;} .pcpB81 { padding-bottom: 81px !important;} .pcpB82 { padding-bottom: 82px !important;} .pcpB83 { padding-bottom: 83px !important;} .pcpB84 { padding-bottom: 84px !important;} .pcpB85 { padding-bottom: 85px !important;} .pcpB86 { padding-bottom: 86px !important;} .pcpB87 { padding-bottom: 87px !important;} .pcpB88 { padding-bottom: 88px !important;} .pcpB89 { padding-bottom: 89px !important;} .pcpB90 { padding-bottom: 90px !important;} .pcpB91 { padding-bottom: 91px !important;} .pcpB92 { padding-bottom: 92px !important;} .pcpB93 { padding-bottom: 93px !important;} .pcpB94 { padding-bottom: 94px !important;} .pcpB95 { padding-bottom: 95px !important;} .pcpB96 { padding-bottom: 96px !important;} .pcpB97 { padding-bottom: 97px !important;} .pcpB98 { padding-bottom: 98px !important;} .pcpB99 { padding-bottom: 99px !important;} .pcpB100 { padding-bottom: 100px !important;} .pcpB101 { padding-bottom: 101px !important;} .pcpB102 { padding-bottom: 102px !important;} .pcpB103 { padding-bottom: 103px !important;} .pcpB104 { padding-bottom: 104px !important;} .pcpB105 { padding-bottom: 105px !important;} .pcpB106 { padding-bottom: 106px !important;} .pcpB107 { padding-bottom: 107px !important;} .pcpB108 { padding-bottom: 108px !important;} .pcpB109 { padding-bottom: 109px !important;} .pcpB110 { padding-bottom: 110px !important;} .pcpB111 { padding-bottom: 111px !important;} .pcpB112 { padding-bottom: 112px !important;} .pcpB113 { padding-bottom: 113px !important;} .pcpB114 { padding-bottom: 114px !important;} .pcpB115 { padding-bottom: 115px !important;} .pcpB116 { padding-bottom: 116px !important;} .pcpB117 { padding-bottom: 117px !important;} .pcpB118 { padding-bottom: 118px !important;} .pcpB119 { padding-bottom: 119px !important;} .pcpB120 { padding-bottom: 120px !important;} .pcpB300 { padding-bottom: 300px !important;} .pcpT0 { padding-top: 0px !important;} .pcpT1 { padding-top: 1px !important;} .pcpT2 { padding-top: 2px !important;} .pcpT3 { padding-top: 3px !important;} .pcpT4 { padding-top: 4px !important;} .pcpT5 { padding-top: 5px !important;} .pcpT6 { padding-top: 6px !important;} .pcpT7 { padding-top: 7px !important;} .pcpT8 { padding-top: 8px !important;} .pcpT9 { padding-top: 9px !important;} .pcpT10 { padding-top: 10px !important;} .pcpT11 { padding-top: 11px !important;} .pcpT12 { padding-top: 12px !important;} .pcpT13 { padding-top: 13px !important;} .pcpT14 { padding-top: 14px !important;} .pcpT15 { padding-top: 15px !important;} .pcpT16 { padding-top: 16px !important;} .pcpT17 { padding-top: 17px !important;} .pcpT18 { padding-top: 18px !important;} .pcpT19 { padding-top: 19px !important;} .pcpT20 { padding-top: 20px !important;} .pcpT21 { padding-top: 21px !important;} .pcpT22 { padding-top: 22px !important;} .pcpT23 { padding-top: 23px !important;} .pcpT24 { padding-top: 24px !important;} .pcpT25 { padding-top: 25px !important;} .pcpT26 { padding-top: 26px !important;} .pcpT27 { padding-top: 27px !important;} .pcpT28 { padding-top: 28px !important;} .pcpT29 { padding-top: 29px !important;} .pcpT30 { padding-top: 30px !important;} .pcpT31 { padding-top: 31px !important;} .pcpT32 { padding-top: 32px !important;} .pcpT33 { padding-top: 33px !important;} .pcpT34 { padding-top: 34px !important;} .pcpT35 { padding-top: 35px !important;} .pcpT36 { padding-top: 36px !important;} .pcpT37 { padding-top: 37px !important;} .pcpT38 { padding-top: 38px !important;} .pcpT39 { padding-top: 39px !important;} .pcpT40 { padding-top: 40px !important;} .pcpT41 { padding-top: 41px !important;} .pcpT42 { padding-top: 42px !important;} .pcpT43 { padding-top: 43px !important;} .pcpT44 { padding-top: 44px !important;} .pcpT45 { padding-top: 45px !important;} .pcpT46 { padding-top: 46px !important;} .pcpT47 { padding-top: 47px !important;} .pcpT48 { padding-top: 48px !important;} .pcpT49 { padding-top: 49px !important;} .pcpT50 { padding-top: 50px !important;} .pcpT51 { padding-top: 51px !important;} .pcpT52 { padding-top: 52px !important;} .pcpT53 { padding-top: 53px !important;} .pcpT54 { padding-top: 54px !important;} .pcpT55 { padding-top: 55px !important;} .pcpT56 { padding-top: 56px !important;} .pcpT57 { padding-top: 57px !important;} .pcpT58 { padding-top: 58px !important;} .pcpT59 { padding-top: 59px !important;} .pcpT60 { padding-top: 60px !important;} .pcpT61 { padding-top: 61px !important;} .pcpT62 { padding-top: 62px !important;} .pcpT63 { padding-top: 63px !important;} .pcpT64 { padding-top: 64px !important;} .pcpT65 { padding-top: 65px !important;} .pcpT66 { padding-top: 66px !important;} .pcpT67 { padding-top: 67px !important;} .pcpT68 { padding-top: 68px !important;} .pcpT69 { padding-top: 69px !important;} .pcpT70 { padding-top: 70px !important;} .pcpT71 { padding-top: 71px !important;} .pcpT72 { padding-top: 72px !important;} .pcpT73 { padding-top: 73px !important;} .pcpT74 { padding-top: 74px !important;} .pcpT75 { padding-top: 75px !important;} .pcpT76 { padding-top: 76px !important;} .pcpT77 { padding-top: 77px !important;} .pcpT78 { padding-top: 78px !important;} .pcpT79 { padding-top: 79px !important;} .pcpT80 { padding-top: 80px !important;} .pcpT81 { padding-top: 81px !important;} .pcpT82 { padding-top: 82px !important;} .pcpT83 { padding-top: 83px !important;} .pcpT84 { padding-top: 84px !important;} .pcpT85 { padding-top: 85px !important;} .pcpT86 { padding-top: 86px !important;} .pcpT87 { padding-top: 87px !important;} .pcpT88 { padding-top: 88px !important;} .pcpT89 { padding-top: 89px !important;} .pcpT90 { padding-top: 90px !important;} .pcpT91 { padding-top: 91px !important;} .pcpT92 { padding-top: 92px !important;} .pcpT93 { padding-top: 93px !important;} .pcpT94 { padding-top: 94px !important;} .pcpT95 { padding-top: 95px !important;} .pcpT96 { padding-top: 96px !important;} .pcpT97 { padding-top: 97px !important;} .pcpT98 { padding-top: 98px !important;} .pcpT99 { padding-top: 99px !important;} .pcpT100 { padding-top: 100px !important;} .pcpT101 { padding-top: 101px !important;} .pcpT102 { padding-top: 102px !important;} .pcpT103 { padding-top: 103px !important;} .pcpT104 { padding-top: 104px !important;} .pcpT105 { padding-top: 105px !important;} .pcpT106 { padding-top: 106px !important;} .pcpT107 { padding-top: 107px !important;} .pcpT108 { padding-top: 108px !important;} .pcpT109 { padding-top: 109px !important;} .pcpT110 { padding-top: 110px !important;} .pcpT111 { padding-top: 111px !important;} .pcpT112 { padding-top: 112px !important;} .pcpT113 { padding-top: 113px !important;} .pcpT114 { padding-top: 114px !important;} .pcpT115 { padding-top: 115px !important;} .pcpT116 { padding-top: 116px !important;} .pcpT117 { padding-top: 117px !important;} .pcpT118 { padding-top: 118px !important;} .pcpT119 { padding-top: 119px !important;} .pcpT120 { padding-top: 120px !important;} .pcpT170 { padding-top: 170px !important;} .pcmB0 { margin-bottom: 0px !important;} .pcmB1 { margin-bottom: 1px !important;} .pcmB2 { margin-bottom: 2px !important;} .pcmB3 { margin-bottom: 3px !important;} .pcmB4 { margin-bottom: 4px !important;} .pcmB5 { margin-bottom: 5px !important;} .pcmB6 { margin-bottom: 6px !important;} .pcmB7 { margin-bottom: 7px !important;} .pcmB8 { margin-bottom: 8px !important;} .pcmB9 { margin-bottom: 9px !important;} .pcmB10 { margin-bottom: 10px !important;} .pcmB11 { margin-bottom: 11px !important;} .pcmB12 { margin-bottom: 12px !important;} .pcmB13 { margin-bottom: 13px !important;} .pcmB14 { margin-bottom: 14px !important;} .pcmB15 { margin-bottom: 15px !important;} .pcmB16 { margin-bottom: 16px !important;} .pcmB17 { margin-bottom: 17px !important;} .pcmB18 { margin-bottom: 18px !important;} .pcmB19 { margin-bottom: 19px !important;} .pcmB20 { margin-bottom: 20px !important;} .pcmB21 { margin-bottom: 21px !important;} .pcmB22 { margin-bottom: 22px !important;} .pcmB23 { margin-bottom: 23px !important;} .pcmB24 { margin-bottom: 24px !important;} .pcmB25 { margin-bottom: 25px !important;} .pcmB26 { margin-bottom: 26px !important;} .pcmB27 { margin-bottom: 27px !important;} .pcmB28 { margin-bottom: 28px !important;} .pcmB29 { margin-bottom: 29px !important;} .pcmB30 { margin-bottom: 30px !important;} .pcmB31 { margin-bottom: 31px !important;} .pcmB32 { margin-bottom: 32px !important;} .pcmB33 { margin-bottom: 33px !important;} .pcmB34 { margin-bottom: 34px !important;} .pcmB35 { margin-bottom: 35px !important;} .pcmB36 { margin-bottom: 36px !important;} .pcmB37 { margin-bottom: 37px !important;} .pcmB38 { margin-bottom: 38px !important;} .pcmB39 { margin-bottom: 39px !important;} .pcmB40 { margin-bottom: 40px !important;} .pcmB41 { margin-bottom: 41px !important;} .pcmB42 { margin-bottom: 42px !important;} .pcmB43 { margin-bottom: 43px !important;} .pcmB44 { margin-bottom: 44px !important;} .pcmB45 { margin-bottom: 45px !important;} .pcmB46 { margin-bottom: 46px !important;} .pcmB47 { margin-bottom: 47px !important;} .pcmB48 { margin-bottom: 48px !important;} .pcmB49 { margin-bottom: 49px !important;} .pcmB50 { margin-bottom: 50px !important;} .pcmB51 { margin-bottom: 51px !important;} .pcmB52 { margin-bottom: 52px !important;} .pcmB53 { margin-bottom: 53px !important;} .pcmB54 { margin-bottom: 54px !important;} .pcmB55 { margin-bottom: 55px !important;} .pcmB56 { margin-bottom: 56px !important;} .pcmB57 { margin-bottom: 57px !important;} .pcmB58 { margin-bottom: 58px !important;} .pcmB59 { margin-bottom: 59px !important;} .pcmB60 { margin-bottom: 60px !important;} .pcmB61 { margin-bottom: 61px !important;} .pcmB62 { margin-bottom: 62px !important;} .pcmB63 { margin-bottom: 63px !important;} .pcmB64 { margin-bottom: 64px !important;} .pcmB65 { margin-bottom: 65px !important;} .pcmB66 { margin-bottom: 66px !important;} .pcmB67 { margin-bottom: 67px !important;} .pcmB68 { margin-bottom: 68px !important;} .pcmB69 { margin-bottom: 69px !important;} .pcmB70 { margin-bottom: 70px !important;} .pcmB71 { margin-bottom: 71px !important;} .pcmB72 { margin-bottom: 72px !important;} .pcmB73 { margin-bottom: 73px !important;} .pcmB74 { margin-bottom: 74px !important;} .pcmB75 { margin-bottom: 75px !important;} .pcmB76 { margin-bottom: 76px !important;} .pcmB77 { margin-bottom: 77px !important;} .pcmB78 { margin-bottom: 78px !important;} .pcmB79 { margin-bottom: 79px !important;} .pcmB80 { margin-bottom: 80px !important;} .pcmB81 { margin-bottom: 81px !important;} .pcmB82 { margin-bottom: 82px !important;} .pcmB83 { margin-bottom: 83px !important;} .pcmB84 { margin-bottom: 84px !important;} .pcmB85 { margin-bottom: 85px !important;} .pcmB86 { margin-bottom: 86px !important;} .pcmB87 { margin-bottom: 87px !important;} .pcmB88 { margin-bottom: 88px !important;} .pcmB89 { margin-bottom: 89px !important;} .pcmB90 { margin-bottom: 90px !important;} .pcmB91 { margin-bottom: 91px !important;} .pcmB92 { margin-bottom: 92px !important;} .pcmB93 { margin-bottom: 93px !important;} .pcmB94 { margin-bottom: 94px !important;} .pcmB95 { margin-bottom: 95px !important;} .pcmB96 { margin-bottom: 96px !important;} .pcmB97 { margin-bottom: 97px !important;} .pcmB98 { margin-bottom: 98px !important;} .pcmB99 { margin-bottom: 99px !important;} .pcmB100 { margin-bottom: 100px !important;} .pcmB101 { margin-bottom: 101px !important;} .pcmB102 { margin-bottom: 102px !important;} .pcmB103 { margin-bottom: 103px !important;} .pcmB104 { margin-bottom: 104px !important;} .pcmB105 { margin-bottom: 105px !important;} .pcmB106 { margin-bottom: 106px !important;} .pcmB107 { margin-bottom: 107px !important;} .pcmB108 { margin-bottom: 108px !important;} .pcmB109 { margin-bottom: 109px !important;} .pcmB110 { margin-bottom: 110px !important;} .pcmB111 { margin-bottom: 111px !important;} .pcmB112 { margin-bottom: 112px !important;} .pcmB113 { margin-bottom: 113px !important;} .pcmB114 { margin-bottom: 114px !important;} .pcmB115 { margin-bottom: 115px !important;} .pcmB116 { margin-bottom: 116px !important;} .pcmB117 { margin-bottom: 117px !important;} .pcmB118 { margin-bottom: 118px !important;} .pcmB119 { margin-bottom: 119px !important;} .pcmB120 { margin-bottom: 120px !important;} .pcmB130 { margin-bottom: 130px !important;} .pcmT0 { margin-top: 0px !important;} .pcmT1 { margin-top: 1px !important;} .pcmT2 { margin-top: 2px !important;} .pcmT3 { margin-top: 3px !important;} .pcmT4 { margin-top: 4px !important;} .pcmT5 { margin-top: 5px !important;} .pcmT6 { margin-top: 6px !important;} .pcmT7 { margin-top: 7px !important;} .pcmT8 { margin-top: 8px !important;} .pcmT9 { margin-top: 9px !important;} .pcmT10 { margin-top: 10px !important;} .pcmT11 { margin-top: 11px !important;} .pcmT12 { margin-top: 12px !important;} .pcmT13 { margin-top: 13px !important;} .pcmT14 { margin-top: 14px !important;} .pcmT15 { margin-top: 15px !important;} .pcmT16 { margin-top: 16px !important;} .pcmT17 { margin-top: 17px !important;} .pcmT18 { margin-top: 18px !important;} .pcmT19 { margin-top: 19px !important;} .pcmT20 { margin-top: 20px !important;} .pcmT21 { margin-top: 21px !important;} .pcmT22 { margin-top: 22px !important;} .pcmT23 { margin-top: 23px !important;} .pcmT24 { margin-top: 24px !important;} .pcmT25 { margin-top: 25px !important;} .pcmT26 { margin-top: 26px !important;} .pcmT27 { margin-top: 27px !important;} .pcmT28 { margin-top: 28px !important;} .pcmT29 { margin-top: 29px !important;} .pcmT30 { margin-top: 30px !important;} .pcmT31 { margin-top: 31px !important;} .pcmT32 { margin-top: 32px !important;} .pcmT33 { margin-top: 33px !important;} .pcmT34 { margin-top: 34px !important;} .pcmT35 { margin-top: 35px !important;} .pcmT36 { margin-top: 36px !important;} .pcmT37 { margin-top: 37px !important;} .pcmT38 { margin-top: 38px !important;} .pcmT39 { margin-top: 39px !important;} .pcmT40 { margin-top: 40px !important;} .pcmT41 { margin-top: 41px !important;} .pcmT42 { margin-top: 42px !important;} .pcmT43 { margin-top: 43px !important;} .pcmT44 { margin-top: 44px !important;} .pcmT45 { margin-top: 45px !important;} .pcmT46 { margin-top: 46px !important;} .pcmT47 { margin-top: 47px !important;} .pcmT48 { margin-top: 48px !important;} .pcmT49 { margin-top: 49px !important;} .pcmT50 { margin-top: 50px !important;} .pcmT51 { margin-top: 51px !important;} .pcmT52 { margin-top: 52px !important;} .pcmT53 { margin-top: 53px !important;} .pcmT54 { margin-top: 54px !important;} .pcmT55 { margin-top: 55px !important;} .pcmT56 { margin-top: 56px !important;} .pcmT57 { margin-top: 57px !important;} .pcmT58 { margin-top: 58px !important;} .pcmT59 { margin-top: 59px !important;} .pcmT60 { margin-top: 60px !important;} .pcmT61 { margin-top: 61px !important;} .pcmT62 { margin-top: 62px !important;} .pcmT63 { margin-top: 63px !important;} .pcmT64 { margin-top: 64px !important;} .pcmT65 { margin-top: 65px !important;} .pcmT66 { margin-top: 66px !important;} .pcmT67 { margin-top: 67px !important;} .pcmT68 { margin-top: 68px !important;} .pcmT69 { margin-top: 69px !important;} .pcmT70 { margin-top: 70px !important;} .pcmT71 { margin-top: 71px !important;} .pcmT72 { margin-top: 72px !important;} .pcmT73 { margin-top: 73px !important;} .pcmT74 { margin-top: 74px !important;} .pcmT75 { margin-top: 75px !important;} .pcmT76 { margin-top: 76px !important;} .pcmT77 { margin-top: 77px !important;} .pcmT78 { margin-top: 78px !important;} .pcmT79 { margin-top: 79px !important;} .pcmT80 { margin-top: 80px !important;} .pcmT81 { margin-top: 81px !important;} .pcmT82 { margin-top: 82px !important;} .pcmT83 { margin-top: 83px !important;} .pcmT84 { margin-top: 84px !important;} .pcmT85 { margin-top: 85px !important;} .pcmT86 { margin-top: 86px !important;} .pcmT87 { margin-top: 87px !important;} .pcmT88 { margin-top: 88px !important;} .pcmT89 { margin-top: 89px !important;} .pcmT90 { margin-top: 90px !important;} .pcmT91 { margin-top: 91px !important;} .pcmT92 { margin-top: 92px !important;} .pcmT93 { margin-top: 93px !important;} .pcmT94 { margin-top: 94px !important;} .pcmT95 { margin-top: 95px !important;} .pcmT96 { margin-top: 96px !important;} .pcmT97 { margin-top: 97px !important;} .pcmT98 { margin-top: 98px !important;} .pcmT99 { margin-top: 99px !important;} .pcmT100 { margin-top: 100px !important;} .pcmT101 { margin-top: 101px !important;} .pcmT102 { margin-top: 102px !important;} .pcmT103 { margin-top: 103px !important;} .pcmT104 { margin-top: 104px !important;} .pcmT105 { margin-top: 105px !important;} .pcmT106 { margin-top: 106px !important;} .pcmT107 { margin-top: 107px !important;} .pcmT108 { margin-top: 108px !important;} .pcmT109 { margin-top: 109px !important;} .pcmT110 { margin-top: 110px !important;} .pcmT111 { margin-top: 111px !important;} .pcmT112 { margin-top: 112px !important;} .pcmT113 { margin-top: 113px !important;} .pcmT114 { margin-top: 114px !important;} .pcmT115 { margin-top: 115px !important;} .pcmT116 { margin-top: 116px !important;} .pcmT117 { margin-top: 117px !important;} .pcmT118 { margin-top: 118px !important;} .pcmT119 { margin-top: 119px !important;} .pcmT120 { margin-top: 120px !important;} .pcfs8 { font-size: 8px;} .pcfs9 { font-size: 9px;} .pcfs10 { font-size: 10px;} .pcfs11 { font-size: 11px;} .pcfs12 { font-size: 12px;} .pcfs13 { font-size: 13px;} .pcfs14 { font-size: 14px;} .pcfs15 { font-size: 15px;} .pcfs16 { font-size: 16px;} .pcfs17 { font-size: 17px;} .pcfs18 { font-size: 18px;} .pcfs19 { font-size: 19px;} .pcfs20 { font-size: 20px;} .pcfs21 { font-size: 21px;} .pcfs22 { font-size: 22px;} .pcfs23 { font-size: 23px;} .pcfs24 { font-size: 24px;} .pcfs25 { font-size: 25px;} .pcfs26 { font-size: 26px;} .pcfs27 { font-size: 27px;} .pcfs28 { font-size: 28px;} .pcfs29 { font-size: 29px;} .pcfs30 { font-size: 30px;} .pcfs31 { font-size: 31px;} .pcfs32 { font-size: 32px;} .pcfs33 { font-size: 33px;} .pcfs34 { font-size: 34px;} .pcfs35 { font-size: 35px;} .pcfs36 { font-size: 36px;} .pcfs37 { font-size: 37px;} .pcfs38 { font-size: 38px;} .pcfs39 { font-size: 39px;} .pcfs40 { font-size: 40px;} .pcfs41 { font-size: 41px;} .pcfs42 { font-size: 42px;} .pcfs43 { font-size: 43px;} .pcfs44 { font-size: 44px;} .pcfs45 { font-size: 45px;} .pcfs46 { font-size: 46px;} .pcfs47 { font-size: 47px;} .pcfs48 { font-size: 48px;} .pcfs49 { font-size: 49px;} .pcfs50 { font-size: 50px;} .pcfs51 { font-size: 51px;} .pcfs52 { font-size: 52px;} .pcfs53 { font-size: 53px;} .pcfs54 { font-size: 54px;} .pcfs55 { font-size: 55px;} .pcfs56 { font-size: 56px;} .pcfs57 { font-size: 57px;} .pcfs58 { font-size: 58px;} .pcfs59 { font-size: 59px;} .pcfs60 { font-size: 60px;} .pcfs61 { font-size: 61px;} .pcfs62 { font-size: 62px;} .pcfs63 { font-size: 63px;} .pcfs64 { font-size: 64px;} .pcfs65 { font-size: 65px;} .pcfs66 { font-size: 66px;} .pcfs67 { font-size: 67px;} .pcfs68 { font-size: 68px;} .pcfs69 { font-size: 69px;} .pcfs70 { font-size: 70px;} .pcfs71 { font-size: 71px;} .pcfs72 { font-size: 72px;} .pcfs73 { font-size: 73px;} .pcfs74 { font-size: 74px;} .pcfs75 { font-size: 75px;} .pcfs76 { font-size: 76px;} .pcfs77 { font-size: 77px;} .pcfs78 { font-size: 78px;} .pcfs79 { font-size: 79px;} .pcfs80 { font-size: 80px;} .pcfs81 { font-size: 81px;} .pcfs82 { font-size: 82px;} .pcfs83 { font-size: 83px;} .pcfs84 { font-size: 84px;} .pcfs85 { font-size: 85px;} .pcfs86 { font-size: 86px;} .pcfs87 { font-size: 87px;} .pcfs88 { font-size: 88px;} .pcfs89 { font-size: 89px;} .pcfs90 { font-size: 90px;} .pcfs91 { font-size: 91px;} .pcfs92 { font-size: 92px;} .pcfs93 { font-size: 93px;} .pcfs94 { font-size: 94px;} .pcfs95 { font-size: 95px;} .pcfs96 { font-size: 96px;} .pcfs97 { font-size: 97px;} .pcfs98 { font-size: 98px;} .pcfs99 { font-size: 99px;} .pcfs100 { font-size: 100px;} .pcfs110 { font-size: 110px;} .pcfs130 { font-size: 130px;} /* common *************************************************************************************************************************************************************************************/ /*header*/ #indexBody header { position: absolute; height: 114px; background: transparent;} #indexBody #title { padding: 28px 0 0 45px;} #indexBody #title img { width: auto; height: 58px; } #contentBody header { height: 100px; background: #000;} #contentBody #title { display: none;} #contentBody #title img { } /*---nav---*/ /*nav*/ .navLock { } #menuBtn { display: none;} #menuBtn .menuBtnBar { } #menuBtn01 { } #menuBtn02 { } #menuBtn03 { } .active #menuBtn01 { } .active #menuBtn02 { } #indexBody #menuBtn { } .active #menuBtn03 { } #indexNav { position: absolute; top: 100vh; left: 0; transform: translateY(-100%); width: 100%; height: 100px; background: #000;} nav:after { content: ""; display: block; width: 100%; height: 43px; background: #343130; position: absolute; bottom: 0; left: 0;} #indexNav.fixed { position: fixed; top: 0; left: 0; transform: translateY(0); } nav > dl { /*display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;*/ width: 840px; height: 100px; margin: 0 auto; z-index: 1; position: relative;} nav > dl > dt { /*order: 2;*/ width: 107px; opacity: 0.3; position: absolute; top: 50%; left: calc( 100% + 24px ); transform: translateY(-50%) translateX(36px);} nav > dl > dd { /*order: 1;*/ } nav > dl > dd > ul { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1;} nav > dl > dd > ul > li { position: relative; height: 100px; /*margin-right: 26px;*/} nav > dl > dd > ul > li > a { display: inline-block; height: 100px; padding-top: 40px; } nav > dl > dd > ul > li > a > span { display: block; letter-spacing: 0.1em;} nav > dl > dd > ul > li > ul { display: none; position: absolute; top: 100%; left: -1em; white-space: nowrap; background: #343130; padding: 1em;} nav > dl > dd > ul > li > ul > li { margin-bottom: 10px; letter-spacing: 0.1em;} nav > dl > dd > ul > li > ul > li > a { color: #A6A6A7 !important; font-size: 11px;} nav > dl > dd > ul > li > ul > li > a:before { content: '・';} .navEn { color: #E0E0E0; margin-bottom: 20px; font-size: 14px;} .navJp { color: #A6A6A7; font-size: 11px; letter-spacing: 0.2em;} #navLogo { display: none; } /*footer*/ footer { padding: 0;} footer small { font-size: 17px; padding: 80px 0;} #footer01 { padding: 56px 0 40px; } #footer01Wrap { width: 810px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-end; } #footer0101 { order: 1; width: 460px;} #footer0101-01 { justify-content: flex-start; margin-bottom: 20px;} #footer0101-01 > img { height: 58px; margin-right: 30px;} #footer0101-01 > p { font-size: 22px;} #footer0101-02 { text-align: left; font-size: 18px; display: flex; flex-wrap: wrap; align-items: center;} #footer0101-02 a { } #footer0101-02-01 { margin-bottom: 20px;} #footer0101-02-02 { } #footer0101-02-02 > span { display: inline-block; } #footer0101-02-02 > a { display: inline-block; } #footer0101-02-02-01 { font-size: 18px; margin-right: 20px; letter-spacing: 0.2em;} #footer0101-02-02-02 { font-size: 12px; } #footer0101-03 {} #footer0102 { order: 2; width: 320px; padding: 0;} #footer0102-01 { display: flex; flex-wrap: wrap; padding: 0 0 0 40px; font-size: 13px;} #footer0102-01 > ul {} #footer0102-01 > ul:first-child { margin-right: 36px; } #footer0102-01 > ul > li { margin-bottom: 0; } #footer0102-01 > ul > li > a { color: #A6A6A7 !important; } #footer0102-01 > ul > li > a:before { content: "● ";} #footer02 { background: #635f5f; padding: 24px 0;} #footer02 > dl {width: 810px; margin: 0 auto; display: flex; flex-wrap: wrap;} #footer02 > dl > dt { text-align: left; padding: 0; font-size: 0.875rem; width: 230px; letter-spacing: 0.1em;} #footer02 > dl > dd { width: 580px; margin-top: -5px;} #footer02 > dl > dd > ul { font-size: 0.875rem;} #footer02 > dl > dd > ul > li { } #footer02 > dl > dd > ul > li > a { background: #635f5f; padding: 10px 0 10px 10px; letter-spacing: normal;} #footer02 > dl > dd > ul > li > a:before { left: 0;} #footer02 > dl > dd > ul > li:nth-child(3) > a, #footer02 > dl > dd > ul > li:nth-child(4) > a { background: #635f5f;} #spFixedCta { display: none;} #spFixedCta:before { } #spFixedCta > li { } #spFixedCta > li > a { } #spFixedCta > li > a > span { } #spFixedCta > li:nth-child(1) { } #spFixedCta > li:nth-child(2) { } #spFixedCta > li:nth-child(1) > a > span { } #spFixedCta > li:nth-child(2) > a > span { } /* parts *************************************************************************************************************************************************************************************/ .w700 { width: 700px; margin-left: auto; margin-right: auto; } .w720 { width: 720px; margin-left: auto; margin-right: auto; } .w780 { width: 780px; margin-left: auto; margin-right: auto; } .w800 { width: 800px; margin-left: auto; margin-right: auto; } .w840 { width: 840px; margin-left: auto; margin-right: auto; } .w860 { width: 860px; margin-left: auto; margin-right: auto; } .w1000 { width: 1000px; margin-left: auto; margin-right: auto; } .flx-Pare { display: flex; flex-wrap: wrap; justify-content: space-between;} .flx-aife { align-items: flex-end;} .flx-w400 { width: 400px; } .flx-w420 { width: 420px; } .hTxt01 { padding-left: 19px; letter-spacing: 0.15em;} .hTxt01:before { height: calc( 100% - 20px );} .tabNavPare { width: 860px; height: 70px; margin: 0 auto 66px;} .tabNav { width: 100%; height: 70px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(255,255,255,0.9);} .tabNav > li { width: 260px; height: 100%; font-size: 18px; line-height: 1.3; margin: 0 40px 0 0;} .tabNav > li:nth-child(3n) { margin-right: 0;} .tabNav > li > a { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%; text-align: center; color: #808080; font-weight: 700;} .tabNav > li.active > a { color: #150201;} .tabNav > li > a:after { content: ''; display: block; width: 100%; height: 2px; background: #231815; background: #847d7c; position: absolute; top: 100%; right: 0; transform: translateY(0%);} .tabNav > li.active > a:after { height: 6px; background: #231815;} .tabNavTar { display: none; margin-bottom: 240px;} .tabNavTar.active { display: block;} .layout01 { display: flex; flex-wrap: wrap;} .layout01.layout01-02 {} .layout01Img { width: 580px;} .layout01Txt { width: 420px; padding: 0 70px 0 20px;} .layout01-02 .layout01Img { order: 2;} .layout01-02 .layout01Txt { order: 1; padding: 0 20px 0 70px;} .layout01Txt-W100 { order: 3; padding: 0 70px;} .table01 { width: 100%; } .table01 th,.table01 td { letter-spacing: 0.1em; padding: 8px 0; font-size: 20px;} .table01 th { width: 1%; padding-right: 50px;} .table01 td {} .historyList { line-height: 1.96; font-size: 20px;} .historyList > li { margin-bottom: 8px;} .historyList > li > dl { display: flex; flex-wrap: wrap;} .historyList > li > dl > dt { letter-spacing: 0.1em; line-height: 1.6; width: 155px;} .historyList > li > dl > dd { width: calc( 100% - 155px );} .historyList > li > dl > dd > span { display: inline-block; margin-left: -0.5em;} .recruitListTxt { font-size: 14px !important; padding: 20px; margin-top: 16px;} .recruitListTxt dl { } .recruitListTxt dl dt { } .recruitListTxt dl dt:after { } .recruitListTxt dl dd { } .recruitBody table { } .recruitBody table th,.recruitBody table td { line-height: 1.6; font-size: 14px;} .recruitBody table th { } .recruitBody table td {} .recruitBody h3 { } #pagerPare { width: 640px; padding: 0; margin: 48px auto 80px;} .formTable { border-bottom: none;} .formTable th,.formTable td { display: table-cell; border: #CCC solid 1px; padding: 8px; font-size: 14px;} .formTable th { width: 240px;} .formTable td {} .formTable input[type=text], .formTable input[type=tel], .formTable input[type=email], .formTable select { } .formBtn { } .formBtn input[type=submit] {} .require { } .btn01 { padding: 1.25em 1em;} /* page *************************************************************************************************************************************************************************************/ html,body { height: 100%; font-size: 16px;} #indexBody { padding-top: 0; } #contentBody { padding-top: 140px; } #contentBody.shop, #contentBody.page-template-page-shop { padding-top: 100px; } #contentBody.recruit-shop { padding-top: 100px; } #mainVideo { position: relative; height: 100vh; overflow: hidden;} #mainVideo video { max-width: none; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: auto; min-width: 100%; min-height: 100%;} #mainVideoSound { bottom: 120px; right: 24px; z-index: 10; opacity: 0.5;} .sound_off { } .sound_on { } /*news-topics-sp*/ #news-topics-sp { display: none;} #news-topics-sp h2 { } #news-topics-sp ul { } #indexNewsSp { } #indexTopicsSp { } .postDate { } .postTitle { } /*concept*/ #concept { } /*moment*/ #moment {} #momentBg { height: 1080px; } #momentBg > span { margin-top: 540px; background: url(images/index-moment_bg_pc.jpg) no-repeat 100% 0 / auto; } #momentWrap { width: 820px; margin: 0 auto; padding: 96px 0 0;} #momentTxt01 { padding-left: 110px;} #momentTxt02 { padding: 0 0 40px;} #momentTxt03 { line-height: 1.48;} #momentTxt0303 { margin: 0 0 11px; line-height: 2.4;} #momentTxt0301 { margin: 0 0 11px;} #momentTxt030101 { display: inline-block; text-indent: -0.5em;} #momentTxt030102 { display: inline-block; padding-left: 0;} #momentTxt0302 { line-height: 2.4; margin-bottom: 52px;} #momentTxt04 { text-align: right; padding-right: 0; margin: 0 -48px 0 0;} #momentTxt04 img { width: 395px; } /*entertain*/ #entertain { padding: 0 0 667px; margin: -35px 0 0;} #entertainBg { height: 667px;} #entertainBg > span { background: url(images/index-entertain_bg_pc.jpg) no-repeat 50% 0 / cover; } #entertainWrap { position: relative; padding: 0; width: 820px; margin: 0 auto;} #entertainTxt01 { padding: 0 0 0 28px; margin: 0 0 130px; line-height: 1;} #entertainTxt01 > span { display: inline-block; position: relative; padding-right: 18px; } #entertainTxt01 > span:after { content: ""; display: block; width: 0; height: 1px; background: #FFF; position: absolute; left: 100%; top: 50%; transform: translateY(5px);} #entertainTxt01 > span.ad:after { width: 50vw; transition: all .5s ease-in-out 1.2s;} #entertainTxt02 { position: absolute; top: 118px; left: 23px; white-space: nowrap;} #entertainTxt03 { position: static; bottom: auto; left: auto; padding-left: 195px;} #entertainTxt0301 { margin-bottom: 20px; } #entertainTxt0302 { margin-bottom: 80px; } #emotionalsTxt { margin-top: -687px; letter-spacing: 1.25em; font-size: 81px;} #emotionalsTxt > span { display: block; margin-right: -16px;} /*eyes*/ #eyes { min-height: 935px;} #eyesBg { height: 935px; } #eyesBg > span { background: #000 url(images/index-eyes_bg_pc.jpg) no-repeat 0 0 / auto 100%; } #eyesTxt01 { top: 83px; right: auto; left: 50%; margin-left: 50px;} /*service*/ #service { min-height: 1485px;} #serviceBg01 { height: 1485px; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #serviceBg01 > span { display: block; width: 100%; height: 739px; background: url(images/index-service_bg01_pc.png) no-repeat 0% 0 / auto; } #serviceBg02 { height: 1485px; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;} #serviceBg02 > span { display: block; width: 100%; height: 1380px; background: url(images/index-service_bg02_pc.png) no-repeat 100% 0 / auto; } #serviceBg03 { height: 685px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 0;} #serviceBg03 > span { display: block; width: 100%; height: 585px; background: url(images/index-service_bg03_pc.png) no-repeat 0 0 / auto; } #serviceWrap { width: 820px; margin: 0 auto;} #serviceTxt01 { padding: 121px 0 0 35px; letter-spacing: 0.28em;} #serviceTxt02 { padding: 82px 0 0 40px;} #conceptBtmTxt { bottom: 8px; padding-right: 80px; font-size: 31px;} #conceptBtmTxt > span { } #conceptBtmTxt:after { height: 24vw; top: auto; bottom: -8px; transform-origin: left bottom; transform: translateY(100%) skewY(-10deg);} /*shop-list*/ #shop-list { padding: 80px 0;} #shop-list:after { height: 120vw; max-height: 1240px; top: 18vw; transform-origin: left top;} #shop-list > ul { width: 840px; margin: 0 auto; } #shop-list > ul > li { width: 400px; margin: 80px 40px 0 0; font-size: 21px;} #shop-list > ul > li:nth-child(2n) { margin-right: 0;} #shop-list > ul > li:nth-child( -n + 2 ) { margin-top: 0;} #shop-list > ul > li p { margin-bottom: 24px; } #shop-list > ul > li h3 { } /*staff-voice*/ #staff-voice { position: relative; z-index: 1; padding: 190px 0 0; margin-bottom: 140px;} #staff-voiceSub01 { color: #b5b2b2; letter-spacing: 0.1em; line-height: 1;} #staff-voiceSub0101 { top: 0; right: auto; left: 50%; margin-left: 10px; letter-spacing: 0.2em;} #staff-voiceSub0102 { top: 58px; left: 50%; margin-left: -390px; letter-spacing: 0.2em;} #staff-voiceWrap { width: 940px; margin: 0 auto;} #staff-voiceTxt01 { text-align: right; margin-bottom: 0; padding-right: 30px; letter-spacing: 0.4em;} #staffVoiceList01 { } #staffVoiceList01:before { width: 50vw; height: 500px; top: -108px; left: auto; right: 560px;} #staffVoiceList01:after { content: ""; display: block; width: 100vw; height: 140px; position: absolute; bottom: 40px; left: 50%; z-index: -1; margin-left: -50vw; background: rgba(21,2,1,0.71);} #staffVoiceList01 > li { width: 200px; margin: 0 35px 0 0; text-align: center;} #staffVoiceList01 > li:nth-child( -n + 2 ) { margin-top: 0;} #staffVoiceList01 > li:nth-child(2n-1) { padding: 0; } #staffVoiceList01 > li:nth-child(2n) { padding: 0; } #staffVoiceList01 > li:nth-child(4n) { margin-right: 0; } #staffVoiceList01 > li:nth-child( 4n - 3 ) { margin-left: 18px; } .staffVoiceList01Txt { bottom: 40px; width: 200px; height: 140px; text-align: left; margin-left: 0;} #staffVoiceList01 > li:nth-child(2n-1) .staffVoiceList01Txt { padding: 36px 0 0 30px; } #staffVoiceList01 > li:nth-child(2n) .staffVoiceList01Txt { padding: 36px 0 0 30px; } #staffVoiceList01 > li:nth-child(4) .staffVoiceList01Txt { padding: 33px 0 0 8px; } #staffVoiceList01 > li:nth-child(4) .staffVoiceList01Shop { line-height: 1.8; } .staffVoiceList01Shop { font-size: 14px; padding-bottom: 14px;} .staffVoiceList01Name { font-size: 20px; } /*message-about-us*/ #message-about-us { width: 1000px; margin: 0 auto 64px;} #messageAboutUsimg { padding-left: 0; text-align: right; } #messageAboutUsTxt { bottom: 60px; width: 460px; padding: 0 0 0 110px; white-space: nowrap;} #messageAboutUsTxt:before { width: 50vw; height: 380px; top: -130px; left: auto; right: 0; } #messageAboutUsTxt h2 { letter-spacing: 0.2em; margin-bottom: 35px;} #messageAboutUsTxt01 { } #messageAboutUsTxt0101 { margin: 0 0 10px; line-height: 2; letter-spacing: 0.1em;} #messageAboutUsTxt0101:before { width: 50vw; height: 170px; position: absolute; top: -24px; left: auto; right: 0; padding: 0;} #messageAboutUsTxt0101 > span { letter-spacing: 0.5em;} #messageAboutUsTxt0102 { margin: 20px 10px 0 0; position: relative; z-index: 1;} #messageAboutUsTxt0102 a { border: #FFF solid 1px; padding: 11px 6px 0; color: #FFF !important; font-size: 13px;} /*recruitSp*/ #recruitSp { display: none;} #recruitSpBox { } #recruitSpTxt01 { } #recruitSpTxt02 { } #recruitSpImg01 { } #recruitSpImg01 img { } #recruitSpTxt03 { } /*groupShopList*/ #groupShopList { background: #FFF; margin-bottom: 64px;} #groupShopListSub { font-size: 23px; padding: 0 0 44px;} #shopList01 { background: #FFF; padding: 0; width: 860px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;} #shopList01 > li { width: 260px; margin: 48px 0 0;} #shopList01 > li:nth-child( -n + 3 ) { margin-top: 0;} #shopList01 > li:last-child { margin-bottom: 0;} #shopList01 > li dt { padding-bottom: 8px; margin-bottom: 15px; font-size: 18px; white-space: nowrap;} #shopList01 > li dd { padding-left: 12px; font-size: 14px;} #shopList01 > li dd > ul {} #shopList01 > li dd > ul > li { position: relative; padding-left: 1.5em; line-height: 1.9; letter-spacing: 0.1em; margin-bottom: 0px;} #shopList01 > li dd > ul > li:before { } .shopList01Btn { text-align: left; margin-top: 5px; padding-left: 12px;} .shopList01Btn > a { display: inline-block; line-height: 1; border: none; padding: 0;} .shopList01Btn > a:before { content: "▶"; } /*recruitPc*/ #recruitPc { display: block; width: 860px; background: #FFEFE3; border: #5A4D48 solid 2px; margin: 0 auto 72px; padding: 10px;} #recruitPcBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #recruitPcBox01 { width: 490px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} #recruitPcBox0101 { width: 400px;} #recruitPcBox01Txt01 { text-align: center; font-size: 35px; letter-spacing: 0.2em; border-bottom: #999A9A dashed 1px; line-height: 1.4; margin: 0 0 5px;} #recruitPcBox01Txt02 { text-align: center; font-size: 21px; letter-spacing: 0.2em; margin: 0 0 8px;} #recruitPcBox01Txt03 { font-size: 15px; letter-spacing: -0.05em; white-space: nowrap;} /*recruit*/ .recruitTitle { margin-bottom: 56px; margin-left: 0; margin-right: 0; margin-top: 48px; position: relative;} .recruitTitle > h1 { font-size: 75px; margin-bottom: 0;} .recruitTitle > p { font-size: 30px; position: absolute; top: 42px; left: 320px;} .recruitBox01 { padding-left: 145px; margin: 0; } .recruitBox01Txt01 { } .recruitBox01Txt02 { padding-top: 100px; } .recruitBox02 { margin: -90px 0 0;} .recruitBox02Img { position: relative; background: transparent; margin: 0 0 40px; text-align: right;} .recruitBox02Img:after { content: ""; width: 100vw; height: 390px; background: #FCE7D8; position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -50vw; } .recruitBox02Txt01 { margin: 0; position: absolute; top: 160px; left: 0;} .recruitBox02Txt0101 { letter-spacing: -0.05em;} .recruitBox02Txt0102 { letter-spacing: -0.05em;} .recruitBox03 {} .recruitBox03Txt01 { background: transparent; padding: 0; margin: 0 0 48px; text-align: center;} .recruitBox0301 { margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .recruitBox0301Ch { margin: 0; width: 250px; } .recruitShopHead { position: relative; height: 470px; padding: 0; margin: 0 0 80px;} .recruitShopHeadTxt { top: 50%; left: 50%; z-index: 1; transform: translateY(-50%); padding: 20px 32px; margin-left: -460px;} .recruitShopHeadTxt01 { line-height: 1.1; margin-bottom: 10px; letter-spacing: 0.2em;} .recruitShopHeadTxt02 { line-height: 1; letter-spacing: 0.2em;} .recruitShopHeadImg { position: absolute; top: 0; left: 50%; margin-left: -250px; } /*news-topics-pc*/ #news-topics-pc { display: block; width: 830px; margin: 0 auto 64px; display: flex; flex-wrap: wrap; justify-content: space-between;} #news-topics-pc > section { width: 380px; } #news-topics-pc > section > h3 { font-size: 22px; letter-spacing: 0.2em; font-weight: 700; border-bottom: #231815 solid 2px; padding: 0 0 3px; margin: 0 0 22px;} #indexNewsPc {} .indexNewsListPc { overflow: auto; max-height: 360px; } .indexNewsListPc > li { border-bottom: #CCCDCD dashed 1px; margin-bottom: 32px;} .indexNewsListPc > li:last-child { margin-bottom: 0;} .indexNewsListPc > li > a { display: block; padding: 0 0 10px;} /*.indexNewsListPcH { display: flex; flex-wrap: wrap; align-items: center; font-size: 12px;}*/ .postDate { padding-right: 18px; } .postShop {} #indexTopicsPc { position: relative; } .indexTopics { } .indexTopics .postDate { font-size: 12px; width: 5.5em;} .indexTopics .postShop { font-size: 12px; width: calc( 100% - 5.5em );} .indexTopics .postTitle { font-size: 15px;} /*company*/ .companyPageTitle { width: 1000px; margin: 0 auto 64px;} .companyPageTitleTxt01 { left: 110px; top: 70px; line-height: 1.6;} .companyPageTitleTxt02 { left: auto; right: 67px; bottom: 40px; line-height: 1.9;} /*staff*/ .staffPageTitle { width: 1000px; margin: 0 auto 72px; position: relative;} .staffPageTitleImg { text-align: right; } .staffPageTitleTxt01 { position: absolute; top: 67px; left: 0; background: #C6BFA9; width: 530px; height: 260px; padding: 27px 0 0 54px; } .staffPageTitleTxt0101 { margin-bottom: 20px;} .staffPageTitleTxt0102 { line-height: 1.6;} .staffPageTitleTxt02 { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 1;} .staffPageTitleTxt0201 { color: #FFF; font-size: 83px; letter-spacing: 0.2em; position: absolute; bottom: 0; left: 50%; margin-left: -208px; transform: translateY(6px);} .staffPageTitleTxt0202 { color: rgba(131,128,128,0.26); font-size: 130px; letter-spacing: 0.2em; position: absolute; top: 100%; left: 50px; margin-top: -26px;} .staffSub01 { width: 860px; margin: -16px auto 12px;} .staffLayout01 { clear: both; position: relative; } .staffLayout0101 { padding-left: 70px;} .staffLayout01Txt01 { font-size: 29px; letter-spacing: 0.2em; margin-bottom: 6px; position: relative; z-index: 1;} .staffLayout01Img01 { float: right;} .staffLayout01Txt02 { font-size: 16px; letter-spacing: 0.2em; line-height: 2; white-space: nowrap; margin-top: 16px;} .staffLayout01Txt02 > span { display: inline-block; position: relative;} .staffLayout01Txt02 > span > span { display: inline-block; position: relative; z-index: 1;} .staffLayout01Txt02 > span:after { content: ""; display: block; width: calc( 100% + 70px + 16px ); min-width: 700px; height: calc( 100% + 40px + 28px); background: rgba(225,219,196,0.73); position: absolute; top: -40px; left: -70px; z-index: 0;} .staffContent { margin: -100px 0 0; } .staffShop { margin-bottom: 80px; } .staffShopInfo { } .staffShopInfo dt { padding-bottom: 4px; margin-bottom: 15px; font-size: 23px; white-space: nowrap; letter-spacing: 0;} .staffShopInfo dd { padding-left: 30px; font-size: 18px;} .staffShopInfo dd > ul {} .staffShopInfo dd > ul > li { position: relative; padding-left: 1.5em; line-height: 1.6; letter-spacing: 0.1em; margin-bottom: 2px;} .staffShopInfo dd > ul > li:before { } .staffShopInfoBtn { text-align: left; margin-top: 5px; padding-left: 30px;} .staffShopInfoBtn > a { display: inline-block; line-height: 1; border: none; padding: 0;} .staffShopInfoBtn > a:before { content: "▶"; } .officialBtn { } .officialBtn > a { letter-spacing: 0; font-size: 21px; margin: 0;} .recruitBoxBnr { margin: 0 auto 70px; padding: 10px;} .recruitBoxBnr01 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .recruitBoxBnr0101 { width: 500px; padding: 0 48px;} .recruitBoxBnr0101Txt01 { font-size: 35px; padding: 10px 0 8px; margin: 0 0 8px;} .recruitBoxBnr0101Txt02 { text-align: center; line-height: 1.2; margin-bottom: 16px; font-size: 21px;} .recruitBoxBnr010101 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 18px;} .recruitBoxBnr0101Txt03 { width: 100%; font-size: 14px;} .recruitBoxBnr010101Img { display: none;} .recruitBoxBnr0102 { display: block; width: 326px;} .recruitBoxBnrDetail { display: none;} .recruitBoxBnrDetail > span {} /*privacy-policy*/ .privacyPolicy {} .privacyPolicy > li { margin-bottom: 64px; } .privacyPolicy > li > dl { } .privacyPolicy > li > dl > dt { font-size: 19px;} .privacyPolicy > li > dl > dt:before { } .privacyPolicy > li > dl > dd { font-size: 16px;} /*shop*/ .shopPageTitle { height: 600px;} .shopPageTitle.shop-yakiniku-gens-sakaemachi { background-image: url(images/shop/yakiniku-gens-sakaemachi/pc01.jpg); } .shopPageTitle.shop-italia-bar-ponte { background-image: url(images/shop/italia-bar-ponte/pc01.jpg); } .shopPageTitle.shop-kuririn-oosu { background-image: url(images/shop/kuririn-oosu/pc01.jpg); } .shopPageTitle.shop-sushi-nihon-serge-gens-nishiki { background-image: url(images/shop/sushi-nihon-serge-gens-nishiki/pc01.jpg); } .shopPageTitle.shop-wagyu-yakiniku-serge-gens-nishiki { background-image: url(images/shop/wagyu-yakiniku-serge-gens-nishiki/pc01.jpg); } .shopPageTitle.shop-gyutan-shabushabu-nikunigiri-gens { background-image: url(images/shop/gyutan-shabushabu-nikunigiri-gens/pc01.jpg); } .shopPageTitle h1 { position: absolute; top: 0; left: 50%; transform: translateY(0); margin-left: -500px; background: none; min-width: 526px; width: 526px; min-height: 600px; padding: 0; font-size: 40px;} .shopPageTitle h1:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 600px 263px 0 263px;border-color: rgba(0,0,0,0.7) transparent transparent transparent;} .shopPageTitle h1 > span { position: relative; z-index: 1; transform: translateY(-50%);} .shopBlk01 { } .shopBlk01-01 { padding: 0 0 400px; justify-content: center;} .shopBlk01Sub01 { left: 50%; padding: 64px 0 0; margin-left: -390px;} .shopBlk01-01-01 { width: 700px; margin-left: 230px;} .shopBlk01Txt01 { padding: 90px 0 64px 0; font-size: 37px;} .shopBlk01Img01 {} .shopBlk02 { position: relative; background: transparent; margin: -664px 0 0;} .shopBlk02Wrap { position: relative; } .shopBlk02Wrap:before { content: ''; display: block; width: 100%; height: calc( 100% - 320px ); background: #F1E9E0; position: absolute; top: 0; left: 0; z-index: -2;} .shopBlk02:before, .shopBlk02:after { width: 100vw; height: 600px;} .shopBlk02:before { transform-origin: center top; transform: translateY(30%) skewY(17deg);} .shopBlk02:after { transform-origin: center top; bottom: 0; transform: translateY(5%) skewY(17deg);} .shopBlk02-01 { width: 780px; margin: 0 auto; position: relative; z-index: 1; padding: 156px 0 80px;} .shopBlk02-01-01 { background: rgba(255,255,255,0.8); padding: 1em;} .shopBlk02-02 { width: 950px; margin: 0 auto; position: relative; z-index: 1; } .shopBlk02-02 > ul {} .shopBlk02-02 > ul > li:nth-child(1) { margin-bottom: 0;} .shopBlk02-02 > ul > li:nth-child(1) img { width: 600px; } .shopBlk02-02 > ul > li:nth-child(2) { margin-top: -116px;} .shopBlk02-02 > ul > li:nth-child(2) img { width: 500px;} .shopBlk03 { position: relative; z-index: 1; padding: 0; width: 960px; margin: -100px auto 80px;} .shopBlk03Sub01 { font-size: 34px; line-height: 1.9; padding-left: 90px; letter-spacing: 0.2em; margin-bottom: 20px;} .shopBlk03 > ul { display: flex; flex-wrap: wrap;} .shopBlk03 > ul > li { width: calc( (100% - 30px)/3 ); margin: 15px 15px 0 0;} .shopBlk03 > ul > li:nth-child( -n + 2 ) { } .shopBlk03 > ul > li:nth-child( -n + 3 ) { margin-top: 0;} .shopBlk03 > ul > li:nth-child( 2n ) { margin-right: 15px;} .shopBlk03 > ul > li:nth-child( 3n ) { margin-right: 0;} .mapPare { padding-bottom: 400px;} .mapPare iframe, .mapPare object, .mapPare embed { } }