/*スマートフォン対応*/
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    World Position                                */
/*    Worldのデザイン                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
  color: #000;
  text-align: center;
}
body img{
  width: 100%;
  height:auto;
}
#World{
  margin: 0 auto;
  text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Division Layout                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
#HeaderDivision{
  box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.05);
}
#ContentsDivision{
  margin: 0 0 30px;
}
#FooterDivision{
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Header                                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
#SiteHeaderArea{
}
/* #SiteLogoBlock
-------------------------------------- */
#SiteLogoBlock{
  background:#fff url(../img/common/decoration/illust/buildings.gif) no-repeat left bottom;
  padding: 13px 0 18px;
  padding: 0 0 18px;
  background-size: 120%;
  width: 100%;

}
    #SiteLogoBlock .FlexSpSiteLogoItem{
      width: 95%;
      width: 100%;
      margin: 0 auto;
      display:flex;
      text-align:center;
      justify-content:center;
      align-items: center;
      flex-wrap: wrap; 
    }
        #SiteLogoBlock .FlexSpSiteLogo{
          display:flex;
          justify-content:start;
          align-items: center;
          flex-wrap: wrap; 
          width:calc(100% - 65px);
        }
        #SiteLogoBlock .MainMenuTrigger{
          width:50px;

        }
        #SiteLogoBlock .SiteLogo{
          width: 8%;
          width:auto;
          margin:0;
          margin-right:5px;
        }
        #SiteLogoBlock .SiteName{
          width: 67%;
          width:auto;
          margin:0;
        }
        .menu-trigger .Icon{
          display:block;
          margin: 0 auto;
        }
        
        
            #SiteLogoBlock .SiteName a{
              /*display: block;
              margin-left: 3%;*/
            }
/*
        #SiteLogoBlock .SPMenuBtn{
          width: 25%;
          text-align: right;
        }
            #SiteLogoBlock .SPMenuBtn img{
              width: 45%;
              padding-right: 10px;
            }
*/
            /*
            #SiteLogoBlock .SPMenuBtn span{
              width: 45%;
              display: block;
              cursor:pointer;
              background: url(../img/common/button/sp_menu.png) no-repeat left center;
              margin: 0 10px 0 auto;
              background-size: 200%;
              height: 80px;
            }
            #SiteLogoBlock .SPMenuBtn.Active span{
              background-position: right center;
            }*/
            

/*アイコン*/
#SpHeaderContactBlock{
  position:fixed;
  top:40px;
  right:65px;
}
.SpContactItem{
  display:flex;
  align-items: center;
}
.SpContactItem .BuTon{
  margin:0 4px;
  width:43px;
  height:43px;
}
.SpContactItem .BuTon .BuTon01{

}
.SpContactItem .BuTon .BuTon02{

}
.SpContactItem .BuTon a{
  border:1px solid #eb8585;
  background:#fff;
  border-radius:8px;
  display:inline-block;
  padding:5px;
}
.SpContactItem .BuTon img{
  width:100%;
  height:auto;
  
}





/* + + + + + レスポンシブ + + + + +  */
}

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {

          #SiteLogoBlock .FlexSpSiteLogo {
          height:71px;
          width: calc(100% - 55px);
          padding-left:10px;
        }
        #SiteLogoBlock .SiteLogo{
          width: 18px;
          margin:0;
          margin-right:0px;
          display:none;
        }
        
        #SiteLogoBlock .SiteName{
          margin-left:0px;
        }
        
        #SpHeaderContactBlock{
          position:fixed;
          top:40px;
          right:52px;
        }
        

}
    /* landscape view */
    @media screen and ( orientation: landscape ) {
            #SiteLogoBlock .SPMenuBtn span{
              width: 40%;
            }
    }

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {

/* #SiteKeyWordBlock
-------------------------------------- */
#SiteKeyWordBlock{
  text-align: left;
  padding:0;
  margin-bottom:5px;
}
#SiteKeyWordBlock h1{
  padding: 3px 0 3px 10px;
  line-height: 1.3;
  background: #DCF7E7;
}
    #SiteKeyWordBlock .SiteCopy{
      display: block;
      font-weight: bold;
      font-size: 80%;
      color: #34BD7B;
    }

/* + + + + + レスポンシブ + + + + +  */
}


/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {

/* #HeaderMainMenuBlock
-------------------------------------- */
#HeaderMainMenuBlock{
  display: none;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 10px 0 #888;
  width: 100%;
  background: #EFFFF4;
  z-index: 100;
}
    #HeaderMainMenuBlock .SpDisplay{
      margin: 15px;
      padding: 5px 15px;
      border: 2px solid #65DB97;
      border-radius: 3px;
      background: #fff;
    }
        #HeaderMainMenuBlock .SpDisplay .SpMenuList{
          list-style: none;
        }
        #HeaderMainMenuBlock .SpDisplay .SpMenuList li a{
          display: block;
          padding: 0.65em 25px;
          border-bottom: 1px solid #65DB97;
          text-decoration: none;
          color: inherit;
          background: url(../img/common/icon/right_cursor_green.png) no-repeat left center;
        }
        #HeaderMainMenuBlock .SpDisplay .SpMenuList li:last-child a{
          border-bottom: none;
        }
        #HeaderMainMenuBlock .SpDisplay .SpMenuList li.SPMenuBtn{
          background: url(../img/common/icon/sp_menu_close.gif) no-repeat left center;
          padding: 0.45em 25px;
          font-size: 90%;
        }
        
