*{
  box-sizing:border-box;

}

/*PC用のレスポンシブ対応をする*/
@media(min-width:921px){
  .homephoto h1{
    font-size:30px;
  }
  .information-add{
    line-height:40px;
  }
  .information-add p{
    font-size:20px;
  }
  /*案内　開始*/
  .menu-g-left{
    margin-left:80px;
  }
  .menu-g-right{
    margin-right:100px;
  }
  .access-g  h1{
    height:88px;
    line-height:88px;
  } 
  /*案内　終了*/
}/*PC用レスポンシブ 終了*/



/*タブレット用のレスポンシブ対応をする*/
@media(max-width:920px) and (min-width:501px){
  /*共通部分　開始*/
  .top-link{
    width:45%;
    margin:1% 2%;
    font-size:10px;
  }
  .jumps{
    top:35%;

  }
  .jump{
    font-size:10px;
    padding:10px 3px;
  }
  .homePhoto{
    height:300px;
    background-size:cover;
  }
  .homePhoto h1{
    font-size:20px;
  }
  .information{
    height:320px;
  }
  .inf{
    padding:20px 10px;
  }
  .information-add p{
    font-size:12px;
  }
  footer{
    width:100%;
    
  }
  .footer-left{
    float:none;
    line-height:30px;
    text-align:center;
    width:100%;
  }
  .footer-right{
    float:none;
    line-height:30px;
    text-align:center;
    width:100%;
  } 
  /*共通部分　終了*/

  /*appointment-all　開始*/
  .frame-a{
    height:3600px;
  }
  .menus-a h1{
    font-size:30px;
  }
  .menus-a h5{
    display:none;
  }
  .menus-a p{
    font-size:13px;
  }
  .menu-a{
    margin:10px 20px;
  }
  /*appointment-all　終了*/

  /*エステ　開始*/
  .frame-e{
    height:3300px;
  }
  .menus-e h1{
    font-size:30px;
  }
  .menus-e p{
    font-size:13px;
  }
  .menu-e{
    margin:10px 20px;
  }
  
  /*エステ　終了*/

  /*ブライダル　開始*/
  .frame-b{
    height:2300px;
  }
  .menus-b h1{
    font-size:30px;
  }
  .menus-b p{
    font-size:13px;
  }
  .menu-b{
    margin:10px 20px;
  }
  
  /*ブライダル　終了*/

  /*home　開始*/
  .frame-h{
    height:2200px;
  }
  .concept-h{
    height:400px;
  }
  .concept-h h2{
    font-size:20px;
  }
  .concept-h-contain{
    font-size:10px;
    line-height:20px;
  }
  .calendar-contents h1{
    font-size:25px;
  }
  th, td{
    font-size:10px;
  }
  
  /*home　終了*/

  /*案内　開始*/
  
  .menus-g h1{
    font-size:35px;
  }
  
  .menu-g a{
    font-size:13px;
  }
  .menu-g img{
    width:150px;
    height:120px;
  }
  .staff-g h1{
    font-size:35px;
  }
  .staff-g-right{
    width:50%;
    margin-top:30px;
  }
  .staff-g-right h2{
    font-size:15px;
  }
  .man-g{
    margin:30px 0 0 50px;
  }
  .woman-g{
    margin:0;
  }
  /*案内　終了*/

  /*アクセス　開始*/
  .access-g{
    height:600px;
  }
  .access-g h1{
    font-size:35px;
  }
  .access-g p{
    text-align:center;
  }
  .access-g-left{
    float:none;
    margin:50px auto;
    
  }
  .access-g-right{
    width:100%;
    margin-top:50px;
    text-align:center;
  }
  iframe{
    width:250px;
    height:200px;
  }
  /*アクセス　終了*/

  /*お得情報　開始*/
  .discounts-g img{
    width:200px;
    height:150px;
  }
  .discounts-g h1{
    font-size:35px;
  }

  /*ファミリー　開始*/
  .discount-g-left1 h2{
    font-size:15px;
  }
  .discount-g-left1 p{
    font-size:10px;
  }
  .discount-g-left1{
    width:40%;
  }
  .discount-g-right1{
    margin-right:50px;
  }
  .discount-g-right1 p{
    font-size:15px;
  }
  /*ファミリー　終了*/

  /*季節のコース　開始*/
  .discount2-g{
    height:400px;
  }
  .discount-g-left2 p{
    font-size:10px;
    line-height:30px;
  }
  .discount-g-left2 h2{
    font-size:15px;
  }
  .discount-g-left2{
    width:40%;
  }
  .discount-g-right2{
    margin-right:50px;
  }
  .discount-g-right2 p{
    font-size:15px;
  }
  .discount-g-right2 h2{
    font-size:13px;
  }
  /*季節のコース　終了*/

  /*ヘッドスパ　開始*/
  .discount3-g{
    height:300px;
  }
  .discount-g-left3 h2{
    font-size:15px;
  }
  .discount-g-left3 p{
    font-size:10px;
  }
  .discount-g-right3 p{
    font-size:10px;
  }
  /*ヘッドスパ　終了*/

  /*ナチュラ　開始*/
  .discount4-g{
    height:400px;
  }
  .discount-g-left4 p{
    font-size:15px;
  }
  .discount-g-left4 h2{
    font-size:15px;
  }
  .discount-g-right4 p{
    font-size:15px;
  }
  /*ナチュラ　終了*/

  /*次回割引　開始*/
  .discount5-g{
    height:350px;
  }
  .discount-g-left5 h2{
    font-size:15px;
  }
  .discount-g-left5 p{
    font-size:15px;
    /*次回割引　終了*/
  }
  .discount-g-right5{
    float:left;
    margin-top:50px;
  }
  /*お得情報　終了*/
}/*タブレット用レスポンシブ　終了*/












