/* reset */
.c-article__content div,.c-article__content span,.c-article__content applet,.c-article__content object,.c-article__content iframe,.c-article__content h1,.c-article__content h2,.c-article__content h3,.c-article__content h4,.c-article__content h5,.c-article__content h6,.c-article__content p,.c-article__content blockquote,.c-article__content pre,.c-article__content a,.c-article__content abbr,.c-article__content acronym,.c-article__content address,.c-article__content big,.c-article__content cite,.c-article__content code,.c-article__content del,.c-article__content dfn,.c-article__content em,.c-article__content font,.c-article__content img,.c-article__content ins,.c-article__content kbd,.c-article__content q,.c-article__content s,.c-article__content samp,.c-article__content small,.c-article__content strike,.c-article__content strong,.c-article__content sub,.c-article__content sup,.c-article__content tt,.c-article__content var,.c-article__content b,.c-article__content u,.c-article__content i,.c-article__content center,.c-article__content dl,.c-article__content dt,.c-article__content dd,.c-article__content ol,.c-article__content ul,.c-article__content li,.c-article__content fieldset,.c-article__content form,.c-article__content label,.c-article__content legend,.c-article__content table,.c-article__content caption,.c-article__content tbody,.c-article__content tfoot,.c-article__content thead,.c-article__content tr,.c-article__content th,.c-article__content td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none; }
.c-article__content body {
    line-height: 1; }
.c-article__content blockquote,.c-article__content q {
    quotes: none; }
.c-article__content blockquote:before,.c-article__content blockquote:after,.c-article__content q:before,.c-article__content q:after {
    content: '';
    content: none; }
.c-article__content :focus {
    outline: 0; }
.c-article__content ins {
    text-decoration: none; }
.c-article__content del {
    text-decoration: line-through; }
.c-article__content table {
    border-collapse: collapse;
    border-spacing: 0; }
/*   reset  */

/*   root  */
.hirotaka{
  --font-serif:"游明朝", YuMincho, "ヒラギノ明朝 ProN", Hiragino Mincho ProN , "HG明朝E", "MSP明朝","MS PMincho","MS 明朝",'Shippori Mincho',serif;
  --font-micho:'Shippori Mincho',"游明朝", YuMincho, "ヒラギノ明朝 ProN", Hiragino Mincho ProN , "HG明朝E", "MSP明朝","MS PMincho","MS 明朝",serif;
  --font-sans: 'Hiragino Kaku Gothic ProN','Hiragino Sans',YuGothic, '游ゴシック', 'メイリオ', Meiryo, sans-serif;
  --font-en: "Syncopate", sans-serif;
}


body.is-scroll {
  padding: 0;
}
.c-article__content {
  line-height: 1;
  padding: 0;
}
.c-article__content h2, 
.c-article__content 
.c-contentblock-staffComments__inner h2 {
  letter-spacing: 0;
  line-height: 1;
}
.c-article__content h3{
  line-height: 1.6em;
}
.c-article__content a {
  text-decoration: none;
}
.l-content {
  padding-top: 0;
}
.l-content-02 {
  margin: 0;
  max-width: initial;
}
.c-article {
  padding-bottom: 0;
  margin-bottom: 0;
}
.c-article__content img {
  display: block;
  margin: 0;
}
.share-area a {
  font-weight: normal;
}


/* common */
body.is-loading{
  height: 100vh;
  overflow: hidden;
  background: #000;
} 
    /* ステータスバー透過防止 */
    .for-status-bars {
      position: fixed;
      top: 0;
      pointer-events: none;
      height: 5px;
      width: 100%;
      background-color: #000;
      mix-blend-mode: lighten;
      z-index: 99999;
    }

    /* タブバー透過防止 */
    .for-tab-bars {
      position: fixed;
      bottom: 0;
      pointer-events: none;
      height: 4px;
      width: 100%;
      background-color: #000;
      mix-blend-mode: lighten;
      z-index: 99999;
    }

