@charset "utf-8";

h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}

div.about-contents{
    display: flex;
    justify-content: space-between;
    /* margin: 140px auto 50px; */
    margin: 90px auto 0px;
    padding: 0 4%;
}

div.about-contents2{
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    padding: 0 4%;
}

div.about-contents3{
    display: flex;
    justify-content: space-between;
    margin: 0px auto 50px;
    padding: 0 4%;
}

div.about-contents4{
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    padding: 0 4%;
}


article {
    width: 66%;
}

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

article img {
    margin-bottom: 20px;
max-width: 100%;
vertical-align: middle;
    border-style: none;
}

article p {
    margin-bottom: 1rem;
margin-top: 0;
}

.post-info {
    position: relative;
    padding-top: 4px;
    margin-bottom: 40px;
}

.post-title {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-size: 2rem;
    font-weight: normal;
}

h2.post-title.about, h2.post-title.management {
    margin-left: 20px;
    color: #ea609e;
}

aside {
    width: 30%;
}

.sub-title {
    font-size: 1.375rem;
    padding: 0 8px 8px;
    border-bottom: 2px #ea609e solid;
    font-weight: normal;
    color: #ea609e;
}


.title_ud {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-right: 6.4vw;
    padding-left: 6.4vw;
}

.title_ud_wrapper {
   font-size: 1.75rem;
}


.title_ud_side {
    display: block;
    margin-bottom: .5em;
    margin-left: .25em;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .125em;
}

.article_100 {
    width: 100%;
}

article.image_center{
 margin:0 0 0 40px;
}

.attraction-detail {
    /* padding: 215px 0 130px; */
    padding: 155px 0 130px;
    margin-top: -120px;
}
.content-wrap {
    max-width: 1680px;
    margin: 0 auto;
    width: 87.5%;
}
ul, ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.attraction-detail>.wrap .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
}

.fade-in {
    -webkit-transition: opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    transition: opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    transition: transform 2s cubic-bezier(0.1, 0.55, 0.2, 1),opacity 1.5s ease-out 0.1s;
    transition: transform 2s cubic-bezier(0.1, 0.55, 0.2, 1),opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0;
}

.fade-in.is-visible {
    -webkit-transition: opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    transition: opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    transition: transform 2s cubic-bezier(0.1, 0.55, 0.2, 1),opacity 1.5s ease-out 0.1s;
    transition: transform 2s cubic-bezier(0.1, 0.55, 0.2, 1),opacity 1.5s ease-out 0.1s,-webkit-transform 2s cubic-bezier(0.1, 0.55, 0.2, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.attraction-detail>.wrap .list .image {
    overflow: hidden;
    position: relative;
    width: 56.5%;
}

.attraction-detail>.wrap .list .image img {
    height: auto;
    width: 100%;
}

.attraction-detail>.wrap .list .image>.num {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 75px;
    color: #fff;
    line-height: 1;

    height: 185px;
    width: auto;
}


.attraction-detail>.wrap .list .contents {
    padding: 60px 0 0;
    width: 43.5%;
}

.attraction-detail>.wrap .list:nth-child(2n-1) .contents {
    padding-left: 130px;
}

.attraction-detail>.wrap .list .contents>.number {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 65px;
    padding-bottom: 30px;
    position: relative;
}

.attraction-detail>.wrap .list .contents>.number span {
    display: inline-block;
}

.attraction-detail>.wrap .list .contents>.number>.en {
    font-family: URWDINCond-XLight;
    line-height: 1.1;
    font-size: 20px;
    letter-spacing: 0.09em;
    padding-top: 17px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-family: URWDINCond-XLight;
    line-height: 1.1;
    font-size: 110px;
    margin-left: 10px;
}
.attraction-detail>.wrap .list .contents>.number span {
    display: inline-block;
}

.attraction-detail>.wrap .list .contents>.number::after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background-color: #000;
    content: '';
    height: 1px;
    width: 65px;
}
.attraction-detail>.wrap .list .contents>.title {
    font-family: YakuHanJPs, 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', MyYuGothicM, Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}

.text-primary {
    font-family: YakuHanJPs, 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', MyYuGothicM, Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.8;
}

.text-primary.read {
    line-height: 2.3;
    margin-bottom: 40px;
}

div.yakuwari{
margin: 0 0 0 0px;
}

h2.yakuwari_txt{
margin: 0 0 0 350px;
font-size: 20px;
font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
text-align:right;
}

div.yakuwari_image{
    width: 180px;
    margin: 0 0 0 550px;
}

.attraction-detail>.wrap .list .contents>.text-primary {
    margin-bottom: 50px;
}

.attraction-detail>.wrap .list:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {

div.yakuwari{
margin: 0 0 0 450px;
}

h2.yakuwari_txt{
margin: 0 0 0 450px;
font-size: 20px;
}

}

/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
div.yakuwari{
margin: 0 0 0 350px;
}

h2.yakuwari_txt{
font-size: 18px;
}

}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {

div.about-contents4{
margin: -550px 0px 200px 0px;
}

div.yakuwari{
margin: 0 0 0 150px;
}


}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) and (orientation:landscape) {

div.about-contents4{
margin: 0px 0px 200px 0px;
}

div.yakuwari{
margin: 0 0 0 150px;
}

}


