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


/* #loader */


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

#loader_wrap {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  top: 0px;
  background:url(../images/common/bg.jpg);
  z-index: 1000000000;
  /* ローディング終了後 */

}
#loader_wrap.loaded {
  opacity: 0;
  visibility: hidden;
  display: none;
  /* ローディング終了後に要素を非表示にする */
}

/* ローディングアニメーションの設定 */
.loader {
  width: 200px;
  height: 250px;
  background: url("../images/loading.svg") no-repeat;
  background-size: 200px auto;
  background-position: center 30px;
  opacity: 0;
  animation: blink 1.5s infinite linear;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}

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


/* PC */


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

.slicknav_menu {
    display: none;
}

.visible-xs {
    display: none;
}

.hidden-xs {
    display: inline;
}


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


/* #wrapper */


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

#wrapper {
    position: relative;
    overflow-x: hidden;
    background: url(../images/common/header/hd_obi.jpg) repeat-x;
    padding-top: 9px;
    min-width: 1131px;

}
.home #wrapper {
    opacity:0;
}


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


/* header */


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

header {
    width: 100%;
    background: url(../images/common/header/bg.jpg) no-repeat center 0;
    position: relative;
    z-index: 100;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 122px;
    position: relative;

}

header:before {
    content: "";
    width: 358px;
    height: 52px;
    background: url(../images/common/header/bg_parts.png) no-repeat;
    position: absolute;
    top: 122px;
    left: 50%;
    margin-left: -179px;
    z-index: 10;
}

header:after {
    content: "";
    width: 2600px;
    height: 286px;
    background: url(../images/common/header/mask.png) no-repeat;
    position: absolute;
    top: 647px;
    left: 50%;
    margin-left: -1300px;
    z-index: 1;
}

.page header:after {
    top: 390px;
}

header h1 {
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -127px;
    z-index: 10;
}

header h1 img {
    width: 267px;
    height: 102px;
}

header h1:before {
    content: "";
    width: 152px;
    height: 178px;
    background: url(../images/common/header/girl.svg) no-repeat;
    background-size: 152px 178px;
    position: absolute;
    top: -29px;
    left: 289px;
}


/* header .hero
/*---------------------------------------- */

header .hero {
    width: 100%;
    border-top: 7px #fff solid;
    background-color: #fff;
    opacity:0;
}



/* header h2
/* ----------------------------------------------- */
header h2 {
    position: relative;
    height: 519px;
    border-top: 7px #fff solid;
}

header h2:before {
    content: "";
    background: url(../images/common/mask_hdimg.png);
    width: 100%;
    height: 519px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

header h2 img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1300px;
}

header h2 div {
    width: 900px;
    height: 100px;
    position: absolute;
    top: 82px;
    left: 50%;
    margin-left: -450px;
    text-align: center;
    z-index: 2;
}

header h2.nosub div {
    top: 102px;
}

header h2 div .txt1 {
    font-size: 39px;
    color: #fff;
    font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 500;font-style: normal;
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}

header h2 div .txt2 {
    padding-top: 17px;

}

header h2 div .txt2 span {
    padding: 5px 25px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 24px;
    color: #fff;
    font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 500;font-style: normal;
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}

.about header h2 div .txt2 span {
    background-color: #f6d33c;
    color: #8f3628;
    border: 3px #f6e441 solid;
}

.life header h2 div .txt2 span {
    background-color: #df4f2f;
    color: #fff;
    border: 3px #e3633f solid;
}

.tanpopo header h2 div .txt2 span {
    background-color: #dc5466;
    color: #fff;
    border: 3px #e26c77 solid;
}

.pokapoka header h2 div .txt2 span {
    background-color: #dc5466;
    color: #fff;
    border: 3px #e26c77 solid;
}

.blog header h2 div .txt2 span,
.faq header h2 div .txt2 span {
    background-color: #dc5466;
    color: #fff;
    border: 3px #e26c77 solid;
}

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


/* #gnavi */


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

#gnavi {
    position: absolute;
    top: 612px;
    left: 50%;
    width: 1131px;
    margin-left: -565px;
    z-index: 10000;
    background: url(../images/common/header/gnavi/line.png) no-repeat right 0;
}

