body{
    font-family:"游ゴシック体","Yu Gothic",YuGothic,sans-serif;
    line-height:1.6;
    letter-spacing:.017em;
}
.kakaku{
   
}
.info{
border: 1px solid #ccc;
padding: 15px 20px;
float: left;
margin-bottom: 20px;
}

.grp dl{
    display: table;
    width: 100%;
    border-top: 1px solid #e4e4e4;
   
}
.grp dl.dlend{
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
}
.grp dl.noline{
    border-top: none;
}

.grp dd,.grp dt{
    display: table-cell;
    padding: 10px;

}
.grp dd{
    text-align: right;

}
.setumei{
font-size: 60%;
}
.grp{
}
.headbox img{
 border:1px solid #ccc ;
 }
 .staff{
 margin-bottom: 50px;
 }
 .mochimono{
     margin: 30px 20px;
 }
 .mochimono span{
     font-weight: bold;
 }

 .yuyakub2 {
    max-width: 50%;
    margin: 0 auto;
  }
  
.mainimg{
	width: 100%;
}

@media screen and (min-width: 769px){
   
   .container{
width: 80%;    
max-width:1200px;
margin:0 auto;
}

.logo{
float: left;    
}
.yoyakub2{
 text-align: center;;    
    }


.headbox{
float: right;
margin-top: 20px;
}
.mainimg img{
   width: 100%; 
}


.priceleft,.priceright{
    float: left;
    width: 40%;
    margin: 10px 40px;
}
.grp dl.diyukata{
    margin-top: 42px;
}
.map{
    width: 100%;
    margin: 0 auto;
}
.prof{
    float: left;
    width: 50%;

}
.prof a img{
    width: 100%;
    height: auto;
}
.proftext{
    float: left;
    width: 50%; 
    

}
.proftext p{
    padding: 0 30px;
}


}/*ここまでがパソコン用*/
@media screen and (max-width: 768px){ 
img{
width:100%;
max-width:100%;
height:auto;
}

 .container{
width:96%;
margin:0 auto;
}
.contents p{
    padding: 15px;
} 
.logo{
float:none;
margin: 0 auto;  
width: 60%;
}
.headbox{
float: none;
margin: 0 auto;
width: 35%;
}
.priceleft,.priceright{
    float: none;
    width: 90%;
    margin: 10px 5%;
} 
.kakaku{
font-size: 95%;
}  
.info{
margin: 2px;
font-size:90%;
}

.grp{
    margin-bottom: 5px;  
}
.grp dl.diyukata{
    margin-top: 0;
    border-top:none;
}
.map{
    width: 80%;
    margin: 0 auto;
}
.prof{
    float: none;
    width: 100%;
}
.proftext{
    float: none;
    width: 100%; 
}
.proftext p{
padding: 20px;
}
.yoyakub2 {
width: 70%;
margin: 0 auto;
}



 }/*ここまでがスマホタブレット用*/