@charset "UTF-8";
.print_wrap .print_howto,
.print_wrap .main-contents-title{
    text-align: center;
}
.signal_demo_bottom.mobile_block,
.page-banner.mobile_block{
    display:none;
}
.item_detail a p{
    font-size: 13px;
    color: #000;
    padding: 10px 0 0;
}
.item_wrap .item_detail{
    width: 16%;
}
p.print_howto{
    font-size: 15px;
    padding: 0 0 20px;
}
.main-contents-title{
    margin: 0 0 10px;
}
#main-content{
    margin: 50px 0 0px;
}
.detail-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.circle-link a{
    font-size: 11px;
}
.detail-wrap .contents-block{
    width: 32.5%;
}

.print_sharts .item_wrap{
display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.print_sharts{
width: 100%;
    text-align: center;
    margin: 0px 0 0px;
}
.print-feature-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.detail-wrap .contents-block.block01{
    background: url(/demo/images/print_back01.png) no-repeat;
    background-position: bottom left;
}
.detail-wrap .contents-block.block02{
    background: url(/demo/images/print_back02.png) no-repeat;
    background-position: bottom left;
}
.detail-wrap .contents-block.block03{
    background: url(/demo/images/print_back03.png) no-repeat;
    background-position: bottom left;
}
.detail-wrap .contents-block.block04{
    background: url(/demo/images/print_back03.png) no-repeat;
    background-position: bottom left;
}
.detail-wrap .contents-block.block05{
    background: url(/demo/images/print_back04.png) no-repeat;
    background-position: bottom left;
}
.detail-wrap .contents-block.block06{
    background: url(/demo/images/print_back05.png) no-repeat;
    background-position: bottom left;
}
.feature-contents .square{
    font-size: 12px;
    padding: 0 0 15px;
}
.contents-block-title1{
    font-size: 15px;
    padding: 0 0 15px;
}
.contents-block .thumb{
    padding: 0 0 15px;
}
.contents-block .cart{
    width: 48%;
    height: auto;
}
.contents-block .feature-contents{
    width: 50%;
}
.contents-block .cart img{
    height: auto;
}

@media screen and (max-width: 768px) {
.bland_title.right{
    margin-left: 0px;
}
#orizin_content05 .bland_title.left,
#orizin_content03 .bland_title.left,
#orizin_block01 .bland_title.left{
    margin-right: 0px;
}
#orizin_content04 .bland_title.right{
    margin-left: 0px;
}

.signal_demo_bottom.mobile_block,
.page-banner.mobile_block{
    display:block;
}
.signal_demo_bottom.mobile_block img,
.page-banner.mobile_block img{
    display:block;
    margin:0 auto;
}
.signal_demo_bottom.pc_block,
.page-banner.pc_block{
    display:none;
}
.print_sharts {
    margin: 0px 0 50px;
padding: 0 10px;
}
.contents-block-title1 {
    font-size: 15px;
    padding: 0 0 10px;
}
.item_wrap .item_detail{
    width: 32%;
    margin: 0 0 10px;
}
#main-content {
    margin: 20px 0 50px;
}
.print_wrap{
    padding: 0 10px;
}
.main-contents-title {
        padding: 0;
    font-size: 18px;
}
.main-contents-title br{
    display:none;
}
.detail-wrap .contents-block {
    width: 48%;
    margin-bottom: 35px;
}
.print-feature-block{
    display: block!important;
}
.contents-block .feature-contents {
    width: auto;
}
.contents-block .cart {
    width: auto;
    padding: 20px 0 0;
    height: auto;
}
}


.oblique-pink {
  background-image: linear-gradient(-45deg, rgba(231, 114, 146, 0.3) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(231, 114, 146, 0.3) 50%, rgba(231, 114, 146, 0.3) 90%, rgba(255, 255, 255, 0.3) 90%);
  background-size: 5px 5px;
}

.oblique-beige {
  background-image: linear-gradient(-45deg, rgba(31, 31, 31, 0.04) 40%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0.04) 50%, rgba(31, 31, 31, 0.04) 50%, rgba(31, 31, 31, 0.04) 90%, rgba(255, 255, 255, 0.04) 90%);
  background-size: 5px 5px;
}