.page #gnavi {
    top: 355px;
}

#gnavi li {
    display: inline;
    float: left;
    width: 188px;
    padding-bottom: 20px;
    position: relative;
    background: url(../images/common/header/gnavi/line.png) no-repeat;
    text-align: center;
}

#gnavi li:last-child {
    margin-right: 0px;
}

#gnavi li a {
    text-decoration: none;
}

#gnavi li a div img {
    width: 121px;
    height: 121px;
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: -60px;
}

.about #gnavi li.btn1 a div img,
.life #gnavi li.btn2 a div img,
.tanpopo #gnavi li.btn3 a div img,
.pokapoka #gnavi li.btn4 a div img,
.album #gnavi li.btn5 a div img,
.recruit #gnavi li.btn6 a div img,
#gnavi li a:hover div img {
    top: -10px;
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
}

#gnavi li p {
    padding: 140px 0 20px;
}

#gnavi li a p img {
    width: auto;
    height: 49px;
}

#gnavi .sub_menu {
    display: none;
    position: absolute;
    top: 199px;
    left: 50%;
    margin-left: -104px;
    z-index: 1;
    width: 200px;
    background: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#gnavi .sub_menu li {
    width: 100%;
    margin-bottom: 1px;
    padding-bottom: 0;
}

#gnavi .sub_menu li:last-child {
    margin-bottom: 0px;
}

#gnavi .sub_menu li a {
    width: 190px;
    height: auto;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
}

#gnavi .sub_menu li a:hover {
    text-shadow: none;
}

#gnavi .sub_menu li span {
    font-weight: normal;
}

/* #gnavi .btn1 .sub_menu
/*------------------------ */
#gnavi .btn1 .sub_menu li a {
    background-color: #f6d33c;
    color: #491e17;
}

#gnavi .btn1 .sub_menu li a:hover {
    background-color: #ddb53f;
}

/* #gnavi .btn2 .sub_menu
/*------------------------ */
#gnavi .btn2 .sub_menu li a {
    background-color: #df4f2f;
}

#gnavi .btn2 .sub_menu li a:hover {
    background-color: #b33a25;
}

/* #gnavi .btn4 .sub_menu
/*------------------------ */
#gnavi .btn4 .sub_menu li a {
    background-color: #dc5466;
}

#gnavi .btn4 .sub_menu li a:hover {
    background-color: #b8424d;
}

/* #gnavi .btn6 .sub_menu
/*------------------------ */
#gnavi .btn6 .sub_menu li a {
    background-color: #009683;
}

#gnavi .btn6 .sub_menu li a:hover {
    background-color: #007768;
}

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


/* #contents */


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

#contents {
    margin-top: 69px;
}

.page #contents {
    position: relative;
    z-index: 200;
    background: url(../images/common/bg_page.png) repeat-y center 0;
    margin-top: -78px;
}

#contents .secIn {
    margin: 0 auto;
    width: 1131px;
    position: relative;
}

#contents .secInIn {
    padding: 0 10px;
}

.page #contents .sec.no1 {
    margin-top: -53px;
}

.page #contents h3 {
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
}

.page #contents h3:before {
    content: "";
    width: 6px;
    height: 41px;
    background-color: #dc7120;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.page #contents h3 span {
    font-size: 32px;
    color: #4a160c;
    font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 500;font-style: normal;
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}

.page #contents .catch {
    font-size: 30px;
    color: #dc7120;
    font-family: "M PLUS Rounded 1c", sans-serif;font-weight: 700;font-style: normal;
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
    padding: 10px 0 20px;
    letter-spacing: 1px;
}

.page #contents .expl {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1px;
}

.page #contents .emp {
    font-weight: bold;
    border-bottom: 5px #ffff99 solid;
}

.page #contents .emp2 {
    font-weight: bold;
    background-color: #ffff99;
}

/*　タブ切り替え
--------------------------------------------- */
.tabs {
    padding-top: 60px;
}

.tab-select-outer {
    display: none;
    /*selectメニューを隠す*/
}

.tab-button-outer {
    padding-left: 11px;
}

