@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    サイト共通部                                  */
/*    ・ヘッダ・フッタの装飾                        */
/*    ・全体大枠のレイアウト定義                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
  background: none;
}
body{
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0 auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  /*font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",arial,YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;*/
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",arial,sans-serif;
}
body.SpView{
  
}
#World{
  text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    基本レイアウト                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

body{
  height: 100%;
}
#World{
  position: relative;
  left: 0px;
  height: 100%;
}
#HeaderDivision{
  /*background: #fff;*/
  z-index: 100;
}
#MainMenuTrigger{
  display: none;
}
#ContentsDivision,
#FooterDivision{
  position: relative;
  /*z-index: 10;*/
}

/* サイトのページ幅 */
.PageWidthSetter{
  max-width: 710px;
  margin: 0 auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
                            body.rsbp-over-bp2 .PageWidthSetter{
                               min-width: 710px;
                            }
                            body.rsbp-under-bp2 .PageWidthSetter{
                               min-width:0;
                            }


/*パンくずリスト*/
.BreadCrumb .PageWidthSetter{
  max-width: 1100px;
}
    /* + + + + + レスポンシブ + + + + +  */
    body.rsbp-under-bp2 .PageWidthSetter{
      width: auto;
      min-width: 0px;
      min-width:0px;
      
    }
/*さわらび明朝*/ 
  .Mincho {font-family:"Sawarabi Mincho", serif;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Header, Contents, Footer                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{


}

            
 /*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {


            
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
            

    

/*1000+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 1000px) {

    #SiteHeaderArea{
      
    }
    #HeaderMenuArea{
      /*width: -webkit-calc(100% - 450px);
      width:         calc(100% - 450px);*/
    }

}/*1000.++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
                            


/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  text-align: justify;
}
.TopPage #ContentsDivision {
  border-top:none;
}


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

              body.rsbp-over-bp2 #ContentsDivision{
                max-width: 710px;
              }
              
              body.rsbp-under-bp2 #ContentsDivision{
                margin-top: 0px;
              }
              body.rsbp-under-bp3 #ContentsDivision{
                min-width:0;
              }

#ContentsDivision .MainContentsArea {
  font-size: calc(0.8rem + ((1vw - 3.5px) * 2.0));
  color:#333;
  line-height:1.6;
}
              /* + + + + + /レスポンシブ + + + + +  */

              body.rsbp-over-bp2 #ContentsDivision .MainContentsArea{
                font-size:24px;
              }
              
              body.rsbp-under-bp2 #ContentsDivision .MainContentsArea{
                
              }
              body.rsbp-under-bp3 #ContentsDivision .MainContentsArea{
                
              }

/* FooterDivision
--------------------------------------------------- */
#FooterDivision{
  /*background: #7a3c01 url(../img/common/decoration/bg_footer_image.png) repeat-x top center;*/
  background-size:auto 100%;
  /*color: inherit;*/

}
                            body.rsbp-over-bp2 .FooterDivision{
                               
                            }
                            body.rsbp-under-bp2 .FooterDivision{
                               min-width:0;
                            }

    #FooterDivision > .inner{
      position: relative;
      padding: 0 0 0px;

    }

    /* GoPageTopButtonBox */
    #FooterDivision .GoPageTopButtonBox{
    
    }
        #FooterDivision .GoPageTopButtonBox p{
        }
            #FooterDivision .GoPageTopButtonBox p img{
            }
            
/*トップへ戻るサイド用*/
.GoPageTopSide {
    /*position: fixed;*/
    bottom: 5px;
    right: 5px;
    z-index: 1000;
    display: none;
}

.GoPageTopSide p a {
    width: 6em;
    height: 6em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-color: rgba(255,179,203,0.8);
    position: relative;
    font-weight: normal;
    border: 0px solid #000;
    border-radius:3em;
    font-size: 80%;
    text-decoration:none;
}