.oblique-beige-wide {
  background-image: linear-gradient(45deg, rgba(242, 241, 233, 0.2) 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(242, 241, 233, 0.2) 50%, rgba(242, 241, 233, 0.2) 75%, rgba(255, 255, 255, 0.2) 75%);
  background-size: 40px 40px;
}

.dot-green {
  background-image: radial-gradient(farthest-side at right top, rgba(16, 124, 100, 0.8), rgba(16, 124, 100, 0.8) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left bottom, rgba(16, 124, 100, 0.8), rgba(16, 124, 100, 0.8) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0));
  background-size: 2px 2px;
}

.dot-beige {
  background-image: radial-gradient(farthest-side at right top, #dbd9c1, #dbd9c1 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left bottom, #dbd9c1, #dbd9c1 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0));
  background-size: 2px 2px;
}

.dot-brown {
  background-image: radial-gradient(farthest-side at right top, #a69283, #a69283 1px, #4e2507 1px, #4e2507), radial-gradient(farthest-side at left bottom, #a69283, #a69283 1px, #4e2507 1px, #4e2507);
  background-size: 2px 2px;
}

body {
  background: url(/common/img/top/bg_header-top.jpg) no-repeat center top/cover fixed;
}

.global-header {
  position: static;
  height: 600px;
  background: rgba(0, 0, 0, 0.4) radial-gradient(rgba(43, 43, 43, 0.4) 33%, rgba(0, 0, 0, 0) 33%) repeat left top/6px 6px;
}

#main {
  padding-top: 0;
  background: #fff;
}

#main-contents {
  padding-top: 20px;
}

#side {
  padding-top: 20px;
}

.mv {
  position: absolute;
  top: 207px;
  right: 0;
  left: 0;
  width: 840px;
  margin: 0 auto;
}
.mv__arrow, .mv__arrow--prev, .mv__arrow--next {
  position: absolute;
  top: 0;
  width: 110px;
  height: 420px;
  color: #fff;
  cursor: pointer;
}
.mv__arrow::before, .mv__arrow--prev::before, .mv__arrow--next::before {
  top: 50%;
  margin-top: -0.5em;
  font-size: 2.8rem;
}
.mv__arrow--prev {
  left: -110px;
}
.mv__arrow--prev::before {
  left: 0;
}
.mv__arrow--next {
  right: -110px;
}
.mv__arrow--next::before {
  right: 0;
}
.mv .slick-track {
  height: 300px;
  overflow: hidden;
}

.top-news {
  position: absolute;
  top: 700px;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 calc(50% - 530px);
  background: #ebebeb;
}
.top-news__ttl {
  position: relative;
  width: 150px;
  margin-right: 20px;
  padding-right: 15px;
  font-size: 1.4rem;
}
.top-news__ttl::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 26px;
  margin-top: -13px;
  background: #242424;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.top-news__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 26px;
  border: 1px #242424 solid;
  color: #242424;
  font-size: 1.2rem;
  text-align: center;
  transition: background .3s, color .3s;
}
.top-news__btn:hover {
  background: #242424;
  color: #fff;
}

.top-news-list {
  display: flex;
  align-items: center;
  width: 770px;
  margin-right: 20px;
  font-size: 1.4rem;
}
.top-news-list__date {
  flex-shrink: 0;
  width: 65px;
  margin-right: 10px;
  color: #838383;
}
.top-news-list__link {
  color: #242424;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.important-info {
  display: flex;
  align-items: center;
  border: 1px #d42d26 solid;
  margin-bottom: 30px;
  padding: 15px;
}
.important-info__ttl {
  flex-shrink: 0;
  margin-bottom: 0.5em;
  color: #d42d26;
  font-size: 1.4rem;
  font-weight: bold;
}

.important-info-list {
  flex: 1 0 0%;
}

