html {
    font-size: 62.5%
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1.6rem;
    vertical-align: baseline;
    background: 0 0;
    font-weight: 400;
    font-family: 'Open Sans', 'メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    box-sizing: border-box
}

.sec_Navigators>.secInner>.Navigators>.line1>.img>img,
.sec_Navigators>.secInner>.Navigators>.line2>.img>img,
img {
    vertical-align: bottom
}

.itTitle span,
.shopdetail span {
    font-family: Play, sans-serif
}

body {
    padding-bottom: 8rem
}

header {
    width: 100%;
    height: 7rem
}

a {
    text-decoration: none
}

header .headerInner {
    margin: auto;
    max-width: 1024px;
    padding: 0 1rem;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

header .fa {
    font-size: 2rem;
    transform: translateY(.3rem);
    margin-right: .2rem
}

header>.headerInner>div>.Fee,
header>.headerInner>div>.Flight_Booking {
    text-align: center;
    margin: 0 .5rem;
    border-radius: 10px
}

header>.headerInner>div>.Fee a,
header>.headerInner>div>.Flight_Booking a {
    border: 1px solid #af3a93;
    padding: 1rem;
    text-align: center;
    margin: 0 .5rem;
    border-radius: 24px;
    width: 100%;
    background: #af3a93;
    color: #fff;
    transition: color .5s ease, background-color .5s ease;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3)
}

header>.headerInner>div>.Fee a span,
header>.headerInner>div>.Fee a:hover span {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-block;
    border-radius: 50%;
    transform: translateY(0);
    padding-top: .2rem;
    margin-right: .1rem;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700
}

header>.headerInner>div>.Fee a span {
    background-color: #fff;
    color: #af3a93;
    transition: color .5s ease, background-color .5s ease
}

header>.headerInner>div>.Fee a:hover span {
    background-color: #ea2ba2;
    color: #fff
}

header>.headerInner>div>.Fee a:hover,
header>.headerInner>div>.Flight_Booking a:hover {
    border: 1px solid #ea2ba2;
    padding: 1rem;
    text-align: center;
    margin: 0 .5rem;
    border-radius: 24px;
    width: 100%;
    background: #fff;
    color: #ea2ba2
}

