@import url(https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}

ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
img{
    vertical-align: bottom;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
#section-point .btn,
#section-lineup .btn,
#section-hairmake .btn,
#section-voice .btn,
#section-store .btn {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    right: 0;
    padding: 0 24px;
    width: 140px;
    height: 32px;
    font-size: 10px;
    font-weight: bold;
    background: #f5e6f0;
    cursor: pointer
}
@media(min-width: 769px) {
    #section-point .btn,
    #section-lineup .btn,
    #section-hairmake .btn,
    #section-voice .btn,
    #section-store .btn {
        padding: 0 48px;
        width: 280px;
        height: 64px;
        font-size: 20px
    }
}
#section-point .btn:before,
#section-lineup .btn:before,
#section-hairmake .btn:before,
#section-voice .btn:before,
#section-store .btn:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 144px;
    margin: auto;
    width: 96px;
    height: 2px;
    content: '';
    background: #6d6868
}
@media(max-width: 768px) {
    #section-point .btn:before,
    #section-lineup .btn:before,
    #section-hairmake .btn:before,
    #section-voice .btn:before,
    #section-store .btn:before {
        left: 72px;
        width: 48px;
        height: 1px
    }
}
#section-point .btn:after,
#section-lineup .btn:after,
#section-hairmake .btn:after,
#section-voice .btn:after,
#section-store .btn:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 240px;
    margin: auto;
    width: 12px;
    height: 2px;
    content: '';
    background: #6d6868;
    transform: rotate(-140deg);
    transform-origin: left center
}
@media(max-width: 768px) {
    #section-point .btn:after,
    #section-lineup .btn:after,
    #section-hairmake .btn:after,
    #section-voice .btn:after,
    #section-store .btn:after {
        left: 120px;
        width: 6px;
        height: 1px
    }
}
[data-bb-transition-fadeout] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: filter 0.4s 1s ease-in-out, opacity 0.4s 1s ease-in-out, transform 0.4s 1s ease-in-out
}
[data-bb-transition-fadeout][data-bb-transition='true'] {
    filter:blur(8px);
    opacity: 0;
    transition: filter 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out
}
[data-bb-transition-fadein] {
    filter:blur(0);
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
    transition: filter 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out
}
[data-bb-transition-fadein][data-bb-scroll-transition='false'] {
    filter:blur(8px);
    opacity: 0;
    transform: scale(1.1) translate3d(0, 0, 0)
}
[data-bb-transition-slidein-from-left] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: filter 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out
}
[data-bb-transition-slidein-from-left][data-bb-scroll-transition='false'] {
    filter:blur(8px);
    opacity: 0;
    transform: translate3d(-24px, 0, 0)
}
[data-bb-transition-slidein-from-right] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: filter 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out
}
[data-bb-transition-slidein-from-right][data-bb-scroll-transition='false'] {
    filter:blur(8px);
    opacity: 0;
    transform: translate3d(24px, 0, 0)
}
[data-bb-transition-slidein-from-bottom] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: filter 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out
}
[data-bb-transition-slidein-from-bottom][data-bb-scroll-transition='false'] {
    filter:blur(8px);
    opacity: 0;
    transform: translate3d(0, 24px, 0)
}
[data-bb-transition-slidein-from-top] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: filter 0.8s ease-in-out, opacity 0.8s ease-in-out, transform 0.8s ease-in-out
}
[data-bb-transition-slidein-from-top][data-bb-scroll-transition='false'] {
    filter:blur(8px);
    opacity: 0;
    transform: translate3d(0, -24px, 0)
}
@-webkit-keyframes fadeInAlpha {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeInAlpha {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeOutAlpha {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOutAlpha {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fadeInBlur {
    0% {
        opacity: 0;
        filter:blur(8px);
        transform: scale(1.1) translate3d(0, 0, 0)
    }
    100% {
        opacity: 1;
        filter:blur(0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}
@keyframes fadeInBlur {
    0% {
        opacity: 0;
        filter:blur(8px);
        transform: scale(1.1) translate3d(0, 0, 0)
    }
    100% {
        opacity: 1;
        filter:blur(0);
        transform: scale(1) translate3d(0, 0, 0)
    }
}
@-webkit-keyframes fadeOutBlur {
    0% {
        opacity: 1;
        filter:blur(0);
        transform: scale(1) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        filter:blur(8px);
        transform: scale(1.1) translate3d(0, 0, 0)
    }
}
@keyframes fadeOutBlur {
    0% {
        opacity: 1;
        filter:blur(0);
        transform: scale(1) translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        filter:blur(8px);
        transform: scale(1.1) translate3d(0, 0, 0)
    }
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}
*:before,
*:after {
    box-sizing: border-box
}
body {
    color: #000;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-feature-settings: 'palt';
    line-height: 1.4em;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}


/* スクロールアニメーション */
.off{
  filter:blur(4px);
  opacity: 0;
  transform: scale(1) translate3d(0, 10px, 0);
  transition: all 1s ease-in-out ;
}

.left{
   transform: scale(1) translate3d(-50px, 0px, 0);
   transition: all 1s ease-in-out ;
}

.right{
    transform: scale(1) translate3d(50px, 0px, 0);
}

.on{
  filter:blur(0);
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0);
  transition: all 0.8s ease-in-out;
}

@media(min-width: 769px) {
    body {
        min-width: 1400px;
        line-height: 2em
    }
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}
#debug:target {
    position: fixed;
    top: 0;
    left: 0;
    width: 1505px;
    height: 2px;
    content: '';
    background: red;
    z-index: 9999
}
@media(max-width: 768px) {
    [data-pc] {
        display: none !important
    }
}
@media(min-width: 769px) {
    [data-sp] {
        display: none !important
    }
}
[data-none] {
    display: none !important
}
[data-bb-accordion][data-bb-accordion='false'] [data-bb-accordion-inner] {
    height: 0 !important;
    filter:blur(8px);
    opacity: 0;
    overflow: hidden
}
[data-bb-accordion] [data-bb-accordion-inner] {
    filter:blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: height 0.4s ease-in-out, filter 0.4s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out
}
[data-bb-accordion] [data-bb-btn-open] {
    cursor: pointer
}
@media(min-width: 769px) {
    [data-bb-accordion][data-bb-accordion-sp] [data-bb-accordion-inner] {
        height: auto !important;filter:none !important;
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) !important
    }
}
#header {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 10px;
    z-index: 10
}
@media(min-width: 769px) {
    #header {
        height: 80px;
        font-size: 14px;
        line-height: 1.2em
    }
}
#header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    padding: 8px 16px;
    width: 100%;
    height: 40px;
    background: #fff
}
@media(min-width: 769px) {
    #header .inner {
        padding: 16px 44px;
        min-width: 1400px;
        height: 80px
    }
}
@media(max-width: 768px) {
    img{
        width: 100%;
    }
}