.important-info-list-item {
  display: flex;
  font-size: 1.4rem;
}
.important-info-list-item__date {
  flex-shrink: 0;
  width: 6.0em;
  color: #838383;
}
.important-info-list-item__ttl {
  flex: 1 0 0%;
  color: #242424;
}

.about-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.about-list__link, .about-list__link--large {
  display: block;
  width: 195px;
  margin-bottom: 20px;
}
.about-list__link--large {
  width: 100%;
}
.about-list img {
  width: 100%;
}

.top-campaign {
  position: relative;
  margin-bottom: 68px;
}
.top-campaign__ttl {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.top-campaign__ttl .txt {
  display: block;
  margin-top: 10px;
  padding-left: 0.1em;
  font-size: 1.2rem;
  letter-spacing: .1em;
}

.top-campaign-contents {
  padding: 105px 35px 30px;
  background: #e0cd3f;
  border: 10px rgba(255, 255, 255, 0.2) solid;
  border-radius: 5px;
}

.campaign-list {
  position: relative;
}
.campaign-list__arrow, .campaign-list__arrow--prev, .campaign-list__arrow--next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 35px;
  background: #e0cd3f;
  color: #fff;
}
.campaign-list__arrow::before, .campaign-list__arrow--prev::before, .campaign-list__arrow--next::before {
  top: 50%;
  width: 25px;
  height: 25px;
  margin-top: -0.5em;
  background: #9a8650;
  border-radius: 50%;
  cursor: pointer;
  font-size: 2.0rem;
  line-height: 25px;
  text-align: center;
}
.campaign-list__arrow--prev {
  left: -20px;
}
.campaign-list__arrow--prev::before {
  left: 0;
}
.campaign-list__arrow--next {
  right: -20px;
}
.campaign-list__arrow--next::before {
  right: 0;
}

.campaign-list-slider {
  margin-bottom: 18px;
}

.campaign-list-slider-link {
  position: relative;
  display: block;
  margin: 0 15px;
}
.campaign-list-slider-link::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + 15px);
  width: 1px;
  background: linear-gradient(#242424 25%, transparent 25%) repeat left top;
  background-size: 1px 4px;
  content: "";
}
.campaign-list-slider-link__img {
  margin-bottom: 5px;
}
.campaign-list-slider-link__date {
  color: rgba(36, 36, 36, 0.5);
  font-size: 1.2rem;
}
.campaign-list-slider-link__ttl {
  height: 5.1em;
  color: #383838;
  font-size: 1.4rem;
  line-height: 1.7;
}

.catalog-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 352px;
  height: 50px;
  margin: 0 auto;
  background: linear-gradient(172deg, #4f86b9 0%, #51bec3 100%);
  border-radius: 5px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}
.catalog-btn::before {
  top: 50%;
  right: 15px;
  width: 12px;
  height: 12px;
  padding-left: 2px;
  margin-top: -6px;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  color: #50bac2;
  font-size: 10px;
  text-align: center;
}