/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 

h2.yakuwari_txt{
margin: 0 0 0 0px;
font-size: 14px;
font-weight: 200;
    line-height: 1.6;
    letter-spacing: 0.1em;
text-align:right;
}

div.yakuwari_image{
    width: 180px;
    margin: 0 0 0 0px;
}

}

/* 〜479px：SP縦
------------------------------ */
@media screen and (max-width:479px) { 
h2.yakuwari_txt{
margin: 0 0px 0 30px;
font-size: 14px;
font-weight: 200;
    line-height: 1.6;
    letter-spacing: 0.1em;
text-align:right;
}

div.yakuwari_image{
    width: 90px;
    margin: 0 0 0 250px;
}

}


@media screen and (max-width: 1545px){
.attraction-detail>.wrap .list {
    margin-bottom: 70px;
}
.attraction-detail>.wrap .list .image>.num {
    left: 60px;

    height: 155px;
}

.attraction-detail>.wrap .list .contents {
    padding: 40px 0 0;
padding-right: 70px;
}
.attraction-detail>.wrap .list:nth-child(2n-1) .contents {
    padding-left: 70px;
}
.attraction-detail>.wrap .list .contents>.number {
    margin-bottom: 35px;
    padding-bottom: 10px;
}
.attraction-detail>.wrap .list .contents>.number>.en {
    font-size: 18px;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-size: 100px;
}
.attraction-detail>.wrap .list .contents>.number::after {
    width: 55px;
}
.attraction-detail>.wrap .list .contents>.title {
    font-size: 22px;
    margin-bottom: 20px;
}
.attraction-detail>.wrap .list .contents>.text-primary {
    margin-bottom: 35px;
}
}




@media screen and (max-width: 1545px) and (max-width: 1290px) and (max-width: 1185px){
.attraction-detail>.wrap .list:nth-child(2n-1) .contents {
    padding-left: 30px;
}
.attraction-detail>.wrap .list .contents>.number>.en {
    font-size: 14px;
    padding-top: 10px;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-size: 75px;
}
.attraction-detail>.wrap .list .contents>.title {
    font-size: 18px;
}
.attraction-detail>.wrap .list .contents>.text-primary {
    font-size: 13px;
    line-height: 2;
}
.attraction-detail>.wrap .list .contents>.text-primary {
    font-size: 13px;
    line-height: 2;
}
}