.GoPageTopSide p a .Icon {
    font-size: 155%;
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 0.25em;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.GoPageTopSide p a .Label, 
.GoPageTopSide p a .Icon::before {
    color: #fff;
}

.icon-pos-top[class^="icon-"]::before, 
.icon-pos-top[class*=" icon-"]::before {
    font-size: 250%;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    left: 0%;
    margin-left: 0em;
}
.GoPageTopSide p a .Label {
    position: relative;
    top: 1.52em;
    font-size: 75%;
}
body .Heading, body .Icon::before {
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-right: 3px;
}
.GoPageTopSide p {
    display: inline-block;
}
.GoPageTopSide * {
    line-height: 1;
    vertical-align: bottom;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            
                            body.rsbp-under-bp2 .PageTopButton{
                              bottom: 43px!important;
                              font-size:60%;
                            }
                            body.rsbp-under-bp2 .PageTopButton a .Label{
                              -webkit-transform: scale(0.45);
                              transform: scale(0.45);
                            }



/*以降カスタム*/


#Top1{
  margin:0 auto;
  max-width:1000px;
  margin-top:65px;
}

#Top1 img{

}
/*
#Top2{
  margin:0 auto;

  max-width:1000px;
  text-align: right;
}
#Top2 img{
  max-width:1000px;
}

.TopImage{
  test-align:right;
}
*/

.TopImage .SideMenuItem1{
  /*position:fixed;
  right:0;*/
}
.TopImage .SideMenuItem1{
  position: -webkit-sticky!important;  /*safari対応 */
  position: sticky!important;
  height:170px;
  top: 30%!important;/* 上端から10pxのところで固定 */
  z-index:4950;
  display: inline-block;
  color:#fff;
  display:none!important;
}
.TopImage .SideMenuItem1 a{
  color:#fff;
  background:#000;
  padding: 10px 10px 10px 10px;
  width:1em;
  line-height:1.1;
  display: inline-block;
  text-decoration:none;
 }

body .ButtomMenuItem{
  text-align:center;
}



body.FixMenu .ButtomMenuItem{
  display:block;
  position:fixed;
  opacity:0;
  z-index:5000;
  bottom:0;
  width:100%;
}

body .ButtomMenuItem .inner{
  background:#e1345c;

  display:block;
  width:100%;
  margin:0 auto;
  max-width:1000px;
  max-width:710px;
  padding-bottom:0px;
  border-radius: 0px;
  
}
.ButtomMenuTitle{
  color:#fff;
  font-size:1em;
  padding-top:8px;
}


body.FixMenu2 .ButtomMenuItem{
  display:block;
  position:fixed;
  opacity:1;
  z-index:5000;
  bottom:0;
  width:100%;
  -webkit-transition: all .4s;
  transition: all .4s;
}
body.SpBody .ButtomMenuItem .inner{
  max-width:640px;
}


body.rsbp-over-bp2.FixMenu2 .ButtomMenuItem{
  bottom:0;
}



body.FixMenu2 .ButtomMenuItem a{
  padding:5px 3px;
  background:#fff;
  color:#e1345c;
  font-weight:bold;
  text-decoration:none;
  border-radius:6px;
  border:1px solid #fff;
  line-height:1.5;
  /*display: inline-block;*/
  -webkit-transition: all .4s;
  transition: all .4s;
  display: block;
  margin:5px 0;
  box-shadow: 0 1px 0.25em rgba(0,0,0,0.3);
  text-align:center;
  font-size:0.7em;
}

body.FixMenu2 .ButtomMenuItem .ButtonTel{
  width:32%;
  display:inline-block;
}
body.FixMenu2 .ButtomMenuItem .ButtonTel a{
  
}
body.FixMenu2 .ButtomMenuItem .ButtonMail{
  width:32%;
  display:inline-block;
}
body.FixMenu2 .ButtomMenuItem .ButtonMail a{
  
}
body.FixMenu2 .ButtomMenuItem  a img{
  height:20px;
}

body.rsbp-over-bp2 .ButtomMenuItem .ButtonTel{
  width:32%;
}
body.rsbp-over-bp2  .ButtomMenuItem .ButtonMail{
  width:33%;
}
body.rsbp-over-bp2.FixMenu2 .ButtomMenuItem a{
  padding:10px 5px;
}

body.rsbp-over-bp1 .ButtomMenuItem{
  font-size:1.5em;
}


/*レスポンス*/
body.rsbp-over-bp2 .PcItem{
  
}
body.rsbp-under-bp2 .PcItem{
  display:none;
}



body.rsbp-over-bp2 .SpItem{
  display:none;
}
body.rsbp-under-bp2 .SpItem{

}

.CopyrightText{
  font-size:0.9rem;
  margin-top:20px;
}