.top-section01 {
  position: relative;
  margin-bottom: 150px;
}
.top-section01__ttl {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.top-section01__ttl .eng {
  display: block;
  padding-left: 0.12em;
  font-family: 'Open Sans', sans-serif;
  font-size: 3.0rem;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-shadow: 2px 2px 0 #fff;
}
.top-section01__ttl .jpn {
  display: block;
  padding-left: 0.1em;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
.top-section01:last-of-type {
  margin-bottom: 0;
}

.top-section02 {
  position: relative;
  margin-bottom: 45px;
  padding-bottom: 20px;
  background: rgba(232, 238, 255, 0.69);
  border-radius: 5px;
}
.top-section02__ttl, .top-section02__ttl--scene, .top-section02__ttl--brand {
  position: relative;
  padding: 20px 100px;
  background: #cad8eb;
  color: #476998;
  font-size: 2.0rem;
  font-weight: bold;
}
.top-section02__ttl .icon, .top-section02__ttl--scene .icon, .top-section02__ttl--brand .icon {
  position: absolute;
  top: -3px;
  left: 20px;
  width: 60px;
  height: 95px;
  background: #476998;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.13);
  content: "";
  text-align: center;
}
.top-section02__ttl .icon::before, .top-section02__ttl--scene .icon::before, .top-section02__ttl--brand .icon::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 4px;
  border-top: 1px #fff dashed;
  border-bottom: 1px #fff dashed;
  content: "";
}
.top-section02__ttl--scene .icon {
  padding-top: 31px;
}
.top-section02__ttl--scene .icon img {
  width: 31px;
}
.top-section02__ttl--brand .icon {
  padding-top: 32px;
}
.top-section02__ttl--brand .icon img {
  width: 35px;
}
.top-section02__btn {
  position: absolute;
  top: 22px;
  right: 20px;
  display: block;
  width: 100px;
  padding: 3px 0;
  border: 1px #242424 solid;
  color: #242424;
  font-size: 1.2rem;
  text-align: center;
  transition: background .3s, color .3s;
}
.top-section02__btn:hover {
  background: #242424;
  color: #fff;
}

.top-category {
  padding: 64px 20px 40px;
  background: #d4dce4;
  border-radius: 5px;
}

.top-category-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.top-category-list-link {
  display: block;
  width: 184px;
  margin-bottom: 20px;
  color: #242424;
}
.top-category-list-link:nth-of-type(1) .top-category-list-link__img img {
  width: 156px;
}
.top-category-list-link:nth-of-type(2) .top-category-list-link__img img {
  width: 152px;
}
.top-category-list-link:nth-of-type(3) .top-category-list-link__img img {
  width: 132px;
}
.top-category-list-link:nth-of-type(4) .top-category-list-link__img img {
  width: 151px;
}
.top-category-list-link:nth-of-type(5) .top-category-list-link__img img {
  width: 130px;
}
.top-category-list-link:nth-of-type(6) .top-category-list-link__img img {
  width: 110px;
}
.top-category-list-link:nth-of-type(7) .top-category-list-link__img img {
  width: 100px;
}
.top-category-list-link:nth-of-type(8) .top-category-list-link__img img {
  width: 133px;
}
.top-category-list-link__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 184px;
  margin-bottom: 16px;
  box-shadow: -3px -3px 2px rgba(255, 255, 255, 0.3), 3px 3px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.top-category-list-link__ttl {
  display: table;
  height: 22px;
  border-radius: 11px;
  margin: 0 auto 5px;
  padding: 1px 12px;
  background: #fff;
  font-size: 1.4rem;
}
.top-category-list-link__txt {
  font-size: 1.4rem;
  line-height: 1.7;
}

.scene-list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 0 20px;
}

.scene-list-link {
  width: 151px;
  margin-top: 25px;
  margin-right: 11px;
}
.scene-list-link::nth-of-type(5n) {
  margin-right: 0;
}
.scene-list-link__img {
  margin-bottom: 15px;
}
.scene-list-link__ttl {
  color: #242424;
  font-size: 1.4rem;
  text-align: center;
}

.bland-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 800px;
  margin: 40px auto 0;
  padding: 25px 10px 5px;
  background: #fff;
}
.bland-list__link {
  display: block;
  width: 130px;
  padding: 0 2%;
  margin-bottom: 20px;
}

.top-pickup {
  margin-bottom: 64px;
}
.top-pickup__ttl {
  position: relative;
  margin-bottom: 22px;
  padding-bottom: 8px;
  border-bottom: 6px #b4b4b4 solid;
}
.top-pickup__ttl::before {
  position: absolute;
  top: 0;
  right: 0;
  color: #b4b4b4;
  content: attr(data-en);
  font-family: 'Open Sans', sans-serif;
  font-size: 5.0rem;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.25em;
  line-height: .75;
}
.top-pickup__ttl span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #476998;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.top-pickup__ttl span::after {
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #476998;
  content: "";
}