.tabs {
    position: relative;
}

#tab-button {
    position: absolute;
    z-index: 10;
}

#tab-button li {
    display: inline;
    float: left;
    margin-right: 20px;
}

#tab-button li:last-child {
    margin-right: 0px;
}

#tab-button li a {
    padding: 15px 28px 10px;
    font-size: 20px;
    font-weight: bold;
    background-color: #e61c73;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    color: #fff;
    text-decoration: none;
    position: relative;
    top: -38px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#tab-button li a span {
    font-size: 16px;
    font-weight: normal;
}

#tab-button li a:hover {
    padding: 15px 28px 20px;
    top: -48px;
}

#tab-button li.is-active a {
    padding: 15px 28px 20px;
    background-color: #e61c73;
    top: -48px;
}

.life.daily-program #contents .sec.no1 .tab-contents {
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 30px 60px;
}

/* .page #contents .subNavi
/*---------------------------------------------------------- */
.page #contents .subNavi {
    margin: 0 auto 84px;
    width: 1081px;
    padding: 18px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: rgba(143, 54, 40, 0.05);
}

.page #contents .subNavi li {
    display: inline;
    float: left;
    margin-right: 21px;
    position: relative;
}

.page #contents .subNavi li:last-child {
    margin-right: 0px;
}

.page #contents .subNavi li a {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 7px 25px;
    background-color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #50261e;
    position: relative;
    overflow: hidden;
    display: block;
}

.page #contents .subNavi li a span {
    position: relative;
    z-index: 2;
}

.page #contents .subNavi li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22.5px 84px 22.5px 0;
    border-color: transparent #f6f6f6 transparent transparent;
    position: absolute;
    bottom: -22px;
    right: 0;
    z-index: 0;
}

/* .page.about
/*---------------------------------- */
.page.about #contents .subNavi li a:hover,
.page.about.overview #contents .subNavi li.btn1 a,
.page.about.facility #contents .subNavi li.btn2 a,
.page.about.addmision #contents .subNavi li.btn3 a {
    background-color: #f8cc47;
}

.page.about #contents .subNavi li a:hover:before,
.page.about.overview #contents .subNavi li.btn1 a:before,
.page.about.facility #contents .subNavi li.btn2 a:before,
.page.about.addmision #contents .subNavi li.btn3 a:before {
    border-color: transparent #f1c545 transparent transparent;
}

/* .page.life
/*---------------------------------- */
.page.life #contents .subNavi li a:hover,
.page.life.six-years #contents .subNavi li.btn1 a,
.page.life.daily-program #contents .subNavi li.btn2 a,
.page.life.annual-events #contents .subNavi li.btn3 a,
.page.life.extracurricular #contents .subNavi li.btn4 a,
.page.life.report #contents .subNavi li.btn6 a {
    color: #fff;
    background-color: #df4f2f;
}

.page.life #contents .subNavi li a:hover:before,
.page.life.six-years #contents .subNavi li.btn1 a:before,
.page.life.daily-program #contents .subNavi li.btn2 a:before,
.page.life.annual-events #contents .subNavi li.btn3 a:before,
.page.life.extracurricular #contents .subNavi li.btn4 a:before,
.page.life.report #contents .subNavi li.btn6 a:before {
    border-color: transparent #c34b30 transparent transparent;
}

/* .page.childcare
/*---------------------------------- */
.page.childcare #contents .subNavi li a:hover,
.page.childcare.tanpopo #contents .subNavi li.btn1 a,
.page.childcare.pokapoka #contents .subNavi li.btn2 a {
    color: #fff;
    background-color: #dc5466;
}

.page.childcare #contents .subNavi li a:hover:before,
.page.childcare.tanpopo #contents .subNavi li.btn1 a:before,
.page.childcare.pokapoka #contents .subNavi li.btn2 a:before {
    border-color: transparent #cb4d5e transparent transparent;
}

