@charset "UTF-8";

/*###########################
common
###########################*/

body {
  background-color: #FFFCF2;
}

h1, h2, h3, h4, h5, h6{
  font-weight: normal;
}

.clear {
  float: none;
  clear: both;
}

.main_contents{
  margin: 0 5%;
  overflow: hidden;
  zoom: -1;
}


.back_g {
  background: #F1EFE6;
  overflow: hidden;
  zoom: -1;
}

.box1{
}


.box2{
  margin: 25px auto;
  text-align: center;
}


/*-------font---------*/


.mincho{
  font-family :
  YuMincho,    /* Mac用 */
  'Yu Mincho', /* Windows用 */
  serif;

}

.fc{
  text-align:center;
}

.f120{
  font-size: 120%;
}

.f130{
  font-size: 130%;
}

.f140{
  font-size: 140%;
}


.f120p{
  font-size: 110%;
  color: #D27583;
  text-align:center;
}


.pr_cate{
  font-size: 115%;
  color: #7D715A;
}
/*-------margin---------*/
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mt40{
  margin-top: 40px;
}
.mt50{
  margin-top: 50px;
}
.mb10{
  margin-bottom: 10px;
}

 .mb20{
   margin-bottom: 20px;
 }

 .mb30{
   margin-bottom: 30px;
 }

.t10b25{
  margin: 10px 0 25px;
}

.t40b15{
  margin: 40px 0 15px;
}

.h40{
  height: 40px;
}
/*-------header---------*/
#header{
  padding-top: 20px;
}

#sp_logo{
  width: 200px;
  margin: 0 auto;
}

#top_buttom {
  text-align: center;
  margin: 1px;
}


.tb01, .tb02, .tb03 {
    width:30%;
    font-size:70%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 3px 5px;
    color:#fff;
    border-radius:5px;
    display: inline-block;
    line-height: 1.5em;
}


.tb01 {
  background-color: #DAAD2E;
}

.tb02 {
  background-color: #D27583;
}

.tb03 {
  background-color: #94C975;
}

#pc_navi_line {
  display: none;
}


/*-------footer---------*/
footer {
  float: none;
  clear: both;
  background-color: #EBEAEA;
  padding: 20px 0px;
}

#sp_logo_f {
  width: 200px;
  margin: 0 auto;
}

#studioinfo{
  text-align: center;
  margin: 10px 0 ;
}

#footer_navi{
  display: none
}
address{
  text-align: center;
  font-size: 80%;
}



/*###########################
page
###########################*/

/*-------index---------*/





.title_images{
  width: 220px;
  margin: 30px auto 10px;

}
.topics＿br {
  border-top: 1px solid black;
  margin: 40px 0 30;
  text-align:center;
  padding:0; height:24px;
  font-size: 140%;

}

.topics＿br span {
  position: relative;
  top: -12px;
  padding: 0 20px;
  background:#FFFCF2;
  overflow: hidden;
  zoom: -1;
}



.top_plan_li li{
  text-align:center;
  margin-bottom: 30px;
}

.t_plan_n{
   background-image:url(../images/common/cp01.png);
   background-position: left center;
   background-repeat:no-repeat;
   color: #D27583;
   padding-left: 20px;
   font-size: 115%;
   display:inline-block;
   margin: 5px auto;
}

.text01{
  margin: 10px 0;
}

.t_pp{
  background-color: #7D715A;
  color: white;
  display:inline-block;
  padding: 5px 10px;
  font-size: 140%;
}

.dl_to{
  margin-top: 10px;
}



.contact_to {
  background-color: #D27583;
  color: white;
  background-image:url(../images/top/tel.png);
   background-position: left 20px center;
   background-repeat:no-repeat;
   padding: 10px 20px 10px 90px;
  display:inline-block;
  border-radius:5px;
  margin-bottom: 20px;
}


/*###########################
480px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 480px)
{
  .tb01, .tb02, .tb03 {
      font-size:90%;
      padding:5px 5px 5px;
      max-width: 140px;
  }
}



/*###########################
768px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 768px)
{

/*-------font---------*/
.f120p {
  font-size: 130%;

}

.fbb{
  margin-top: 10px;
  font-size: 110%;
}

/*-------navi---------*/

#main-wrapper {
  max-width: 1000px;
  margin: 15px auto 15px;
  overflow: hidden;
  zoom: -1;
}

#sp_logo{
  float: left;
  margin: 0;
}

#top_buttom{
  float: right;
  text-align: right;
  width: 500px
}

#top_buttom li{
  max-width: 140px;
  margin-right: 10px;
}

#top_buttom li:last-child{
margin-right: 0px;
}


.tb01, .tb02, .tb03 {
    font-size:90%;
}



#nav-menu{
  display: none;
}

#pc_navi_line {
  display: block;
  background-color: #7D715A;
}

#pc_navi_li {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 12px;
}

#pc_navi_li li{
  display: inline-block;
  text-align: center;
  border-right: 1px solid white;
  line-height: 1.3em;
  width: 13.7%;

}

#pc_navi_li li:last-child {
  border-right: none;
}

#pc_navi_li li a{
  color: white;
}

#pc_navi_li span {
  display: block;
  font-size: 80%;
}

/*-------box---------*/

.main_contents{
  margin: 0 auto;
  max-width: 1000px;
}

.box01{
  margin-bottom: 50px;
  overflow: hidden;
  zoom: -1;
}

.box_l{
  width: 45%;
  float: left;
}

.box_r{
  width: 45%;
  float: right;
}


/*-------footer---------*/


#footer_navi{
  display: block;
}

#sp_logo_f{
  float: left;
  margin: 0;

}


#studioinfo, #footer_navi {
  width: 34%;
  overflow: auto;
  text-align: right;
  border-right: solid 1px black;
  padding-right: 4%;
  display: inline-block;
}


address{
  margin: 30px 0 15px;
  text-align: center;
  font-size: 100%;
}


/*-------index---------*/
.top_plan_li li{
  width: 31%;
  display: inline-block;
  margin-right: 3%;
}


.top_plan_li li:last-child{
  margin-right: 0;
}




.contact_to {
  background-position: left 40px center;
   padding: 10px 50px 10px 120px;
}


}
/*###########################
1000px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 1000px)
{


}