/* + + + + + レスポンシブ + + + + +  */
}


        
        
/* #HeaderSecondMenuBlock
-------------------------------------- */
#HeaderSecondMenuBlock{
  
}
    #HeaderSecondMenuBlock .MenuList{
      font-size: 75%;
      text-align: right;
    }
        #HeaderSecondMenuBlock .MenuList .Partition{
          display: inline;
        }

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  #HeaderSecondMenuBlock{
    display:none;
  }

/* + + + + + レスポンシブ + + + + +  */
}




/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    ContentsDivision                              */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
#ContentsDivision .LayoutBlock{
  margin-bottom: 15px;
}
#ContentsDivision #MainContentsArea,
#ContentsDivision #SubContentsArea{
  padding: 15px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    ContentsDivision                              */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
#ContentsDivision .LayoutBlock{
  margin-bottom: 15px;
}


/* + + + + + レスポンシブ + + + + +  */
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Footer                                        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {

#FooterDivision{
}
/* SpFooterContactBlock
-------------------------------------- */
.SpFooterContactBlock{
  padding: 10px 15px;
  background: #CBF9DE;
}
    .SpFooterContactBlock .inner{
      text-align: center;
      padding: 10px 10px;
      border: 1px solid #65db97;
      background: #fff;
    }
        .SpFooterContactBlock .GooglemapBlock{
          text-align: center;
        }
            .SpFooterContactBlock .GooglemapBlock iframe{
              width: 100%;
              margin: 0px auto 10px;
            }
            
/* + + + + + レスポンシブ + + + + +  */
}


            
            
    /* portrait view */
    @media screen and ( orientation: portrait ) {
            .SpFooterContactBlock .GooglemapBlock iframe{
              height: 250px;
            }
    }
    /* landscape view */
    @media screen and ( orientation: landscape ) {
            .SpFooterContactBlock .GooglemapBlock iframe{
              height: 300px;
            }
    }
    
    
    
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
    
#HeaderContactBlock{
}
    #HeaderContactBlock .BlockDetail{
    }
        #HeaderContactBlock .BlockDetail .DetailText{
          font-size: 60%;
          margin: 0 0 10px;
        }
        #HeaderContactBlock .BlockDetail .DetailText.ContactNumber{
          display: table;
          width: 95%;
          margin: 0 auto;
        }
        #HeaderContactBlock .BlockDetail .DetailText.ContactNumber span{
          display: table-cell;
          width: 50%;
          vertical-align: middle;
          padding: 0 0.5em;
        }
        #HeaderContactBlock .BlockDetail .DetailText.ContactNumber img{
        }

/* + + + + + レスポンシブ + + + + +  */
}



/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {

/* #CopyRightArea
-------------------------------------- */
#CopyRightArea{
  background: #65db97;
  color: #fff;
  padding: 10px;
  font-size: 50%;
  letter-spacing: -0.5px;
}

/* #CopyRightBlock
-------------------------------------- */
    #CopyRightArea #CopyRightBlock{
    }
        #CopyRightArea #CopyRightBlock .CopyRight{
          font-size: 75%;
          text-align: center;
        }
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Other                                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

#World .GoPageTopBox{
  position: fixed;
  bottom: 25px;
  right: 10px;
  z-index: 100;
}

    #World .GoPageTopBox .DetailText{
      text-align: center;
      font-weight: bold;
      letter-spacing: -1px;
      line-height: 1.1;
      font-size: 90%;
    }
    #World .GoPageTopBox .DetailText a{
       display: block;
       background: #F3CF64 url(../img/common/icon/up_cursor_black.png) no-repeat 8px center;
       background-size: 1.2em;
       padding: 10px 10px 10px 25px;
       border-radius: 5px;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       font-size: 12px;
       -ms-filter: "alpha(opacity=90)";
       -moz-opacity: 0.9;
       -khtml-opacity: 0.9;
       opacity: 0.9;
       text-decoration: none; 
       color: #000;
    }
/* #GetAdobeReaderBox
-------------------------------------- */
.GetAdobeReaderBox{
  padding: 5px;
  margin: 0 4px;
  border: 1px dashed #ccc;
}
    .GetAdobeReaderBox .GetAdobeReaderBanner{
      text-align: center;
      margin: 0 0 5px;
    }
    .GetAdobeReaderBox .DetailText{
      font-size: 75%;
      line-height: 1.25;
      color: #666;
    }
    
    
/* + + + + + レスポンシブ + + + + +  */
}

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
    
    
/* PhotoBox
-------------------------------------- */
#MainContentsArea .PhotoBox{
  margin: 0 0 10px;
  padding: 5px;
  border: 1px solid #ccc;
}
    #MainContentsArea .PhotoBox p{
      text-align: center;
    }
        #MainContentsArea .PhotoBox p .Caption{
          display: block;
          text-align: center;
          font-size: 75%;
        }
#MainContentsArea .Landscape{ width: 200px;  margin: 5px;}
#MainContentsArea .Portrait { width: 150px;  margin: 5px;}

/* + + + + + レスポンシブ + + + + +  */
}





    /* landscape view */
    @media screen and ( orientation: landscape ) {
        #MainContentsArea .FloatLeft {
          float: left;
          margin-right: 20px;
        }
        #MainContentsArea .FloatRight{
          float: right;
          margin-left: 20px;
        }
    }