/* 矢印
/*--------------------------------------------- */
.page.about.overview #contents .subNavi li.btn1:after,
.page.about.facility #contents .subNavi li.btn2:after,
.page.life.six-years #contents .subNavi li.btn1:after,
.page.life.daily-program #contents .subNavi li.btn2:after,
.page.life.annual-events #contents .subNavi li.btn3:after,
.page.life.extracurricular #contents .subNavi li.btn4:after,
.page.life.report #contents .subNavi li.btn6:after,
.page.childcare.tanpopo #contents .subNavi li.btn1:after,
.page.childcare.pokapoka #contents .subNavi li.btn2:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #50261e transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -5px;
}

/* .page #contents .ft .subNavi
/*--------------------------------------------- */
.page #contents .ft .subNavi {
    margin: 60px auto 0px;
}

.page #contents .ft .subNavi li:after {
    display: none !important;
}

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


/* .bg-parts */


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

.bg-parts {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.bg-parts img {
    position: absolute;
    top: 0;
    left: 50%;
}

.bg-parts .img2 {
    top: 1064px;
    margin-left: 566px;
}

.bg-parts .img3 {
    top: 953px;
    margin-left: 777px;
}

.bg-parts .img4 {
    top: 1093px;
    margin-left: -843px;
}

.bg-parts .img5 {
    top: 826px;
    margin-left: 246px;
}

.bg-parts .img6 {
    top: 843px;
    margin-left: 515px;
}

.bg-parts .img7 {
    top: 961px;
    margin-left: 608px;
}

.bg-parts .img8 {
    top: 1247px;
    margin-left: -690px;
}

.bg-parts .img9 {
    top: 1579px;
    margin-left: -640px;
}

.bg-parts .img10 {
    top: 1307px;
    margin-left: 647px;
}

.bg-parts .img11 {
    top: 1400px;
    margin-left: 617px;
}

.bg-parts .img12 {
    top: 977px;
    margin-left: -1054px;
}

.bg-parts .img13 {
    top: 1210px;
    margin-left: -633px;
}



/* .wp-pagenavi
------------------------------------------ */
.wp-pagenavi {
    clear: both;
    font-size: 11px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    float: left;
    padding: 3px 9px 3px 9px;
    display: block;
    /*    background-color: #666666;*/
    border: 1px #a77661 solid;
    color: #a77661;
    margin-right: 1px;
    text-decoration: none;
    color: #a77661;
}

.wp-pagenavi span.current {
    padding: 3px 9px 3px 9px;
    background-color: #a77661;
    border: 1px #a77661 solid;
    color: #ffffff;
    margin-right: 1px;
}

.wp-pagenavi a:hover {
    background-color: #a77661;
    border: 1px #a77661 solid;
    color: #ffffff;
}

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


/* .btn_pagetop */


/*---------------------------------------------------------- */
#topcontrol {
    z-index: 10000 !important;
}

a.btn_pagetop {
    width: 127px;
    height: 92px;
    display: block;
    background: url(../images/common/btn_pagetop.svg) no-repeat;
    text-indent: -10000px;
}


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


/* footer */


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

footer {
    width: 100%;
    background-color: #674225;
}

footer .footerWrap {
    background: url(../images/common/footer/bg.jpg) no-repeat center 0;
    color: #fff;
}

.page footer .footerWrap {
    background: url(../images/common/footer/bg_page.jpg) no-repeat center 0;
}

footer .footerWrap a {
    color: #fff;
    text-decoration: none;
}

footer .footerIn {
    margin: 0 auto;
    width: 1131px;
    position: relative;
    padding: 200px 0 50px 0;
}


/* footer .bl.no1
/*------------------------------------------- */

footer .bl.no1 {
    position: relative;
}

footer .bl.no1 .logo {
    float: left;
    width: 303px;
}

footer .bl.no1 .logo p {
    padding-top: 10px;
    font-size: 14px;
}

footer .bl.no1 .logo img {
    width: auto;
    height: 64px;
}

footer .bl.no1 ul {
    float: left;
    padding-top: 6px;
    position: relative;
}

footer .bl.no1 ul:after {
    content: "";
    width: 35px;
    height: 53px;
    background: url(../images/common/footer/tsukushi.png) no-repeat;
    position: absolute;
    top: 16px;
    right: -46px;
}

