@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.06.17
* @author HeChengHao
*/

/* -- Reset -- */
div#grpLocationArea.newHD {
    float: none;
}

ul,li,dl,dt,dd {
    list-style: none;
}

#widewrapper2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#contentsArea {
    width: 100%;
    margin: 0 auto;
    word-wrap: break-word;
    /* background: #c5c5c5; */
}

#contentsArea #contents .rightBlock {
    font-family: "Yu Mincho",'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
#contentsArea a:visited:hover, #contentsArea a:link:hover, #contentsArea a:visited:active, #contentsArea a:link:active {
    text-decoration: none;
}

.sp {
    display: none !important;
}

.nav3 {
  float :left;
}

/* -- gotop -- */
.jdsShowFix {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    line-height: 0;
    z-index: 9999;
    cursor: pointer;
}

.jdsShowFix:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.tabilogo {
    text-align: center;
}

*[class*="btn"] a,nav a,.nextbtn a,.easeout,.navs li a,.plan a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

*[class*="btn"] a:hover {
    opacity: .7;
    text-decoration: none !important;
}

.media-text,
.item1 .sbox .text,
.item3 .spt1 .explain,
#facility .explain,
.htl1 .plan ul {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, sans-serif;
    font-weight: 500;
}


/* -- Top -- */


.top {
    position: relative;
    overflow: hidden;
    clear: both;
    line-height: 0;
}

.top h2 img {
    width: 100%;
}

.top p {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -55px;
}

.top p img {
    vertical-align: middle;
    display: table-cell;
}



/*-----------------------------------

kvAnimation

------------------------------------*/
#canvas-basic {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.kv-outer {
    position: relative;
    overflow: hidden;
}

.kv {
    background: url(../images/kv/kv-bg80.png) no-repeat center top;
    height: 630px;
    background-size: cover;
}

.kv-in {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    position: relative;
    opacity: 1;
    transition: all 1s ease;
}

.kv-in.setElm {
    /*opacity: 0;*/
}
.f_wreath {
    position: absolute;
    top: 26px;
    left: 205px;
    opacity: 0;
    transform: scale(0.5) translateY(50px);
    transition: 2s;
    background: url(../images/kv/f_wreath.png) center top no-repeat;
    width: 560px;
    height: 500px;
    background-size: 560px;
}