/* toggle */

.acd-check{
    display: none;
}
.acd-label{
    color: #000;
    display: block;
}
.acd-content{
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
}

/* フルスクリーンナビ */
/*menu*/
.menu{
height: 20px;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 28px;
    z-index: 99;
}
.menu__line{
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
    margin: 20px 0;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}

  /* プラン　タブ部分 */

ul.tab,
ul.tab2,
ul.tab3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.tab li,
ul.tab2 li,
ul.tab3 li  {
        width: 32.5%;
    text-align: center;
    border-top: solid 1px #cebb88;
    /* margin-bottom: 5%; */
    font-size: 85%;
    border-right: solid 1px #cebb88;
    border-left: solid 1px #cebb88;
    padding: 5px;
    color: #857751;
}
ul.tab li,
ul.tab2 li {
    width: 49.5%;
}
ul.tab_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 5%;
}
ul.tab li.active,
ul.tab_sub li.active,
ul.tab2 li.active,
ul.tab3 li.active {
    background: #cebb88;
    color: #fff;
    border: #efefef;
    position: relative;
}

ul.tab li.active::after, ul.tab2 li.active::after, ul.tab3 li.active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #cebb88 transparent transparent transparent;
    border-width: 15px 14px 5px 14px;
}

ul.tab li.active::before, ul.tab2 li.active::before, ul.tab3 li.active::before {
    position: absolute;
    inset: 4px;
    border: 1px solid rgb(255, 255, 255);
    content: "";
    pointer-events: none;
}

