@charset "utf-8";

#AreaHeader {
  position:fixed;
  width:100%;
  height:80px;
  background:#fff;
  z-index:10;
}
#AreaHeader a#title {
  display:block;
  margin-left:30px;
  height:80px;
  width:350px;
  text-indent:-9999px;
  background:url("../img/title.png") no-repeat left center;
  background-size:330px 36px;
}
#AreaHeader #BoxMenu {
  position:absolute;
  top:20px;
  right:30px;
  width:120px;
  height:120px;
  overflow:hidden;
  z-index:10;
}
#AreaHeader #BoxMenu a {
  display:block;
  width:120px;
  height:120px;
  text-indent:-9999px;
  background:url("../img/menu.png") no-repeat 0 0;
  background-size:120px 240px;
}
#AreaHeader #BoxMenu a.on {
  background-position:0 -120px;
}
#AreaHeader #BoxMenu a:hover {
  opacity:0.75;
}

#AreaHeaderSpace {
  height:80px;
}

#frameMenu {
  position:fixed;
  display:none;
  width:100%;
  height:100%;
  color:#dabba0;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:20px;
  font-style: normal;
  letter-spacing:0.2em;
  line-height:1.1em;
  background:#fff;
  z-index:9;
}
#frameMenu #frameMenuCore {
  padding:40px 30px 30px;
  background:url("../img/bg_menu.jpg") no-repeat right+30px  bottom+30px;
  background-size:300px 358px;
  border:2px solid #e5bb9f;
  border-radius:16px;
}
#frameMenu #frameMenuCore h3 {
  margin:15px 0;
  padding:12px 0;
  width:140px;
  color:#fff;
  font-size:15px;
  font-weight:normal;
  text-align:center;
  line-height:1.0em;
  background:#dabba0;
  border-radius:6px;
}
#frameMenu #frameMenuCore ul {
  margin:0;
  padding:10px 0;
  list-style:none;
  border-bottom:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level1 {
  border-top:2px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level2 {
  margin:0 0 15px;
}
#frameMenu #frameMenuCore ul.space {
  margin-bottom:30px;
}
#frameMenu #frameMenuCore ul.noline {
  border-bottom:none;
}
#frameMenu #frameMenuCore ul li {
  float:left;
  width:calc(50% - 1px);
  list-style:none;
  border-top:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul li:nth-child(1),
#frameMenu #frameMenuCore ul li:nth-child(2) {
  border-top:1px solid #fff;
}
#frameMenu #frameMenuCore ul.level1 li:nth-child(odd){
  border-right:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level2 li {
  float:left;
  width:calc(33% - 1px);
  list-style:none;
  border-top:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(1),
#frameMenu #frameMenuCore ul.level2 li:nth-child(2) {
  border-top:1px solid #fff;
  border-right:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(4),
#frameMenu #frameMenuCore ul.level2 li:nth-child(5) {
  border-right:1px solid #dabba0;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(3) {
  border-top:1px solid #fff;
}
#frameMenu #frameMenuCore ul li a {
  display:block;
  padding:20px 0;
  color:#dabba0;;
  text-decoration:none;
  text-align:center;
}
#frameMenu #frameMenuCore ul.level2 li a {
  font-size:16px;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(6) a {
  font-size:14px;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(6) a span {
  font-size:12px;
}
#frameMenu #frameMenuCore ul.submenu {
  border-top:2px solid #dabba0;
}
#frameMenu #frameMenuCore ul.submenu li {
  width:calc(20% - 2px);
  border-top:none;
  border-left:1px solid #dabba0;
  border-right:1px solid #fff;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(1){
  border-left:1px solid #fff;
}
#frameMenu #frameMenuCore ul.submenu li a {
  font-size:18px;
  line-height:1.2em;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(1) a {
  padding:20px 0;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(2) a,
#frameMenu #frameMenuCore ul.submenu li:nth-child(3) a,
#frameMenu #frameMenuCore ul.submenu li:nth-child(5) a {
  padding:30px 0;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(4) a {
  padding:12px 0;
  font-size:16px;
}
#frameMenu #frameMenuCore ul.submenu li a#btnInsta {
  text-indent:-9999px;
  background:url("../img/menu_insta.png") no-repeat center center;
  background-size:35px 35px;
}
#frameMenu #frameMenuCore ul.submenu li a#btnInsta:hover {
  background:#dabba0 url("../img/menu_insta_white.png") no-repeat center center;
  background-size:35px 35px;
  transition-duration: 0.5s;
  transition-property: background-color;
  transition-timing-function: ease-in;
}
#frameMenu #frameMenuCore ul li a {
}
#frameMenu #frameMenuCore ul li a:hover {
  color:#fff;
  background:#dabba0;
  transition-duration: 0.5s;
  transition-property: background-color;
  transition-timing-function: ease-in;
}

