@media only screen and (max-width:700px) {

.br_pc{ display: none;}
.br_tab{ display: none;}
.br_pctab{ display: none;}
.br_sp{ display: block;}


/* mainvisual */
/* -------------------------- */

#mainvisual{
  height: auto;
  /* background: none; */
  color: #000;
  border-bottom: solid 1px #CCC;
}
#mainvisual h1{
  top: 20px;
  left: 15px;
}
#mainvisual h1 img{
  width: 120px;
  height: auto;
}
.mainvisual_sp{
  display: block;
}
.mainvisual_sp img{
  width: 100%;
  height: auto;
}
.mainvisual_text{
  padding: 8% 15px;
  display: block;
}
.mainvisual_text_in{
  height: auto;
  display: block;
}
.mainvisual_text h2{
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 8%;
}
.mainvisual_text_in .title01{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8%;
}
.mainvisual_text_in .text01{
  width: auto;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5%;
}
.mainvisual_text_in .text02{
  width: auto;
  font-size: 12px;
  line-height: 16px;
}
.mainvisual_text_in .text03{
  margin-bottom: 5%;
  color: #C8102E;
}
.mainvisual_link{
  position: static;
  color: #C8102E;
}
.mainvisual_link a{
  color: #C8102E;
}
.mainvisual_link span.text01:after{
  background: #C8102E;
}
.mainvisual_link span:nth-child(2){
  width: 16px;
  height: 9px;
  background: url(../images/arr_link_sp.png) no-repeat center center;
  background-size: 16px 9px;
  margin: 10px auto 0 auto;
}
.mainvisual_link span:nth-child(2) img{
  display: none;
}


/* #wrapper header */
/* -------------------------- */

#wrapper header{
  height: auto;
  padding: 12px 15px;
}
#wrapper header .logo, #wrapper header p{
  height: auto;
  line-height: normal;
}
#wrapper header .logo img{
  width: 110px;
  height: auto;
}
#wrapper header p{
  margin: 5px 0 0 10px;
}
#wrapper header ul{
  float: none;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
#wrapper header li{
  margin-left: 10px;
}
#wrapper header li:first-child{
  display: none;
}


/* contents */
/* -------------------------- */

#contents{
  max-width: 500px;
  padding: 0 15px;
}
.contents_box{
  padding: 10% 0;
}
.subtitle01{
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 8%;
}


/* ultimune */
/* -------------------------- */

#ultimune{
  min-height: 550px;
  padding-top: 20%;
  margin-top: -10%;
  font-size: 16px;
  line-height: 24px;
}
#ultimune h3{
  font-size: 46px;
  line-height: 46px;
  margin-bottom: 8%;
}
.ultimune_left{
  width: auto;
  float: none;
  border-right: none;
  border-bottom: solid 1px #CCC;
  padding: 0 0 10% 0;
  margin-bottom: 10%;
}
.ultimune_left p{
  margin-top: 5%;
}
.ultimune_right{
  width: auto;
  float: none;
}
.ultimune_right .textbox01{
  width: auto;
  float: none;
}
.ultimune_right .text_small{
  margin-top: 5%;
}
.ultimune_right .textbox02{
  max-width: 100%;
  float: none;
  font-size: 15px;
  line-height: 26px;
}
.ultimune_right .textbox02 p{
  margin-top: 5%;
}

/* ingredients */
/* -------------------------- */

#ingredients .subtitle01{
  margin-bottom: 10%;
}
.ingredients_left{
  width: auto;
  float: none;
  text-align: center;
  margin-bottom: 5%;
}
.ingredients_left img{
  width: 90%;
  height: auto;
}
.ingredients_right{
  width: auto;
  float: none;
}
.ingredients_right section{
  margin-top: 20px;
}
.ingredients_right section h4{
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 5%;
}


/* impact */
/* -------------------------- */

.impact_box01,
.impact_box02,
.impact_box03{
  width: auto;
  float: none;
}
.impact_box_text{
  min-height: 100px;
  padding: 8% 0 0 0 !important;
}
.impact_box01 .impact_box_text,
.impact_box02 .impact_box_text{
  border-right: none;
  margin-bottom: 15%;
}
.impact_box h4{
  font-size: 21px;
  line-height: 21px;
  padding-bottom: 5%;
  margin-bottom: 0;
}
.impact_box02.impact_box h4,
.impact_box03.impact_box h4{
  padding-left: 0;
}
.impact_box h4 img{
  display: none;
}
.impact_box h5{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5%;
}

.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: 18px;
  line-height: 24px;
  margin-bottom: 5%;
}
.benefits_box01,
.benefits_box02,
.benefits_box03{
  width: auto;
  float: none;
}
.benefits_box01,
.benefits_box02{
  border-bottom: solid 1px #CCC;
  padding-bottom: 10%;
  margin-bottom: 10%;
}
.benefits_box_image img{
  width: 100%;
  height: auto;
}
.benefits_box_text{
  min-height: 195px;
}
.benefits_box01 .benefits_box_text{
  border-right: none;
  padding: 0;
}
.benefits_box02 .benefits_box_text{
  border-right: none;
  padding: 0;
}
.benefits_box03 .benefits_box_text{
  padding: 0;
}
.benefits_box .textbox01{
  position: static;
  margin-top: 3%;
  left: 0 !important;
}
.benefits_box .textbox01_in{
  min-height: 100px;
}
.benefits_box .text02{
  margin-top: 5%;
}
.benefits_box .text03{
  margin: 5% 0;
}

.benefits_box .percentlist{
  min-height: 100px;
}

.viewstats_close{
  position: static;
  text-align: right;
  margin-top: 5%;
}


/* dailyritual */
/* -------------------------- */

#dailyritual .subtitle01{
  margin-bottom: 8%;
}
.dailyritual_box{
  width: auto;
  float: none;
  margin: 10% 0 0 0;
  font-size: 15px;
  line-height: 20px;
}
.dailyritual_box img{
  width: 100%;
  height: auto;
}
.dailyritual_box p{
  margin-top: 2%;
}


/* ultimuneeye */
/* -------------------------- */

.ultimuneeye_left{
  width: auto;
  float: none;
  margin: 0 0 8% 0;
  font-size: 14px;
  line-height: 22px;
}
#ultimuneeye .title01{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5%;
}
#ultimuneeye .text01{
  margin-bottom: 7%;
}
.ultimuneeye_right{
  width: auto;
  float: none;
  margin-right: 0;
  text-align: center;
}
.ultimuneeye_right img{
  width: 100%;
  height: auto;
}


/* explore */
/* -------------------------- */

.exploretitle01{
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 8%;
}
.explore_box{
  width: auto;
  border-bottom: solid 1px #C8102E;
  padding-bottom: 4%;
}
.explore_box img{
  width: 100%;
  height: auto;
}
.explore_left{
  float: none;
  margin-bottom: 10%;
}
.explore_right{
  float: none;
}
.explore_box p{
  font-size: 15px;
  line-height: 23px;
  margin-top: 3%;
}


/* #wrapper footer */
/* -------------------------- */

#wrapper footer{
  margin-top: 15%;
  text-align: center;
}
#wrapper footer small{
  padding: 25px 15px;
  font-size: 11px;
  line-height: 11px;
}







}