li.active::before {
    position: absolute;
    inset: 4px;
    border: 1px solid rgb(255, 255, 255);
    content: "";
    pointer-events: none;
}


ul.tab_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 5%;
}

ul.tab_sub li {
    width: 32%;
    border: solid 1px #aaa;
    text-align: center;
    font-size: 80%;
    padding: 5px;
    color: #aaa;
    background: #f9f8f8;
}
.list,
.list2,
.list3 {
border: solid 2px #cebb88;
    padding: 8% 3% 5%;
    background: #fff8e4;
}
.list .inner,
.list .inner div{
    display:none;
}
.list .inner.active{
    display:block;
}
.list .inner div.active{
    display:table;
}

ul.tab_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5%;
}


.list2 .inner,
.list2 .inner div{
    display:none;
}
.list2 .inner.active{
    display:block;
}
.list2 .inner div.active{
    display:table;
}

ul.tab_sub3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 5%;
}


.list3 .inner,
.list3 .inner div{
    display:none;
}
.list3 .inner.active{
    display:block;
}
.list3 .inner div.active{
    display:table;
}

.nav-logo {
    display: none;
    width: 40%;
    position: absolute;
    top: 5px;
    left: 5px;
}
.change-color{
    background: rgba(0,0,0,0.7);
}
.change-hidden{
    display: inline-block;
}

/* top */


header{
    width: 100%;
    height: 45px;
    transition: all .5s;
    position: fixed;
    z-index: 10;
}

a.topscroll {
  display: inline-block;
  position: absolute;
  right: 40px;
  right: 1%;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}
a.topscroll::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

main {
    max-width: 100%;
    margin: 0 auto;
}

ul.head-nav {
    position: absolute;
    width: 30%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: space-evenly;
    color: #fff;
    right: 50px;
    height: 45px;
    padding-top: 6px;
}
ul.head-nav li {
    position: relative;
}

li.head-nav-sodan::before {
    content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../asset/img/top/head_comment.png);
  background-size: contain;
  vertical-align: middle;
}



.menu-box {
right: 0;
    width: 50px;
    background: #000;
    height: 45px;
    position: absolute;
    top: 0;
}
.fixed_bottom__inner {
    position: relative;
    height: 100%;
    align-items: center;
}
.fixed_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: rgba(0,0,0,0.9);
    z-index: 100;
}
.fixed_bottom__btn {
        align-items: center;
    cursor: pointer;
}

.fixed_bottom__inner p {
    font-weight: bold;
    font-size: 120%;
}
.fixed_bottom a {
        display: block;
    margin: 1%;
    width: 90%;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 100%;
}
.fixed_bottom__inner span {
    color: red;
}
ul.fixed_ul {
    display: flex;
    padding: 3% 3%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
ul.fixed_ul li {
    font-size: 85%;
    width: 30%;
}
.ggmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
    margin-bottom: 10%;
}
.ggmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
a.cvbt {
    width: 80%;
    display: block;
    margin: 0 auto 15%;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    font-size: 85%;
}


/*==================================================
TOPスライダーのためのcss
===================================*/
#section-top {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
#slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    max-width: 750px;
}
.top-content{
    z-index: 1;
}

p.concept-txt {
    text-align: center;
    font-size: 120%;
}
.top-content h1 {
    width: 60%;
    top: 5%;
    left: 3%;
    position: absolute;
}
.top-content h1 img{
height: auto;
}

/* 下層ページ */
main.lower-page {
    padding-top: 20%;
    width: 90%;
    margin: 0 auto;
}

dl.head1-dl {
    text-align: center;
    margin-bottom: 10%;
}

dt.head1-dt {
    font-size: 200%;
    border-bottom: solid 2px;
    padding-bottom: 10px;
    margin-bottom: 1%;
}