/*スマートフォン用のレスポンシブ対応をする*/
@media(max-width:500px){
  /*共通部分　開始*/
  body{
    width:100%;
    background-image:url(https://beiz.jp/images_P/wood-texture/wood-texture_00034.jpg);
    background-size:contain;
  }
  .container{
    width:100%;
    margin:0 auto;
  }
  .frame{
    background-color:rgb(255, 255, 255);
    width:85%;
    padding-top:20px;
    margin:100px 30px;
  }
  header{ 
    width:100%;

  }
  .top-link{
    width:28%;
    font-size:10px;
    margin:2%;
  }
  .jumps{
    top:25%;
  }
  .jump{
    font-size:10px;
    padding:10px 3px;
  }
  .homePhoto{
    background-size:cover;
    height:250px;
    width:80%;
  }
  .homePhoto h1{
    font-size:13px;
  }
  .information{
    background-color:white;
    height:300px;
    width:80%;
    border-radius:5px;
  }
  .inf{
    padding:0;
  }
  .information-add p{
    font-size:10px;
  }
  footer{
    width:100%;
    margin-left:20px;
  }
  .footer-left{
    float:none;
    line-height:20px;
    text-align:center;
    width:100%;
    padding-left:0px;
  }
  .footer-right{
    float:none;
    line-height:20px;
    text-align:center;
    width:100%;
    padding-left:0px;
  } 
  /*共通部分　終了*/

  /*ヘアメニュー　開始*/
  .frame-a{
    height:2800px;
  }
  .menus-a h1{
    font-size:20px;
  }
  .menus-a p{
    font-size:10px;
  }
  .menus-a h5{
    display:none;
  }
  .menu-a{
    margin:0 20px;
  }
  /*ヘアメニュー　終了*/

  /*エステ開始*/
  .frame-e{
    height:2100px;
  }
  .menus-e h1{
    font-size:20px;
  }
  .menus-e p{
    font-size:10px;
  }
  .menu-e{
    margin:0 20px;
  }
  .add-inf-e{
    display:none;
  }
  /*エステ終了*/

  /*ブライダル　開始*/
  .frame-b{
    height:2600px;
  }
  .menus-b h1{
    font-size:20px;
  }
  .menu-b{
    margin:0 20px;
  }
  .menu-b p{
    font-size:15px;
  }
  
  /*ブライダル　終了*/

  /*home　開始*/
  .frame-h{
    height:2000px;

  }
  .concept-h{
    background-size:contain;
    height:400px;
  }
  .concept-h h2{
    font-size:17px;
  }
  .concept-h-contain{
    font-size:10px;
    line-height:20px;
  }
  .calendar-contents h1{
    font-size:20px;
  }
  th, td{
    font-size:10px;
    padding:0;
  }
  /*home　終了*/


  /*案内　開始*/
  .menus-g{
    height:500px;
  }
  .menus-g h1{
    font-size:25px;
  }
  .menu-g{
    width:50%;
    margin:0 auto;
  }
  .menu-g a{
    font-size:10px;
  }.menu-g-left{
    float:none;
  }
  .menu-g-right{
    float:none;
  }

  .menu-g img{
    width:150px;
    height:120px;
  }
  .staffs-g h1{
    font-size:25px;
  }
  .staffs-g{
    height:1000px;
  }
  .staff-g{
    margin:50px;
  }
  .staff-g-left{
    float:none;
    width:100%;
  }
  .staff-g-right{
    width:100%;
    margin-top:0px;
    line-height:10px;
  }
  .staff-g-right h2{
    font-size:10px;
  }
  .man-g{
    margin:0;
  }
  .woman-g{
    margin-left:0;
  }
  /*案内　終了*/

  /*アクセス　開始*/
  .access-g h1{
    font-size:35px;
  }
  .access-g p{
    font-size:12px;
    font-weight:bold;
    text-align:center;
  }
  .access-g-left{
    float:none;
    margin:50px auto;
    
  }
  .access-g-right{
    margin-top:50px;
  }
  iframe{
    width:200px;
    height:150px;
  }
  /*アクセス　終了*/

  /*お得情報　開始*/
  .discounts-g img{
    width:100px;
    height:80px;
  }
  .discounts-g h1{
    font-size:25px;
  }
  /*ファミリー割引　開始*/
  .discount-g-left1 h2{
    font-size:15px;
  }
  .discount-g-left1 p{
    font-size:10px;
    line-height:20px;
  }
  .discount-g-right1{
    width:45%;
    margin-right:0;
  }
  .discount-g-right1 p{
    font-size:10px;
  }
  /*ファミリー割引　終了*/


  /*季節のヘッドスパ　開始*/
  .discount2-g{
    height:400px;
  }
  .discount-g-left2 h2{
    font-size:13px;
  }
  .discount-g-left2 p{
    font-size:10px;
    line-height:20px;
  }
  .discount-g-right2{
    width:45%;
    margin-right:0;
    float:right;
  }
  .discount-g-right2 p{
    font-size:10px;
  }
  .discount-g-right2 h2{
    font-size:10px;
  }
  /*季節のヘッドスパ　終了*/

  /*いたわりスパ　開始*/
  .discount-g-left3 h2{
    font-size:10px;
  }
  .discount-g-left3 p{
    font-size:10px;
    line-height:30px;
  }
  .discount-g-right3 p{
    font-size:10px;
  }
  /*いたわりスパ　終了*/

  /*ナチュラ　開始*/
  .discount4-g{
    height:300px;
  }
  .discount-g-left4 h2{
    font-size:10px;
  }
  .discount-g-left4 p{
    font-size:10px;
  }
  .discount-g-right4 p{
    font-size:10px;
  }
  /*ナチュラ　終了*/

  /*次回予約　開始*/
  .discount5-g{
    height:330px;
  }
  .discount-g-left5 h2{
    font-size:15px;
  }
  .discount-g-left5 p{
    font-size:10px;
  }
  .discount-g-right5 img{
    margin-top:100px;
  }
  /*次回予約　終了*/
  /*お得情報　終了*/
}/*スマートフォン用レスポンシブ　終了*/