.f_wreath_text {
    position: absolute;
    top: 92px;
    left: calc(50% - 100px);
    transform: translateY(-100px);
    opacity: 0;
    -ms-transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.f_wreath > img {
    position: absolute;
    /*transform: scale(0.5) translateY(50px);*/
    transform: scale(0.7);
    opacity: 0;
    transition: 0.5s;
}

.f_wreath > img:nth-child(1) {
    top: 109px;
    left: 346px;
}

.f_wreath > img:nth-child(2) {
    top: 208px;
    left: 430px;
}

.f_wreath > img:nth-child(3) {
    top: 298px;
    left: 384px;
}


.f_wreath > img:nth-child(4) {
    top: 348px;
    left: 303px;
}


.f_wreath > img:nth-child(5) {
    top: 335px;
    left: 202px;
}


.f_wreath > img:nth-child(6) {
    top: 338px;
    left: 118px;
}

.f_wreath > img:nth-child(7) {
    top: 166px;
    left: 40px;
}

.f_wreath > img:nth-child(8) {
    top: 86px;
    left: 93px;
}






.f_left {
    position: relative;
    top: 130px;
    left: -50px;
}

.f_left img {
    position: absolute;
    opacity: 0;
    transform: scale(0.5) translateX(400px) translateY(120px);
    transition: 2s ease;
}

.f_right {
    position: relative;
    top: 130px;
    left: 670px;
}

.f_right img {
    position: absolute;
    opacity: 0;
    transform: scale(0.5) translateX(-400px) translateY(-120px);
    transition: 2s;
}


.f_bottom {
    position: relative;
    /*top: 540px;*/
    top: 380px;
    left: 260px;
}

.f_bottom img {
    position: absolute;
    opacity: 0;
    transform: scale(0.5) translateY(100px);
    transition: 0.5s;
}

.f_logo {
    position: absolute;
    top: 520px;
    left: calc(50% - 100px);
    transform: translateY(30px);
    transition: all 0.7s ease-in;
    opacity: 0;
}



.buruburu {
    display: inline-block;
    animation: hurueru 0.5s;
    animation-iteration-count: 1;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(1deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    /*75% {transform: translate(2px, 0px) rotateZ(-1deg)}*/
    /*100% {transform: translate(0px, 0px) rotateZ(0deg)}*/
}





/*//////////////////////*/
/* -- nav -- */
.topNav {
    clear: both;
    overflow: visible;
    line-height: 0;
    width: 100%;
    z-index: 999;
    margin-top: -79px;
    /*     transition: margin-top 1s ease; */
}

.topNav.alwaysFix {
    margin-top: 0;
    background: #fef9d9;
    background: #fff;
    box-shadow: #eee 1px 1px 10px;
}

.topNav ul {
    overflow: visible;
    text-align: center;
}

.topNav li {
    display: inline-block;
    margin: 0 25px 30px;
}

.topNav li img {
    padding-left: 5px;
}

.topNav li a {
    /* color: #fff !important; */
    line-height: 1;
    padding-right: 18px;
    background: url(../images/arrow_red.gif) right center no-repeat;
}

.topNav li a:hover {
    opacity: .5;
}

.topNav .nav1 {
    font-size: 19px;
    padding: 36px 0 0;
}

.topNav .nav1 li a {
    background: url(../images/arrow-pink-right.png) right center no-repeat;
    background-size: 15px;
    padding-right: 22px;
}

.topNav .nav1 li:nth-child(3) a {
    background: url(../images/arrow-pink-bottom.png) right center no-repeat;
    background-size: 15px;
}

.topNav .nav2 {
    background: #ea3481;
    font-size: 15px;
    padding: 15px 0 0;
    margin: 0;
    width: 100%;
    display: none;
}

.topNav .nav2 ul {
    width: 1160px;
    margin: 0 auto;
    text-align: left;
}

.topNav .nav2 ul li {
    margin-bottom: 15px;
    margin: 0 15px 15px;
}

.topNav .nav2 ul li a {
    color: #fff !important;
    background: url(../images/arrow-white.png) right center no-repeat;
    background-size: 11px;
    padding-right: 18px;
}

/* -- Contents -- */
#intro-lead {
    background: #fff;
    padding: 30px 0;
    text-align: center;
}

#intro-lead p {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 2;
}

#intro-lead .color1 {
    color: #ed3583;
}

#intro-lead .color2 {
    color: #af732c;
}

#intro-lead .color3 {
    color: #cf4799;
}

#intro-lead .color4 {
    color: #71993e;
}

.widebox {
    width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    position: relative;
}

.sbox {
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    position: relative;
}

.ttl {
    line-height: 1;
    font-size: 36px;
    font-weight: normal;
}

.ttl small {
    font-size: 35px;
    display: block;
}

.ttls {
    line-height: 1;
    font-size: 30px;
    font-weight: normal;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    left: 50% !important;
    right: auto !important;
    margin-left: 650px;
}

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

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

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}

/* intro animation */
.flower-outer {
    position: relative;
    width: 946px;
    margin: 0 auto;
}

.flower-l {
    position: absolute;
    top: -40px;
    left: 0px;
    opacity: 0;
    transition: all 1.8s ease-out;
    transform: translateY(180px);
}

.flower-r {
    position: absolute;
    top: -70px;
    right: 0px;
    opacity: 0;
    transition: all 1.8s ease-out;
    transform: translateY(180px);
}

/* ----------------------------

#PART1 →→　#sec-main

-----------------------------*/
#sec-main {
    background: url(../images/contents-bg.png) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    overflow: visible;
    padding-top: 1px;
}

#sec-main .sbox {
    padding: 60px 0;
    margin: 60px 16px;
    background: rgba(255, 255, 255, 0.85);
}

#sec-main .explain {
}

#sec-main .add {
    margin-top: 5px;
    line-height: 1.8;
    font-size: 14px;
    width: 310px;
}

#sec-main .photo {
    margin: 30px 0 0;
}

#sec-main .photo2 {
    margin: 20px 0 0;
    float: right;
}



/*item1*/

#sec-main .item1 .sbox .ttl {
    font-size: 30px;
    color: #ed3583;
    text-align: center;
    padding-bottom: 17px;
}
#sec-main .item1 .sbox .text {
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 10px;
}
#sec-main .item1 .sbox .figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#sec-main .item1 .sbox .figure p {text-align: center;}

