@charset "UTF-8";

/* sass */
.badscript { font-family: 'Bad Script', cursive; }

.mplus { font-family: 'M PLUS Rounded 1c', sans-serif; -webkit-transform: rotate(0.002deg); transform: rotate(0.002deg); }

.area-pagettl { background-color: #DCD8D2; padding-top: 60px; }

.area-pagettl .l-content { justify-content: center; }

.area-pagettl .l-content .pagettl { flex-grow: 1; flex-shrink: 0; order: 1; position: relative; z-index: 1; }

.area-pagettl .l-content .pagettl .hdg { font-size: 3.6rem; text-shadow: 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2; }

.area-pagettl .l-content .pagettl .hdg-sub { font-size: 1.2rem; margin-top: 18px; text-shadow: 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2,
 0 0 3px #DCD8D2; }

.area-pagettl .l-content .picts1 { order: 2; }

.area-pagettl .l-content .picts1 .pict-pagettl-1 { display: none; }

.area-pagettl .l-content .picts1 .pict-pagettl-2 { position: absolute; left: 5.6%; top: 60px; }

.area-pagettl .l-content .picts1 .pict-pagettl-3 { bottom: 58px; position: absolute; left: 11.733%; }

.area-pagettl .l-content .picts2 { order: 0; }

.area-pagettl .l-content .picts2 .pict-pagettl-4 { display: none; }

.area-pagettl .l-content .picts2 .pict-pagettl-5 { bottom: 58px; right: 6.4%; position: absolute; }

.area-pagettl .l-content .picts2 .pict-pagettl-6 { right: 9.0666%; position: absolute; top: 60px; }

.area-featured .box-mv { padding-bottom: 18px; }

.area-featured .box-mv .box-carousel { margin-left: 0; margin-right: 0; padding-top: 0; }

.area-featured .box-pickup { background-color: #DCD8D2; margin: 20px -16px 0; padding: 0 16px 40px; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link { background-color: #000; color: #fff; display: block; position: relative; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link::after { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; bottom: 0; content: ''; display: block; left: 17px; height: 30px; margin: auto 0; position: absolute; top: 0; width: 30px; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link img { opacity: .7; transition: opacity .2s ease; }

.area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { display: block; font-size: 2.4rem; left: 60px; margin: auto 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 850px) { .area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { font-size: 2rem; } }

@media all and (max-width: 767px) { .area-featured .box-pickup .pickup-list .pickup-item .pickup-link:active img { opacity: 1; } }

.area-featured .box-pickup .pickup-list .pickup-item + .pickup-item { margin-top: 5px; }

@media all and (max-width: 767px) { .area-news .box-news { border-color: #ddd; border-style: solid; border-width: 1px 0; margin: 30PX -16px 0; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl { color: #333; display: block; font-size: 1.6rem; font-weight: normal; padding: 16px 30px; position: relative; text-align: center; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::before, .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::after { background-color: #E60012; bottom: 0; content: ''; display: block; margin: auto; height: 11px; position: absolute; right: 20px; top: 0; transition: .2s ease; width: 1px; }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .area-news .box-news .wrap-btn-news-tgl .btn-news-tgl.accordionActive::before { height: 0; }
  .area-news .box-news .news-tgl { display: none; padding: 0 16px 20px; }
  .area-news .box-news .news-tgl.accordionActive { display: block; }
  .area-news .box-news .news-tgl .news-notice .hdg-wrap { display: none; } }

.area-news .box-jazennohweekly .jazennohweekly-link { background-color: #E3EBD6; color: #333; display: block; margin-top: 30px; padding: 20px; }

.area-news .box-jazennohweekly .jazennohweekly-link > .ttl { margin: 0 auto; width: 40%; }

.area-news .box-jazennohweekly .jazennohweekly-link > .pic { margin-left: 20px; }

.area-news .box-jazennohweekly .jazennohweekly-link > .summary { text-align: center; }

.area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt { display: inline-block; padding-left: 42px; position: relative; }

.area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 30px; position: absolute; top: 0; width: 30px; }

.area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt img { max-height: 32px; }

.area-news .box-jazennohweekly .jazennohweekly-link.icn-blank > .summary .ttl .ttl-txt::after { background: url(/shared/images/icn-blank.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 10px; }

.area-services .label-list, .area-products .label-list { margin-bottom: 6px; }

.area-services .label-list .label-item, .area-products .label-list .label-item { flex-grow: 0; flex-shrink: 0; padding-left: 2px; padding-right: 2px; width: 50px; }

.area-services .label-list .label-item .label-txt, .area-products .label-list .label-item .label-txt { font-size: 1rem; }

@media all and (max-width: 767px) { .area-services .link-thum-summary-list .link-item .link, .area-products .link-thum-summary-list .link-item .link { padding: 20px; }
  .area-services .link-thum-summary-list .link-item .link .thum, .area-products .link-thum-summary-list .link-item .link .thum { width: 120px; }
  .area-services .link-thum-summary-list .link-item .link .summary, .area-products .link-thum-summary-list .link-item .link .summary { padding: 0 0 0 20px; } }

@media all and (min-width: 768px) { .area-pagettl { background-color: #DCD8D2; min-height: 210px; padding-top: 45px; }
  .area-pagettl .l-content { justify-content: space-between; padding: 0 100px; position: static; }
  .area-pagettl .l-content .pagettl { flex-grow: 0; flex-shrink: 0; order: 1; padding: 0 3%; position: static; }
  .area-pagettl .l-content .pagettl .hdg-sub { line-height: 1.8; margin-top: 20px; }
  .area-pagettl .l-content .picts1 { align-items: flex-end; align-self: flex-end; display: flex; flex-flow: row nowrap; flex-shrink: 1; justify-content: space-between; order: 0; position: relative; width: 29%; }
  .area-pagettl .l-content .picts1 .pict-pagettl-1 { bottom: -10px; display: block; position: relative; right: auto; top: auto; }
  .area-pagettl .l-content .picts1 .pict-pagettl-2 { bottom: -20px; left: auto; position: relative; right: auto; top: auto; }
  .area-pagettl .l-content .picts1 .pict-pagettl-3 { bottom: 10px; display: block; left: auto; position: relative; }
  .area-pagettl .l-content .picts2 { align-items: flex-end; align-self: flex-end; display: flex; flex-flow: row nowrap; flex-shrink: 1; justify-content: space-between; order: 2; position: relative; width: 29%; }
  .area-pagettl .l-content .picts2 .pict-pagettl-4 { bottom: -15px; display: block; position: relative; }
  .area-pagettl .l-content .picts2 .pict-pagettl-5 { bottom: 15px; left: auto; position: relative; top: auto; }
  .area-pagettl .l-content .picts2 .pict-pagettl-6 { bottom: -15px; left: auto; position: relative; top: auto; }
  .area-featured .box-mv .mv-link { display: block; transition: opacity .2s ease; }
  .area-featured .box-mv .mv-link:hover { opacity: .7; }
  .area-featured .box-pickup { margin-left: 0; margin-right: 0; padding: 0 15px 50px; }
  .area-featured .box-pickup .pickup-list { display: flex; flex-flow: row nowrap; justify-content: space-between; }
  .area-featured .box-pickup .pickup-list .pickup-item { padding: 0 5px; width: calc((100% - 1px) / 3); }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link::after { left: 20px; }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link .pickup-link-txt { left: 70px; }
  .area-featured .box-pickup .pickup-list .pickup-item .pickup-link:hover img { opacity: 1; }
  .area-featured .box-pickup .pickup-list .pickup-item + .pickup-item { margin-top: 0; }
  .area-pagenav .anchor-list.equally { margin-left: auto; margin-right: auto; max-width: 476px; }
  .area-pagenav .anchor-list.equally > .anchor-item { width: 50%; }
  .area-news .box-news .wrap-btn-news-tgl { display: none; }
  .area-news .box-news .news-tgl { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row nowrap; justify-content: center; padding: 0 50px; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }
  .area-news .box-news .news-tgl > section { width: 100%; }
  .area-news .box-news .news-tgl > section .release-list { width: 100%; }
  .area-news .box-news .news-tgl .news-notice, .area-news .box-news .news-tgl .news-prefhq { flex-shrink: 0; padding: 0 25px; width: 50%; }
  .area-news .box-news .news-tgl .news-notice .hdg-wrap.lv5 .hdg, .area-news .box-news .news-tgl .news-prefhq .hdg-wrap.lv5 .hdg { font-size: 2rem; }
  .area-news .box-news .news-tgl .news-notice .tab-btn-list, .area-news .box-news .news-tgl .news-prefhq .tab-btn-list { align-items: stretch; flex-wrap: nowrap; justify-content: center; margin-left: 0; margin-right: 0; }
  .area-news .box-news .news-tgl .news-notice .tab-btn-list .tab-btn-item, .area-news .box-news .news-tgl .news-prefhq .tab-btn-list .tab-btn-item { flex-shrink: 1; margin: 0 10px; min-width: auto; width: 50%; }
  .area-news .box-news .btn-box .btn.more { border-width: 0 0 1px; min-width: auto; padding: 5px; }
  .area-news .box-news .btn-box .btn.more .btn-txt { font-size: 1.1rem; font-weight: bold; padding: 0 12px; }
  .area-news .box-jazennohweekly .jazennohweekly-link { align-items: center; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-top: 50px; padding: 10px 45px; transition: opacity .2s ease; }
  .area-news .box-jazennohweekly .jazennohweekly-link:hover { opacity: .5; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .ttl { margin: 0; width: 155px; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .pic { margin-left: 40px; width: 45%; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .summary { margin-left: 40px; text-align: left; width: auto; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt { display: inline-block; padding-left: 42px; position: relative; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt::before { background: url(/shared/images/icn-link-sq-arr.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; left: 0; height: 30px; position: absolute; top: 0; width: 30px; }
  .area-news .box-jazennohweekly .jazennohweekly-link > .summary .ttl .ttl-txt img { max-height: 32px; }
  .area-news .box-jazennohweekly .jazennohweekly-link.icn-blank > .summary .ttl .ttl-txt { padding-left: 55px; }
  .area-news .box-jazennohweekly .jazennohweekly-link.icn-blank > .summary .ttl .ttl-txt::after { background: url(/shared/images/icn-blank.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 8px; margin-right: 8px; vertical-align: middle; width: 10px; }
  .area-services .link-thum-summary-list > .link-item, .area-products .link-thum-summary-list > .link-item { margin-top: 35px; }
  .area-services .link-thum-summary-list > .link-item > .link > .summary::after, .area-products .link-thum-summary-list > .link-item > .link > .summary::after { -webkit-transform: translateY(36px); transform: translateY(36px); }
  .area-services .link-thum-summary-list > .link-item > .link > .summary > .ttl, .area-products .link-thum-summary-list > .link-item > .link > .summary > .ttl { font-size: 2rem; }
  .area-services .link-thum-summary-list > .link-item > .link > .summary > .cnt, .area-products .link-thum-summary-list > .link-item > .link > .summary > .cnt { font-size: 1.2rem; }
  .area-services .label-list, .area-products .label-list { margin-bottom: 10px; }
  .area-services .label-list .label-item, .area-products .label-list .label-item { padding-left: 6px; padding-right: 6px; width: 100px; }
  .area-services .label-list .label-item .label-txt, .area-products .label-list .label-item .label-txt { font-size: 1.2rem; } }