@media screen and (max-width: 1545px) and (max-width: 1290px){
.attraction-detail>.wrap .list .contents {
    padding: 20px 0 0;
}
.attraction-detail>.wrap .list .contents>.number {
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.attraction-detail>.wrap .list .contents>.number>.en {
    font-size: 16px;
    padding-top: 15px;
    color: #da5d95;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-size: 90px;
}
.attraction-detail>.wrap .list .image>.num {
    left: 50px;

    height: 135px;
}

.attraction-detail>.wrap .list:nth-child(2n-1) .contents {
    padding-left: 50px;
}
}

@media screen and (max-width: 1545px) and (max-width: 1290px) and (max-width: 736px){
.attraction-detail>.wrap .list .image>.num {
    left: auto;
    right: 40px;

    height: 74px;
}

.attraction-detail>.wrap .list .contents>.number {
    margin-bottom: 5px;
    padding-bottom: 0;
}
.attraction-detail>.wrap .list .contents>.number>.en {
    font-size: 15px;
    padding-top: 8px;
}
}

@media screen and (max-width: 1545px) and (max-width: 1290px) and (max-width: 1185px) and (max-width: 736px){
.attraction-detail>.wrap .list:nth-child(2n-1) .contents {
    padding-left: 20px;
}
.attraction-detail>.wrap .list .contents>.number {
    margin-bottom: 5px;
    padding-bottom: 0;
}
.attraction-detail>.wrap .list .contents>.number>.en {
    font-size: 15px;
    padding-top: 8px;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-size: 77px;
}
.attraction-detail>.wrap .list .contents>.title {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.attraction-detail>.wrap .list .contents>.text-primary {
    margin-bottom: 0;
}
.attraction-detail>.wrap .list .contents>.number>.num {
    font-size: 77px;
}
.attraction-detail>.wrap .list .contents>.title {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.attraction-detail>.wrap .list .contents>.text-primary {
    margin-bottom: 0;
}
.attraction-detail>.wrap .list .contents {
    padding: 20px 20px 0;
    width: 100%;
}
}

@media screen and (max-width: 1545px) and (max-width: 736px){
.attraction-detail>.wrap .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
}
}

@media screen and (max-width: 1366px){
.attraction-detail {
    /* padding: 185px 0 0px; */
    padding: 250px 0 0px;
    /* margin-top: -90px; */
}
.text-primary.read {
    line-height: 2.1;
}
}


@media screen and (max-width: 1185px){
.attraction-detail>.wrap .list .image {
    width: 52.5%;
}
}

@media screen and (max-width: 1024px){
div.about-contents2 {
    margin: -220px auto 0;
}

}

@media screen and (max-width: 736px){
div.about-contents2 {
    margin: -600px auto -150px;
}
}

@media screen and (max-width: 736px){
.content-wrap {
    margin: 0 20px;
    width: auto;
}
p, dt, dd, li {
    font-size: 13px;
}
.for-large {
    display: none;
}
.attraction-detail>.wrap .list:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
}

@media screen and (max-width: 1366px) and (max-width: 736px){
.attraction-detail {
    padding: 0px 0;
    margin: 0;
}
.text-primary.read {
    line-height: 2;
    margin-bottom: 25px;
    letter-spacing: 0.08em;
}
}

@media screen and (max-width: 1185px) and (max-width: 736px){
.attraction-detail>.wrap .list .image {
    width: 100%;
}
}


@media (min-width: 1025px){
.title_ud:after {
    display: block;
    flex: 1 1 auto;
    width: 1px;
    min-height: 5rem;
    margin: 2.5rem auto 0;
    content: "";
    background: #000;
}
}

@media (min-width: 980px){
.title_ud {
    padding-right: 5.85652vw;
    padding-left: 5.85652vw;
    width: 29.28258vw;
   /* min-height: calc(100vh - 8rem); */
}
}

@media (max-width: 820px){


}

@media (min-width: 768px){

div.about-contents{
/* height:500px; */
}


div.yakuwari{
/* margin: 0 0 0 250px; */
}

h2.yakuwari_txt{
margin: 0 -50px 0 0px;
font-size: 18px;
font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
text-align:right;
}

div.yakuwari_image{
    width: 120px;
    margin: 0 0px 0 350px;
}


.title_ud {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 29.28258vw;
    /* min-height: calc(100vh - 6rem); */
    padding-top: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
.title_ud_wrapper {
    position: relative;
    flex: 0 0 auto;
    width: 1.33333em;
    font-size: 2.5rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.title_ud_side {
    position: absolute;
    left: 100%;
    margin-top: .25em;
    margin-bottom: 0;
    margin-left: .75em;
    letter-spacing: .15em;
color: #da5d95
}
.title_ud_main {
    letter-spacing: .15em;
}

div.about-contents4{
margin: 0px 0px 0px 0px;
}

}

@media (min-width: 1025px){

.attraction-detail {
    /* padding: 185px 0 0px; */
    padding: 100px 0 0px;
    /* margin-top: -90px; */
}

div.about-contents4 {
    margin: 50px 0px 0px 200px;
}

}

@media (max-width: 600px){
div.about-contents {
    flex-direction: column;
margin: 90px auto 0;
}

div.about-contents2 {
    flex-direction: column;
margin: 50px auto 0;
}

article.image_center {
    margin: 0 0 0 0px;
}

article, aside {
    width: 100%;
}
.post-info {
    margin-bottom: 30px;
}
.post-title {
    font-size: 1.375rem;
}
aside {
    /* margin-top: 60px; */
}

div.detail.wrapper {
    padding: 20px 2% 0;
}

}