/* css ここから */
section#intro {
    position: relative;
    padding: 8% 0;
}
p.intro-square {
    position: absolute;
    background: #f5f1e7;
    width: 85%;
    height: 80%;
    bottom: 0;
    z-index: -10;
}
div.intro-head2 {
    width: 70%;
    margin-bottom: 3%;
    padding-left: 3%;
}
section#intro video {
    width: 95%;
    margin: 0 auto;
    display: block;
}

p.intro-txt {
    font-size: 135%;
    line-height: 1.5em;
    margin-bottom: 3%;
    padding-left: 3%;
}

h2.intro-head2 {
    width: 70%;
    margin-bottom: 3%;
    padding-left: 3%;
}

section#fair-campaign {
    padding: 5% 3%;
}


ul.fair-ul {
    width: 100%;
    margin: 0 auto 10%;
}

li.fair-li {
    width: 100%;
    margin-bottom: 2%;
    border: 1px solid #ddd;
}

.footer {
    padding-bottom: 20%;
}
.footer--copyright {
    font-size: 80%;
}

section#photoshooting {
    padding: 5% 3%;
}

.photo-box {
    width: 100%;
    margin: 0 auto 10%;
}
.photo-box h3 {
    border-left: solid 4px #000;
    padding-left: 0.5em;
    font-size: 110%;
    margin-bottom: 5%;
}


p.shooting-info-txt {
font-size: 85%;
    line-height: 1.5em;
    margin-bottom: 5%;
    font-weight: 700;
}

li.shooting-point-box-li {
    background: #f5f5f7;
    padding: 4% 3%;
    margin-bottom: 5%;
    overflow: hidden;
}
p.shooting-point-box-pointnum {
    /* border-bottom: solid 2px; */
    position: relative;
    padding: 0 65px 0 0;
    text-align: left;
}
p.shooting-point-box-pointnum:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #ccc;
}
p.shooting-point-box-pointnum span {
    position: relative;
    padding: 0 1em 0 0;
    background: #f5f5f7;
    color: #bfac7a;
}
h4.shooting-point-box-head4 {
    font-size: 100%;
    border-bottom: solid 2px #cccccc;
    margin-bottom: 5%;
    padding: 2%;
}
p.shooting-point-box-txt {
    font-size: 85%;
}

a.shooting-point-box-morebt {
    background: #bfac7a;
    padding: 1% 3%;
    float: right;
}

dl.head2-dl {
    text-align: center;
    margin-bottom: 5%;
    width: 60%;
    margin: 0 auto 5%;
}
dt.head2-dt {
    margin: 0 auto;
    border-bottom: solid 2px #000;
    padding-bottom: 2%;
    margin-bottom: 2%;
}

dd.head2-dd {
    color: #cebb88;
    font-weight: bold;
}

section#planlist {
    padding: 10% 0;
    background: #faf5e7;
}
ul.planlist-ul {
    width: 90%;
    margin: 0 auto;
}

section#schedule {
    padding: 10% 0;
}

.schedule-box {
    background: #f8f8f8;
    width: 90%;
    margin: 0 auto 5%;
    padding: 3%;
}

p.schedule-box-img {
    text-align: center;
    margin-bottom: 5%;
    width: 80px;
    margin: 0 auto 5%;
}

dt.schedule-box-dt {
    color: #a39160;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 3%;
    font-size: 120%;
    text-align: center;
}

dd.schedule-box-dd {
    font-size: 85%;
}

p.promise-txt {
text-align: center;
    width: 87%;
    margin: 0 auto 5%;
    line-height: 2em;
    font-size: 90%;
}
.swiper-container {
    margin: 0 auto 5% !important;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    box-shadow: 5px 4px 0px 1px rgb(186 186 186 / 60%);
}

p.schedule-txt {
    text-align: center;
    width: 90%;
    margin: 0 auto 5%;
    line-height: 1.5em;
}

section#promise {
    padding: 10% 0;
}

section#promise {
    padding: 10% 0;
}

ul.access-ul {
    width: 90%;
    margin: 0 auto 5%;
}