./* hirotaka */ .spbr,
.hirotaka .spbr2,
.hirotaka .spbr4{
  display: none;
}
.hirotaka p{
  margin: 0;
}
.hirotaka .text-serif{
  font-family: var(--font-serif);
}
.hirotaka .grad-text{
  display: inline-block;
  line-height: 1em;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: auto;
  position: relative;
  background: linear-gradient(135deg,  #dccbab 0%,#b99857 100%) text;
}
.hirotaka .photo-credit{
  color: #888888;
  font-size: 81.25%;
  text-align: center;
  margin: 1.5em auto;
}
.hirotaka .text-note{
  font-family: var(--font-sans);
  font-size: 75%;
  margin-top: 2em;
  padding-left: 1.6em;
  text-indent: -1.6em;
}
.hirotaka .note-area p.text-note:nth-child(n+2){
  margin-top: 0;
}
.hirotaka .btn-readmore{
  display: none;
}
.hirotaka .copyright{
  text-align: left;
  line-height: 2em;
  font-family: var(--font-serif);
  font-size: 75%;
}

/* VERYヘッダーフッター */
.header-logo_wrap {
  height: 82px;
  position: relative;
  width: 100%;
  z-index: 999;
  background: #FFF;
}
.header-logo {
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 130px;
}
.header-logo img {
  width: 100% !important;
}
/*
#footer ul.share-area {
  display: inline-block;
  margin-bottom: 50px;
  position: relative;
}
#footer ul.share-area:before {
  background: url(https://image.veryweb.jp/wp-content/uploads/2020/03/ttl-share.png);
  background-size: 70px auto;
  content: "";
  display: inline-block;
  height: 60px;
  left: -90px;
  position: absolute;
  top: -10px;
  width: 70px;
}
#footer ul.share-area li {
  display: inline-block;
}
#footer ul.share-area li.share {
  width: 70px;
}
#footer ul.share-area li i {
  font-size: 3.6rem;
  padding: 0 10px;
}
*/
#footer p.copy {
  color: #999;
  font-size: 1.3rem;
}
/***** メインコーディング *****/
.hirotaka {
  width: 100%;
  overflow: hidden;
}
.hirotaka .pr{
	background: #cccccc;
  color: #FFF;
  font-size: 10px;
  padding: 3px 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

/***** gimmick *****/
.hirotaka .fadeIn{
	opacity: 0;
  transform: translate(0,10%);
  -webkit-transform: translate(0,10%);
  transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
}
.hirotaka .fadeIn.left{
  transform: none;
  clip-path:  inset(0% 100% 0% 0%);
}
.hirotaka .fadeIn.zoom-out{
  overflow: hidden;
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
}
.hirotaka .fadeIn.zoom-out img{ 
  -webkit-transition: .3s ease .2s;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  opacity: 0;
}
.hirotaka .fadeIn.blur{
	opacity: 0;
	transform: none;
	-webkit-transform: none;
  filter: blur(30px);
}
.hirotaka .fadeIn.scrollIn{
	opacity: 1;
  transform: translate(0,0) !important;
  -webkit-transform: translate(0,0) !important;
  transition: .6s ease;
  -webkit-transition: .6s ease;
}
.hirotaka .fadeIn.mask-left{
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  clip-path: inset(0% 100% 0% 0% );
}
.hirotaka .fadeIn.mask-right{
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  clip-path: inset(0% 0% 0% 100%);
}
.hirotaka .fadeIn.mask-left.scrollIn,
.hirotaka .fadeIn.mask-right.scrollIn{
  clip-path: inset(0% 0% 0% 0% );
}


.hirotaka .fadeIn.zoom-out.scrollIn img{
  opacity: 1;
  transform: scale(1);
  transition: .8s ease-out .1s;
  -webkit-transition: .8s ease-out .1s;
}
.hirotaka span.fadeIn.blur.scrollIn{
  filter: blur(0px);
  transition: 1.8s ease 0s;
}
.hirotaka .fadeIn.left.scrollIn{
  clip-path:  inset(0% 0% 0% 0%);
  transition: 1.2s cubic-bezier(0,.5,.3,1.01) 0s;
}

/***** gimmick *****/
.c-article__content{
	overflow: clip;
	overflow: inherit;
}
div.hirotaka{
  font-family: var(--font-sans);
	font-size: 15px;
	color: #474747;
	margin: auto;
	position: relative;
	-webkit-font-feature-settings: 'palt';
	-webkit-font-smoothing: subpixel-antialiased;
}
div.hirotaka p,
div.hirotaka li{
  line-height: 1.8em;
}
.hirotaka .spbr,
.hirotaka .spbr1,
.hirotaka .spbr2,
.hirotaka .spbr3{
	display: none;
}
.hirotaka section{
	background: #FFF;
}
.hirotaka section.item_section{
}
.hirotaka .inner{
	padding: 100px;
}
.hirotaka img{
	width: 100% !important;
}
/***** loading *****/
.c-article__content .hirotaka .hirotaka__loading{
	height: 100vh;
	width: 100%;
	position: fixed;
	width: 100%;
  height: 100vh;
  height: 100lvh;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbdeed+0,e7eaf1+25,dbdeed+50,e7eaf1+75,dbdeed+100 */
  background: linear-gradient(45deg,  #dbdeed 0%,#e7eaf1 25%,#dbdeed 50%,#e7eaf1 75%,#dbdeed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
}
.hirotaka .hirotaka__loading .loading-bg{
  position: relative;
  height: 100%;
  height: 100vh;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hirotaka .hirotaka__loading .loading-icon{
  margin: 0 auto;
  width: 104px;
  margin: 0 auto;
  animation: rotation 5s linear 0s normal infinite;
  -webkit-animation: rotation 5s linear 0s normal infinite;
}

@keyframes rotation{
  0%{ transform: rotate(0deg);}
  100%{ transform: rotate(-360deg);}
}
@-webkit-keyframes rotation{
  0%{ -webkit-transform: rotate(0deg);}
  100%{ -webkit-transform: rotate(-360deg);}
}

/* load-anim */
.hirotaka .hirotaka__loading.is-load .load-text span{
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transition: .6s ease 0s;
  -webkit-transition: .6s ease 0s;
}
.hirotaka .hirotaka__loading.is-load .load-text span.t2{
  transition: .6s ease .4s;
  -webkit-transition: .6s ease .4s;
}

.hirotaka .hirotaka__loading.is-load  .load-image ul li.img1{
  transform: rotate(-5deg) scale(1);
  opacity: 1;
  transition: .5s ease-out 1s;
}
.hirotaka .hirotaka__loading.is-load  .load-image ul li.img2{
  transform: rotate(5deg) scale(1);
  opacity: 1;
  transition: .5s ease-out 1.4s;
}
.hirotaka .hirotaka__loading.is-load  .load-image ul li.img3{
  transform: scale(1);
  opacity: 1;
  transition: .6s ease-out 1.9s;
}

/***** loading *****/

/***** head *****/
.hirotaka .hirotaka__head{
  background: #FFF;
  position: relative;
  z-index: 5;
}

/*
.hirotaka .hirotaka__head .loop-text{
}
.hirotaka .hirotaka__head .loop-text span{
  animation: streantext 20s linear 0s infinite normal;
  -webkit-animation: streantext 20s linear 0s infinite normal;
}
*/

@keyframes streantext{
  0%{ transform: translateX(0%); }
  100%{ transform: translateX(-50%); }
}
@-webkit-keyframes streantext{
  0%{ -webkit-transform: translateX(0%); }
  100%{ -webkit-transform: translateX(-50%); }
}



.hirotaka .hirotaka__head .head__content{
  position: relative;
  padding: 0px;
  min-height: 100vh;
  min-height: calc( 100vh - 82px);
}
.hirotaka .hirotaka__head .head__kv{
  position: relative;
  z-index: 10;
/*   background: #F0F0F0; */
}
.hirotaka .hirotaka__head .head__kv .kv-image{
  position: relative;
  overflow: hidden;
}
.hirotaka .hirotaka__head .head__kv .kv-image .mv-thumb{
  position: absolute;
  left: -10%;
  top:  -10%;
  width: 120%;
  height: 120%;
  filter: blur(50px);
  opacity: 0.8;
}
.hirotaka .hirotaka__head .head__kv .kv-image .mv-thumb img{
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hirotaka .hirotaka__head .head__kv .kv-image .kv-movie{
  width: 52.5vh;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.hirotaka .hirotaka__head .head__kv .kv-image .kv-item img{
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.hirotaka .hirotaka__head .header__text{
  text-align: center;
}
.hirotaka .hirotaka__head .header__text h1{
  font-family: var(--font-micho);
  font-size: 200%;
  line-height: 1.4em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt' 1;
  margin-bottom: 0.6em;
}
.hirotaka .hirotaka__head .header__text .kv-lead p{
  margin: 0;
  line-height: 2em;
}
/***** head *****/

/* top animation */


/***** btn *****/
.hirotaka .btn-link{
  margin: 2em auto 0;
  max-width: 300px;
  padding: 1px;
}
.hirotaka .btn-link a{
  display: block;
  padding: 1.3em 0.5em 1.25em;
  background: var(--secColor);
  text-align: center;
  font-size: 100%;
  overflow: hidden;
  position: relative;
  transition: .3s;
  font-weight: normal;
}
.hirotaka .btn-link a:hover{
  background: var(--hovColor);
}
.hirotaka .btn-link a span{
  position: relative;
  letter-spacing: 0.05em;
  font-family: var(--font-en);
  color: #FFF;
  z-index: 1;
  transition: .3s;
  
}
/*
.hirotaka .btn-link a:before{
  content: "";
  position: absolute;
  left: 50%;
  width: 120%;
  padding-top: 120%;
  top: 50%;
  transform: translate(-50%,-50%) scale(1);
  background: #FFF;
  z-index: 0;
  border-radius: 100%;
  transition: .3s;
}
.hirotaka .btn-link a:hover span{
  color: #FFF;
}
.hirotaka .btn-link a:hover:before{
  transform: translate(-50%,-50%) scale(0);
}
*/
/***** btn *****/





/***** section *****/
.hirotaka .hirotaka__mainsec #sec01,
.hirotaka .hirotaka__mainsec #sec03{
}

.hirotaka .hirotaka__mainsec #sec01{
  --secColor: #7c7583;
  --hovColor: #A39BAA;
}
.hirotaka .hirotaka__mainsec #sec02{
  --secColor: #787557;
  --hovColor: #9E9B76;
}
.hirotaka .hirotaka__mainsec #sec03{
  --secColor: #8b8bae;
  --hovColor: #B1B1D0;
}
.hirotaka .hirotaka__mainsec .inner{
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 70px 0;
}
.hirotaka .hirotaka__mainsec h2{
  font-family: var(--font-en);
  font-size: 400%;
}
.hirotaka .hirotaka__mainsec h2.sec-title{
  margin: 0em auto;
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 100%;
  height: 1em;
  font-family: var(--font-en);
  text-align: left;
  font-size: 100px;
  font-size: 666.5%;
  z-index: 1;
}
.hirotaka .hirotaka__mainsec h2.sec-title .title-wrap{
  white-space: nowrap;
  display: inline-block;
  animation: streantext 20s linear 0s infinite normal;
  -webkit-animation: streantext 20s linear 0s infinite normal;
}
.hirotaka .hirotaka__mainsec #sec02 h2.sec-title .title-wrap{
  animation: streantext 37s linear 0s infinite normal;
  -webkit-animation: streantext 37s linear 0s infinite normal;  
}
.hirotaka .hirotaka__mainsec #sec03 h2.sec-title .title-wrap{
  animation: streantext 14s linear 0s infinite normal;
  -webkit-animation: streantext 14s linear 0s infinite normal;  
}