.recommend-nav {
  display: flex;
}
.recommend-nav__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 25%;
  padding: 10px 0 15px;
  background: rgba(232, 238, 255, 0.69);
  border: 1px #fff solid;
  border-radius: 5px;
  color: #476998;
  cursor: pointer;
  text-align: center;
}
.recommend-nav__item.is-current {
  background: #476998;
  color: #fff;
  border-color: #476998;
  border-radius: 0;
}
.recommend-nav__item::before {
  position: static;
  display: block;
  margin-bottom: 5px;
  font-family: 'origin' !important;
  line-height: 1.0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.8rem;
}
.recommend-nav__item:nth-of-type(1)::before {
  content: "\e91b";
}
.recommend-nav__item:nth-of-type(2)::before {
  content: "\e919";
}
.recommend-nav__item:nth-of-type(3)::before {
  content: "\e91a";
}
.recommend-nav__item:nth-of-type(4)::before {
  content: "\e916";
}
.recommend-nav__item .description {
  margin-bottom: 5px;
  font-size: 1.2rem;
}
.recommend-nav__item .ttl {
  font-size: 1.4rem;
  font-weight: bold;
}

.recommend-contents {
  display: none;
}

.recommend-contents-list {
  display: flex;
  padding: 20px 0;
  border: 3px #476998 solid;
}

.recommend-contents-list-item {
  display: block;
  width: 25%;
  padding: 0 1.19%;
  border-right: 3px #eaeaea solid;
}
.recommend-contents-list-item:nth-of-type(4n) {
  border-right: none;
}
.recommend-contents-list-item__img {
  margin-bottom: 10px;
}
.recommend-contents-list-item__brand {
  color: #838383;
  font-size: 1.2rem;
}
.recommend-contents-list-item__name {
  margin-bottom: 5px;
  color: #242424;
  font-size: 1.4rem;
  line-height: 1.7;
}
.recommend-contents-list-item__price .price-tag {
  color: #252525;
  font-size: 2.4rem;
  font-weight: bold;
}
.recommend-contents-list-item__price .other-txt {
  color: #666;
  font-size: 1.2rem;
}

.case-list {
  display: flex;
  flex-wrap: wrap;
}

.case-list-link {
  display: block;
  width: 266px;
  margin-right: 21px;
  margin-bottom: 30px;
  line-height: 1.8;
}
.case-list-link:nth-of-type(3n) {
  margin-right: 0;
}
.case-list-link__img {
  margin-bottom: 5px;
}
.case-list-link__name {
  color: #242424;
  font-size: 1.4rem;
}
.case-list-link__name::before {
  content: "団体名：";
}
.case-list-link__ttl {
  color: #242424;
  font-size: 1.4rem;
}
.case-list-link__ttl::before {
  content: "制作物：";
}

.top-note {
  padding: 76px 50px 50px;
  background: #e8eeff;
  border-radius: 5px;
}

.top-note-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
.top-note-header__contents {
  width: 400px;
}
.top-note-header__contents p {
  margin-bottom: 1.7em;
  color: #163b5d;
  font-size: 1.4rem;
  line-height: 1.7;
}
.top-note-header__img {
  width: 320px;
}

.top-meeting {
  margin-bottom: 20px;
  padding: 30px;
  background: #fff;
}
.top-meeting__ttl {
  margin-bottom: 10px;
  color: #163b5d;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.top-meeting__txt {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.7;
}
.top-meeting .catalog-btn {
  margin-bottom: 30px;
}
.top-meeting hr {
  border-color: #BFBFBF;
  margin: 20px 0;
}

.shop-info {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(#163b5d 25%, transparent 25%) repeat-y center top/1px 4px;
}

.shop-info-block {
  width: 320px;
}
.shop-info-block__img {
  margin-bottom: 10px;
}
.shop-info-block__name {
  margin-bottom: 5px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.shop-info-block__address {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}
.shop-info-block__contact {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}
.shop-info-block__contact .tel {
  position: relative;
  margin-right: 1.5em;
  padding-right: 1.5em;
}
.shop-info-block__contact .tel::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 1px;
  background: #242424;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.shop-info-block__runtime {
  font-size: 1.1rem;
  line-height: 1.7;
  text-align: center;
}
.shop-info-block__runtime .notice {
  display: block;
  font-size: 1.0rem;
}
.shop-info-block.tokyo {
  display: flex;
  align-items: center;
  justify-content: center;
}