/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   display: block
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background-color: transparent
}

a:active,
a:hover {
   outline: 0
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
strong {
   font-weight: bold
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sup {
   top: -0.5em
}

sub {
   bottom: -0.25em
}

img {
   border: 0
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0
}

pre {
   overflow: auto
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0
}

input {
   line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   height: auto
}

input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
}

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

legend {
   border: 0;
   padding: 0
}

textarea {
   overflow: auto
}

optgroup {
   font-weight: bold
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

td,
th {
   padding: 0
}

* {
   box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li {
   margin: 0;
   padding: 0;
   font-weight: normal;
}

li {
   list-style: none;
}

th {
   text-align: left;
   font-weight: normal;
}

img {
   vertical-align: bottom;
}

a {
   color: inherit;
   text-decoration: none;
}

.strong {
   color: #d94b70;
   font-family: inherit;
}

.animation-thumbnail {
   overflow: hidden;
}

.animation-thumbnail img {
   margin: 0 auto;
   -webkit-transition: -webkit-transform 1s ease;
   transition: transform 1s ease;
}

a:hover .animation-thumbnail img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}

[aria-hidden="true"] {
   display: none;
}

html {
   font-size: 62.5%;
}

body {
   margin: 0;
   color: #444;
   font-size: 1rem;
   font-family: "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   line-height: 1;
}

/* ヘッダー */
#header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: #fff;
   min-height: 70px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   z-index: 10000;
}

.ie9 #header {
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
   border-bottom: 1px solid #efefef;
}

.header-inner {
   position: relative;
   text-align: center;
   height: 70px;
   margin: 0 auto;
}

#header-logo {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -14px 0 0 -96px;
   width: 192px;
   height: 28px;
   background: url(/img/pc/common/sprite.png) 0 0;
   border: 0;
   text-shadow: none;
   text-indent: -10000px;
}


#header-menu-button {
   display: block;
   position: absolute;
   top: 27px;
   left: 30px;
   width: 26px;
   height: 22px;
   z-index: 101;
}

/*2本目*/
#header-menu-button>i {
   width: 100%;
   height: 2px;
   display: inline-block;
   background-color: #000;
   margin-top: 0px;
   margin-bottom: 0;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;

}

/*1本目*/
#header-menu-button:before {
   content: "";
   height: 2px;
   width: 100%;
   display: inline-block;
   background-color: #000;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

/*3本目*/
#header-menu-button:after {
   content: "";
   height: 2px;
   width: 100%;
   display: inline-block;
   background-color: #000;
   position: absolute;
   bottom: 6px;
   left: 0;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

#header-menu-button[aria-selected="false"]:hover:before {
   -webkit-animation: barUp 0.5s ease forwards;
   animation: barUp 0.5s ease forwards;
}

#header-menu-button[aria-selected="false"]:hover:after {
   -webkit-animation: barDown 0.5s ease forwards;
   animation: barDown 0.5s ease forwards;
}

@-webkit-keyframes barUp {
   0% {}

   50% {
      margin-top: -2px;
   }

   100% {
      margin: 0;
   }
}

@keyframes barUp {
   0% {}

   50% {
      margin-top: -2px;
   }

   100% {
      margin: 0;
   }
}

@-webkit-keyframes barDown {
   0% {}

   50% {
      margin-bottom: -2px;
   }

   100% {
      margin: 0;
   }
}

@keyframes barDown {
   0% {}

   50% {
      margin-bottom: -2px;
   }

   100% {
      margin: 0;
   }
}

/*close*/
#header-menu-button[aria-selected="true"]:before {
   width: 80%;
   -webkit-transform: translate(3px, 7px) rotate(-45deg);
   -ms-transform: translate(3px, 7px) rotate(-45deg);
   transform: translate(3px, 7px) rotate(-45deg);
}

#header-menu-button[aria-selected="true"]>i {
   opacity: 0;
}

#header-menu-button[aria-selected="true"]:after {
   width: 80%;
   -webkit-transform: translate(3px, -7px) rotate(45deg);
   -ms-transform: translate(3px, -7px) rotate(45deg);
   transform: translate(3px, -7px) rotate(45deg);
}

/**
 * グローバルヘッダー サイトナビ
 */
.header-site-nav {
   float: right;
   margin: 30px 20px;
}

.header-site-nav li {
   display: inline-block;
   font-size: 10px;
   white-space: nowrap;
}

.header-site-nav li a {
   display: inline-block;
}

.header-nav li {
   white-space: nowrap;
}

.header-nav li a {
   display: inline-block;
}

.header-nav li a:hover,
.header-site-nav li a:hover {
   text-decoration: underline;
}

/**
 * グローバルヘッダー サブヘッダー
 */
#header-menu {
   text-align: center;
   background: #fff;
   padding: 30px 0 36px;
}

#header-menu[aria-hidden="true"] {}

#header-menu>ul {
   display: inline-block;
}

#header-menu>ul li {
   display: inline-block;
}

#header-menu>ul li+li {
   margin-right: 0;
}

.header-sns,
.header-sns p,
.header-sns ul {
   display: inline-block;
}

.header-sns {
   position: relative;
   margin-left: 20px;
   padding-left: 40px;
}

.header-sns:before {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 13px;
   background: #000;
   content: "";
}

.header-sns ul {
   margin-left: 20px;
   height: 10px;
}

.header-sns li {
   display: inline-block;
   position: relative;
   margin-left: 22px;
   height: 10px;
}

.header-sns li a {
   position: absolute;
   margin-top: -2px;
}

/**
 * グローバルフッター
 */
.footer {
   overflow: hidden;
   position: relative;
   background: #fafafa;
   color: #222;
   text-align: left;
}

.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.cp_breadcrumb-wrapper {
   width: 100%;
   background: #efefef;
}

