@media only screen and (min-width:701px) and (max-width:1230px) {

.br_pc{ display: none;}
.br_tab{ display: block;}


/* mainvisual */
/* -------------------------- */

#mainvisual{
  /*height: 680px;*/
}
#mainvisual h1{
  left: 15px;
}


/* #wrapper header */
/* -------------------------- */

#wrapper header{
  padding: 0 15px;
}


/* contents */
/* -------------------------- */

.contents_box{
  padding: 5% 0;
}
.subtitle01{
  font-size: 45px;
  line-height: 49px;
  margin-bottom: 5%;
}


/* ultimune */
/* -------------------------- */

#ultimune{
  min-height: 450px;
  padding-top: 5%;
  font-size: 16px;
  line-height: 24px;
}
#ultimune h3{
  font-size: 54px;
  line-height: 55px;
  margin-bottom: 5%;
}
.ultimune_left{
  width: 48%;
  padding-right: 2%;
}
.ultimune_right{
  width: 50%;
}
.ultimune_right .textbox01{
  width: auto;
}
.ultimune_right .text_small{
  margin-top: 5%;
}
.ultimune_right .textbox02{
  max-width: 100%;
}
.ultimune_right .textbox02 p{
  margin-top: 2%;
}


/* ingredients */
/* -------------------------- */

.ingredients_left{
  width: 25%;
}
.ingredients_left img{
  width: 100%;
  height: auto;
}
.ingredients_right{
  width: 70%;
}
.ingredients_right section{
  margin-top: 20px;
}
.ingredients_right section h4{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 3%;
}


/* impact */
/* -------------------------- */

.impact_box01,
.impact_box02,
.impact_box03{
  width: 33.3%;
}
.impact_box_text{
  min-height: 300px;
}
.impact_box01 .impact_box_text{
  padding: 0 5% 0 0;
}
.impact_box02 .impact_box_text{
  padding: 0 5%;
}
.impact_box03 .impact_box_text{
  padding: 0 0 0 5%;
}
.impact_box h4{
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 8%;
  margin-bottom: 8%;
}
.impact_box02.impact_box h4,
.impact_box03.impact_box h4{
  padding-left: 5%;
}
.impact_box h5{
  font-size: 19px;
  line-height: 22px;
  margin-bottom: 6%;
}

.percentlist dl{
  padding: 3% 0;
}
.percentlist dt{
  width: 25%;
  margin-right: 3%;
}
.percentlist dt .num{
  font-size: 38px;
  line-height: 38px;
}
.percentlist dt .per{
  font-size: 24px;
  line-height: 38px;
}
.percentlist dd{
  width: 68%;
  font-size: 13px;
  line-height: 17px;
}

.impact_box .text_caption{
  font-size: 11px;
  margin-top: 3%;
}


/* benefits */
/* -------------------------- */

#benefits .title01{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 5%;
}
.benefits_box01,
.benefits_box02,
.benefits_box03{
  width: 33.3%;
}
.benefits_box_image{
  margin-bottom: 5%;
}
.benefits_box_image img{
  width: 100%;
  height: auto;
}
.benefits_box_text{
  min-height: 250px;
}
.benefits_box01 .benefits_box_text{
  padding: 0 5% 0 0;
}
.benefits_box02 .benefits_box_text{
  padding: 0 5%;
}
.benefits_box03 .benefits_box_text{
  padding: 0 0 0 5%;
}
.benefits_box .textbox01{
  margin-top: 2%;
}
.benefits_box02 .benefits_box .textbox01,
.benefits_box02 .benefits_box .textbox01{
  left: 5%;
}
.benefits_box .percentlist{
  min-height: 135px;
}

.viewstats_close{
  bottom: -15px;
  right: 5%;
}



/* dailyritual */
/* -------------------------- */

#dailyritual .subtitle01{
  margin-bottom: 5%;
}
.dailyritual_box{
  width: 32%;
  margin-left: 2%;
  font-size: 13px;
  line-height: 20px;
}
.dailyritual_box img{
  width: 100%;
  height: auto;
}
.dailyritual_box p{
  margin-top: 3%;
}


/* ultimuneeye */
/* -------------------------- */

.ultimuneeye_left{
  width: 52%;
  margin-top: 5%;
  font-size: 14px;
  line-height: 22px;
}
.ultimuneeye_right{
  width: 46%;
  margin-right: 0;
}
.ultimuneeye_right img{
  width: 100%;
  height: auto;
}
#ultimuneeye .title01{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5%;
}
#ultimuneeye .text01{
  margin-bottom: 5%;
}


/* explore */
/* -------------------------- */

.exploretitle01{
  margin-bottom: 5%;
}
.explore_box{
  width: 49%;
  padding-bottom: 2%;
}
.explore_box img{
  width: 100%;
  height: auto;
}
.explore_box p{
  margin-top: 2.5%;
}


/* #wrapper footer */
/* -------------------------- */

#wrapper footer{
  margin-top: 8%;
}
#wrapper footer small{
  padding: 15px;
  font-size: 14px;
  line-height: 14px;
}




}