header>.headerInner>div>.Flight_Booking {
    margin: 0 0 0 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

header>.headerInner>div>.Fee {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

header>.headerInner>div {
    margin: auto;
    display: flex;
    width: 50%
}

header>.headerInner>.h1_title {
    line-height: 0
}

img {
    width: 100%
}

header+section.sec_mainVisual {
    margin-top: 0
}

section {
    margin: 1rem 0
}

section>.secInner {
    margin: auto;
    max-width: 1024px;
    padding: 0 1rem
}

.sec_mainOverview>.sevIner,
.sec_mainVisual>.secInner {
    max-height: 448px
}

.space_div {
    width: 100%;
    height: 10rem
}

@media screen and (max-width:840px) {
    .space_div div.secInner {
        width: calc(100% - 2rem);
        border-bottom: 2px dashed #ac3f8f
    }
}

.space_div .secInner {
    width: 800px;
    border-bottom: 2px dashed #ac3f8f
}

.space_div100 {
    width: 100%;
    height: 8rem
}

.sec_mainImages>.secInner>.main_Images {
    display: flex;
    margin: 0 -.5rem
}

.sec_mainImages>.secInner>.main_Images>.center_image,
.sec_mainImages>.secInner>.main_Images>.left_image,
.sec_mainImages>.secInner>.main_Images>.right_image {
    width: calc(100% / (3 / 1) - 1rem);
    margin: 0 .5rem
}

.sec_mainImages>.secInner>.main_Images>.center_image>img,
.sec_mainImages>.secInner>.main_Images>.left_image>img,
.sec_mainImages>.secInner>.main_Images>.right_image>img {
    width: 100% vertical-align: bottom
}

.sec_Navigators>.secInner>.Navigators {
    display: flex;
    margin: 0 -.5rem
}

.sec_Navigators>.secInner>.Navigators>.line1,
.sec_Navigators>.secInner>.Navigators>.line2 {
    margin: 0 .5rem
}

.sec_Navigators>.secInner>.Navigators>.line1>.text_block,
.sec_Navigators>.secInner>.Navigators>.line2>.text_block {
    margin: 0 -1rem;
    display: flex
}

.sec_Navigators>.secInner>.Navigators>.line1>.text_block>div,
.sec_Navigators>.secInner>.Navigators>.line2>.text_block>div {
    margin: 2rem 1rem 0;
    width: 50%
}

.sec_Navigators>.secInner>.Navigators>.line1>.text_block>div>.text,
.sec_Navigators>.secInner>.Navigators>.line2>.text_block>div>.text {
    padding: 1rem
}

.textInner {
    word-wrap: break-word
}

.sec_IndividualImages>.secInner>.Individual_Images {
    display: flex;
    margin: 0 -.5rem
}

.sec_IndividualImages>.secInner>.Individual_Images>.left_image {
    width: calc(100% / (3 / 1) - .6rem);
    margin: 0 .2rem 0 .5rem
}

.sec_IndividualImages>.secInner>.Individual_Images>.center_image,
.sec_IndividualImages>.secInner>.Individual_Images>.right_image {
    width: calc(100% / (3 / 1) - .6rem);
    margin: 0 .2rem
}

.sec_IndividualImages>.secInner>.Individual_Images>.center_image>img,
.sec_IndividualImages>.secInner>.Individual_Images>.left_image>img,
.sec_IndividualImages>.secInner>.Individual_Images>.right_image>img {
    width: 100%
}

.shopdetail p.info {
    color: #333;
    font-size: 1.4rem;
    /*letter-spacing: .3rem*/
}

section.sec_mainOverview .detail {
    margin: 2rem 0 0
}

.shopdetail .detail p.info {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4rem
}

.shopdetail span {
    display: inline-block;
    margin-right: .8rem;
    font-size: 1.3rem;
    background-color: #221d19;
    color: #fff;
    padding: .1rem 1rem;
    letter-spacing: .2rem;
    border-radius: .2rem;
    width: 74px;
    text-align: center
}

.sec_mainOverview>.secInner>.main_Overview>.text>.textInner {
    padding: 1rem
}

.sec_Individual_it>.secInner>.Individual_it {
    display: flex;
    margin: 0 -.5rem
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it1 {
    margin: 0 .2rem 0 .5rem;
    width: 50%
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it2 {
    margin: 0 .5rem 0 .2rem;
    width: 50%
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it1>.text,
.sec_Individual_it>.secInner>.Individual_it>.Individual_it2>.text {
    padding: 1rem;
    margin-top: 1.5rem
}

.sec_Flight_Booking_btn>.secInner a {
    border: 1px solid #af3a93;
    padding: 1.4rem 1rem .9rem;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    background: #af3a93;
    color: #fff;
    transition: color .5s ease, background-color .5s ease;
    display: block;
    font-size: 3rem;
    border-radius: 5rem;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    letter-spacing: 1.2rem
}

.text,
section.sec_IndividualTitle {
    margin-top: 1rem
}

.toTop {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 80px;
    transition: transform .5s ease, opacity .5s ease;
    transition-delay: .5s, 0s;
    transform: translateY(150px);
    opacity: 0;
    padding: .5rem;
    /*background-color: rgba(206, 206, 206, .3);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 1rem;
    box-shadow: 2px 2px 1rem rgba(0, 0, 0, .2)*/
}

.toTop.active {
    transform: translateY(0);
    opacity: 1
}

.Rate_Plan {
    display: flex
}

.Rate_Plan .img_left {
    display: flex;
    flex-direction: column
}

.Rate_Plan .img_left>div {
    width: 100%;
    flex-grow: 1;
    background-image: url(../img/peach01.jpg);
    background-size: cover;
    border-radius: .4rem 0 0 .4rem
}

.Rate_Plan .info_right {
    width: calc(100%);
    background-color: #e6e6e6;
    padding: .4rem .4rem .4rem 0;
    border-radius: 0 .6rem .6rem 0
}

.Rate_Plan .info_right>div {
    background-color: #fff;
    padding: 4rem 2rem;
    border-radius: 0 .4rem .4rem 0
}

.Rate_Plan .info_right .title_top {
    font-size: 2.5rem;
    text-align: center;
    margin: 2rem auto 0;
    border-radius: .6rem;
    background-color: #531c5d;
    padding: 1rem;
    color: #fff
}

.Rate_Plan .info_right .pay {
    margin: 2rem 0;
    text-align: center;
    padding: .5rem
}

.Rate_Plan .info_right .info {
    padding: 1rem;
    font-size: 1.1rem;
    width: 80%;
    margin: 2rem auto
}

.Rate_Plan .info_right .pay span {
    display: block;
    width: 100%;
    font-size: 1.9rem
}

.main_center .text_block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.5rem
}

.Navigator {
    width: calc(100% * (1 / 3) - 1rem);
    margin: 0 .5rem
}

.main_center .text_block .Navigator:nth-child(4) {
    margin: 1rem .5rem 0 auto
}

.main_center .text_block .Navigator:nth-child(5) {
    margin: 1rem auto 0 .5rem
}

.threeColumnAnimation>div {
    transition: transform .8s ease, opacity .8s ease;
    transform: translateY(70px);
    opacity: 0
}

.saRun .threeColumnAnimation>div {
    transform: translateY(0);
    opacity: 1
}

.threeColumnAnimation>div:nth-child(1) {
    transition-delay: 0s
}

.threeColumnAnimation>div:nth-child(2) {
    transition-delay: .3s
}

.threeColumnAnimation>div:nth-child(3) {
    transition-delay: .6s
}

.sec_Navigators>.secInner>.Navigators>.line1>div,
.sec_Navigators>.secInner>.Navigators>.line2>div {
    transition: transform .8s ease, opacity .8s ease;
    transition-delay: .5s;
    opacity: 0
}

.sec_Navigators>.secInner>.Navigators>.line1>.img {
    transform: translateX(-50px)
}

.sec_Navigators>.secInner>.Navigators>.line2>.img {
    transform: translateX(50px)
}

.sec_Navigators>.secInner>.Navigators>.line1>.text_block,
.sec_Navigators>.secInner>.Navigators>.line2>.text_block {
    transform: translateY(70px)
}

.sec_Navigators.saRun>.secInner>.Navigators>.line1>.img,
.sec_Navigators.saRun>.secInner>.Navigators>.line1>.text_block,
.sec_Navigators.saRun>.secInner>.Navigators>.line2>.img,
.sec_Navigators.saRun>.secInner>.Navigators>.line2>.text_block {
    transform: translateX(0);
    transform: translateY(0);
    opacity: 1
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it1>div,
.sec_Individual_it>.secInner>.Individual_it>.Individual_it2>div {
    transition: transform .8s ease, opacity .8s ease;
    transition-delay: .5s;
    opacity: 0
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it1>.img {
    transform: translateX(-50px)
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it2>.img {
    transform: translateX(50px)
}

.sec_Individual_it>.secInner>.Individual_it>.Individual_it1>.text,
.sec_Individual_it>.secInner>.Individual_it>.Individual_it2>.text {
    transform: translateY(70px)
}

.sec_Individual_it.saRun>.secInner>.Individual_it>.Individual_it1>.img,
.sec_Individual_it.saRun>.secInner>.Individual_it>.Individual_it1>.text,
.sec_Individual_it.saRun>.secInner>.Individual_it>.Individual_it2>.img,
.sec_Individual_it.saRun>.secInner>.Individual_it>.Individual_it2>.text {
    transform: translateX(0);
    transform: translateY(0);
    opacity: 1
}

.itTitle {
    text-align: center
}

.itTitle span {
    font-size: 2rem;
    border-bottom: 1px solid #ea2ba2;
    color: #ea2ba2;
    transform: translateY(-.5rem);
    display: inline-block;
    margin: 0 .5rem;
    padding: 0 3rem .2rem
}

.itTitle img {
    width: 5rem
}

.fashionDetail p {
    margin: 1rem 0 2rem;
    color: #333;
    letter-spacing: .1rem;
    font-size: 1.6rem;
    border-bottom: 4px double #b33db7;
    padding-bottom: 2rem
}

.fashionPrice .nav_info {
    margin: auto;
    color: #b33db7;
    font-size: 1.4rem
}

.fashionPrice .nav_info a,
.fashionPrice .nav_info span {
    display: inline-block;
    color: #b33db7;
    text-align: right;
    margin-right: 1rem;
    font-size: 1.4rem
}

.text .textInner .fashionPrice .nav_info span.center {
    text-align: right
}

section.sec_mainOverview {
    margin-bottom: 2rem
}

.shopname {
    margin-top: 1rem
}

.add_space {
    margin-top: 3rem
}

section.sec_mainImages.saRun {
    margin-top: .2rem
}

.sec_IndividualImage {
    margin-bottom: 0
}

section.sec_IndividualImages.saRun {
    margin-top: .4rem
}

.balloon1 {
    position: relative;
    display: inline-block;
    padding: 7px 0;
    color: #fff;
    font-size: 16px;
    background: #e8339e;
    border-radius: 1rem;
    margin-top: 3rem;
    width: calc(100% - .8rem);
    box-sizing: border-box
}

.balloon1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e8339e
}

.balloon1 p {
    margin: 0;
    padding: 0
}

.balloon1.balloon-left {
    margin-right: .8rem
}

.balloon1.balloon-center {
    margin-left: .4rem;
    margin-right: .4rem
}

.balloon1.balloon-right {
    margin-left: .8rem
}

p.airPrice {
    width: 100%
}

p.airPrice span {
    display: block;
    width: 86%;
    background-color: #ffeb00;
    margin: 3rem auto;
    padding: 10px;
    text-align: center;
    color: #2196F3;
    font-weight: 700;
    position: relative;
    font-size: 1.8rem
}

.Navigator p.navTitle,
a.btn {
    color: #fff;
    text-align: center
}

.Rate_Plan .img_left {
    width: calc(100%);
    position: relative;
    border-radius: .6rem 0 0 .6rem;
    overflow: hidden;
    padding: .4rem 0 .4rem .4rem;
    background: #e5e5e5
}

.Rate_Plan .info_right .text {
    width: 33.33%
}

h1.h1_title img {
    width: 150px
}

.fashionPrice {
    width: 80%;
    margin: auto
}

.KastaneDesc img {
    width: 370px
}

.KastaneDetail {
    width: 80%;
    margin: auto
}

.blog {
    padding: 0;
    text-align: center;
    margin: 2rem 0 1rem
}

.blog a.btn {
    margin: 0;
    width: 70%
}

a.btn {
    border: 1px solid #4e1244;
    padding: .6rem;
    margin: 0 .5rem 1rem;
    border-radius: .4rem;
    background: #4e1244;
    transition: color .5s ease, background-color .5s ease;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
    width: 50%;
    display: inline-block;
    font-size: 1.4rem
}

.Navigator p.navTitle {
    width: 80%;
    margin: auto;
    background: #9a308b;
    padding: .4rem;
    letter-spacing: .1rem;
    font-size: 1.6rem;
    border-radius: .4rem
}

p.navShop.textCenter {
    margin: 1rem auto;
    font-size: 1.4rem;
    border-bottom: 1px dashed #9b308c;
    padding-bottom: .5rem;
    color: #9b308c
}

.main_center .text_block .Navigator span {
    font-size: 1.3rem;
    display: inline-block;
    color: #9b308c
}

.main_center .text_block .Navigator span.label {
    font-size: 1.2rem;
    display: inline-block;
    width: 38%;
    padding: .2rem .5rem;
    border: 1px solid #9b308c;
    text-align: center;
    margin: 0 .8rem;
    border-radius: .4rem
}

.main_center .text_block .Navigator p {
    margin: 1rem auto;
    width: 80%
}

.main_center .text_block .Navigator .text {
    padding: 1rem 0;
    margin: 1rem 0;
    border: 1px dashed #9b308c
}

.main_center .text_block .Navigator .blog span {
    font-size: 2.4rem
}

.KastaneDetail .image {
    margin: 2rem 0 0
}

.peachDesc>p {
    text-shadow: 0 4px 1px #e8339e, 0 3px 1px #e8339e, 1px 3px 1px #e8339e, 2px 3px 1px #e8339e, 2px 2px 1px #e8339e, 3px 2px 1px #e8339e, 3px 1px 1px #e8339e, 3px 0 1px #e8339e, 4px 0 1px #e8339e, 3px -1px 1px #e8339e, 3px -2px 1px #e8339e, 3px -3px 1px #e8339e, 2px -3px 1px #e8339e, 2px -4px 1px #e8339e, 1px -4px 1px #e8339e, 0 -4px 1px #e8339e, -1px -4px 1px #e8339e, -2px -4px 1px #e8339e, -3px -4px 1px #e8339e, -3px -3px 1px #e8339e, -4px -3px 1px #e8339e, -4px -2px 1px #e8339e, -4px -1px 1px #e8339e, -4px 0 1px #e8339e, -4px 1px 1px #e8339e, -4px 2px 1px #e8339e, -3px 2px 1px #e8339e, -3px 3px 1px #e8339e, -2px 3px 1px #e8339e, -1px 3px 1px #e8339e;
    filter: dropshadow(color=#e8339e, offx=0, offy=4, positive=1), dropshadow(color=#e8339e, offx=3, offy=2, positive=1), dropshadow(color=#e8339e, offx=3, offy=-1, positive=1), dropshadow(color=#e8339e, offx=1, offy=-4, positive=1), dropshadow(color=#e8339e, offx=-2, offy=-4, positive=1), dropshadow(color=#e8339e, offx=-4, offy=-2, positive=1), dropshadow(color=#e8339e, offx=-4, offy=2, positive=1), dropshadow(color=#e8339e, offx=-1, offy=3, positive=1);
    letter-spacing: .2rem;
    color: #fff
}