#sec-main .item1 .sbox .figure p img {
}
#sec-main .item1 .sbox .figure p span {
    display: block;
    font-size: 22px;
    color: #ed3583;
    padding-bottom: 0px;
}



/*item3*/
#sec-main .item3 .ttl {
    background: url(../images/ico-sakura.png) left top no-repeat;
    padding: 0 0 17px 58px;
    color: #739c3f;
    font-size: 36px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

#sec-main .item3 .navs {
    clear: both;
    /*overflow: hidden;*/
}

#sec-main .item3 .navs dt {
    font-size: 30px;
    /* margin-top: 25px; */
    margin-bottom: 60px;
    color: #ed3c7c;
    float: left;
    width: 135px;
}

#sec-main .item3 .navs dd {
    /* float: left; */
    margin: 0 38px 15px 0;
    display: inline-block;
    float: left;
}

#sec-main .item3 .navs dd a {
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    padding-right: 20px;
    background: url(../images/arrow-pink-right.png) right center no-repeat;
    background-size: 15px;
    color: #000;
}

#sec-main .item3 .spt1 {
    overflow: hidden;
    clear: both;
    margin: 20px 0 0;
    display: table;
}

#sec-main .item3 .spt1 .ttls {
    color: #ed3c7c;
    width: 135px;
    float: left;
    padding-top: 100px;
}

#sec-main .item3 .spt1 .photo {
    margin: 10px 0 0 0px;
    float: left;
}

#sec-main .item3 .spt1 .explain-outer {
    margin-left: -30px;
}

#sec-main .item3 .spt1 .explain {
    margin: 10px 0 0 30px;
    font-size: 13px;
    width: 450px;
    float: left;
    line-height: 1.8;
}

#sec-main .item3 .spt1 .explain span {
    display: block;
    font-size: 17px;
    font-weight: bold;
}

#sec-main a:hover {
    opacity: .5;
}

/*  media-wrap  */
.media-wrap {
    position: relative;
}

.media {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 70px;
    padding: 0 40px;
    box-sizing: border-box;
}

.media.media-reverse {
    flex-direction: row-reverse;
}

.media-text-block {
    padding: 10px 37px 0 0;
    width: 456px;
}

.media .swiper-container {
    width: 438px; height: 296px;
}

.media .swiper-button-prev {
    background: url(../images/btn-prev.png) no-repeat center center;
    background-size: 100%;
    top:calc(50% - 14px)
}

.media .swiper-button-next {
    background: url(../images/btn-next.png) no-repeat center center;
    background-size: 100%;
    top:calc(50% - 14px);
}

.media.media-reverse .media-text-block {
    padding: 10px 0 0 37px;
}

.media-timeline {
    margin-bottom: 20px;
    text-align: center;
}

.media-lead {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    letter-spacing: 0.01em;
    color: #ed3583;
}

.media-lead-small {
    font-size: 19px;
    display: block;
}

.media-text {
    font-size: 14px;
    line-height: 1.8;
}

.media .address {
    padding-top: 10px;
    display: inline-block;
}

/* spend-checkout */
#spend-checkout {
    margin: 0 0px;
}

.spend-checkout-in {
    background: url(../images/swiper-bg.png) no-repeat;
    background-size: cover;
    overflow: visible;
}

#spend-checkout .sbox {
    margin: 16px 16px 36px 16px;
    padding: 30px 40px;
}

#spend-checkout .swiper-button-prev {
    background: url(../images/btn-prev.png) no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    left: 0;
}

#spend-checkout .swiper-button-next {
    background: url(../images/btn-next.png) no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    right: 0;
}

#spend-checkout .media-lead {
    text-align: center;
}

.media .swiper-container ul li img { width: 100%;}

/* spend-checkout0 */
#spend-checkout0 {
    margin: 0 0px;
}

#spend-checkout0 .spend-checkout-in {
    background: url(../images/swiper-bg0.jpg) no-repeat;
    background-size: cover;
    overflow: visible;
}

#spend-checkout0 .sbox {
    margin: 16px 16px 36px 16px;
    padding: 30px 40px;
}

#spend-checkout0 .swiper-button-prev {
    background: url(../images/btn-prev.png) no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    left: 0;
}

#spend-checkout0 .swiper-button-next {
    background: url(../images/btn-next.png) no-repeat center center;
    background-size: 100%;
    width: 40px;
    height: 40px;
    right: 0;
}