.hirotaka .hirotaka__mainsec h2.sec-title .title-wrap .fill-text{
  color: #363c64;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #363c64;
}
.hirotaka .hirotaka__mainsec h2.sec-title .title-wrap .stroke-text{
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #363c64;
}
.hirotaka .hirotaka__mainsec .section-map{
  background: #cfd2e5;
  position: relative;
/* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#cfd2e5+0,e7eaf1+25,cfd2e5+50,e7eaf1+75,cfd2e5+100 */
background: linear-gradient(40deg,  #cfd2e5 0%,#e7eaf1 25%,#cfd2e5 50%,#e7eaf1 75%,#cfd2e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hirotaka .hirotaka__mainsec #sec02 .section-map{
  background: #FFF;
}
.hirotaka .hirotaka__mainsec .section-map .section_mainphoto{
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.hirotaka .hirotaka__mainsec #sec02 .section-map .section_mainphoto{
  left: auto;
  right: 0;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext{
  padding-left: 50%;
  padding-top: 12%;
  min-height: 122vw;
}
.hirotaka .hirotaka__mainsec #sec02 .section-map .section_itemtext{
  padding-left: 0;
  padding-right: 50%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemphoto{
  width: 67%;
  margin: 0 auto;
  position: relative;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemphoto:before{
  content: "";
  display: block;
  position: absolute;
  left: -11px;
  top: -10px;
  right: -11px;
  bottom: -10px;
  background: url(../images/photo_frame.png) no-repeat center center;
  background-size: 100%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemphoto .photo_frame{
  padding: 9px;
  padding: 2.8%;
  position: relative;
  z-index: 2;
  line-height: 0;
}


/* itemlist */
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist{
  position: absolute;
  left: 0;
  top: 0%;
  top: 50vw;
  width: 50%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item{
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn{
  appearance: none;
  outline: none;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  user-select:none;
  position: relative;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn img{
  position: relative;
  z-index: 1;
}
/*
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn:before{
  content: "";
  position: absolute;
  left: -15%;
  bottom: -15%;
  width: 30%;
  height: 50%;
  display: block;
}
*/
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark{
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
/*   border: 3.5px dotted red; */
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/circle_dot.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark:before,
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark:after{
  content: "";
  display: block;
  width: 34%;
  height: 1px;
  background: #353c64;
  position: absolute;
  left: 33%;
  top: 50%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark:after{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  opacity: 1;
  transition: .3s;
  -webkit-transition: .3s;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn:hover .plusmark,
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn.is-open .plusmark{
  opacity: 0.6;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn:hover .plusmark:after,
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn.is-open .plusmark:after{
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  opacity: 0;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips{
  display: none;
  background: #363c64;
  width: 250px;
  color: #FFF;
  text-align: left;
  padding: 0.5em;
  font-size: 88.5%;
  margin-top: 0.5em;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  transform: translateZ(1);
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips p{
  font-weight: bold;
  line-height: 1.5em;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips p span{
  display: inline-block;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips p .price{
  font-family: "Poiret One", sans-serif;
  font-weight: 400;
  display: block;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips a{
  font-family: "Poiret One", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #FFF;
  display: inline-block;
  padding-right: 1.6em;
  margin-top: 0.2em;
  position: relative;
  transition: .3s;
  -webkit-transition: .3s;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips a:after{
  content: "";
  display: block;
  position: absolute;
  right: 0.2em;
  top: 0;
  width: 1em;
  height: 100%;
  background: url(../images/link-arrow.png) no-repeat right center;
  background-size: 10px;
  transition: .3s;
  -webkit-transition: .3s;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips a:hover{
  opacity: 0.5;
}


/* atari */
.hirotaka .hirotaka__mainsec #sec01 .section-map .section_itemtext .section_itemlist{
  left: 4%;
  top: 60vw;
  padding-top: 60.2%;
}
.hirotaka .hirotaka__mainsec #sec02 .section-map .section_itemtext .section_itemlist{
  left: auto;
  right: 0;
  top: 49vw;
  padding-top: 72%;
}
.hirotaka .hirotaka__mainsec #sec03 .section-map .section_itemtext .section_itemlist{
  top: 64vw;
  width: 55%;
  padding-top: 55.8%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .atari{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}


/* items */
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-1{
  width: 34.2%;
  top: 0%;
  left: 1.7%;
  z-index: 9;
} 
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-1 .item-btn .plusmark{
    left: 42.5%;
    top: 67.5%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-2{
  width: 31.9%;
  top: 17.7%;
  left: 38%;
  z-index: 8;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-2 .item-btn .plusmark{
  left: 63%;
  top: 63%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-3{
  width: 27.1%;
  top: 17.1%;
  left: 73%;
  z-index: 8;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-3 .item-btn .plusmark{
    left: auto;
    top: 69%;
    right: 32%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-3 .tooltips{
  left: auto;
  right: 0;
}

.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-4{
  width: 11.7%;
  top: 40.4%;
  left: 21.5%;
  z-index: 5;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-4 .item-btn .plusmark{
  left: 50%;
  top: 78%;
  transform: translateX(-50%);
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-5{
  width: 11.7%;
  top: 46.5%;
  left: 2%;
  z-index: 6;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-5 .item-btn .plusmark{
  left: 50%;
  top: 72%;
  transform: translateX(-50%);
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-6{
  width: 33.1%;
  top: 50.9%;
  left: 46%;
  z-index: 4;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-6 .item-btn .plusmark{
    left: 52%;
    top: 69%;
}
/* look2 */
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-1{
    width: 55.2%;
    top: 0%;
    left: auto;
    right: 0;
    z-index: 9;
} 
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-1 .item-btn .plusmark{
    left: auto;
    right: 5.5%;
    top: 86%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-1 .tooltips{
    left: 15%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-2{
    width: 33.2%;
    top: 23.9%;
    left: 3.2%;
    z-index: 8;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-2 .item-btn .plusmark{
    left: auto;
    right: 64%;
    top: 63%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-3{
    width: 15%;
    top: 50.2%;
    left: 16.5%;
    z-index: 7;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-3 .item-btn .plusmark{
    left: 21%;
    top: auto;
    bottom: 50%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-3 .tooltips{
    left: -90%;
    top: 70%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-4{
    width: 23.4%;
    top: 50%;
    left: 37.4%;
    z-index: 6;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-4 .item-btn .plusmark{
    top: 53%;
    left: auto;
    right: 49%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-4 .tooltips{
  top: 90%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-5{
    width: 11.7%;
    top: 57.3%;
    left: 71%;
    z-index: 5;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-5 .tooltips{
    left: auto;
    right: 110%;
    top: 80%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-5 .item-btn .plusmark{
  left: 50%;
  transform: translateX(-50%);
  top: 80%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-6{
    width: 17.4%;
    top: 71.8%;
    left: 14.6%;
    z-index: 4;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-6 .item-btn .plusmark{
    left: auto;
    right: 32%;
    top: 50%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-6 .tooltips{
    left: -50%;
}

/* look3 */
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-1{
    width: 34.6%;
    top: 0%;
    left: 42%;
    z-index: 9;
} 
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-1 .item-btn .plusmark{
    top: 70.5%;
    left: 29.5%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-2{
    width: 37.7%;
    top: 12.2%;
    left: 0%;
    z-index: 8;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-2 .item-btn .plusmark{
    top: 61%;
    left: auto;
    right: 48%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-2 .tooltips{
    left: 29%;
    top: 70.5%;
  }
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-3{
    width: 43.9%;
    top: 17.9%;
    left: 64.1%;
    z-index: 7;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-3 .item-btn .plusmark{
    left: auto;
    top: 49.5%;
    right: 59.5%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-3 .tooltips{
    left: auto;
    right: 35%;
    top: 80%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-4{
    width: 33.6%;
    top: 43%;
    left: 22.5%;
    z-index: 6;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-4 .item-btn .plusmark{
    left: auto;
    right: 56%;
    top: 41.5%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-5{
    width: 10.6%;
    top: 45.3%;
    left: 5.3%;
    z-index: 5;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-5 .item-btn .plusmark{
  left: 50%;
  top: 80%;
  transform: translateX(-50%);
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-6{
    width: 23.6%;
    top: 50.5%;
    left: 61.4%;
    z-index: 4;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-6 .item-btn .plusmark{
    top: auto;
    left: auto;
    right: 54%;
    bottom: 52%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-6 .tooltips{
  top: 50%;
  left: auto;
  right: -30%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-7{
    width: 39.6%;
    top: 70%;
    left: 24.8%;
    z-index: 3;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item3-7 .item-btn .plusmark{
    top: 37%;
    left: auto;
    right: 72.7%;
}

/* textbody */

.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody{
  text-align: left;
  padding: 5%;
  padding: 10% 16.5%;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody h3{
  font-family: var( --font-micho);
  font-weight: 400;
  font-size: 180%;
  font-size: 165%;
	-webkit-font-feature-settings: 'palt';
	-webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: -0.07em;
  margin-bottom: 1em;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody .text p{
  line-height: 2em;
}

.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit{
  margin: 1em 0;
}


.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit .credit-btn{
  font-family: "Poiret One", sans-serif;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  background: transparent;
  position: relative;
  font-weight: 400;
  letter-spacing: 0.05em;
  appearance: none;
  border: none;
  margin-left: 0;
  padding-right: 1.2em;
  padding-left: 0.1em;
  font-size: 120%;
  transition: color .6s ease 0s;
  background: transparent;
/*   background: rgb(202 58 28 / 60%); */
  color: #363c64;
  z-index: 2;
 }
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit .credit-btn:after{
  content: "";
  display: block;
  position: absolute;
  right: 0em;
  top: 0;
  height: 100%;
  width: 1em;
  background: url(../images/btn-arrow.png) no-repeat center center;
  background-size: 10px;
  transition: .3s;
  -webkit-transition: .3s;
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit._is-open .credit-btn:after{
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
}

.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit .credit-toggle{
  display: none;
  padding: 0.5em 0 1.5em;
  position: relative;
  height: 100%;
  margin: 1em 0;
}
.hirotaka .hirotaka__mainsec .section-map .section_itemtext .credit .credit-toggle p{
  font-size: 86.7%;
  color: #a5a5a5;
  line-height: 1.8em;
}


/***** info *****/
.hirotaka .hirotaka__mainsec #info .inner{
  padding: 120px 100px 100px;
  max-width: 1200px;
  margin: 0px auto;
  padding-top: 0;
}
.hirotaka .hirotaka__mainsec #info .inner h2{
  margin: 0em auto;
  z-index: 1;
  color: #363c64;
  padding-bottom: 1em;
}
.hirotaka .hirotaka__mainsec #info .flex-row{
  display: flex;
  gap: 50px;
  align-items: center;
}
.hirotaka .hirotaka__mainsec #info .flex-row > div{
  width: 50%;
  width: calc(50% - 25px);
}
.hirotaka .hirotaka__mainsec #info .flex-row .info-text{
  text-align: left;
}
.hirotaka .hirotaka__mainsec #info .flex-row .info-text h3{
  font-size: 113.5%;
  margin-bottom: 1em;
}
.hirotaka .hirotaka__mainsec #info .flex-row .info-text .btn-link{
  margin-left: 0;
}
.hirotaka .hirotaka__mainsec #info .flex-row .info-text .btn-link a{
    background-color: #363c64;
    border: 1px solid #363c64;
    color: #FFF;
    font-family: "Poiret One", sans-serif;
    padding: 1em 2em;
    letter-spacing: 0.1em;
    transition: .3s;
    -webkit-transition: .3s;
}
.hirotaka .hirotaka__mainsec #info .flex-row .info-text .btn-link a:hover{
  background: #FFF;
  color: #363c64;
}

/* movie */
.hirotaka .hirotaka__mainsec #movie{
  background: #e7eaf1;
}
.hirotaka .hirotaka__mainsec #movie .inner{
  padding: 100px;
  max-width: 1200px;
  margin: 0px auto;
}
.hirotaka .hirotaka__mainsec #movie h2.sec-title{
  top: 50%;
  margin-top: -0.5em;
}
.hirotaka .hirotaka__mainsec #movie h2.sec-title .gray-text{
  color: #d4d9e5;
}
.hirotaka .hirotaka__mainsec #movie h2.sec-title .white-text{
  color: #FFF;
}
.hirotaka .hirotaka__mainsec #movie .inner .full_movie{
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}


/***** footer *****/
.hirotaka .hirotaka__foot{
  text-align: left;
  background: #FFF;
}
.hirotaka .hirotaka__foot .footer__wrap{
  padding: 100px 80px;
}
.hirotaka .hirotaka__foot .footer__wrap .information .flex-row{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 2em;
}
.hirotaka .hirotaka__foot a{
  font-weight: normal !important;
  text-decoration: none;
  color: #000;
  font-size: 100%;
  transition: .3s;
  display: inline-block;
}
.hirotaka .hirotaka__foot a:hover{
  opacity: 0.6;
}

.hirotaka .hirotaka__foot h3{
  font-family: var(--font-en);
  font-weight: 400;
  font-size: 92.5%;
}
.hirotaka .hirotaka__foot p,
.hirotaka .hirotaka__foot li{
  font-size: 82.5%;  
}
.hirotaka .hirotaka__foot li .shop{
  display: inline-block;
  width: 18em;
}
.hirotaka .hirotaka__foot .cloth-credit{
  margin-top: 2em;
}
.hirotaka .hirotaka__foot .cloth-credit li .shop{
  width: 22em;
}
.hirotaka .hirotaka__foot .staff{
  text-align: center;
}
.hirotaka .hirotaka__foot p.credit span{
  display: inline-block;
  margin: 0 0.5em;
}

.hirotaka .hirotaka__foot .footer__wrap .information .btn-link{
  margin: 0;
  margin-bottom: 0;
}
.hirotaka .hirotaka__foot .footer__wrap .information .btn-link a{
  background: #565656;
  color: #FFF;
  font-family: "Poiret One", sans-serif;
  padding: 1em 2em;
  letter-spacing: 0.1em;
  margin-top: 0.4em;
}

.hirotaka .hirotaka__foot .footer__wrap .sns-link ul{
  display: flex;
  margin: 50px auto;
  justify-content: center;
  gap: 40px;
}
.hirotaka .hirotaka__foot .footer__wrap .sns-link ul li{
  width: 42px;
}
.hirotaka .hirotaka__foot .footer__wrap .sns-link ul li a{
  transition: .3s;
}
.hirotaka .hirotaka__foot .footer__wrap .btn_more a{
  line-height: 1.8em;
}




@media screen and (min-width: 1200px) {
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark{
    width: 5.8vw;
    height: 5.8vw;
    border-width: 4px;
  }

}
@media screen and (min-width: 767px) and (max-height: 800px) {
/*
  .hirotaka .hirotaka__head .loop-text{
    top: 30%;
  }
  .hirotaka .hirotaka__head:before{
    height: 30%;
  }
*/
}

@media screen and (max-width: 1180px) {
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody{
    padding: 8% 12.5%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemphoto{
    width: 75%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody h3{
    font-size: 150%;
  }
  .hirotaka .hirotaka__mainsec #info .inner{
    padding: 0 8% 8%;
  }
}

@media screen and (max-width: 980px) {
	div.hirotaka{
  	font-size: 14px;
  }

  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark{
    width: 6vw;
    height: 6vw;
    border-width: 3px;
  }

}
@media screen and (max-width: 767px) {
	div.hirotaka{
		font-size: 14px;
	}
	.header-logo_wrap {
    height: 50px;
  }
  .header-logo {
    width: 107px;
  }
  .hirotaka .inner {
    padding: 60px 30px;
  }
	.hirotaka .spbr{
		display: inline !important;
	}
	.hirotaka .pcbr{
		display: none !important;
	}
	.hirotaka .hirotaka__head .head__kv .kv-image{
    background: #f0f0f0;
    height: auto;
	}
  .hirotaka .hirotaka__head .head__kv .kv-image .kv-movie{
    width: 100%;
    margin: 0 auto;
  }

  .hirotaka .hirotaka__head .header__text h1{
    font-size: 150%;
  }
  .hirotaka .hirotaka__mainsec h2.sec-title{
    font-size: 430%;
  }
  .hirotaka .hirotaka__mainsec .inner{
    padding: 2.8em 0 1.4em;
  }
  .hirotaka .hirotaka__mainsec #sec01 .inner{
    padding-bottom: 2.8em;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemphoto{
    width: 78%;
    margin-bottom: 10%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_mainphoto{
    position: static;
    width: 100%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext,
  .hirotaka .hirotaka__mainsec #sec02 .section-map .section_itemtext{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark{
    width: 11vw;
    height: 11vw;
    border-width: 3px;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist{
    position: relative;
    top: 0 !important;
    width: 85%;
    margin: 0 auto;
    padding-top: 120%;
    z-index: 1;
    margin-bottom: -10%;
  }
  .hirotaka .hirotaka__mainsec #sec01 .section-map .section_itemtext .section_itemlist{
    padding-top: 110%;
    left: 0;
  }
  .hirotaka .hirotaka__mainsec #sec02 .section-map .section_itemtext .section_itemlist{
    width: 95%;
    margin-right: 0;
    padding-top: 135%;
  }
  .hirotaka .hirotaka__mainsec #sec03 .section-map .section_itemtext .section_itemlist{
    width: 100%;
    margin: 0 auto;
    padding-top: 105%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .tooltips{
    width: 50vw;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-4{
    top: 45%;
    left: 25%;
  }
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-3{
     top: 0%;
    left: 73%;
	 }
	 .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-3 .tooltips{
      position: absolute;
      right: 0;
      left: auto;
      top: auto;
	 }
	 .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-6{
  	 left: 55%;
	 }
 	.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item1-6 .tooltips{
    width: 50vw;	 	 
    left: auto;
    right: -50%;
 	}
 	.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-1 .tooltips{
   	position: absolute;
   	top: auto;
   	left: auto;
   	right: 10%;
 	}
 	.hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item2-5 .tooltips{
   	position: absolute;
   	top: auto;
   	left: auto;
   	right: -10%;
   	width: 60vw;
 	}
   .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody{
  	 padding: 5.8%;
  }
	 .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_textbody h3{
  	 margin-bottom: 0.6em;
     font-size: 160%;
  }
  .hirotaka .hirotaka__mainsec #info .inner{
    padding: 5.8%;
  }
  .hirotaka .hirotaka__mainsec #info .inner h2{
    font-size: 256%;
    padding-bottom: 0.8em;
  }  
  .hirotaka .hirotaka__mainsec #info .flex-row{
    display: block;
  }
  .hirotaka .hirotaka__mainsec #info .flex-row > div{
    width: 100%;
  }
  .hirotaka .hirotaka__mainsec #info .flex-row .info-text{
    margin-top: 1em;
  }
  .hirotaka .hirotaka__mainsec #info .flex-row .info-text h3{
    margin-bottom: 0.5em;
    font-size: 120%;
  }
  .hirotaka .hirotaka__mainsec #info .flex-row .info-text .btn-link{
    margin-top: 1em;
    max-width: 270px;
  }
  
  .hirotaka .hirotaka__mainsec #movie .inner{
    padding: 5.6%;
    padding-top: 12.4%;
  }
  .hirotaka .hirotaka__mainsec #movie h2.sec-title{
    top: 0;
    margin-top: 0;
    padding-top: 5.6%;
  }
  
  .hirotaka .copyright{
    font-size: 85%;
  }
  .hirotaka .hirotaka__foot .footer__wrap .sns-link ul{
    margin: 30px auto;
  }
  .hirotaka .hirotaka__foot{
  }
  .hirotaka .hirotaka__foot .footer__wrap{
    padding: 13.2% 5.35%;
  }
  .hirotaka .hirotaka__foot .footer__wrap .information .flex-row{
    display: block;
  }
  .hirotaka .hirotaka__foot h3{
    font-size: 95%;
  }
  .hirotaka .hirotaka__foot p,
  .hirotaka .hirotaka__foot li {
    font-size: 87.5%;
  }
  .hirotaka .hirotaka__foot li .shop{
    width: 16.5em;
  }
  .hirotaka .hirotaka__foot .cloth-credit li .shop{
    width: 22em;
  }
  .hirotaka .hirotaka__foot .footer__wrap .information .official{
    margin-top: 1em;
  }
  .hirotaka .hirotaka__foot .staff{
    text-align: left;
  }
}
@media screen and (max-width: 640px) {
  .hirotaka .hirotaka__head .inner{
  	padding: 25px;
  }
  .hirotaka .inner {
    padding: 30px 15px;
  }
  .hirotaka .btn-link{
    margin: 1.6em auto 0;
  }
}
@media screen and (max-width: 480px) {
	div.hirotaka{
		font-size: 12.5px;
	}
	.hirotaka .spbr2{
		display: inline !important;
	}
	.hirotaka .hirotaka__foot p.credit span{
    display: block;
    margin: 0;
  }
	.hirotaka .hirotaka__foot p.credit br{
  	display: none;
	}
  .hirotaka .hirotaka__mainsec .section-map .section_itemtext .section_itemlist .item .item-btn .plusmark{
        width: 46px;
        height: 46px;
    border-width: 2.5px;
  }
}
@media screen and (max-width: 320px) {

}