#frameMenu #frameMenuCore #boxGlobalMwnuLeft {
  float:left;
  width:48%;
}
#frameMenu #frameMenuCore #boxGlobalMwnuCenter {
  float:left;
  margin-top:90px;
  width:2%;
  height:350px;
  border-right:2px solid #dabba0;
  font-size:1px;
}
#frameMenu #frameMenuCore #boxGlobalMwnuRight {
  float:right;
  width:48%;  
}


/* スクロールダウンの位置 */
#scroll {
  position:fixed;
  bottom:30%;
  right:30px;
  width:20px;
  z-index:8;
}
#scroll span {
  display:block;
  position:absolute;
  top:40px;
  right:10px;
  width:80px;
  height:20px;
  color:#dabba0;
  font-size:13px;
  font-family: "Shippori Mincho", serif;  
}
/* 線のアニメーション部分 */
#scroll::before {
  animation: scroll 2s infinite;
  background-color: #fff;
  bottom: -95px;
  content: "";
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 2;
}
/* 線の背景色 */
#scroll::after {
  background-color: #dabba0;;
  bottom: -95px;
  content: "";
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}/* 線のアニメーション */
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


.AreaSpacer {
  padding:50px 0;
}

#boxFooter {
  margin-top:50px;
  height:80px;
  background:#dabba0 url("../img/footer_logo.png") no-repeat center center;
  background-size:335px 35px;
  text-indent:-9999px;
}


a.BannerStandard {
  display:block;
  padding:30px;
  color:#f2c1c7;
  text-align:center;
  text-decoration:none;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:24px;
  font-style: normal;  border:3px solid #f2c1c7;
  letter-spacing:0.1em;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
a.BannerRectBottom {
  background-image:url("../img/rect_btn_bg.png");
  background-repeat:no-repeat;
  background-position:center calc( 100% - 40px );
  background-size:18px 24px;
}
a.BannerRectBottom:hover {
  background-position:calc( 50% + 10px ) calc( 100% - 40px );
}
a.BannerRectLeft {
  background-image:url("../img/rect_btn_bg.png");
  background-repeat:no-repeat;
  background-position:30px center;
  background-size:18px 24px;
}
a.BannerRectLeft:hover {
  background-position:40px center;
}

a.BannerStandardChild {
  display:block;
  padding:30px;
  color:#b3d8b4;
  text-align:center;
  text-decoration:none;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:24px;
  font-style: normal;  border:3px solid #b3d8b4;
  letter-spacing:0.2em;
  background:#fff;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
a.BannerRectLeftChild {
  background-image:url("../img/rect_btn_bg_child.png");
  background-repeat:no-repeat;
  background-position:30px center;
  background-size:18px 24px;
}
a.BannerRectLeftChild:hover {
  background-position:40px center;
}

a.BannerStandardFacility {
  display:block;
  padding:30px;
  color:#dabba0;
  text-align:center;
  text-decoration:none;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:24px;
  font-style: normal;  border:3px solid #dabba0;
  letter-spacing:0.2em;
  background:#fff;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
a.BannerRectLeftFacility {
  background-image:url("../img/rect_btn_bg_facility.png");
  background-repeat:no-repeat;
  background-position:30px center;
  background-size:18px 24px;
}
a.BannerRectLeftFacility:hover {
  background-position:40px center;
}

a.BannerStandardPolicy {
  display:block;
  margin:0 auto;
  padding:10px 0;
  width:400px;
  color:#dabba0;
  text-align:center;
  text-decoration:none;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:20px;
  font-style: normal;  border:3px solid #dabba0;
  letter-spacing:0.2em;
  background:#fff;
  border-radius:10px;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
}
a.BannerRectLeftPolicy {
  background-image:url("../img/rect_btn_bg_facility.png");
  background-repeat:no-repeat;
  background-position:30px center;
  background-size:18px 24px;
}
a.BannerRectLeftPolicy:hover {
  background-position:40px center;
}

#toTop {
  position:fixed;
  bottom:20px;
  right:30px;
  width:120px;
  height:120px;
  z-index:8;
}
#toTop a {
  display:block;
  width:120px;
  height:120px;
  text-indent:-9999px;
  background-image:url("../img/btn_totop.png");
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:120px 240px;
}
#toTop a:hover {
  background-position:0 -120px;
  opacity:0.85;
}

#boxImageMatsunobu {
  margin:0 auto 80px;
  width:264px;
  height:315px;
  background:url("../img/image_matsunobu.png") no-repeat center center;
  background-size:264px 315px;
  text-indent:-9999px;
}