#spend-checkout0 .media-lead0 {
    text-align: center;
}
#spend-checkout0 #media-lead0 {
    text-align: center;
}

#sec-main #spend-checkout0 .photo { display: flex; justify-content: space-around; width: 700px ; margin: 20px auto 30px auto;}
#sec-main #spend-checkout .photo img:last-child { margin-left: 20px;}

/* ----------------------------

facility

-----------------------------*/
#facility {padding-bottom: 1px;}

#facility .ttl {
    font-size: 36px;
    color: #cf0a2c;
    margin: 60px auto 30px;
    display: table;
    padding: 90px 0 0;
    box-sizing: border-box;
    background: url(../images/kv/logo-takamiya2.png) top center no-repeat;
    background-size: 200px;
    line-height: 1.3;
    text-align: center;
}

#facility .ttl small {
    font-size: 26px;
}

#facility .pr {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

#facility .sbox {
    padding: 0px 40px 60px;
    margin-top: 40px;
}

#facility .explain {
    text-align: center;
}

.htl1 {
    overflow: hidden;
    clear: both;
    margin: 0px 0 0;
    padding: 100px 0 0px;
}

.htl1 {
    overflow: hidden;
    clear: both;
    /*margin: -70px 0 0;*/
    /*padding: 110px 0 0px;*/
    padding: 50px 0 0px;
}

.htl1 h3 {
    line-height: 1.3;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    color: #ed3c7c;
}

.htl1 h3 small {
    font-size: 26px;
    display: block;
}

.htl1:nth-child(2n) h3 {
    /* text-align: right; */
}

.htl1 .photo {
    margin-top: 25px;
}

.htl1 .explain {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 30px;
}

.htl1 .explain b {
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: normal;
    display: block;
    line-height: 1.2;
    color: #739c3f;
    font-family: "Yu Mincho",'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;

}

.htl1 .plan {
    clear: both;
    /*overflow: hidden;*/
    margin: 40px 36px 0;
}

.htl1 .plan .ttls {
    background: url(../images/pointcoin.png) left center no-repeat;
    background-size: 40px 40px;
    padding-left: 45px;
    font-size: 35px;
    display: table;
    margin: 0 auto;
    line-height: 45px;
    color: #ed3c7c;
}

.htl1 .plan .ttls span {
    color: #e5b037;
}

.htl1 .plan .ttls span em {
    font-size: 50px;
    font-style: normal;
}

.htl1 .plan ul {
    overflow: hidden;
    margin: 25px auto 0;
}

.htl1 .plan ul li {
    width: 460px;
    float: left;
    margin-right: 30px;
}

.htl1 .plan ul li:nth-child(2n) {
    margin-right: 0;
}

.htl1 .plan ul li a {
    background: #fff url(../images/arrow_write.png) 98% center no-repeat;
    border: 2px solid #ed3c7c;
    padding: 4px;
    display: block;
    overflow: hidden;
}

.htl1 .plan ul li a:hover {
    background: rgba(255,255,255,0.3) url(../images/arrow_write.png) 98% center no-repeat;
}

.htl1 .plan ul li .planName {
    font-size: 19px;
    margin: 10px 10px 0;
    color: #739c3f;
}

.htl1 .plan ul li .price {
    margin: 10px 0 0;
    font-size: 14px;
    text-align: center;
}

.htl1 .plan ul li .price span {
    color: #ed3c7c;
}

.htl1 .plan ul li .price span b {
    font-size: 24px;
    font-weight: normal;
}

.htl1 .plan ul li .price2 {
    padding: 8px 0;
    background: #ed3c7c;
    color: #fff;
}

.htl1 .plan ul li .price2 span {
    color: #fff;
}

/* ----------------------------

special thanks

-----------------------------*/
#sec-special-thanks {
    padding: 43px 0 50px 60px;
}

#sec-special-thanks h2 {
    margin: 0 0 10px 0;
}

#sec-special-thanks .ttl {
    margin: 0 0 10px 40px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.15em;
}

#sec-special-thanks .ttl span {
    letter-spacing: 0;
}

#sec-special-thanks .text {
    font-size: 14px;
    margin: 0 0 0 40px;
	line-height: normal;
}

/* ----------------------------

dealInfo

-----------------------------*/
#dealInfo {
    /*margin-top: 100px;*/
}