footer .bl.no1 ul li {
    float: left;
    border-right: 1px #908479 solid;
    padding-right: 10px;
    margin-right: 10px;
}

footer .bl.no1 ul li:last-child {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
}

footer .bl.no1 ul li img {
    width: auto;
    height: 70px;
}

footer .bl.no1 .email {
    position: absolute;
    top: 75px;
    left: 313px;
}

footer .bl.no1 .email a {
    position: relative;
    padding-left: 37px;
    font-weight: bold;
}

footer .bl.no1 .email a:before {
    content: "";
    width: 29px;
    height: 18px;
    background: url(../images/common/footer/icon_mail.svg) no-repeat;
    background-size: 29px 18px;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* footer .bl.no2
/*------------------------------------------- */

footer .bl.no2 {
    padding-top: 55px;
}

footer .bl.no2 a:hover {
    text-decoration: underline;
}

footer .bl.no2 ul {
    float: left;
    min-height: 430px;
    border-right: 1px #908479 solid;
    padding-right: 65px;
    margin-right: 43px;
}

footer .bl.no2 ul:last-child {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
}

footer .bl.no2 li.flag {
    padding-left: 25px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

footer .bl.no2 li {
    font-size: 14px;
    font-weight: normal;
    line-height: 2;
}

footer .bl.no2 li.sub {
    padding-left: 15px;
}

footer .bl.no2 li.flag.no1 {
    margin-bottom: 15px;
}

footer .bl.no2 li.flag.no1:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
    opacity: 0.5;
    position: absolute;
    top: 10px;
    left: 3px;
}

footer .bl.no2 li.flag.no2 {
    margin-bottom: 5px;
}

footer .bl.no2 li.flag.no2:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    opacity: 0.5;
    position: absolute;
    top: 12px;
    left: 1px;
}


/* footer .copyright
/*------------------------------------------- */

footer .copyright {
    background-color: #4d311b;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 30px 0;
}


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


/* .sunArea */


/*---------------------------------------------------------- */
.sunArea {
    width: 380px;
    height: 380px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20000;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sunArea img {
    width: auto;
    height: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sunArea .parts {
    position: absolute;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sunArea .parts.no1 {
    height: 22px;
    top: 40px;
    left: 150px;
}

.sunArea .parts.no2 {
    height: 22px;
    top: 40px;
    left: 284px;
}

.sunArea .parts.no3 {
    height: 29px;
    top: 68px;
    left: 175px;
}

.sunArea .parts.no4 {
    width: 172px;
    height: 30px;
    top: 103px;
    left: 188px;
    background-color: #953b2a;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.sunArea .parts.no4:hover {
    top: 104px;
    left: 189px;
}

.sunArea .parts.no5 {
    height: 123px;
    top: 153px;
    left: 182px;
}

.sunArea .parts.no5:hover img {
    -webkit-transform: scale(1.1) rotate(10deg);
    -moz-transform: scale(1.1) rotate(10deg);
    -o-transform: scale(1.1) rotate(10deg);
    -ms-transform: scale(1.1) rotate(10deg);
    transform: scale(1.1) rotate(10deg);
}

@media screen and (max-width: 1600px) {
    body .sunArea {
        width: 300px;
        height: 300px;
    }

    body .sunArea .parts.no1 {
        height: 18px;
        top: 28px;
        left: 117px;
    }

    body .sunArea .parts.no2 {
        height: 18px;
        top: 28px;
        left: 224px;
    }

    body .sunArea .parts.no3 {
        height: 24px;
        top: 54px;
        left: 133px;
    }

    body .sunArea .parts.no4 {
        width: 136px;
        height: 24px;
        top: 81px;
        left: 148px;
    }

    body .sunArea .parts.no4:hover {
        top: 82px;
        left: 149px;
    }

    body .sunArea .parts.no5 {
        height: 97px;
        top: 121px;
        left: 143px;
    }

}



.insta {
    position: fixed;
    bottom: 150px;
    right: 30px;
    width: 150px;
    z-index: 1000;
}

.insta li {
    margin-bottom: 20px;
}

.insta li a {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: 0;
}
.insta li a:hover {
    top: -5px;
}
.insta img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}