.textCenter {
  text-align:center;
}
.textRight {
  text-align:right;
}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#AreaHeader {
  height:60px;
}
#AreaHeader a#title {
  display:block;
  margin-left:10px;
  height:60px;
  width:280px;
  background-size:280px 30px;
}

#AreaHeader #BoxMenu {
  top:10px;
  right:10px;
  width:60px;
  height:60px;
}
#AreaHeader #BoxMenu a {
  width:60px;
  height:60px;
  background-size:60px 120px;
}
#AreaHeader #BoxMenu a.on {
  background-position:0 -60px;
}

#AreaHeaderSpace {
  height:60px;
}



#boxFooter {
  margin-top:50px;
  height:80px;
  background-size:240px 25px;
}


a.BannerStandardPolicy {
  width:100%;
}

a.BannerRectBottom {
  background-image:url("../img/rect_btn_bg.png");
  background-repeat:no-repeat;
  background-position:calc( 100% - 30px ) center;
  background-size:18px 24px;
}
a.BannerRectBottom:hover {
  background-position:calc( 100% - 20px ) center;
}

a.BannerRectLeft {
  background-image:url("../img/rect_btn_bg.png");
  background-repeat:no-repeat;
  background-position:20px center;
  background-size:12px 18px;
}
a.BannerRectLeft:hover {
  background-position:30px center;
}
a.BannerRectLeftChild {
  background-position:20px center;
  background-size:12px 18px;
}
a.BannerRectLeftChild:hover {
  background-position:30px center;
}
a.BannerRectLeft {
  background-position:20px center;
  background-size:12px 18px;
}
a.BannerRectLeft:hover {
  background-position:30px center;
}
a.BannerRectLeftFacility {
  background-position:20px center;
  background-size:12px 18px;
}
a.BannerRectLeftFacility:hover {
  background-position:30px center;
}

a.BannerRectLeftPolicy {
  background-position:20px center;
  background-size:12px 18px;
}
a.BannerRectLeftPolicy:hover {
  background-position:30px center;
}


#toTop {
  bottom:-120px;
  right:10px;
  width:80px;
  height:80px;
}
#toTop a {
  width:80px;
  height:80px;
  background-size:80px 160px;
}
#toTop a:hover {
  background-position:0 -80px;
}

#frameMenu {
  font-size:16px;
}
#frameMenu #frameMenuCore {
  margin:0 10px;
  padding:0 15px 10px;
  background:url("../img/bg_menu.jpg") no-repeat right+30px  bottom+30px;
  background-size:200px 238px;
  border:2px solid #e5bb9f;
  border-radius:16px;
}
#frameMenu #frameMenuCore h3 {
  margin:9px 0 0;
  padding:9px 0 5px;
  width:120px;
  font-size:12px;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
#frameMenu #frameMenuCore ul {
  padding:0;
}
#frameMenu #frameMenuCore ul li a {
  padding:10px 0;
}
#frameMenu #frameMenuCore ul.level2 {
  margin:0 0 6px;
}
#frameMenu #frameMenuCore ul.space {
  margin-bottom:9px;
}
#frameMenu #frameMenuCore ul.level2 li a {
  font-size:13px;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(6) a {
  font-size:12px;
  letter-spacing:0;
}
#frameMenu #frameMenuCore ul.level2 li:nth-child(6) a span {
  font-size:10px;
  letter-spacing:0;
}
#frameMenu #frameMenuCore #boxGlobalMwnuLeft {
  float:none;
  width:100%;
}
#frameMenu #frameMenuCore #boxGlobalMwnuCenter {
  display:none;
  float:none;
}
#frameMenu #frameMenuCore #boxGlobalMwnuRight {
  float:none;
  width:100%;  
}
#frameMenu #frameMenuCore ul.submenu {
  padding-top:10px;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(1),
#frameMenu #frameMenuCore ul.submenu li:nth-child(2),
#frameMenu #frameMenuCore ul.submenu li:nth-child(3) {
  width:calc(33% - 2px);
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(4) {
  width:calc(50% - 2px);
  border-left:1px solid #fff;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(5) {
  width:calc(50% - 2px);
}
#frameMenu #frameMenuCore ul.submenu li a {
  font-size:13px;
  line-height:1.2em;
  letter-spacing:0;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(1) a {
  padding:5px 0;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(2) a,
#frameMenu #frameMenuCore ul.submenu li:nth-child(3) a {
  padding:15px 0;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(4) a {
  padding:7px 0;
  font-size:13px;
}
#frameMenu #frameMenuCore ul.submenu li:nth-child(5) a {
  padding:25px 0;
}


#boxImageMatsunobu {
  margin:0 auto 80px;
  width:200px;
  height:238px;
  background-size:200px 238px;
}


.AreaSpacer {
  padding:40px 0;
}


}