li.access-li {
    margin-bottom: 5%;
}
p.access-txt {
    text-align: center;
    width: 85%;
    margin: 0 auto 5%;
    line-height: 2em;
    font-size: 90%;
}
p.access-img {
    width: 50%;
    margin: 0 auto 10%;
}

footer {
    background: #f9f9f9;
    padding: 15% 0 10%;
    text-align: center;
}

p.foot-link {
    margin-bottom: 5%;
}

p.foot-info {
    font-size: 80%;
    margin-bottom: 5%;
}

p.foot-info {
    font-size: 80%;
    margin-bottom: 5%;
}


  /* 下層 */
  
// dl.head1-dl {
//     text-align: center;
//     width: 30%;
//     margin: 0 auto 5%;
// }

// dt.head1-dt {
//     font-size: 200%;
//     font-weight: bold;
//     border-bottom: 1px solid;
//     /* padding-bottom: 5px !important; */
// }
// dt.head1-dt h1 {
//     padding-bottom: 5px;
// }

// dl.head2-dl {
//     border-left: solid 5px #000;
//     padding-left: 2%;
//     margin-bottom: 5%;
// }

// dt.head2-dt {
//     font-size: 150%;
// }

ul.shooting-navi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15%;
}

li.shooting-list {
   width: 32%;
}

li.shooting-list a {
text-align: center;
    display: block;
    position: relative;
    border: solid 1px #cebb88;
    outline: solid 2px #cebb88;
    outline-offset: 1px;
    margin: 6px;
    padding: 3%;
    background: #f3e6c3;
    font-size: 85%;
}
li.shooting-list a:after {
 content: '';
    display: inline-block;
    width: 5px;
    height: 40px;
    background-image: url(/wedding/studio-photo-park-tokyo/asset/img/plan/plannavi-arrow.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -35px;
    left: 47%;
}
li.shooting-list a:hover {
    background: #cebb88;
    color: #fff;
    text-decoration: none;
}

p.shooting-txt {
    margin-bottom: 5%;
    font-size: 90%;
    line-height: 1.7em;
}
p.toparealogo {
    position: absolute;
    bottom: 10%;
}

.shooting-box {
    margin-bottom: 10%;
    padding-top: 20%;
    margin-top: -10%;
}

p.plan-img {
    margin-bottom: 5%;
}


.sns {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}
.sns p {
    margin-right: 1em;
}

.sns a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}

.infobox {
    background: #f8f8f8;
    padding: 3%;
    margin-bottom: 10%;
}

.post-title {
    margin: 0 0 36px;
    font-size: 21px !important;
    clear: both;
    font-weight: bold;
    line-height: 1.5em !important;
}

h3.foot-head3 {
    background: #000;
    width: 95%;
    margin: 0 auto 3%;
    color: #fff;
    padding: 2%;
    font-weight: bold;
    letter-spacing: 2px;
}

div.intro-head2 h2 {
    margin-bottom: 5%;
    margin-bottom: 8%;
}

p.intro-txt2 {
    font-size: 115%;
    line-height: 1.5em;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
}

li.shooting-list a span {
    font-size: 50%;
}

.copyright {
    font-size: 80%;
    margin-bottom: 15%;
}

/* PC対応 */
@media(min-width: 769px) {

header{
    max-width: inherit;
    width: 100%
}
/* top */
main {
    max-width: 100%;
    margin: 0 auto;
}
.inner {
    max-width: 1195px;
    margin: 0 auto;
}
.nav-logo {
    width: 9%;
}
p.intro-txt {
    font-size: 250%;
    line-height: 1.8em;
    margin-bottom: 12%;
    padding-left: 3%;
}

.intro-movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div.intro-head2 {
    width: 38%;
    margin-bottom: 3%;
    padding-left: 3%;
}
section#intro video {
    width: 55%;
    margin: inherit;
    display: block;
}
p.intro-square {
    position: absolute;
    background: #f5f1e7;
    width: 77%;
    height: 71%;
    bottom: 0;
    left: 0;
    z-index: -10;
}