.cp_breadcrumb {
   margin: 1em auto 0;
   padding: 1em 2em 1em 30px;
   /* color: #fff; */
   position: relative;
   min-width: 1024px;
   max-width: 1360px;
   margin: 0 auto;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cp_breadcrumb a {
   text-decoration: none;
   /* color: #7986CB; */
}

.cp_breadcrumb .breadcrumbs {
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
   list-style: none;
}

.breadcrumbs::-webkit-scrollbar {
   height: 2px;
}

.breadcrumbs::-webkit-scrollbar-track {
   background-color: #FFF;
}

.breadcrumbs::-webkit-scrollbar-thumb {
   background-color: rgba(238, 238, 238, 0.8);
}

.cp_breadcrumb li {
   display: inline-block;
   position: relative;
   padding-right: calc(16px + 8px);
   margin-right: 8px;
   /* color: #7986CB; */
}

.cp_breadcrumb li::before {
   content: '›';
   width: 1em;
   height: 1em;
   line-height: 1;
   text-align: center;
   font-size: 1em;
   color: inherit;
   position: absolute;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}

.cp_breadcrumb li:last-child {
   margin-right: 0;
   padding-right: 0;
   /* color: #ffffff; */
}

.cp_breadcrumb li:last-child::before {
   content: normal;
}


.footer-inner {
   position: relative;
   min-width: 1024px;
   max-width: 1390px;
   margin: 0 auto;
}

.footer-nav {
   overflow: hidden;
   margin: 0 20px 0 30px;
}

.footer-nav a:hover,
.footer-nav-body a:hover {
   text-decoration: underline;
}

.footer-nav>li {
   position: relative;
   float: left;
   line-height: 80px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: 500;
   font-style: normal;
}

.footer-nav li[aria-selected="true"] {
   background: #f0f0f0;
}

.footer-nav-provacy,
.footer-nav-sitemap,
.footer-nav-contact {
   margin-right: 2.0%;
}

.footer-nav-gallery,
.footer-nav .footer-nav-blog,
.footer-nav .footer-nav-follow,
.footer-nav .footer-nav-area,
.footer-nav .footer-nav-service,
.footer-nav .footer-nav-group,
.footer-nav .footer-nav-hall {
   margin: 0;
   padding-left: 1.29%;
}

.footer-nav-blog {
   width: 70px;
}

.footer-nav-follow {
   width: 109px;
}

.footer-nav-area {
   width: 108px;
}

.footer-nav-service {
   width: 126px;
}

.footer-nav-group {
   width: 106px;
}

.footer-nav-group {
   width: 106px;
}

.footer-nav-gallery {
   width: 190px;
}

.footer-nav-hall {
   width: 130px;
}

.footer-nav .footer-nav-blog::before {
   display: block;
   position: absolute;
   top: 33px;
   left: -1px;
   width: 1px;
   height: 13px;
   background: #000;
   content: "";
}

.footer-nav .footer-nav-area::before {
   display: block;
   position: absolute;
   top: 33px;
   left: -1px;
   width: 1px;
   height: 13px;
   background: #000;
   content: "";
}

.footer-copyright {
   text-align: center;
   line-height: 40px;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   display: block;
   font-style: normal;
}

/**
 * グローバルフッター　開閉部分
 */

[data-footer-toggle-content] {
   display: none;
}

[data-footer-toggle-content][aria-selected="true"] {
   display: block;
}

.footer-nav-body {
   display: none;
   min-height: 226px;
   font-size: 12px;
   background: #f0f0f0;
}

.footer-nav-body-inner {
   margin: 0 auto;
   width: 100%;
   padding: 36px 60px;
}

.footer-blog {
   overflow: hidden;
}

.footer-blog li {
   float: left;
}

.footer-blog li+li {
   margin-left: 50px;
}

.footer-blog b {
   display: block;
   font-weight: bold;
   margin-bottom: 10px;
}

.footer-follow ul {
   margin-top: 30px;
}

.footer-follow li {
   position: relative;
   float: left;
}

.footer-facebook {
   padding-left: 16px;
}

.footer-youtube {
   padding-left: 29px;
   margin-left: 60px;
}

.footer-instagram {
   padding-left: 29px;
   margin-left: 60px;
}

.footer-follow span {
   position: absolute;
   top: 0;
   left: 0;
}

.footer-group-company {
   width: 640px;
}

.footer-nav-body-title {
   font-weight: bold;
   margin-bottom: 3px;
   margin-top: 10px;
}

.footer-nav-body-row {
   overflow: hidden;
}

.footer-nav-body-row+.footer-nav-body-row {
   margin-top: 30px;
}

.footer-nav-body-block {
   float: left;
}

.footer-nav-body-block.left {}

.footer-nav-body-block+.footer-nav-body-block {
   margin-left: 30px;
}

.footer-nav-body-block p {
   line-height: 1.75;
}


.footer-service .footer-nav-body-block {
   width: 39.2%;
   max-width: 576px;
}

.footer-service .footer-nav-body-block+.footer-nav-body-block {
   width: 58%;
   margin-left: 2.12%;
}

.footer-group-site .footer-nav-body-block {
   width: 20%;
}

.footer-group-site .footer-nav-body-block+.footer-nav-body-block {
   width: 47%;
}


.footer-group-site .footer-nav-body-block+.footer-nav-body-block+.footer-nav-body-block {
   width: 23%;
}

.footer-gallery ul {
   overflow: hidden;
   margin-top: 30px;
}

.footer-gallery li {
   float: left;
}

.footer-gallery li+li {
   margin-left: 50px;
}

/**
 * アイコン
 */
.icon-facebook,
.icon-instagram,
.icon-youtube {
   display: inline-block;
   background-image: url(/img/pc/common/sprite.png);
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

.icon-facebook {
   width: 7px;
   height: 14px;
   background-position: 0 -50px;
}

.icon-youtube {
   width: 18px;
   height: 13px;
   background-position: -10px -50px;
}

.icon-instagram {
   width: 20px;
   height: 16px;
   background-position: 6px -70px;
}

/* 矢印 */
.angle-down {
   display: inline-block;
   margin: -3px 9px 0 0;
   width: 9px;
   height: 5px;
   background: url(/img/pc/common/sprite.png) -90px -60px;
   vertical-align: middle;
}

.angle-right-pink {
   display: inline-block;
   width: 5px;
   height: 9px;
   background: url(/img/pc/common/sprite.png) -80px -50px;
}

.angle-up-pink {
   display: inline-block;
   width: 9px;
   height: 5px;
   background: url(/img/pc/common/sprite.png) -90px -50px;
}

.angle-right-s {
   display: inline-block;
   margin-top: -3px;
   width: 6px;
   height: 7px;
   background: url(/img/pc/common/sprite.png) -80px -80px;
   vertical-align: middle;
}

.angle-right {
   display: inline-block;
   width: 5px;
   height: 9px;
   background: url(/img/pc/common/sprite.png) -80px -64px;
   vertical-align: middle;
}

.angle-up {
   display: inline-block;
   width: 9px;
   height: 5px;
   background: url(/img/pc/common/sprite.png) -90px -69px;
   vertical-align: middle;
}

.angle-bottom {
   display: inline-block;
   width: 9px;
   height: 5px;
   background: url(/img/pc/common/sprite.png) -90px -60px;
   vertical-align: middle;
}

.angle-right-grey-l {
   display: inline-block;
   width: 16px;
   height: 29px;
   background: url(/img/pc/common/sprite.png) -100px -50px;
}

.icon-youtube-s {
   display: inline-block;
   margin-top: -3px;
   width: 13px;
   height: 9px;
   background: url(/img/pc/common/sprite.png) -225px -75px;
   vertical-align: middle;
}

/**
 * 各ページ共通
 */
.page-title {
   text-align: center;
   font-size: 20px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   margin-bottom: 20px;
   letter-spacing: 3.4px;
}

.page-title small {
   display: block;
   margin-top: 5px;
   color: #666;
   font-size: 12px;
}

.page-lead {
   margin-bottom: 70px;
   color: #444;
   font-size: 16px;
   line-height: 1.5;
   text-align: center;
}

.page-subtitle {
   margin: 40px 0 20px;
   font-size: 14px;
   line-height: 1.5;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.page-sublead {
   margin-bottom: 25px;
   font-size: 14px;
   line-height: 1.6;
   text-align: center;
}

.footer-title {
   margin: 50px 0 20px;
   font-size: 14px;
   line-height: 1.5;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.footer-lead {
   margin-bottom: 25px;
   font-size: 14px;
   line-height: 1.6;
   text-align: center;
}

.button {
   display: block;
   margin: 0 auto;
   width: 200px;
   height: 40px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: none;
   border: 1px solid #000;
   text-align: center;
   font-size: 12px;
   line-height: 40px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}


.button2 {
   width: 230px;
}

.button+.button {
   margin-top: 40px;
}

.button:hover {
   border: 1px solid #fff !important;
   background: #000 !important;
   color: #fff !important;
}

.button-white {
   display: block;
   margin: 0 auto;
   width: 160px;
   height: 40px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: none;
   border: 1px solid #fff;
   color: #fff;
   text-align: center;
   font-size: 10px;
   line-height: 40px;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
}

.button:hover {
   border: 1px solid #000;
   background: #fff;
   color: #000;
}

.pager+.button {
   margin: 40px auto 50px;
}

/* ページャー */
.pager {
   position: relative;
   height: 70px;
   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;
   font-size: 0;
   text-align: center;
}

.pager-inner {
   position: relative;
   margin: 0 auto;
   width: 1050px;
}

.pager li {
   display: inline-block;
   line-height: 70px;
   font-size: 15px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.pager li[aria-selected="true"] {
   padding: 0 28px;
}

.pager li a {
   display: block;
   padding: 0 28px;

}

.pager li:hover {
   text-decoration: underline;
}

.pager li[aria-selected="true"] {
   color: #d94b70;
   text-decoration: underline;
}

.pager-prev,
.pager-next {
   display: block;
   position: absolute;
   top: 50%;
   margin-top: -16px;
   width: 32px;
   height: 32px;
   background-image: url(/img/pc/common/sprite.png);
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.pager-prev:before,
.pager-next:before {
   position: absolute;
   top: 0;
   line-height: 32px;
   font-size: 10px;
   color: #d94b70;
}

.pager-prev:before {
   content: "BACK";
}

.pager-next:before {
   content: "NEXT";
}

.pager-prev:before {
   left: 60px;
}

.pager-next:before {
   right: 60px;
}

.pager-prev {
   left: 160px;
   background-position: 0 -100px;
}

.pager-next {
   right: 160px;
   background-position: -50px -100px;
}

.pager-prev:hover {
   background-position: 0 -150px;
}

.pager-next:hover {
   background-position: -50px -150px;
}

.pager li {
   display: inline-block;
}

.article .pager {
   border: 0;
   margin: 75px auto 115px;
   width: 700px;
}

.article .pager-prev {
   left: 10px;
   background-position: 0 -100px;
}

.article .pager-next {
   right: 10px;
   background-position: -50px -100px;
}

/**
 * シェアモジュール
 */
.share {
   margin: 50px 0 40px;
}

.share h2,
.share-vertical h2 {
   color: #222;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   font-size: 1.17em;
}

.share h3,
.share-vertical h3 {
   color: #222;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.share .share-buttons {
   overflow: hidden;
   margin-top: 25px;
}

.share .share-buttons li {
   display: inline-block;
}

.share .share-buttons li+li {
   margin-left: 16px;
}

.share-vertical {
   position: absolute;
   z-index: 1;
}

.share-vertical li {
   margin-top: 15px;
   display: block;
}

.icon-share-facebook,
.icon-share-twitter,
.icon-share-gplus,
.icon-share-pinterest {
   display: inline-block;
   width: 36px;
   height: 36px;
   background-image: url(/img/pc/common/sprite.png);
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

.icon-share-facebook {
   background-position: -100px -100px;
}

.icon-share-twitter {
   background-position: -150px -100px;
}

.icon-share-gplus {
   background-position: -200px -100px;
}

.icon-share-pinterest {
   background-position: -250px -100px;
}

.icon-share-facebook:hover {
   background-position: -100px -150px;
}

.icon-share-twitter:hover {
   background-position: -150px -150px;
}

.icon-share-gplus:hover {
   background-position: -200px -150px;
}

.icon-share-pinterest:hover {
   background-position: -250px -150px;
}


/**
 * トップ共通
 */
#main {
   /*padding-top: 70px;*/
   width: 100%;
}

#mainBg {
   position: fixed;
   top: 0;
   left: 0;
   display: block;
   background: #fff;
   width: 100%;
   height: 100%;
}

[data-section] {
   position: relative;
   text-align: center;
}

#resultsCounter,
#satisfactionCounter,
#produceCounter {
   opacity: 0;
}

/**
 * トップ
 */
.top {
   background: url(/img/pc/top/bg-1.png) no-repeat;
   background-size: cover;
}

.top-title {
   margin-top: 100px;
   font-size: 8.8rem;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.top-title-the {
   display: block;
   margin: 15px auto 30px;
   width: 147px;
   height: 33px;
   background: url(/img/pc/common/sprite.png) -150px -50px;
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

#top-title-words {
   height: 160px;
   overflow: hidden;
}

.top-keyword {
   font-size: 160px;
   color: rgba(217, 75, 112, .9);
   text-shadow: 2px 2px 2px #f6f6f6, 0 0 0 #000, 2px 2px 2px #f6f6f6;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.top-keyword .black {
   color: #000;
}

.top-lead {
   margin-top: 70px;
   font-size: 25px;
   text-align: center;
}

.top-lead span {
   color: #d94b70;
}

.button-start-now {
   position: relative;
   display: block;
   margin: 50px auto 0;
   width: 160px;
   height: 40px;
   line-height: 40px;
   border: 1px solid #000;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   cursor: pointer;
   font-size: 10px;
   text-decoration: none;
}

.button-start-now:hover {
   color: #fff;
   background: #000;
   border: 1px solid #fff;
}

.notfound-nav li a.button-start-now {
   text-decoration: none;
}

.notfound-nav li:nth-child(2) a.button-start-now {
   margin: 0 46px;
}

.long-arrow-down {
   display: block;
   position: absolute;
   top: 39px;
   left: 50%;
   margin-left: -3px;
   width: 7px;
   height: 29px;
   background: url(/img/pc/common/sprite.png) -120px -50px;
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}


.button-next-slide {
   margin: 40px 0;
   text-align: center;
   cursor: pointer;
}

.long-arrow-down-black,
.long-arrow-down-white {
   display: inline-block;
   width: 7px;
   height: 29px;
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

.long-arrow-down-black {
   background: url(/img/pc/common/sprite.png) -120px -50px;
}

.long-arrow-down-white {
   background: url(/img/pc/common/sprite.png) -130px -50px;
}


/**
* トップ results
*/
.results .fp-tableCell {
   display: block;
}

.results-title-1 {
   padding-top: 140px;
   font-size: 20px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.results-title-1 span {
   margin: 0 20px;
   font-size: 58px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.results-title-2 {
   display: block;
   margin: 15px 0 25px;
   font-size: 26px;
}

.results-thumbnails {
   overflow: hidden;
   display: block;
   width: 105%;
   height: 100%;
   margin-left: -17.5px;
   font-size: 0;
   text-align: left;
}

.results-thumbnails p {
   float: left;
   width: 25px;
   height: 25px;
   box-sizing: content-box;
   padding: 5px 0 0 5px;
   opacity: 0;
}

.results-box {
   position: absolute;
   left: 50%;
   bottom: 0;
   padding-top: 30px;
   width: 38%;
   background: #fff;
}

.results-box-title {
   font-size: 14px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.results-box-title strong {
   margin: 20px 0 15px;
}

.results-box .button {
   margin: 25px auto 40px;
}

.results-count {
   display: block;
   margin: 10px 0;
   font-size: 52px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.results-lead {
   margin-top: 25px;
   font-size: 15px;
   line-height: 1.4;
}

/**
 * トップ satisfaction
 */

.satisfaction {
   background: url(/img/pc/top/bg-1.png) no-repeat;
   background-size: cover;
}

.satisfaction-title strong,
.satisfaction-title-ja,
.satisfaction-title-en {
   display: block;
}

.satisfaction-title .satisfaction_head {
   font-size: 50px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.satisfaction-title-ja {
   margin: 10px 0 15px;
   font-size: 24px;
}

.satisfaction-title-en {
   font-size: 14px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.satisfaction-bubble {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 886px;
   height: 625px;
   font-size: 11px;
}

.satisfaction-bubble-inner {
   position: absolute;
   width: 100%;
   left: 0;
   top: 50%;
}

.satisfaction-bubble .button-next-slide {
   position: absolute;
   width: 100%;
   bottom: -40px;
   margin: 0;
}

.bubble {
   opacity: 0;
   -webkit-transition: -webkit-transform 1s ease;
   transition: transform 1s ease;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.bubble-loaded .bubble:hover {
   -webkit-animation: hover 1s ease infinite;
   animation: hover 1s ease infinite;
}

@-webkit-keyframes hover {
   0% {}

   50% {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
   }

   100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }
}

@keyframes hover {
   0% {}

   50% {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
   }

   100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
   }
}

.bubble-s,
.bubble-m,
.bubble-l,
.bubble-yet {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 50%;
   text-align: center;
   -webkit-transition: all .2s ease;
   transition: all .2s ease;
}

.bubble-s,
.bubble-m,
.bubble-l {
   border: 1px solid #c3c3c3;
   color: #999;
}

.bubble-s:hover,
.bubble-m:hover,
.bubble-l:hover {
   color: #d94b70;
   border: 1px solid #d94b70;
}

.bubble-yet {
   width: 88px;
   height: 88px;
   line-height: 88px;
   color: #fff;
   background: #d94b70;
}

.bubble-s {
   width: 63px;
   height: 63px;
   line-height: 63px;
}

.bubble-m {
   width: 88px;
   height: 88px;
   line-height: 88px;
}

.bubble-l {
   width: 132px;
   height: 132px;
   line-height: 132px;
}

.bubble-yet {
   top: 393px;
   left: 179px;
}

.bubble-satisfied {
   top: 71px;
   left: 577px;
}

.bubble-pleasure {
   top: 406px;
   left: 628px;
}

.bubble-amazing {
   top: 207px;
   left: 0;
}

.bubble-joy {
   top: 70px;
   left: 82px;
}

.bubble-happy {
   top: 474px;
   left: 72px;
}

.bubble-great {
   top: 492px;
   left: 399px;
}

.bubble-good {
   top: 290px;
   left: 777px;
}

.bubble-m-1 {
   top: 235px;
   left: 166px;
}

.bubble-m-2 {
   top: 0;
   left: 292px;
}

.bubble-m-3 {
   top: 60px;
   left: 451px;
}

.bubble-m-4 {
   top: 538px;
   left: 245px;
}

.bubble-m-5 {
   top: 77px;
   left: 733px;
}

.bubble-m-6 {
   top: 225px;
   left: 654px;
}

.bubble-s-1 {
   top: 102px;
   left: 6px;
}

.bubble-s-2 {
   top: 345px;
   left: 13px;
}

.bubble-s-3 {
   top: 394px;
   left: 80px;
}

.bubble-s-4 {
   top: 40px;
   left: 175px;
}

.bubble-s-5 {
   top: 161px;
   left: 137px;
}

.bubble-s-6 {
   top: 333px;
   left: 134px;
}

.bubble-s-7 {
   top: 82px;
   left: 229px;
}

.bubble-s-8 {
   top: 490px;
   left: 187px;
}

.bubble-s-9 {
   top: 72px;
   left: 368px;
}

.bubble-s-10 {
   top: 2px;
   left: 404px;
}

.bubble-s-11 {
   top: 3px;
   left: 523px;
}

.bubble-s-12 {
   top: 3px;
   left: 653px;
}

.bubble-s-13 {
   top: 183px;
   left: 753px;
}

.bubble-s-14 {
   top: 210px;
   left: 825px;
}

.bubble-s-15 {
   top: 330px;
   left: 670px;
}

.bubble-s-16 {
   top: 390px;
   left: 760px;
}

.bubble-s-17 {
   top: 480px;
   left: 766px;
}

.bubble-s-18 {
   top: 551px;
   left: 674px;
}

.bubble-s-19 {
   top: 536px;
   left: 591px;
}

.bubble-s-20 {
   top: 481px;
   left: 535px;
}

.bubble-s-21 {
   top: 545px;
   left: 496px;
}

.bubble-s-22 {
   top: 501px;
   left: 320px;
}

.satisfaction-percentage {
   font-size: 100px;
   color: #d94b70;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.satisfaction-percentage::after {
   font-size: 31px;
   content: "%"
}

.satisfaction-lead {
   font-size: 14px;
   line-height: 1.4;
}

/**
 * トップ アンテナ
 */

.antenna {
   position: relative;
}

.antenna-map {
   min-width: 1360px;
   min-height: 688px;
   width: 100%;
   height: 100%;
   position: relative;
   color: #222;
   background: url(/img/pc/top/bg-map-large.jpg) top center no-repeat;
   background-size: cover;
}

#map {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   z-index: 1;
   display: none;
}

.antenna-title {
   position: absolute;
   top: 100px;
   left: 100px;
}

.antenna h2 {
   margin-top: 50px;
   font-size: 24px;
   line-height: 1.4;
}

.antenna h2 .strong {
   position: relative;
}

.antenna-number {
   display: inline-block;
   width: 45px;
   font-size: 0;
}

.antenna-number::before {
   position: absolute;
   top: -15px;
   left: 5px;
   font-size: 70px;
   line-height: 1;
   content: "9";
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.antenna h2 p {
   margin-top: 45px;
   text-align: left;
   font-size: 14px;
   line-height: 1.4;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.antenna-lead {
   position: absolute;
   bottom: 150px;
   right: 75px;
   width: 400px;
   font-size: 14px;
   line-height: 1.4;
   text-align: left;
}

.antenna .button-next-slide {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 100000;
}

/**
 * トップ05 produce
 */

.produce {
   position: relative;
   background: url(/img/pc/top/bg-produce.jpg);
   background-size: cover;
   color: #fff;
   text-align: center;
}

.produce-inner {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -284px 0 0 -319px;
   width: 639px;
   height: 639px;
}

.produce-list {
   position: absolute;
   top: 70px;
   /*right: 0;*/
   /*bottom: 0;*/
   left: 0;
   margin: auto;
   width: 440px;
   height: 440px;
}

#circle,
#circleBackground {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 428px;
   height: 428px;
}

#circle {
   z-index: 1;
}

#circleTrail {
   display: none;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 434px;
   height: 434px;
   border-radius: 50%;
   -webkit-transform: rotate(10deg);
   -ms-transform: rotate(10deg);
   transform: rotate(10deg);
   -moz-transition-duration: 3.4s;
   -webkit-transition-duration: 3.4s;
   -o-transition-duration: 3.4s;
   -moz-transition-timing-function: linear;
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
}

#circleTrail[aria-live="true"] {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
}

.produce h2 {
   margin-top: 75px;
   font-size: 24px;
}

.produce-number {
   position: relative;
}

.produce-number-body {
   display: inline-block;
   width: 45px;
}

.produce-number-body::before {
   position: absolute;
   top: -15px;
   left: 5px;
   font-size: 52px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
   content: "3"
}

.produce h2 #produceCounter {
   display: block;
   margin-top: 15px;
   font-size: 75px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.produce h2 strong:before {
   content: "$";
   font-size: 50px;
}

.produce .subtitle-en {
   margin: 25px 0 15px;
   font-size: 14px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.produce .subtitle-ja {
   font-size: 12px;
   line-height: 1.4;
}

.produce .button-next-slide {
   position: relative;
   z-index: 2;
}


.produce-circle p {
   position: absolute;
   width: 150px;
   font-size: 8px;
}

.produce-circle [aria-selected="true"] p {
   color: #d94b70;
}

.produce-circle li {
   position: absolute;
   display: block;
   width: 70px;
   height: 70px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.produce-house {
   margin-left: -35px;
   top: -79px;
   left: 50%;
}

.produce-house p {
   top: -20px;
   left: 50%;
   margin-left: -75px;
   text-align: center;
}

.produce-ring {
   top: 0;
   left: 379px;
}

.produce-ring p {
   top: 20px;
   left: 82px;
   text-align: left;
}

.produce-bouquet {
   top: 185px;
   left: 452px;
}

.produce-bouquet p {
   top: 31px;
   left: 94px;
   text-align: left;
}

.produce-diner {
   top: 372px;
   left: 371px;
}

.produce-diner p {
   top: 33px;
   left: 98px;
   text-align: left;
}

.produce-champagne {
   margin-left: -35px;
   top: 447px;
   left: 50%;
}

.produce-champagne p {
   left: 50%;
   margin-left: -75px;
   bottom: -20px;
   text-align: center;
}

.produce-dress {
   bottom: 0;
   left: 1px;
}

.produce-dress p {
   top: 39px;
   left: -174px;
   text-align: right;
}

.produce-live {
   top: 185px;
   left: -84px;
}

.produce-live p {
   top: 29px;
   left: -164px;
   text-align: right;
}

.produce-movie {
   top: -5px;
   left: 0;
}

.produce-movie p {
   top: 25px;
   left: -164px;
   text-align: right;
}

.icon-house,
.icon-ring,
.icon-bouquet,
.icon-diner,
.icon-champagne,
.icon-dress,
.icon-live,
.icon-customer,
.icon-planner,
.icon-movie {
   display: inline-block;
   width: 70px;
   height: 70px;
   background-image: url(/img/pc/common/sprite.png);
}

.icon-house {
   background-position: 0 -300px;
}

.icon-ring {
   background-position: -100px -300px;
}

.icon-bouquet {
   background-position: -200px -300px;
}

.icon-diner {
   background-position: -300px -300px;
}

.icon-champagne {
   background-position: -400px -300px;
}

.icon-dress {
   background-position: -500px -300px;
}

.icon-live {
   background-position: -600px -300px;
}

.icon-movie {
   background-position: -700px -300px;
}

[aria-selected="true"] .icon-house {
   background-position: 0 -400px;
}

[aria-selected="true"] .icon-ring {
   background-position: -100px -400px;
}

[aria-selected="true"] .icon-bouquet {
   background-position: -200px -400px;
}

[aria-selected="true"] .icon-diner {
   background-position: -300px -400px;
}

[aria-selected="true"] .icon-champagne {
   background-position: -400px -400px;
}

[aria-selected="true"] .icon-dress {
   background-position: -500px -400px;
}

[aria-selected="true"] .icon-live {
   background-position: -600px -400px;
}

[aria-selected="true"] .icon-movie {
   background-position: -700px -400px;
}

.produce-house:before,
.produce-ring:before,
.produce-bouquet:before,
.produce-diner:before,
.produce-champagne:before,
.produce-dress:before,
.produce-live:before,
.produce-customer:before,
.produce-planner:before,
.produce-movie:before {
   display: block;
   position: absolute;
   width: 9px;
   height: 9px;
   background: #dfdfdf;
   border-radius: 50%;
   content: "";
   z-index: 1;
}

.produce-house:before {
   left: 50%;
   bottom: -21px;
   margin-left: -5px;
}

.produce-ring:before {
   left: -14px;
   bottom: -4px;
}

.produce-bouquet:before {
   top: 50%;
   margin-top: -4px;
   left: -24px;
}

.produce-diner:before {
   top: -5px;
   left: -5px;
}

.produce-champagne:before {
   left: 50%;
   top: -18px;
   margin-left: -5px;
}

.produce-dress:before {
   top: -3px;
   right: -3px;
}

.produce-live:before {
   top: 50%;
   margin-top: -4px;
   right: -25px;
}

.produce-movie:before {
   bottom: -9px;
   right: -3px;
}

[aria-selected="true"].produce-house:after,
[aria-selected="true"].produce-ring:after,
[aria-selected="true"].produce-bouquet:after,
[aria-selected="true"].produce-diner:after,
[aria-selected="true"].produce-champagne:after,
[aria-selected="true"].produce-dress:after,
[aria-selected="true"].produce-live:after,
[aria-selected="true"].produce-customer:after,
[aria-selected="true"].produce-planner:after,
[aria-selected="true"].produce-movie:after {
   margin-left: -7px;
   width: 14px;
   height: 14px;
   background: #d94b70;
   display: block;
   position: absolute;
   border-radius: 50%;
   content: "";
   z-index: 1;
}

[aria-selected="true"].produce-house:after {
   left: 50%;
   bottom: -23px;
}

[aria-selected="true"].produce-ring:after {
   left: -10px;
   bottom: -6px;
}

[aria-selected="true"].produce-bouquet:after {
   top: 50%;
   margin-top: -7px;
   left: -20px;
}

[aria-selected="true"].produce-diner:after {
   top: -8px;
   left: -2px;
}

[aria-selected="true"].produce-champagne:after {
   left: 50%;
   top: -21px;
   margin-left: -7px;
}

[aria-selected="true"].produce-dress:after {
   top: -6px;
   right: -6px;
}

[aria-selected="true"].produce-live:after {
   top: 50%;
   margin-top: -6px;
   right: -27px;
}

[aria-selected="true"].produce-movie:after {
   bottom: -11px;
   right: -6px;
}

/**
 * トップ 06
 */
.standard h2 {
   font-size: 58px;
   text-align: center;
}

.standard h2>span {
   display: block;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.standard h2>span {
   font-size: 58px;
}

.standard h2>span+span {
   margin: 15px 0;
   font-size: 24px;
}

.standard h2>span+span+span {
   font-size: 50px;
}

.standard .button {
   position: absolute;
   margin-left: -80px;
   left: 50%;
   bottom: 40px;
}

.standard-icon-list {
   display: block;
   position: relative;
   width: 760px;
   height: 130px;
   margin: 70px auto;
   font-size: 0;
}

.standard-icon-list::before {
   width: 100%;
   height: 2px;
   position: absolute;
   top: 91px;
   left: 0;
   display: block;
   background: #a8a4a3;
   content: "";
}

.standard-icon-list li {
   position: relative;
   display: inline-block;
   width: 25%;
   height: 100%;
   font-size: 12px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.standard-icon-list li[aria-selected="true"] {
   color: #d94b70;
}

.standard-icon-list p {
   position: absolute;
   width: 100%;
   bottom: 0;
   text-align: center;
}

.icon-house-standard,
.icon-customer-standard,
.icon-planner-standard,
.icon-movie-standard,
.icon-house-standard-on,
.icon-customer-standard-on,
.icon-planner-standard-on,
.icon-movie-standard-on {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 50%;
   width: 72px;
   height: 76px;
   margin-left: -36px;
   background-image: url(/img/pc/common/sprite.png);
   vertical-align: middle;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
   content: "";
}

.icon-house-standard {
   background-position: 0 -500px;
}

.icon-customer-standard {
   background-position: -100px -500px;
}

.icon-planner-standard {
   background-position: -200px -500px;
}

.icon-movie-standard {
   background-position: -300px -500px;
}

/* 赤いアイコン */
.icon-house-standard-on,
.icon-customer-standard-on,
.icon-planner-standard-on,
.icon-movie-standard-on {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 50%;
   width: 72px;
   height: 76px;
   margin-left: -36px;
   background-image: url(/img/pc/common/sprite.png);
   vertical-align: middle;
   content: "";
}

.icon-house-standard-on {
   background-position: 0 -600px;
}

.icon-customer-standard-on {
   background-position: -100px -600px;
}

.icon-planner-standard-on {
   background-position: -200px -600px;
}

.icon-movie-standard-on {
   background-position: -300px -600px;
}


/* アイコン下の丸 */
.icon-house-standard:before,
.icon-customer-standard:before,
.icon-planner-standard:before,
.icon-movie-standard:before,
.icon-house-standard-on:before,
.icon-customer-standard-on:before,
.icon-planner-standard-on:before,
.icon-movie-standard-on:before {
   position: absolute;
   border-radius: 50%;
   top: 91px;
   left: 50%;
   margin-top: -3px;
   margin-left: -5px;
   height: 9px;
   width: 9px;
   background: #000;
   content: "";
}

.icon-house-standard-on:before,
.icon-customer-standard-on:before,
.icon-planner-standard-on:before,
.icon-movie-standard-on:before {
   background: #d94b70;
   width: 12px;
   height: 12px;
   margin-top: -5px;
   margin-left: -6px;
}


/* 状態 */
[aria-selected="true"] .icon-house-standard,
[aria-selected="true"] .icon-customer-standard,
[aria-selected="true"] .icon-planner-standard,
[aria-selected="true"] .icon-movie-standard {
   opacity: 0;
}


[aria-selected="false"] .icon-house-standard,
[aria-selected="false"] .icon-customer-standard,
[aria-selected="false"] .icon-planner-standard,
[aria-selected="false"] .icon-movie-standard {
   opacity: 1;
}


[aria-selected="true"] .icon-house-standard-on,
[aria-selected="true"] .icon-customer-standard-on,
[aria-selected="true"] .icon-planner-standard-on,
[aria-selected="true"] .icon-movie-standard-on {
   opacity: 1;
}

[aria-selected="false"] .icon-house-standard-on,
[aria-selected="false"] .icon-customer-standard-on,
[aria-selected="false"] .icon-planner-standard-on,
[aria-selected="false"] .icon-movie-standard-on {
   opacity: 0;
}

/* 線*/
.standard-house:before,
.standard-house-on:before {
   left: 50%;
}

.standard-one .standard-list-inner:after {
   left: 50%;
   margin-left: -5px;
}

.standard-planner .standard-list-inner:after {
   left: 50%;
   margin-left: -5px;
}

.standard-movie:after {
   right: 0;
}

.standard-list-inner {
   width: 100%;
   height: 100%;
}

.standard-house .standard-list-inner {
   position: absolute;
   left: -92px;
}

.standard-one .standard-list-inner {
   position: absolute;
   left: -30px;
}

.standard-planner .standard-list-inner {
   position: absolute;
   right: -30px;
}

.standard-movie .standard-list-inner {
   position: absolute;
   right: -92px;
}

.standard-list strong {
   font-size: 42px;
}

.standard-list p {
   font-size: 38px;
}

.standard .button-next-slide {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

/**
 * トップ 07
 */
.evolve {
   position: relative;
}

.evolve-title {
   padding: 135px 0 0;
   font-size: 51px;
   text-align: center;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.evolve-title p {
   margin-top: 50px;
   font-size: 22px;
}

.evolve-title p+p {
   margin-top: 20px;
   font-size: 38px;
}

.evolve-list {
   overflow: hidden;
   margin: 85px auto 0;
   width: 1040px;
   border-right: 1px solid #b0b0b4;
}

.evolve-list li {
   position: relative;
   float: left;
   width: 25%;
   height: 200px;
   font-size: 10px;
   border-left: 1px solid #b0b0b4;
}

.evolve-list li span+h3 {
   margin: 15px 0 20px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.evolve-list li h3+p {
   padding: 0 20px;
   font-size: 11px;
   line-height: 1.8;
   text-align: left;
}

.evolve-list+.button {
   margin-top: 40px;
}

@media screen and (max-width: 1024px) {
   .evolve-list {
      width: 90%;
   }

   .evolve-list li {
      height: 220px;
   }

}

.evolve .icon-social,
.evolve .icon-freelencer,
.evolve .icon-award,
.evolve .icon-regional {
   display: inline-block;
   background-image: url(/img/pc/common/sprite.png);
   height: 88px;
}

.evolve .icon-social {
   width: 71px;
   background-position: 0 -200px;
}

.evolve .icon-freelencer {
   width: 88px;
   background-position: -100px -200px;
}

.evolve .icon-award {
   width: 104px;
   background-position: -200px -200px;
}

.evolve .icon-regional {
   width: 86px;
   background-position: -350px -200px;
}

.evolve .button-next-slide {
   margin: 45px 0 130px;
   cursor: default !important;
}

/**
 * トップ Learn More
 */
.learn-more {
   margin-top: 125px;
}

.learn-more>h2 {
   font-size: 20px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.learn-more>ul {
   margin-top: 60px;
   font-size: 0;
}

.learn-more>ul li {
   position: relative;
   display: inline-block;
   width: 20%;
   text-align: center;
   color: #fff;
   background-size: 100%;
}

.learn-more>ul li img {
   width: 100%;
}

.learn-more-body {
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -20px;
   width: 100%;
   font-size: 28px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.learn-more-body span {
   font-size: 14px;
}

/**
 *  ABOUT US
 */
.content {
   padding: 140px 0 80px;
   max-width: 1360px;
   margin: 0 auto;
}

.about-content {
   padding: 140px 50px 80px;
}

.about-section>.section-title {
   font-size: 18px;
   text-align: center;
}

.about-section>.section-title:first-line {
   font-size: 80px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.section-lead {
   display: block;
   margin: 20px 0 30px;
}

.about-inner {
   overflow: hidden;
   margin: 0 auto;
   width: 100%;
}

.about-section {
   float: left;
   width: 45%;
}

.about-section+.about-section {
   float: right;
}

.about-list {
   border-top: 1px solid #ccc;
}

.about-list-1 .about-list-title {
   font-size: 30px;
}

.about-list-4 .about-list-title {
   font-size: 34px;
}


.about-list li {
   overflow: hidden;
   border-bottom: 1px solid #ccc;
   text-align: left;
   padding: 20px 0;
   min-height: 275px;
}

.about-list li a {
   display: block;
   height: 100%;
   overflow: hidden;
}

.about-list-left,
.about-list-right {
   float: left;
}

.about-list-left {
   width: 40%;
}

.about-list-right {
   width: 60%;
}

.about-list-left img {
   width: 100%;
}

.about-list-right {
   padding: 25px 0 25px 25px;
}

.about-list-right .section-title {
   color: #d94b70;
   font-size: 8px;
   margin-bottom: 15px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.about-list-title {
   margin-bottom: 20px;
   font-size: 38px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
   letter-spacing: -0.05em;
}

.about-list-title.small {
   font-size: 34px;
}

.about-list-lead {
   margin-bottom: 20px;
   font-size: 14px;
   line-height: 1.38;
}

.about-list-job {
   margin-bottom: 15px;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.about-list-name {
   font-size: 18px;

}

/**
 *  ABOUT US　記事ページ
 */

.about-article {
   padding: 140px 0 80px;
}

.about-article .page-title {
   margin-bottom: 60px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.about-article-container {
   position: relative;
   background: #f4f4f4;
   overflow: hidden;
}

.about-article-photo,
.about-article-text {
   float: left;
   width: 50%;
}

.about-article-text {
   position: relative;
   padding: 90px 140px 90px 75px;
}

.about-article-header {
   padding-bottom: 50px;
}

.about-article-header .interview-lead {
   font-size: 14px;
   margin-bottom: 20px;
}

.about-article-header .interview-title {
   color: #222;
   font-size: 45px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.about-article-1 .about-article-header .interview-title {
   letter-spacing: -0.02em;
}

.about-article-header .interview-subtitle {
   margin: 50px 0 40px;
   color: #222;
   font-size: 24px;
   line-height: 1.9;
}

.about-article-header .interview-job {
   font-size: 12px;
   color: #d94b70;
}

.about-article-header .interview-name {
   margin-top: 15px;
   font-size: 16px;
}

.about-article-block {
   overflow: hidden;
   min-width: 1024px;
}

.about-article-block img {
   width: 100%;
}

.about-article-text-blocks {
   overflow: scroll;
   display: none;
   opacity: 1 !important
}

.about-article-block h2 {
   margin: 25px 0;
   color: #666;
   font-size: 18px;
   line-height: 1.75;
}

.about-article-text-block p {
   margin: 25px 0;
   line-height: 1.92;
   color: #111;
   font-size: 13px;
   text-indent: 1em;
}

.about-article-text-block p+p {
   margin-top: 30px;
}

.about-article-container .share-vertical {
   position: absolute;
   top: 128px;
   right: 40px;
}

#aboutTextScrollButton {
   display: block;
   position: absolute;
   left: 0;
   bottom: 60px;
   width: 100%;
   height: 30px;
   text-align: center;
   cursor: pointer;
   padding: 0 140px 0 75px;
   opacity: 0;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

#aboutTextScrollButton .long-arrow-down {
   position: static;
   display: inline-block;
   top: 0;
}

@media screen and (max-width: 1024px) {
   .about-article-text {
      padding: 45px 100px 45px 35px;
   }

   .about-article-header .interview-subtitle {
      margin: 25px 0 20px;
      font-size: 20px;
   }

   #aboutTextScrollButton {
      padding: 0 100px 0 35px;
   }

}

/**
 *  ABOUT US サブページ フッター
 */
.about-article-footer {
   background: #fff;
}

.about-article-footer>h2 {
   padding: 70px 0 55px;
   font-size: 12px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.about-article-footer ul {
   overflow: hidden;
   width: 100%;
   margin-left: -1px;
}

.about-article-footer li {
   width: 33.3%;
   float: left;
   padding-bottom: 80px;
   text-align: center;
   border-left: 1px solid #fff;
}

.about-article-footer li+li+li {
   width: 33.4%;
}

.about-article-footer li img {
   width: 100%;
}

.about-article-footer .interview-thumbnail {
   margin-bottom: 35px;
   overflow: hidden;
}

.about-article-footer .interview-thumbnail img {
   -webkit-transition: all 1s ease;
   transition: all 1s ease;
}

.about-article-footer a:hover .interview-thumbnail img {
   -webkit-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}

[aria-selected="true"] .interview-thumbnail {
   position: relative;
}

[aria-selected="true"] .interview-thumbnail:before {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .5);
   content: "";
}

.about-article-footer .interview-category {
   font-size: 12px;
   color: #d94b70;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.about-article-footer .interview-title {
   margin: 20px 0;
   color: #222;
   font-size: 40px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.about-article-footer .interview-lead {
   margin: 20px 0;
   font-size: 15px;
   line-height: 1.2;
}

.about-article-footer .interview-author-name {
   font-size: 20px;
   color: #444;
}

/**
 *  GALLERY
 */

.gallery-content {
   padding: 140px 0 80px;
}

.gallery-content-inner {
   max-width: 1360px;
   margin: 0 auto;
}

.gallery-nav ul {
   font-size: 0;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin: 60px 0 50px;
}

.gallery-nav li {
   display: inline-block;
   width: 33%;
   height: 60px;
   font-size: 11px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   text-align: center;
}

.gallery-nav li+li {
   border-left: 1px solid #ccc;
}

.gallery-nav a {
   display: block;
   padding: 20px 0;
}

.gallery-nav .angle-bottom {
   margin: 3px 0 0 0;
}

.gallery-image {
   position: relative;
   margin-top: 50px;
   padding-bottom: 50px;
}

.gallery-main-image {
   position: relative;
}

.gallery-main-image img {
   width: 100%;
}

.gallery-main-image-caption {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 523px;
   height: 278px;
   background: #fff;
   text-align: center;
}

.gallery-caption-inner {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   padding: 10px;
   width: 100%;
}

.gallery-main-image-caption h3 {
   font-size: 30px;
}

.gallery-main-image-caption h3+p {
   margin: 25px 0 40px;
   font-size: 20px;
}

.gallery-sub-image {
   margin-top: 1px;
   width: 100%;
   display: block;
   overflow: hidden;
}

.gallery-sub-image li {
   float: left;
   width: 33.3%;
   position: relative;
}

.gallery-sub-image+.gallery-sub-image li {
   width: 25%;
}

.gallery-sub-image li img {
   width: 100%;
}

.gallery-sub-image li+li {
   padding-left: 1px;
}

.gallery-sub-image li:hover .gallery-caption {
   opacity: 1;
}

.gallery-sub-image+.gallery-sub-image li .gallery-caption h4 {
   font-size: 12px;
}

.gallery-sub-image+.gallery-sub-image li .gallery-caption h4+p {
   margin: 10px 0 15px;
}

.gallery-caption {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(255, 255, 255, .9);
   text-align: center;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   opacity: 0;
}

.gallery-caption h3 {
   font-size: 18px;
   line-height: 1.6;
}

.gallery-caption h4 {
   font-size: 18px;
   line-height: 1.6;
}

.gallery-content>.page-sublead {
   margin-top: 80px;
   font-size: 14px;
   line-height: 1.6;
   text-align: center;
}

.gallery-link {
   text-align: center;
   display: table;
   margin: 55px auto 0;
   border-collapse: separete;
   border-spacing: 20px 0;
}

.gallery-link .button {
   height: 50px;
   display: table-cell;
   padding-top: 20px;
   line-height: 0;
   vertical-align: middle;
}

.gallery-link small {
   display: block;
   line-height: 1.5;
   margin: 11px 0;
}

@media screen and (max-width: 1024px) {
   .gallery-caption h4 {
      font-size: 16px;
   }
}

.gallery-caption h3+p {
   margin: 25px 0 30px;
   font-size: 14px;
}

.gallery-caption h4+p {
   margin: 25px 0 30px;
   font-size: 14px;
}

.icon-by {
   display: inline-block;
   margin: 0 15px;
}

/* VIDEO */
.gallery-video-list {
   margin-bottom: 40px;
}

.gallery-video-list li {
   overflow: hidden;
   border-bottom: 1px solid #fff;
   background: #f3f3f3;
}

.gallery-video-list li a {
   display: block;
}

.gallery-video-list li h3 {
   margin-bottom: 25px;
   color: #111;
   font-size: 14px;
}

.gallery-video-list li h3+p {
   font-size: 13px;
   line-height: 1.7;
}

.gallery-video-list-left,
.gallery-video-list-right {
   float: left;
   width: 50%;
}

.gallery-video-list-left {
   overflow: hidden;
}

.gallery-video-list-left img {
   width: 100%;
}

.gallery-video-list-right-inner {
   padding: 60px;
}

.gallery-video-list-right .button {
   margin: 40px 0 0;
}

/**
 *  Gallery/Special
 */
.gallery-list {
   margin-bottom: 200px;
}

.gallery-list:last-child {
   margin-bottom: 0;
}

.list-title {
   font-size: 14px;
   margin: 75px 0 70px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.gallery-list ul {
   overflow: hidden;
   width: 100%;
   margin-left: -1px;
}

.gallery-list li {
   float: left;
   width: 33.3%;
   border-left: 1px solid #fff;
   text-align: center;
}

.gallery-list li img {
   width: 100%;
}

.gallery-list-inner {
   padding: 20px 40px;
   height: 170px;
}

.gallery-list li h3 {
   color: #222;
   font-size: 16px;
   margin-bottom: 20px;
}

.gallery-list li h3+p {
   font-size: 13px;
   line-height: 1.5;
   color: #444;
}

.gallery-special,
.gallery-party {
   margin-bottom: 120px;
}

/* galleryロードアニメーション */

.grid li {
   opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
   opacity: 1;
}

.grid li.animate {
   -webkit-transform: translateY(200px);
   -ms-transform: translateY(200px);
   transform: translateY(200px);
   -webkit-animation: moveUp 0.5s ease forwards;
   animation: moveUp 0.5s ease forwards;
}

@-webkit-keyframes moveUp {
   0% {}

   100% {
      -webkit-transform: translateY(0);
      opacity: 1;
   }
}

@keyframes moveUp {
   0% {}

   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
   }
}

.grid li.animate img {
   width: 95%;
   -webkit-animation: sizeUp 0.3s ease forwards 0.6s;
   animation: sizeUp 0.3s ease forwards 0.6s;
}

@-webkit-keyframes sizeUp {
   0% {}

   100% {
      width: 100%;
   }
}

@keyframes sizeUp {
   0% {}

   100% {
      width: 100%;
   }
}


/*
.grid li img {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}

.grid li.shown img,
.no-js .grid li img,
.no-cssanimations .grid li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
*/


/**
 *  Gallery/Party
 */
.party-nav {
   position: relative;
   display: block;
   padding-bottom: 45px;
}

.party-nav-list {
   margin: 0 auto;
   font-size: 0;
   text-align: center;
}

.party-nav-list li {
   position: relative;
   display: inline-block;
   width: 220px;
   height: 30px;
   text-align: center;
   cursor: pointer;
   font-size: 11px;
}

.party-nav-list a:hover {
   text-decoration: underline;
}

.party-nav-list>li>p {
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.party-nav-list>li+li {
   margin-left: 48px;
}


.party-nav-list li .angle-bottom {
   margin: -3px 0 0 22px;
}

.party-nav-list-sub {
   position: absolute;
   top: 30px;
   left: 0;
   width: 220px;
   background: #fff;
   z-index: 1;
   display: block;
}

.party-nav-list-sub li {
   font-size: 12px;
   margin-top: 20px;
   display: none;
}

.party-nav-list-sub li:last-child {
   padding-bottom: 30px;
}

.party-nav-list .angle-bottom {
   display: inline-block;
   margin: -3px 0 0 20px;
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
   transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.party-nav-list [aria-selected="true"] .angle-bottom {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.party-nav-results {
   position: absolute;
   right: 60px;
   top: 0;
   color: #777;
}

.party-report-main-photo img {
   width: 850px;
}


/**
 *  Gallery/Video
 */
.video-social-media {
   text-align: center;
   margin-bottom: 100px;
}

.video-social-media>p {
   font-size: 14px;
   color: #000;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.video-social-media .button {
   margin-top: 25px;
}

.video-social-media .icon-youtube {
   margin-bottom: -1px;
   margin-right: 12px;
}

/**
 *  Gallery/Article
 */
.article {
   margin-top: 60px;
   text-align: center;
   border-bottom: 1px solid #e5e5e5;
}

.article>img {
   width: 100%;
}

.article-inner {
   width: 1000px;
   margin: 0 auto;
}

@media screen and (max-width: 1024px) {
   .youtube-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
   }

   .youtube-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
}

.article-date {
   display: block;
   margin: 50px 0 40px;
   font-size: 12px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.article-title {
   font-size: 30px;
   line-height: 1.4;
}

.article-name {
   margin: 20px 0;
   font-size: 20px;
}

.article-description {
   margin: 50px 0 60px;
   font-size: 13px;
   line-height: 1.8;
}

.article-photo li {
   width: 500px;
}

.article-photo li img {
   width: 100%;
}

.article-photo-block-1,
.article-photo-block-2 {
   overflow: hidden;
   margin-top: 1px;
}

.article-photo-block-1-left,
.article-photo-block-1-right,
.article-photo-block-2-left,
.article-photo-block-2-right {
   position: relative;
   float: left;
   width: 50%;
   box-sizing: border-box;
}

.article-photo-block-1 img+img,
.article-photo-block-2 img+img {
   border-top: 1px solid #fff;
}

/**
 *  Gallery/Article designer list
 */
.designer-list {
   margin-top: 50px;
   overflow: hidden;
   text-align: center;
   display: inline-block;
}

.designer-list li {
   float: left;
   width: 180px;
}

.designer-list li a {
   display: block;
}

.designer-list li div {
   overflow: hidden;
   width: 180px;
   height: 180px;
}

.designer-list li+li {
   margin-left: 80px;
}

.designer-list img {
   position: relative;
   top: 50%;
   left: 50%;
   width: auto;
   height: 180px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.designer-category {
   margin: 20px 0 10px;
   color: #d94b70;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: 500;
   font-style: normal;
}

.designer-brand {
   margin: 20px 0 10px;
   color: #000000;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: 500;
   font-style: normal;
}

.designer-name {
   margin: 10px 0 15px;
   color: #000;
   font-size: 18px;
}

.designer-link {
   display: block;
   color: #222;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.designer-link .angle-right-s {
   margin-right: 8px;
}

.party-article .article-photo {
   margin: 0 auto;
   width: 85%;
}

.party-article .photo-list {
   width: 70%;
   margin: 0 auto;
}

/**
 *  Gallery/PartyReport/Article/
 */

.article-photo-block-3,
.article-photo-block-4 {
   overflow: hidden;
}

.article-photo-block-3 img,
.article-photo-block-4 img {
   float: left;
}

.article-photo-block-3 img {
   width: 50%;
}

.article-photo-block-4 {}

.article-photo-block-4 img {
   width: 33.3%
}

/**
 *  News/Index
 */

.news-content {
   padding: 140px 0 80px;
}

.news-content-inner {
   max-width: 1360px;
   margin: 0 auto;
}

.news-nav {
   position: relative;
   display: block;
   margin-top: 60px;
   padding-bottom: 45px;
}

.news-nav-list {
   margin: 0 auto;
   width: 690px;
}

.news-nav-list li {
   position: relative;
   float: left;
   width: 210px;
   text-align: center;
}

.news-nav-list>li+li {
   margin-left: 20px;
}

.news-nav-list-sub {
   position: absolute;
   top: 30px;
   left: 0;
   width: 210px;
   padding-bottom: 30px;
   background: #fff;
   display: none;
}

.news-nav-list-sub li {
   font-size: 12px;
   margin-top: 20px;
}

.news-nav-list .angle-bottom {
   display: inline-block;
   margin: -3px 0 0 20px;
}

/**
 * NEWS リスト
 */
.news-list ul {
   margin: 0 auto;
   overflow: hidden;
   margin-bottom: 50px;
   opacity: 0;
}

.news-list li {
   float: left;
   margin-bottom: 15px;
   padding: 15px 15px 30px;
   border-bottom: 1px solid #e5e5e5;
   width: 320px;
}

.news-list li img {
   width: 100%;
}

.news-list .news-category {
   color: #d94b70;
   font-size: 10px;
   margin: 15px 0 8px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-list .news-date {
   margin-left: 7px;
   padding-left: 7px;
   display: inline-block;
   border-left: 1px solid #444;
   color: #444;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-list .news-title {
   margin: 12px 0 15px;
   font-size: 15px;
}

.news-list .news-description {
   line-height: 1.5;
   font-size: 13px;
}

/**
 * コンタクト
 */

.news-article {
   margin: 60px auto 100px;
   width: 800px;
   text-align: center;
}

.news-article .pager {
   border: 0;
}

.news-article .news-category {
   margin: 40px 0 30px;
   color: #d94b70;
   font-size: 12px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-article .news-date {
   display: block;
   margin: 30px 0;
   font-size: 12px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-article .news-title {
   margin-top: 30px;
   line-height: 1.4;
   font-size: 30px;
}

.news-article .news-description {
   margin-top: 50px;
   font-size: 13px;
   line-height: 1.8;
   text-align: left !important;
}

.news-article .news-description * {
   text-align: left !important;
}

.news-article .news-description a {
   text-decoration: underline;
}

/**
 * News/Article/Latest
 */
.news-latest-list {
   border-top: 1px solid #e5e5e5;
}

.news-latest-list>h2 {
   margin: 75px 0 70px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-latest-list ul {
   overflow: hidden;
}

.news-latest-list li {
   float: left;
   width: 25%;
   border-left: 1px solid #fff;
   text-align: center;
}

.news-latest-list-inner {
   padding: 20px 40px;
}

.news-latest-list img {
   width: 100%;
}

.news-latest-list .news-category {
   margin: 20px 0 12px;
   color: #d94b70;
   font-size: 10px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.news-latest-list .news-title {
   margin: 12px 0 15px;
   font-size: 14px;
}

.news-latest-list .news-description {
   font-size: 12px;
   line-height: 1.5;
}

.news-latest-list .button {
   margin-top: 60px;
}

/**
 * WeddingHalls
 */
.campaign_notice {
   padding-top: 30px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

   font-style: normal;
   font-weight: 500;
   line-height: 1.53em;
}

.campaign_notice span {
   display: block;
   font-size: 12px;
   font-weight: bold !important;
   padding-bottom: 10px;
}

.hall-content {
   padding: 127px 0 80px;
}

.hall-content .area-title {
   text-align: center;
   position: relative;
   width: 100%;
   top: 92px;
   font-size: 16px;
}

.hall-content .arealist-seotext {
   text-align: center;
   width: 800px;
   line-height: 1.6;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   font-size: 1.2em;
   padding: 30px 1em;
   border: 1px solid #d9d9d9;
   background-color: #ffffee;
   margin-bottom: 100px;
}

.hall-content .arealist-seotext h2 {
   display: block;
   padding-bottom: 10px;
}

.halls-lead {
   margin: 40px 0 70px;
   font-size: 16px;
   line-height: 1.75;
   text-align: center;
}

.hall-type-summary {
   padding-bottom: 60px;
   border-bottom: 1px solid #ccc;
}

.hall-type-summary ul {
   overflow: hidden;
}

.hall-type-summary li {
   float: left;
   width: 33%;
   padding: 20px;
   text-align: center;
}

.hall-type-summary li+li {
   border-left: 1px solid #ccc;
}

.hall-type-summary h3 {
   font-size: 48px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.hall-type-summary h3+p {
   margin-top: 20px;
   font-size: 22px;
   line-height: 1.45;
}

.hall-type-summary .icon-house-hall,
.hall-type-summary .icon-hotel-hall,
.hall-type-summary .icon-restaurant-hall {
   margin: 20px 0;
}

.icon-house-hall,
.icon-hotel-hall,
.icon-restaurant-hall {
   display: inline-block;
   background-image: url(/img/pc/common/sprite.png);
   vertical-align: middle;
}

.icon-house-hall {
   width: 50px;
   height: 69px;
   background-position: 0 -700px;
}

.icon-hotel-hall {
   width: 55px;
   height: 69px;
   background-position: -100px -700px;
}

.icon-restaurant-hall {
   width: 51px;
   height: 69px;
   background-position: -200px -700px;
}

.hall-type-summary-description {
   font-size: 13px;
   line-height: 1.76;
}

.hall-search {
   padding-top: 50px;
}

.hall-search h3 {
   margin-bottom: 60px;
   font-size: 14px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.hall-search-map {
   float: left;
   position: relative;
   width: 623px;
   height: 568px;
   background: url(/img/pc/hall/map.png) no-repeat;
}

.hall-search-map a {
   display: block;
   position: absolute;
   width: 170px;
   height: 42px;
   padding-top: 14px;
   border: 1px solid #adadad;
   text-align: center;
   font-size: 14px;
   background: #fff;
}

.hall-search-map .angle-right-s {
   margin: 4px 0 0 10px;
   vertical-align: top;
}

.hall-search-map .button-hokkaido {
   top: 148px;
   left: 451px;
}

.hall-search-map .button-kanto {
   width: 150px;
   top: 320px;
   left: 428px;
}

.hall-search-map .button-tokai {
   width: 150px;
   top: 405px;
   left: 314px;
}

.hall-search-map .button-hokuriku {
   top: 196px;
   left: 180px;
}

.hall-search-map .button-kinki {
   width: 150px;
   top: 464px;
   left: 209px;
}

.hall-search-map .button-tyugoku {
   top: 292px;
   left: 33px;
}

.hall-search-map .button-kyushu {
   width: 150px;
   top: 526px;
   left: 78px;
}

.hall-search-list {
   float: left;
   margin-left: 54px;
   width: 320px;
   font-size: 13px;
}

.hall-search-list-block p {
   line-height: 40px;
   color: #d94b70;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.hall-search-list-block>ul {
   border-bottom: 1px solid #e5e5e5;
}

.hall-search-list-block>ul ul li {
   background: #f2f2f2;
   padding-left: 15px;
}

.hall-search-list-block li {
   line-height: 40px;
   border-top: 1px solid #e5e5e5;
}

.hall-search-list-block li a {
   position: relative;
   display: block;
}

.hall-search-list-block li .angle-bottom,
.hall-search-list-block li .angle-right {
   position: absolute;
   right: 10px;
   top: 50%;
}

.hall-search-list-block li .angle-bottom {
   margin-top: -2px;
}

.hall-search-list-block li .angle-right {
   margin: -4px 2px 0 0;
}


[aria-selected="true"] .angle-bottom {
   -webkit-transform: scaleY(-1);
   -ms-transform: scaleY(-1);
   transform: scaleY(-1);
}

.halltopseo_link a {
   font-size: 1.3rem;
   font-weight: bold !important;
   text-decoration: underline;
}

.halltopseo_link a:hover {
   text-decoration: none;
}


/**
 * WeddingHalls/Search Result
 */

.halls-nav-search>p {
   position: relative;
   font-size: 11px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
   display: none;
}

.halls-nav-search .angle-bottom,
.halls-nav-search .angle-up {
   position: absolute;
   top: 3px;
   left: 60px;
}

.halls-nav-search[aria-selected="false"] .halls-nav-search-open {
   display: block;
}

.halls-nav-search[aria-selected="true"] .halls-nav-search-close {
   display: block;
}

.halls-nav {
   margin-top: 50px;
   position: relative;
}

.halls-nav.halltopseo {
   /* margin-top: 110px; */
   /* margin-bottom: 100px; */
}

.halls-nav-title {
   text-align: center;
   position: relative;
   height: 65px;
}

.halls-nav-title h3 {
   font-size: 25px;
}

.halls-nav-search {
   position: absolute;
   padding: 10px 0;
   width: 100px;
   top: 0;
   left: 60px;
   text-align: left;
   cursor: pointer;
}

.halls-nav-result {
   position: absolute;
   top: 10px;
   right: 60px;
   color: #777;
   font-size: 11px;
   text-align: right;
}

.halls-nav-count {
   margin-bottom: 5px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.halls-list {
   overflow: hidden;
   margin-left: -1px;
}


.halls-list li {
   float: left;
   width: 25%;
   text-align: center;
   border-left: 1px solid #fff;
}

.halls-list li img {
   display: block;
   width: 100%;

}

.halls-list li+li {}

.halls-list-inner {
   margin: 20px 40px 80px;
}

.halls-list .hall-place {
   display: block;
   margin: 20px 0 10px;
   color: #d94b70;
   font-size: 12px;
}

.halls-list-inner-info {
   border: 1px solid #efefef;
   margin-top: 10px;
   padding: 8px;
}

.halls-list-inner-info-title {
   font-weight: bold;
   font-size: 1.2em;
   padding-bottom: 8px;
}

.halls-list-inner-info p {
   margin-bottom: 5px;
   line-height: 150%;
}

.halls-list .hall-type {
   font-weight: 500;
   font-style: normal;
}

.halls-list .hall-name {
   color: #222;
   font-size: 14px;
   margin: 10px 0;
}

.halls-list .hall-name+p {
   font-size: 13px;
   line-height: 1.53;
}

.halls-indicator {
   overflow: hidden;
}

.halls-indicator p {
   margin-top: 5px;
   font-size: 8px;
}

.halls-indicator li {
   width: 33%;
   float: left;
}

.halls-indicator [aria-selected="true"] p {
   color: #d94b70;
}

.halls-indicator li+li {
   border-left: 1px solid #ccc;
}

/**
 *  Hallスライダー
 */

.halls-slider {
   position: relative;
}

.halls-slider h3 {
   margin: 30px 0 20px;
   font-size: 40px;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
}

.halls-slider h3+p {
   position: relative;
   margin-bottom: 20px;
   font-size: 18px;
   line-height: 1.38;
}

.halls-slider h3+p strong {
   color: #d94b70;
}

.halls-slider h3+p+p {
   font-size: 10px;
   line-height: 1.5;
}


.halls-slider .bx-pager {
   margin-top: 40px;
}

.halls-slider .bx-pager-item {
   display: inline-block;
}

.halls-slider .bx-pager-item+.bx-pager-item {
   margin-left: 12px;
}

.halls-slider .bx-pager-link {
   display: block;
   border-radius: 50%;
   width: 10px;
   height: 10px;
   background: #ccc;
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

.halls-slider .bx-pager-link.active {
   background: #e58fa5;
}

.halls-slider .angle-left,
.halls-slider .angle-right {
   position: absolute;
   top: 50%;
   margin-top: -5px;
}


.halls-slider .angle-left {
   left: 0;
}

.halls-slider .angle-right {
   right: 0;
}

.halls-result+.halls-search {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: auto;
   background: #fff;
   z-index: 100;
}

.halls-search .angle-up {
   margin: -5px 0 0 15px;
}

.halls-search>p {
   margin: 45px 0;
   font-size: 9px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.halls-search-inner {
   padding: 0 10px;
   width: 1024px;
   margin: 0 auto;
   overflow: hidden;

}

.halls-search-inner>p {
   line-height: 40px;
   text-align: left;
   color: #d94b70;
}

/**
 * ホール検索リスト
 */
.halls-search-detail {
   overflow: hidden;
   width: 1240px;
   margin: 0 auto;
}

.halls-search-pref,
.halls-search-type,
.halls-search-others {
   float: left;
   height: 160px;
}

.halls-search-pref {
   width: 700px;
}

.halls-search-type,
.halls-search-others {
   margin-bottom: 45px;
   padding-left: 35px;
   width: 270px;
   border-left: 1px solid #cccccc;
}

.halls-search-category-title {
   color: #d94b70;
   font-size: 12px;
   margin-bottom: 30px;
}

.halls-search-region-list {
   margin-left: -20px;
}

.halls-search-region-list li {
   display: inline-block;
   font-size: 13px;
   padding: 0 20px;
   margin-bottom: 30px;
   cursor: pointer;
}

.halls-search-region-list li+li {
   border-left: 1px solid #000;
}

.halls-search-pref-list {
   overflow: hidden;
   display: none;
}

.halls-search-pref-list[aria-selected="true"] {
   display: block;
}

.halls-search-pref-list li {
   margin-top: 25px;
   font-size: 12px;
   float: left;
   margin-right: 50px;
}

.halls-search-pref-list li label {
   cursor: pointer;
}


.halls-search-list li {
   margin-top: 30px;
   font-size: 13px;
}

.halls-search-list li label {
   cursor: pointer;
}

.halls-search-list li.is-nodate {
   color: #999;
}

.halls-search-detail input[type="checkbox"] {
   margin-right: 15px;
}

.halls-search-region-list [aria-selected="true"] {
   color: #d94b70;
}


.halls-search-detail .button {
   margin: 50px auto 67px;
}

@media screen and (max-width: 1150px) {
   .halls-nav-search {
      left: 30px;
   }

   .halls-nav-result {
      right: 30px;
   }

   .halls-search-detail {
      overflow: hidden;
      width: 100%;
      margin: 0 auto;
      padding: 0 30px;
   }

   .halls-search-pref,
   .halls-search-type,
   .halls-search-others {
      float: none;
      width: 100%;
      overflow: hidden;
   }

   .halls-search-type,
   .halls-search-others {
      border-left: 0;
      border-top: 1px solid #ccc;
      padding: 30px 0;
      margin: 0;
      height: auto;
   }

   .halls-search-pref-list {
      overflow: hidden;
   }

   .halls-search-pref-list li {
      margin: 30px 50px 30px 0;
   }


   .halls-search-list {
      overflow: hidden;

   }

   .halls-search-list li {
      float: left;
      margin-top: 0 !important;
   }

   .halls-search-pref-list li label {
      cursor: pointer;
   }

   .halls-search-list li+li {
      margin-left: 50px;
   }
}

/**
 * Contact
 */
.contact {
   padding: 80px 0 140px;
}

.contact-body {
   width: 1050px;
   margin: 70px auto 0;
}

.contact-list li {
   position: relative;
   padding: 30px 10px;
   min-height: 127px;
   border-bottom: 1px solid #b0b0b4;
}

.contact-category-title {
   margin-bottom: 15px;
   font-size: 11px;
   color: #d94b70;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.contact-title {
   margin-bottom: 10px;
   font-size: 16px;
}

.contact-category-lead {
   font-size: 12px;
}

.contact-post {
   color: #222;
   font-size: 12px;
   margin-right: 30px;
}

.contact-buttons {
   position: absolute;
   top: 30px;
   right: 10px;
   text-align: right;
}

.contact-venue-area .contact-buttons {
   top: 45px;
}

.button-contact {
   display: inline-block;
   width: 220px;
   height: 40px;
   border: 1px solid #000;
   text-align: center;
   font-size: 10px;
   line-height: 40px;
}

.button-tel {
   display: block;
   margin-top: 20px;
   text-align: right;
   color: #d94b70;
   font-size: 19px;
   font-family: "Ryumin Medium KL", serif;
}

.contact-buttons .icon-tel,
.contact-buttons .icon-mail {
   display: inline-block;
   background-image: url(/img/pc/common/sprite.png);
}

.contact-buttons .icon-mail {
   margin-right: 20px;
   width: 14px;
   height: 9px;
   background-position: -30px -50px;
}

.contact-buttons .icon-tel {
   margin-right: 15px;
   width: 17px;
   height: 17px;
   background-position: -50px -50px;
}

/**
 * Contact Venue
 */
.contact-venue {
   margin-top: 127px;
}

.contact-venue-title {
   font-size: 20px;
   text-align: center;
}

.contact-venue-nav {
   display: block;
   margin: 60px 0 90px;
   width: 100%;
   font-size: 0;
}

.contact-venue-nav li {
   display: inline-block;
   margin-right: 20px;
   font-size: 13px;
   color: #444;
}

.contact-venue-nav li+li {
   padding-left: 20px;
   border-left: 1px solid #7f7f7f;
}

.contact-venue-nav a:hover {
   color: #d94b70;
}

.contact-venue-area-title {
   margin: 30px 0;
   text-align: center;
   font-size: 25px;
}

.contact-venue-name {
   font-size: 16px;
}

.contact-venue-info {
   margin: 15px 0 25px;
   font-size: 12px;
   line-height: 1.5;
}

.contact-venue-link {
   color: #d94b70;
   border-bottom: 1px solid #f33;
}

.contact-venue-area .angle-right-pink {
   margin-right: 12px;
}



.button-area-top {
   display: block;
   margin-top: 50px;
   text-align: right;

}

.button-area-top .angle-up-pink {
   margin: -1px 10px 0 0;
}

/**
 * コンタクトフォーム
 */

.contact-form-indicator {
   overflow: hidden;
   text-align: center;
   margin-left: -180px;
}

.contact-form-indicator li {
   display: inline-block;
   position: relative;
   padding-left: 180px;
}


.contact-form-indicator li:first-line {
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}


.contact-form-indicator [aria-selected="true"] {
   color: #d94b70;
}

.contact-form-status {
   margin-top: 10px;
   font-size: 15px;
}

.contact-form {
   margin: 50px auto;
   width: 768px;
}

.contact-form-inner {
   overflow: hidden;
   margin-bottom: 80px;
}

.contact-form-left {
   float: left;
   width: 300px;
}

.contact-form-right {
   float: right;
   width: 425px;
}

.contact-form-right p {
   font-size: 11px;
}

.contact-form-indicator li .angle-right-grey-l {
   position: absolute;
   top: 50%;
   right: -106px;
   margin-top: -15px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
   display: block;
   padding: 10px 15px;
   margin-bottom: 30px;
   width: 100%;
   outline: none;
   border: 1px solid #aaa;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 10px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"] {
   height: 30px;
}

.contact-form textarea {
   resize: none;
   height: 130px;
}

.contact-form .form-check {
   position: relative;
}

.contact-form .form-check p {
   padding-left: 25px;
   line-height: 1.67;
}

.contact-form .form-check input[type="checkbox"] {
   display: block;
   position: absolute;
   top: 3px;
   left: 0;
}

.contact-form .form-button {
   display: block;
   padding: 0;
   margin: 80px auto;
   width: 150px;
   height: 40px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: none;
   border: 1px solid #000;
   text-align: center;
   font-size: 10px;
   line-height: 40px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.contact-form .form-button:hover {
   border: 1px solid #fff !important;
   background: #000 !important;
   color: #fff !important;
}

.form-buttons {
   font-size: 0;
   text-align: center;
}

.form-buttons .form-button {
   display: inline-block;
   width: 160px;
}

.form-buttons .form-button+.form-button {
   margin-left: 40px;
}

.contact-form-message-en:first-line {
   font-size: 12px;
   line-height: 1.73;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.contact-form-message-en {
   font-size: 68px;
   line-height: 1.2;
   text-align: center;
}

.contact-form-message-ja {
   margin-top: 50px;
   text-align: center;
   font-size: 14px;
   line-height: 1.9;
}

/**
 * コンタクトフォーム 確認テーブル
 */

.contact-confirm {
   font-size: 13px;
}

.contact-confirm th {
   color: #c4c4c4;
}

.contact-confirm td {
   padding: 10px 5px 35px 5px;
   line-height: 1.5;
}

/**
 * Sitemap
 */
.sitemap-inner {
   overflow: hidden;
   width: 1050px;
   margin: 0 auto;
   border-right: 1px solid #e5e5e5;
   font-size: 12px;
}

.sitemap-row {
   float: left;
   width: 349px;
   padding-left: 25px;
   border-left: 1px solid #e5e5e5;
}

.sitemap-row a:hover {
   text-decoration: underline;
}

.sitemap li,
.sitemap p {
   line-height: 2.5;
}

.sitemap h3 {
   margin-bottom: 10px;
   color: #d94b70;
}

.sitemap h4,
.sitemap h5 {
   margin-top: 35px;
   margin-bottom: 10px;
}

.sitemap h4+h5 {
   margin-top: 10px;
}

.sitemap-block {
   margin-top: 35px;
}

/**
 * Pricacy
 */
.privacy-inner {
   overflow: hidden;
   width: 1050px;
   margin: 0 auto;
   font-size: 12px;
}

.privacy-block {
   margin-top: 50px;
}

.privacy-block a {
   text-decoration: underline;
}

.privacy ul {
   margin-top: 15px;
}

.privacy h3 {
   margin-bottom: 10px;
   color: #d94b70;
   font-size: 11px;
}

.privacy li,
.privacy p {
   line-height: 1.75;
}


.contact-category-lead a:link,
.contact-category-lead a:visited,
.contact-category-lead a:active {
   text-decoration: underline;
}

.contact-category-lead a:hover {
   text-decoration: none;
}


/**
* planner
*/
.planner-content {
   padding: 146px 0 128px;
}

.planner-content .page-lead {
   font-size: 13px;
   margin-bottom: 49px;
}

.planner-content .page-title {
   margin-bottom: 48px;
}

.planner-content .result {
   font-family: "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   color: #777777;
   font-size: 11px;
   font-weight: bold;
   letter-spacing: 1.7px;
   text-align: right;
   margin-right: 57px;
   margin-bottom: 37px;
}

.planner-content .article {
   border-bottom: none;
}

.planner-content .article-name {
   margin: 28px 0px 19px;
   font-size: 18px;
}

.planner-content .article-profile {
   font-size: 13px;
   color: #666666;
}

.planner-content .article-sns {
   text-align: center;
   display: table;
   border-spacing: 20px 0px;
   margin: 19px auto -14px;
}

.planner-content .article-sns p {
   display: table-cell;
   line-height: 0;
   border: 1px solid #000;
   width: 160px;
   vertical-align: middle;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: 500;
   font-style: normal;
   -webkit-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
   letter-spacing: 1.3px;
   position: relative;
}

.planner-content .article-sns p:hover {
   background-color: #000000;
   color: #ffffff;
}

.planner-content .article-sns p.sns-facebook span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 635px 0px;
   width: 6px;
   height: 16px;
   position: absolute;
   top: 12px;
   left: 30px;
   display: inline-block;
}

.planner-content .article-sns p.sns-facebook:hover span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 635px -22px;
}

.planner-content .article-sns p.sns-facebook a {
   padding: 19px 19px 19px 39px;
}

.planner-content .article-sns p.sns-twitter span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 613px 0px;
   position: absolute;
   width: 16px;
   height: 13px;
   top: 13px;
   left: 30px;
   display: inline-block;
}

.planner-content .article-sns p.sns-twitter:hover span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 613px -22px;
}

.planner-content .article-sns p.sns-twitter a {
   padding: 19px 19px 19px 37px;
}

.planner-content .article-sns p.sns-instagram span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 583px 0px;
   top: 12px;
   left: 23px;
   position: absolute;
   width: 15px;
   height: 15px;
   display: inline-block;
}

.planner-content .article-sns p.sns-instagram:hover span {
   background: transparent url("/img/pc/common/sprite.png") repeat scroll 583px -22px;
}

.planner-content .article-sns p.sns-instagram a {
   padding: 19px 19px 19px 43px;
}

.planner-content .article-sns p a {
   width: 100%;
   display: block;
   color: #666;
}

.planner-content .article .pager {
   border: 0px none;
   margin: 10px auto 65px;
   width: 720px;
}

.planner-content .place {
   margin: 28px 0px 10px;
   color: #d94b70;
   font-size: 13px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.planner-content .place_name {
   margin: 28px 0px 10px;
   color: #d94b70;
   font-size: 13px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.planner-content .footer-lead {
   font-size: 14px;
   line-height: 1.6;
   text-align: left;
   width: 950px;
   margin: 0 auto;
}

.planner-content .footer-subtitle {
   font-size: 12px;
   margin-bottom: 40px;
}

.planner-content .article-inner {
   margin-bottom: 68px;
}

.planner-content .footer-title {
   margin-bottom: 10px;
   letter-spacing: 1.2px;
}

.planner-content .share-buttons {
   margin-top: 17px;
}

.planner-content .share {
   margin: 50px 0px 99px;
}

.planner-content .button {
   width: 160px;
}

.article .pager {
   border: 0px none;
   margin: 10px auto 115px;
   width: 720px;
}

.planner-list-inner {
   padding: 20px 40px;
   height: 170px;
}

.planner-list:last-child {
   margin-bottom: 0;
}

.list-title {
   font-size: 14px;
   margin: 75px 0 70px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   font-weight: 500;
   font-style: normal;
}

.place-list {
   margin-top: 56px;
   overflow: hidden;
   text-align: center;
   display: inline-block;
}

.place-name {
   font-size: 16px;
}

.old-place {
   font-size: 13px;
   margin-top: 15px;
}

.period {
   font-size: 13px;
   margin-top: 7px;
}

.planner-image {
   margin: 0 auto 118px;
   display: block;
   overflow: hidden;
   font-size: 0;
}

.planner-list ul {
   overflow: hidden;
   width: 100%;
   text-align: center;
   font-size: 0;
   margin-left: -1px;
}

.planner-image li {
   display: inline-block;
   width: 33.3%;
   position: relative;
   border-left: 1px solid #FFF;
}

/*
.planner-image li:first-child:nth-last-child(2),
.planner-image li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

.planner-image li:first-child:nth-last-child(3),
.planner-image li:first-child:nth-last-child(3) ~ li {
    width: 33.3%;
}*/

.planner-image li img {
   width: 100%;
}

.planner-image-category {
   color: rgb(217, 75, 112);
   font-size: 11px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   margin-top: 17px;
}

.planner-image-name {
   margin-top: 9px;
   font-size: 14px;
}

.planner-list li {
   float: left;
   width: 33.3%;
   border-left: 1px solid #fff;
   text-align: center;
}

.planner-list li img {
   width: 100%;
}

.planner-list-inner {
   padding: 20px 40px;
   height: 222px;
}

.planner-list li .place {
   margin: 0px;
   color: #d94b70;
   font-size: 13px;
   letter-spacing: 1.3px;
   margin-bottom: 11px;
}

.planner-list li h3 {
   color: #222;
   font-size: 14px;
   margin-bottom: 12px;
   letter-spacing: 0.3px;
   margin-top: 14px;
}

.planner-list li .name {
   color: #222;
   font-size: 16px;
   margin-top: 12px;
   letter-spacing: 0.3px;
}

.planner-list li h3+p {
   font-size: 13px;
   line-height: 1.5;
   color: #444;
}

.planner-mainphoto {
   margin-bottom: 33px;
}

.planner-mainphoto img {
   width: 850px;
}


/**
 * 404
 */
.notfound .page-title {
   font-size: 50px;
   color: rgba(217, 75, 112, .9);
   text-shadow: 2px 2px 2px #f6f6f6, 0 0 0 #000, 2px 2px 2px #f6f6f6;
   font-family: "Miller Banner", "Ryumin Medium KL", "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
   font-display: optional !important;
   font-style: normal;
   font-weight: normal;
   letter-spacing: -0.03em;
   width: 1050px;
   text-align: center;
   margin: 0px auto 20px;
}

.notfound .page-title span {
   font-size: 80px;
   margin-right: 33px;
}

.notfound-inner {
   overflow: hidden;
   width: 1050px;
   margin: 0 auto;
   font-size: 12px;
}

.notfound-block a {
   text-decoration: underline;
}

.notfound-page-lead {
   margin-bottom: 70px;
   color: #444;
   font-size: 16px;
   line-height: 1.5;
   text-align: center;
   letter-spacing: 0.08em;
}

.notfound h3 {
   margin-bottom: 10px;
   color: #000000;
   font-size: 18px;
   text-align: center;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   letter-spacing: 0.13em;
}

.notfound ul.venue {
   margin: 0 auto;
   width: 670px;
   text-align: center;
}

.notfound ul.venue li {
   margin-top: 11px;
   font-size: 12px;
   font-family: "Gotham SSm A", "Gotham SSm B", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   ;
   display: inline-block;
   margin-right: 59px;
}

.notfound ul.venue li:nth-child(4),
.notfound ul.venue li:nth-child(7) {
   margin-right: 0px;
}

.notfound-nav {
   margin-top: 66px;
   text-align: center;
}

.notfound-nav li {
   display: inline-block;
}

.notfound-nav li a.button {
   width: 160px;
   text-decoration: none;
}

.notfound-nav li:nth-child(2) a.button {
   margin: 0 46px;
}

.notfound li,
.notfound p {
   line-height: 1.75;
}

@media screen and (max-width: 1360px) {
   .footer-nav {
      margin: 0 10px;
      overflow: hidden;
   }

   .footer-nav-provacy,
   .footer-nav-sitemap,
   .footer-nav-contact {
      margin-right: 13px;
   }

   .footer-nav-gallery,
   .footer-nav .footer-nav-blog,
   .footer-nav .footer-nav-follow,
   .footer-nav .footer-nav-area,
   .footer-nav .footer-nav-service,
   .footer-nav .footer-nav-group {
      margin: 0px;
      padding-left: 0px;
      text-align: center;
   }

   .footer-nav-blog {
      width: 66px;
   }

   .footer-nav-follow {
      width: 104px;
   }

   .footer-nav-area {
      width: 111px;
   }

   .footer-nav-service {
      width: 121px;
   }

   .footer-nav-group {
      width: 111px;
   }

   .footer-nav-gallery {
      width: 180px;
   }

   .footer-gallery li {
      width: 100%;
      margin-bottom: 20px;
   }

   .footer-gallery li+li {
      margin-left: 0;
   }

   .header-site-nav {
      float: right;
      margin: 30px 5px;
   }

   .header-site-nav li {
      font-size: 9px;
   }
}


/* mod_message
-----------------------------------------*/
.mod_message {
   display: none;
   position: absolute;
   z-index: 10000;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   background: rgba(255, 255, 255, 1);
   width: 100%;
   height: 100%;
}


.mod_message-bannerlist {
   position: absolute;
   display: flex;
   width: 100%;
   max-width: 1080px;
   height: 548px;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   /*justify-content: space-between;*/
   flex-wrap: wrap;
}

.mod_message-logo {
   width: 100%;
   padding-bottom: 30px;
   position: relative;
}

.mod_message-close {
   position: absolute;
   top: 20px;
   right: 10px;
   cursor: pointer;
}

.mod_message-btn {
   width: 50%;
   text-align: right;
   cursor: pointer;
}

.mod_message-bannerlist-item {
   width: calc(33.333% - 8px);
   margin-bottom: 9px;
   margin-right: 4px;
   margin-left: 4px;
   transition: all 0.5s ease;
}

.mod_message-bannerlist-item img {
   max-width: 100%;
   height: auto;
}

.mod_message-bannerlist-item:hover {
   opacity: 0.8;
}

.mod_message-bannerlist-item:nth-child(1),
.mod_message-bannerlist-item:nth-child(3),
.mod_message-bannerlist-item:nth-child(5) {}

.mod_message-bannerlist-item img {
   width: 100%;
}

.mod_message-bannerlist-item.-half {
   width: calc(50% - 8px);
}

/*


.mod_message_link-item{
   display: inline-block;
   margin-left: 10px;
   margin-right: 10px;
   width: calc(50% - 25px);
   max-width:450px;
   cursor: pointer;

}
.mod_message_link-item a{
   display: block;
   width: 100%;
   background:#ffffff;
   text-align: center;
   padding:40px 30px;
   font-size: 2em;
   margin-bottom:50px;
}

.mod_message_link-item a:hover{
   background:#efefef;
}

.mod_message button{
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}
*/
.bnr-area {
   text-align: center;
}

main .page-title {
   margin-bottom: 50px;
}

.footer-area .footer-nav-body-row {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
}

.footer-area .footer-nav-body-row .footer-nav-body-block {
   float: none;
}

.footer-area .halllist-title {
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
}

.footer-nav-body-title.-halllist-title {
   font-weight: bold;
   font-size: 14px;
}

.s_global_notice {
   /*position: absolute;*/
   /*margin-top:70px;*/
   left: 0;
   width: 100%;
   padding-top: 15px;
   padding-bottom: 15px;
   /*z-index: 10001;*/
   text-align: center;
   background: #efefef;
}

.s_global_notice a {
   display: block;
   height: 100%;
   width: 100%;
   font-size: 1.5rem;
   text-decoration: underline;
   font-weight: bold;
}

.s_global_notice a:hover {
   text-decoration: none;
}

#main .bgw {
   background: #ffffff;
}