#dealInfo > .sbox {
    border: 1px solid #739c3f;
    padding: 80px 40px 20px;
    box-sizing: border-box;
}

#dealInfo .ttl {
    text-align: center;
    margin-bottom: 30px;
    color: #739c3f;
    font-weight: bold;
}

#dealInfo p.memo {
    /* padding-left: 40px; */
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

#dealInfo p.memo span {
    color: #739c3f;
}

#dealInfo ul {
    /* padding-left: 40px; */
    overflow: hidden;
}

#dealInfo ul li {
    float: left;
    margin-right: 20px;
    text-align: center;
}

#dealInfo ul li.stepbox {
    width: 288px;
    background: #FFF;
    border: 1px solid #739c3f;
    box-sizing: border-box;
}

#dealInfo ul li.stepbox h3 {
    background: #739c3f;
    color: #FFF;
    font-weight: normal;
    padding: 5px 0;
}

#dealInfo ul li.stepbox p {
    padding: 25px 0 10px;
}

#dealInfo ul li.stepbox .step3memo {
    font-size: 12px;
    line-height: 1.4em;
    padding: 10px;
    margin: 10px;
    background: #739c3f;
    color: #fff;
}

#dealInfo ul li.stepbox .step3memo span {
    text-decoration: underline;
}

#dealInfo ul li.steparr {
    padding-top: 95px;
}

#dealInfo p.pbackinfo {
    /* padding-left: 40px; */
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 20px;
}

#dealInfo p.pbackinfo span {
    color: #739c3f;
    font-weight: bold;
}

#dealInfo a {
    /* color: #fff !important; */
    text-decoration: underline !important;
}

#dealInfo a:hover {
    text-decoration: none !important;
}

/* ----- aboutPback -----*/
.aboutPback {
    /* padding-left: 40px; */
    font-size: 16px;
    line-height: 1.8em;
}

.aboutPback dt {
    font-weight: bold;
    color: #739c3f;
}

.aboutPback dd {
    margin-bottom: 25px;
}

.aboutPback dd span {
    font-weight: bold;
    color: #739c3f;
}


.contentright .ttl {
    margin-bottom: 30px;
    text-align: center;
}




/* hack */
_:-ms-lang(x),.newfont, .ttl, .ttls {
    font-family: "Yu Mincho";
    line-height: 1.5;
}

_:-ms-lang(x),.htl1 .plan .ttls {
    line-height: 45px;
    background: url(../images/pointcoin.png) left top no-repeat;
    background-size: 40px 40px;
}


.pagetop { position: fixed; width: 60px; height: 60px; right: 50px; bottom: 50px; }

/*# sourceMappingURL=contents_pc.css.map */


#keyVisual.newKV {
    z-index: 10;
}

.rightBlock { background: #fff;}
.columleft { position: relative;}
.ttl-bg-hide img, .award img, .sixth .list_6 li img, .gurume ul li img { width: 100%; margin-left: auto; margin-right: auto;}

.pbBtn { width: 470px; margin: 0 auto auto auto;}
.fixTop_3 { position: fixed; top: 0; left: calc(50% - 610px); z-index: 200; float: none;}
.fixTop_bottom { position: absolute; bottom: 0; left: 0; z-index: 200; float: none;}

@media screen and (max-width: 1260px){
  .fixTop_3 { position: relative!important; float: left;}
  #contents .pagetop { z-index: 500;}
}

.columleft { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}

#sec-main #spend-checkout0 .item1 .sbox .text, #sec-main #spend-checkout .item1 .sbox .text { width: 700px; margin: auto;}
.icon_t0 { padding: 0 50px; background: url(../images/osenIcon.png) left center no-repeat;}
#sec-main #spend-checkout0 .item1 .sbox .ttl { color: #739C3F;}

#spend-checkout0 { margin-bottom: 80px;}

#facility .photo img { width: 100%;}

#contents .pagetop a {
    width: 75px;
    height: 75px;
    display: block;
    background: url(../images/gotop.png) 0 0 no-repeat;
        background-size: auto;
    background-size: 75px;
}
#sec-main #spend-checkout0 .item1 .sbox .ttl_t { margin-top: 40px; margin-bottom: 45px;}
#sec-main #spend-checkout0 .photo_t { margin-bottom: 55px;}

#sevInfo table tr td{ background: #fff;}