dt.head2-dt {
    font-size: 150%;
    width: 40%;
    border-bottom: solid 2px #000;
    padding-bottom: 1%;
    margin-bottom: 1%;
}
dd.head2-dd {
    color: #cebb88;
    font-weight: bold;
    font-size: 143%;
}
ul.fair-ul {
    width: 95%;
    margin: 0 auto 2%;
}
.photo-box h3 {
    border-left: solid 5px #000;
    padding-left: 0.5em;
    font-size: 140%;
    margin-bottom: 5%;
    padding: 5px 0.5em;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 48% !important;
    margin: inherit !important;
}

.shooting-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-end;
    margin-bottom: 3%;
}
p.shooting-info-txt {
    width: 40%;
    font-size: 110%;
    line-height: 1.8em;
    border-top: solid 2px #ddd;
    padding-top: 1em;
}
li.shooting-point-box-li {
    width: 30%;
    padding: 1% 2%;
}

ul.shooting-point-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
dl.head2-dl {
    text-align: center;
    margin-bottom: 5%;
    width: 32%;
    margin: 0 auto 5%;
}
dt.head2-dt {
    width: 100%;
    margin: 0 auto;
    border-bottom: solid 2px #000;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
ul.planlist-ul {
    margin: 0 auto;
    max-width: 800px;
}
section#schedule {
    padding: 5% 0;
}
.schedule-box {
    background: #f8f8f8;
    width: 30%;
    margin: 0 auto 5%;
    padding: 3%;
}
p.schedule-box-img {
    text-align: center;
    margin-bottom: 5%;
    width: 100px;
    margin: 0 auto 5%;
}
.schedule-box-out {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}
p.promise-img {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.ggmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 36.25%;
    position: relative;
    margin-bottom: 0;
}
p.access-img {
    width: 50%;
    margin: 0 auto 10%;
    text-align: center;
}
footer {
    background: #f9f9f9;
    padding: 5% 0 5%;
    text-align: center;
}
p.foot-info {
    font-size: 80%;
    margin-bottom: 2%;
}
p.foot-link {
    margin-bottom: 2%;
}
#slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    max-width: 100%;
}
ul.access-ul {
    width: 1000px;
    margin: 0 auto 1%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
li.access-li {
    margin-bottom: 5%;
    width: 48%;
}
p.access-txt {
    text-align: center;
    width: 90%;
    margin: 0 auto 2%;
    line-height: 1.5em;
}

/* プラン */

main.lower-page {
    padding-top: 10%;
    width: 1000px;
    margin: 0 auto;
}

p.shooting-txt {
    margin-bottom: 5%;
    font-size: 130%;
    line-height: 1.7em;
}

.list .ininner.active,
.list2 .inner.active,
.list3 .inner.active {
    display: block;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list .ininner.active p,
.list2 .inner.active p,
.list3 .inner.active p {
    width: 45%;
}

ul.fair-ul {
    width: 95%;
    margin: 0 auto 3%;
    display: flex;
    flex-wrap: wrap;
        justify-content: space-around;
}

li.fair-li {
    width: 48%;
    margin-bottom: 2%;
    border: solid 1px #eee;
}
li.fair-li img{
    width: 100%;
}
section.foot-common-box {
    max-width: 100%;
    margin: 0 auto 5%;
}

div.intro-head2 h2 {
    margin-bottom: 5%;
    margin-bottom: 8%;
}

p.intro-txt2 {
    font-size: 135%;
    line-height: 1.5em;
}


ul.tab li.active::after,
ul.tab2 li.active::after,
ul.tab3 li.active::after {
        content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #cebb88 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

ul.tab li, ul.tab2 li, ul.tab3 li {
    text-align: center;
    font-size: 85%;
    padding: 1%;
    font-size: 120%;
    border-top: solid 1px #cebb88;
    border-right: solid 1px #cebb88;
    border-left: solid 1px #cebb88;
}
ul.tab_sub li {
    width: 30%;
    border: solid 1px #aaa;
    text-align: center;
    font-size: 100%;
    padding: 5px;
    color: #aaa;
    background: #f9f8f8;
}
li.shooting-list a {
    font-size: 100%;
}
}