@charset "UTF-8";

img,
object,
embed,
video {
  max-width: 100%;
}

.ie6 img {
  width: 100%;
}

a img {
  border: none;
}

a {
  outline: none;
}

a:focus,
*:focus {
  outline: none;
}

ul {
  list-style: none;
}

/* mobile */

#container {
}

/*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/

.forPC {
  display: none;
}

.forSP {
  display: block;
}

#orezo .fRight {
  float: none;
  margin-right: 0px;
}

#orezo .fLeft {
  float: none;
  margin-left: 0px;
}

#orezo .green {
  color: #00a6ba;
}

#orezo .marT50 {
  margin-top: 50px;
}

#orezo .marT70 {
  margin-top: 70px;
}

#orezo .r {
  font-size: 0.6em;
}

#orezo sup {
  font-size: 1rem;
}

/*---------------------------------------------------------------
　　　header
---------------------------------------------------------------*/

#orezoHeader {
  background: #051d3f;
}

#mainimg01 {
  background: #11173b;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
}

#mainimg01 h1 {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#mainimg01 h1 img {
  margin: auto;
}

#orezo .pad125 {
  padding-bottom: 125px;
}

/*---------------------------------------------------------------
　　　nav
---------------------------------------------------------------*/

#orezo #sub_nav {
  width: 100%;
  background: #051d3f;
  text-align: center;
  height: auto;
  overflow: hidden;
}

#orezo #sub_nav li {
  display: block;
  float: left;
  background: none;
  width: 50%;
  border-bottom: 1px solid white;
  margin: 0 0 0 -1px;
  padding: 0;
}

#orezo #sub_nav li:nth-child(odd) {
  border-right: 1px solid white;
}

#orezo #sub_nav li:last-child {
  display: inline-block;
  background: none;
}

#orezo #sub_nav li.nav05 {
  border-bottom: none;
}

#orezo #sub_nav li.nav06 {
  border-bottom: none;
}

#orezo #sub_nav li a {
  display: block;
  height: auto;
  padding: 10px 0;
  text-indent: inherit;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

#orezo #sub_nav li.nav01 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav02 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav03 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav04 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav05 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav06 a {
  background: none;
  width: 100%;
}

#orezo #sub_nav li.nav05 p {
  display: block;
  height: auto;
  padding: 10px 0 0;
  text-indent: inherit;
  overflow: hidden;
  color: #8d92aa;
  text-decoration: none;
  margin: 0;
  line-height: 1em;
}

#orezo #sub_nav li.nav05 p span {
  display: block;
  font-size: 10px;
  line-height: 1em;
  padding: 0 0 7px 0;
}

#orezo .fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}

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

/*背景・ブロック要素指定*/
#orezo #toolBox01 {
  background: #001794 url(/-/media/com/uv-orezo/top160202/bg_02.jpg) no-repeat top center;
  padding: 15px 0 50px;
}

#gentei {
  padding: 0 0 15px 0;
}

#gentei img {
  max-width: 300px;
  margin: 0 auto;
}

#orezo p.top_margin {
  margin-top: 0.7em;
}

#orezo #toolBox02 {
  /*background: #007aaf url(/-/media/com/uv-orezo/top160202/bg_03.jpg) no-repeat top center;*/
  background: #007aaf url(/-/media/com/uv-orezo/top/202002/bg_04.jpg) no-repeat top center;
  padding: 50px 0;
  background-size: cover;
  position: relative;
}

#orezo #toolBox03 {
  background: #009097 url(/-/media/com/uv-orezo/top160202/bg_04.jpg) no-repeat top center;
  padding: 50px 0;
  background-size: cover;
  position: relative;
}

#orezo #toolBox04 {
  background: #001794 url(/-/media/com/uv-orezo/top160202/bg_02.jpg) no-repeat top center;
  padding: 50px 0 50px;
}

#orezo .toolBoxIn {
  background: url(/-/media/com/uv-orezo/top160202/bg_white.png) repeat left top;
  padding: 20px;
  width: 85%;
  max-width: 880px;
  margin: auto;
  overflow: hidden;
}

#orezo .toolBoxIn {
  background: url(/-/media/com/uv-orezo/top160202/bg_white.png) repeat left top;
  padding: 20px;
  width: 85%;
  max-width: 880px;
  margin: auto;
  overflow: hidden;
}

#orezo .toolBoxIn02 {
  overflow: visible;
  width: 100%;
  margin: 0 auto;
}

#orezo .toolBoxIn03 {
  padding: 0 0 20px 0;
  width: 90%;
  max-width: 920px;
  margin: auto;
  overflow: hidden;
}

#orezo .itemImg {
  text-align: center;
}

#orezo .itemImg img {
  margin: auto;
}

/*タイトル・文字指定*/
#orezo h2 {
  background: url(/-/media/com/uv-orezo/top160202/tit_bg.jpg) no-repeat left 50% center;
  padding: 8px 20px;
  width: 85%;
  max-width: 880px;
  margin: 0 auto;
  background-size: 668px 64px;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
}

@media only screen and (min-width: 481px) {
  #orezo h2 {
    background: url(/-/media/com/uv-orezo/top160202/tit_bg.jpg) no-repeat left center;
    background-size: 940px 90px;
    padding: 10px 20px;
    font-size: 1.8rem;
  }
}

#orezo h3 {
  overflow: hidden;
  margin: 40px 0 20px 0;
}

#orezo h3 img,
#orezo h4 img {
  display: none;
}

#orezo h3 p,
#orezo h4 p {
  display: block;
}

#orezo p {
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin: 0;
}

#orezo p.small {
  font-size: 10px;
  line-height: 14px;
  display: inline-block;
  float: none;
  margin-top: 20px;
}

#orezo span.small {
  font-size: 10px;
  line-height: 14px;
  display: block;
  float: none;
  margin-top: 20px;
}

#orezo h3.tokucho01 p,
#orezo h3.tokucho02 p,
#orezo h3.tokucho03 p {
  padding: 0px 0 15px 65px;
  line-height: 1.4em;
  min-height: 55px;
  border-bottom: 1px solid #041c40;
  font-size: 18px;
}

#orezo h3.tokucho01 p {
  background: url(/-/media/com/uv-orezo/top160202/txt_05.png) no-repeat top left;
  background-size: 55px;
}

#orezo h3.tokucho02 p {
  background: url(/-/media/com/uv-orezo/top160202/txt_06.png) no-repeat top left;
  background-size: 55px;
}

#orezo h3.tokucho03 p {
  background: url(/-/media/com/uv-orezo/top160202/txt_06.png) no-repeat top left;
  background-size: 55px;
}

/*オレゾとは？*/
#orezo #toolBox01 .fRight {
  float: none;
}

/*オレゾを選ぶ３つの理由*/
#orezo ul#point {
  margin: 20px 0 0 0;
  display: inline-block;
  width: 100%;
}

#orezo .img02 {
  float: right;
  width: 100%;
  max-width: 375px;
}

#orezo ul#point li {
  font-size: 16px;
  line-height: 28px;
  padding: 0 0 0 90px;
  margin: 0 0 30px 0;
  min-height: 64px;
}

#orezo ul#point li.no01 {
  background: url(/-/media/com/uv-orezo/top160202/dco_01.png) no-repeat top left;
}

#orezo ul#point li.no02 {
  background: url(/-/media/com/uv-orezo/top160202/dco_02.png) no-repeat top left;
}

#orezo ul#point li.no03 {
  background: url(/-/media/com/uv-orezo/top160202/dco_03.png) no-repeat top left;
}

/*オレゾホワイト*/
p.txt01 {
  width: 100%;
}

.imagecut01 {
  border: 3px solid #d6a53d;
  background: #fff;
  border-radius: 10px;
  padding: 30px 2.5% 10px;
  width: 92%;
  max-width: auto;
  text-align: center;
  position: relative;
  margin: 30px auto 0 auto;
}

.imagecut01 h4 {
  position: absolute;
  top: -20px;
  left: 10%;
  z-index: 10;
  border-radius: 10px;
  background: #d6a53d;
  padding: 5px 0;
  width: 80%;
  margin: auto;
  color: #fff;
}

.imagecut01 h4 img {
  margin: auto;
}

.imagecut02 {
  border: 3px solid #d6a53d;
  background: #fff;
  border-radius: 10px;
  padding: 40px 2.5% 10px;
  width: 92%;
  text-align: center;
  position: relative;
  margin: 50px auto 0;
}

.imagecut02 h4 {
  position: absolute;
  top: -30px;
  left: 10%;
  z-index: 10;
  border-radius: 10px;
  background: #d6a53d;
  padding: 5px 0;
  width: 80%;
  margin: auto;
  color: #fff;
}

.imagecut02 h4 img {
  margin: auto;
}

.imagecut03 {
  float: none;
  border: 3px solid #d6a53d;
  background: #fff;
  border-radius: 10px;
  padding: 10px 0px 10px;
  width: 95%;
  max-width: auto;
  text-align: center;
  margin: 10px auto 0 auto;
}

/*オレゾナチュラル*/

#orezo ul.effect {
  overflow: hidden;
}

#orezo ul.effect li {
  float: left;
  background: #796caf;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  width: 48%;
  margin: 1%;
  text-align: center;
  padding: 10px 0;
}

#orezo ul.effect li.pink {
  background: #e4007f;
}

#orezo ul.effect li.long {
  float: none;
  width: 98%;
  margin: 1%;
  text-align: center;
  padding: 10px 0;
}

/*オレゾナチュラル 特長１*/
#orezo .nonChemical .fLeft {
  width: 98%;
}

#orezo .nonChemical .fRight {
  width: 98%;
}

#orezo .illust {
  text-align: center;
}

#orezo .illust img {
  margin: auto;
}

#orezo .border {
  clear: both;
  border: 3px solid #00a6ba;
  background: #fff;
  border-radius: 10px;
  padding: 10px 0;
  width: 97%;
  text-align: center;
  position: relative;
  margin: 10px auto 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.6em;
}

#orezo .imagecut04 {
  border: 3px solid #00a6ba;
  background: #fff;
  padding: 0px 0px 10px;
  width: 98%;
  text-align: center;
  margin: 20px auto 0;
  border-radius: 10px;
}

#orezo .imagecut04 h4 {
  background: #00a6ba;
  padding: 5px 0;
  width: 100%;
  margin: auto;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

#orezo .imagecut04 h4 img {
  margin: auto;
}

#orezo .imagecut04 strong {
  display: block;
  padding: 15px 0 0 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
}
/*マスク(sp)*/
.cont-img-pkg {
  max-width: 335px;
  margin: auto;
  padding-top: 9%;
}
.cont-txt-mask-02 {
  max-width: 266px;
  margin: 4% auto;
}
.cont-txt-mask-02 li {
  max-width: 266px;
  margin-bottom: 3%;
}
.cont-mask {
  padding-top: 10%;
}
/*プレミアム SP*/
#orezo #toolBox05 {
  background: #007aaf url(/-/Media/com/uv-orezo/top/202102/bg-premium-01.jpg) no-repeat top center;
  padding: 50px 0;
  background-size: cover;
  position: relative;
}
#orezo #toolBox05 .toolBoxIn {
  background: url(/-/Media/com/uv-orezo/top/202102/bg-premium-02.png) no-repeat top center;
  background-size: cover;
}

#orezo .section-preium .itemImg {
}
#orezo .section-preium .itemImg img {
  max-width: 354px;
  width: 100%;
}
#orezo .itemImg .txt-small-01 {
}
#orezo .tokucho01.ttl-premium-01 {
  margin-bottom: 50px;
}
#orezo .box-premium-wrap-01 {
  display: block;
  margin-bottom: 29px;
}
#orezo .img-premium-02 {
  margin-bottom: 0.5em;
}

#orezo .box-premium-01-a {
}
#orezo .box-premium-01-b {
}
#orezo .box-premium-01 {
  background: #b79952;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 259px;
  box-sizing: border-box;
  margin: 0 auto;
}
#orezo .box-premium-01 sup {
  font-size: 0.5em;
}

#orezo .box-premium-01-a .box-premium-01 {
  margin-bottom: 10px;
  /* padding-bottom: 34px; */
}
#orezo .box-premium-01-b .box-premium-01 {
}
#orezo .box-premium-01 .txt-premium-01 {
  border-bottom: 2px #fff dotted;
}
#orezo .box-premium-01-a .txt-premium-01 {
  padding-top: 34px;
  padding-bottom: 10px;
}
#orezo .box-premium-01-b .txt-premium-01 {
  padding-top: 41px;
  padding-bottom: 32px;
}
#orezo .box-premium-01 .txt-big-01 {
  display: block;
  font-size: 24px;
}
#orezo .box-premium-01-a .txt-big-01 {
  margin-bottom: 7px;
}
#orezo .box-premium-01-b .txt-big-01 {
}
#orezo .box-premium-01 .txt-small-01 {
  font-size: 14px;
  /* line-height: 22px; */
  display: block;
}
#orezo .box-premium-01-a .txt-small-01 {
  /* padding-bottom: 34px; */
}
#orezo .box-premium-01-b .txt-small-01 {
}
#orezo .box-premium-01 .txt-premium-02 {
}
#orezo .box-premium-01-a .txt-premium-02 {
  padding-bottom: 33px;
  padding-top: 14px;
}
#orezo .box-premium-01-b .txt-premium-02 {
  padding-bottom: 47px;
  padding-top: 33px;
}

#orezo .section-preium .small-01 {
  float: none;
  margin-top: 1em;
  color: #555;
  font-size: 10px;
  line-height: 14px;
  width: 100%;
  margin: 0 auto;
}
#orezo .section-preium .small-01.forSP {
  display: block;
}
#orezo .section-preium .small-01.forPC {
  display: none;
}

#orezo .box-premium-02 {
  float: none;
  margin: 0 auto;
}
#orezo .box-premium-02 .txt-premium {
  font-size: 52px;
  color: #b79952;
  font-weight: bold;
  line-height: 52px;
  text-align: center;
  margin-bottom: 14px;
}

#orezo .box-premium-wrap-02 {
  font-size: 18px;
  background: #ffffffb3;
  border: #333 solid 1px;
  width: 100%;
  margin: 0 auto;
}

#orezo .box-premium-wrap-02 .txt-premium-03 {
  padding: 14px;
}
#orezo .box-premium-wrap-02 .txt-premium-03-A {
  font-size: 16px;
  /* padding-left: 229px; */
  border-left: 0;
  display: inline-block;
  float: right;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
#orezo .box-premium-wrap-02 .txt-premium-03-Q {
  font-size: 16px;
  float: none;
  border-bottom: 1px solid #333;
  text-align: center;
}

#orezo .section-preium .tokucho01 .ttl-sub-01,
#orezo .section-preium .tokucho03 .ttl-sub-01 {
  display: block;
  font-size: 0.61em;
  color: #333;
}
#orezo .section-preium .tokucho03 p {
  padding-top: 3px;
}

#orezo .section-preium .toolBoxIn02 {
  margin-bottom: 30px;
}

/*プレミアム SP-END*/

/*商品紹介*/

#orezo .dotted {
  clear: both;
  width: 100%;
  height: 15px;
  background: url(/-/media/com/uv-orezo/top160202/dco_dotted.png) repeat-x top left;
  margin: 50px 0 0;
}

#orezo h3.ttlItem {
  overflow: hidden;
  margin: 40px 0 20px 0;
  background: #00a6ba;
  color: #fff;
  font-size: 16px;
  padding: 5px 0;
  text-align: center;
  border-radius: 10px;
}

#orezo h3.ttlItem img {
  margin: auto;
}

#orezo .item {
  float: none;
  width: 90%;
  min-width: 200px;
  text-align: right;
}

#orezo .item img {
  width: 200px;
  margin: auto;
}

#orezo .info {
  float: none;
  width: 98%;
}

#orezo .info ul {
  margin: 10px 0 40px 20px;
}

#orezo .info li {
  list-style: square;
  font-size: 16px;
  margin-bottom: 10px;
}

#orezo .imagecut05 {
  border: 3px solid #00a6ba;
  background: #fff;
  border-radius: 10px;
  padding: 30px 0px 10px;
  width: 97%;
  text-align: center;
  position: relative;
  margin: 20px 0 0 0;
}

#orezo .imagecut05 h4 {
  position: absolute;
  top: -20px;
  left: 5%;
  z-index: 10;
  border-radius: 10px;
  background: #00a6ba;
  padding: 5px 0;
  width: 90%;
  margin: auto;
  color: #fff;
}

#orezo .imagecut05 h4 img {
  margin: auto;
}

#orezo .img07 {
  width: 90%;
  max-width: 584px;
  margin: auto;
}

/*バナーエリア*/
#orezo #bannerArea {
  background: #007aaf url(/-/media/com/uv-orezo/top160202/bg_03.jpg) no-repeat top center;
  padding: 30px 0 30px;
  background-size: cover;
  text-align: center;
}

#orezo #bannerArea .toolBoxIn03 a.txtLink {
  display: block;
  float: right;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  background: url(/-/media/com/uv-orezo/top160202/ico_arrow.png) no-repeat center left;
  background-size: 17px 17px;
  padding: 0 0 0 20px;
}

#orezo #bannerArea .toolBoxIn04 img {
  margin: 0;
  width: 100%;
  padding: 0;
}

#orezo #bannerArea .toolBoxIn04 a {
  display: inline-block;
  width: 90%;
  max-width: 685px;
  padding: 0;
  margin: 10px auto;
}

/*バナーエリア 02*/
.bannerList02 {
  width: 100%;
}

.bannerList02 p.bnr_troubleCare {
  float: left;
}

.bannerList02 ul {
  float: left;
  margin: 10px 0 0;
  padding: 0;
}

/*#orezo #toolBox01 #orezo01{display:block; width:0px; height:0px; position:absolute; top:-60px; left:0;}
#orezo #toolBox01 #orezo02{display:block; width:0px; height:0px; padding-top: 110px; margin-top: -110px;}*/
#orezo #toolBox01 #orezo01,
#orezo #toolBox01 #orezo02,
#orezo #toolBox02 #orezo03,
#orezo #toolBox03 #orezo04,
#orezo #toolBox05 #orezo07,
#orezo #toolBox04 #shoplist,
#orezo #toolBox04 #shopping {
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -130px;
  left: 0;
}

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

.toolBox01 {
  background: #051d3f;
  margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
  #mainimg01 {
    background-image: url(/-/media/com/uv-orezo/top/202210/bg01_sp.jpg);
    background-size: 100% 100%;
  }
}

/* tablet */

@media only screen and (min-width: 481px) {
  /*---------------------------------------------------------------
　　　header
---------------------------------------------------------------*/
  #mainimg01 {
    background-image: url(/-/media/com/uv-orezo/top160202/bg_01.jpg);
    padding: 10px 0;
  }

  #mainimg01 h1 {
    margin: 0 auto;
    width: 99%;
    text-align: center;
  }

  #mainimg01 h1 img.forSP {
    display: none;
  }

  #mainimg01 h1 img.forPC {
    display: block;
  }

  /*商品紹介*/

  #orezo h3.ttlItem {
    overflow: hidden;
    margin: 40px 0 20px 0;
    background: #00a6ba;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
    border-radius: 10px;
  }

  #orezo h3.ttlItem img {
    margin: auto;
  }

  #orezo .item {
    float: none;
    width: 90%;
    min-width: 200px;
    text-align: center;
    margin-left: 10%;
  }

  /*プレミアム tablet*/
  #orezo #toolBox05 {
    background: #007aaf url(/-/Media/com/uv-orezo/top/202102/bg-premium-01.jpg) no-repeat top center;
    padding: 50px 0;
    background-size: cover;
    position: relative;
  }
  #orezo #toolBox05 .toolBoxIn {
    background: url(/-/Media/com/uv-orezo/top/202102/bg-premium-02.png) no-repeat top center;
    background-size: cover;
  }

  #orezo .section-preium .itemImg {
  }
  #orezo .section-preium .itemImg img {
    max-width: 354px;
  }
  #orezo .itemImg .txt-small-01 {
  }
  #orezo .box-premium-wrap-01 {
    display: block;
    margin-bottom: 29px;
  }
  #orezo .box-premium-01-a {
  }
  #orezo .box-premium-01-b {
  }
  #orezo .box-premium-01 {
    background: #b79952;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 259px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  #orezo .box-premium-01 sup {
    /* font-size: 0.5em; */
  }

  #orezo .box-premium-01-a .box-premium-01 {
    margin-bottom: 10px;
    /* padding-bottom: 34px; */
  }
  #orezo .box-premium-01-b .box-premium-01 {
  }
  #orezo .box-premium-01 .txt-premium-01 {
    border-bottom: 2px #fff dotted;
  }
  #orezo .box-premium-01-a .txt-premium-01 {
    padding-top: 34px;
    padding-bottom: 10px;
  }
  #orezo .box-premium-01-b .txt-premium-01 {
    padding-top: 41px;
    padding-bottom: 32px;
  }
  #orezo .box-premium-01 .txt-big-01 {
    display: block;
    font-size: 24px;
  }
  #orezo .box-premium-01-a .txt-big-01 {
    margin-bottom: 7px;
  }
  #orezo .box-premium-01-b .txt-big-01 {
  }
  #orezo .box-premium-01 .txt-small-01 {
    font-size: 14px;
    /* line-height: 22px; */
    display: block;
  }
  #orezo .box-premium-01-a .txt-small-01 {
    /* padding-bottom: 34px; */
  }
  #orezo .box-premium-01-b .txt-small-01 {
  }
  #orezo .box-premium-01 .txt-premium-02 {
  }
  #orezo .box-premium-01-a .txt-premium-02 {
    padding-bottom: 33px;
    padding-top: 14px;
  }
  #orezo .box-premium-01-b .txt-premium-02 {
    padding-bottom: 47px;
    padding-top: 33px;
  }
  #orezo .section-preium .small-01 {
    float: none;
    margin-top: 1em;
    color: #555;
    font-size: 10px;
    line-height: 14px;
    width: 100%;
    margin: 0 auto;
  }
  #orezo .section-preium .small-01.forSP {
    display: block;
  }
  #orezo .section-preium .small-01.forPC {
    display: none;
  }

  #orezo .box-premium-02 {
    float: none;
    margin: 0 auto;
  }
  #orezo .box-premium-02 .txt-premium {
    font-size: 52px;
    color: #b79952;
    font-weight: bold;
    line-height: 52px;
    text-align: center;
    margin-bottom: 14px;
  }

  #orezo .box-premium-wrap-02 {
    background: #ffffffb3;
    border: #333 solid 1px;
    width: 100%;
    margin: 0 auto;
  }

  #orezo .box-premium-wrap-02 .txt-premium-03 {
    padding: 12px;
  }
  #orezo .box-premium-wrap-02 .txt-premium-03-A {
    font-size: 18px;
    /* padding-left: 229px; */
    border-left: 1px solid #333;
    display: inline-block;
    float: right;
    width: calc(100% - 258px);
    box-sizing: border-box;
  }
  #orezo .box-premium-wrap-02 .txt-premium-03-Q {
    font-size: 18px;
    float: left;
    border-bottom: 0;
    text-align: center;
  }

  #orezo .section-preium .tokucho01 .ttl-sub-01,
  #orezo .section-preium .tokucho03 .ttl-sub-01 {
    display: block;
    font-size: 0.61em;
    color: #333;
  }
  #orezo .section-preium .tokucho03 p {
    padding-top: 3px;
  }

  #orezo .section-preium .toolBoxIn02 {
    margin-bottom: 30px;
  }

  /*プレミアム tablet-END*/
}

/* desktop */

@media only screen and (min-width: 769px) {
  /*プレミアムPC*/
  #orezo #toolBox05 {
    background: #007aaf url(/-/Media/com/uv-orezo/top/202102/bg-premium-01.jpg) no-repeat top center;
    padding: 50px 0;
    background-size: cover;
    position: relative;
  }
  #orezo #toolBox05 .toolBoxIn {
    background: url(/-/Media/com/uv-orezo/top/202102/bg-premium-02.png) no-repeat top center;
    background-size: cover;
  }

  #orezo .section-preium .itemImg img {
    max-width: 100%;
  }
  #orezo .itemImg .txt-small-01 {
  }
  /*#orezo .box-premium-wrap-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5em;
}*/
  #orezo .box-premium-wrap-01 {
    margin-bottom: 29px;
  }

  #orezo .box-premium-01-a {
  }
  #orezo .box-premium-01-b {
  }
  #orezo .box-premium-01 {
    background: #b79952;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 259px;
    box-sizing: border-box;
  }
  #orezo .box-premium-01 sup {
    font-size: 0.5em;
  }

  #orezo .box-premium-01-a .box-premium-01 {
    margin-bottom: 0;
    /* padding-bottom: 34px; */
  }
  #orezo .box-premium-01-b .box-premium-01 {
  }
  #orezo .box-premium-01 .txt-premium-01 {
    border-bottom: 2px #fff dotted;
  }
  #orezo .box-premium-01-a .txt-premium-01 {
    padding-top: 34px;
    padding-bottom: 10px;
  }
  #orezo .box-premium-01-b .txt-premium-01 {
    padding-top: 41px;
    padding-bottom: 32px;
  }
  #orezo .box-premium-01 .txt-big-01 {
    display: block;
    font-size: 30px;
  }
  #orezo .box-premium-01-a .txt-big-01 {
    margin-bottom: 7px;
  }
  #orezo .box-premium-01-b .txt-big-01 {
  }
  #orezo .box-premium-01 .txt-small-01 {
    font-size: 18px;
    /* line-height: 22px; */
    display: block;
  }
  #orezo .box-premium-01-a .txt-small-01 {
    /* padding-bottom: 34px; */
  }
  #orezo .box-premium-01-b .txt-small-01 {
  }
  #orezo .box-premium-01 .txt-premium-02 {
  }
  #orezo .box-premium-01-a .txt-premium-02 {
    padding-bottom: 33px;
    padding-top: 14px;
  }
  #orezo .box-premium-01-b .txt-premium-02 {
    padding-bottom: 47px;
    padding-top: 33px;
  }
  #orezo .section-preium .small-01 {
    float: none;
    margin-top: 1em;
    color: #555;
    font-size: 10px;
    line-height: 14px;
    width: 610px;
    margin: 0 auto;
    text-align: left;
  }
  #orezo .section-preium .small-01.forSP {
    display: none;
  }
  #orezo .section-preium .small-01.forPC {
    display: block;
  }

  #orezo .box-premium-02 {
    float: left;
    margin: 0 22px;
  }
  #orezo .box-premium-02 .txt-premium {
    font-size: 67px;
    color: #b79952;
    font-weight: bold;
  }
  #orezo .img-premium-02 {
    width: 610px;
    margin: 0 auto 9px;
  }

  #orezo .box-premium-wrap-02 {
    background: #ffffffb3;
    border: #333 solid 1px;
    width: 688px;
    margin: 0 auto;
  }

  #orezo .box-premium-wrap-02 .txt-premium-03 {
    padding: 17.5px 16px;
    box-sizing: border-box;
    line-height: 1.5em;
  }
  /*
#orezo .box-premium-wrap-02 .txt-premium-03-A {padding-left: 269px;}
#orezo .box-premium-wrap-02 .txt-premium-03-Q{
    float: left;
    border-right: 1px solid #333;
    text-align: center;
}*/
  #orezo .box-premium-wrap-02 .txt-premium-03-A {
    width: calc(100% - 266px);
  }

  #orezo .tokucho03 {
  }
  #orezo .tokucho03 .ttl-sub-01 {
  }

  #orezo .section-preium .toolBoxIn02 {
    margin-bottom: 30px;
  }
  #orezo .section-preium .tokucho01 .ttl-sub-01,
  #orezo .section-preium .tokucho03 .ttl-sub-01 {
    display: block;
    font-size: 0.61em;
    color: #333;
  }
  #orezo .section-preium .tokucho03 p {
    padding-top: 3px;
  }

  /*プレミアムPC*/

  /*マスク*/

  #orezo .cont-txt-mask-01 {
    padding-right: 20px;
  }
  .cont-mask {
    padding-top: 108px;
  }
  .cont-txt-mask-02 li {
    width: 266px;
    float: left;
    margin-right: 9px;
    margin-bottom: 0;
  }
  .cont-txt-mask-02 {
    clear: both;
    padding-top: 1.5em;
    margin-right: -9px;
    max-width: 100%;
  }
  .cont-img-pkg {
    width: 335px;
    margin: auto;
    padding-top: 0;
  }

  /*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/

  .forPC {
    display: block;
  }

  .forSP {
    display: none;
  }

  #orezo .fRight {
    float: right;
    margin-right: 20px;
  }

  #orezo .fLeft {
    float: left;
    margin-left: 20px;
  }

  /*---------------------------------------------------------------
　　　header
---------------------------------------------------------------*/
  #orezo .pad70 {
    padding-bottom: 70px;
  }

  /*---------------------------------------------------------------
　　　nav
---------------------------------------------------------------*/

  #orezo #sub_nav {
    width: 100vw;
    min-width: 900px;
    background: #051d3f;
    text-align: center;
    height: 70px;
  }
  #orezo #sub_nav ul {
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    padding: 16px 0;
    box-sizing: border-box;
  }

  #orezo #sub_nav ul li {
    display: block;
    padding: 0;
    width: auto;
    border-left: 1px solid #fff;
    border-bottom: 0;
    flex-grow: 1;
  }

  #orezo #sub_nav ul li:last-child {
    border-right: 1px solid #fff;
  }

  #orezo #sub_nav ul li a {
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 100%;
    color: #fff;
    transition: color 0.3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #orezo #sub_nav ul li a:hover {
    color: #ffc926;
  }

  /*---------------------------------------------------------------
　　　contents
---------------------------------------------------------------*/
  /*背景・ブロック要素指定*/
  #orezo #toolBox01 {
    background: #001794 url(/-/media/com/uv-orezo/top160202/bg_02.jpg) no-repeat top center;
    padding: 30px 0 50px;
  }

  #gentei {
    padding: 0 0 30px 0;
  }

  #gentei img {
    max-width: 100%;
    margin: 0 auto;
  }

  #orezo .toolBoxIn {
    background: url(/-/media/com/uv-orezo/top160202/bg_white.png) repeat left top;
    padding: 30px;
    width: 85%;
    max-width: 880px;
    margin: auto;
    overflow: hidden;
  }

  #orezo .toolBoxIn {
    background: url(/-/media/com/uv-orezo/top160202/bg_white.png) repeat left top;
    padding: 30px;
    width: 85%;
    max-width: 880px;
    margin: auto;
    overflow: hidden;
  }

  #orezo .toolBoxIn02 {
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
  }

  /*タイトル・文字指定*/
  #orezo h2 {
    background: url(/-/media/com/uv-orezo/top160202/tit_bg.jpg) no-repeat left center;
    padding: 10px 30px;
    font-size: 2rem;
    width: 85%;
    max-width: 880px;
    margin: 0 auto;
  }

  #orezo h3 img,
  #orezo h4 img {
    display: block;
  }

  #orezo h3 p,
  #orezo h4 p {
    display: none;
  }

  #orezo p {
    font-size: 16px;
    line-height: 28px;
    padding: 0;
    margin: 0;
  }

  #orezo p.small {
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    float: right;
    margin-top: 40px;
  }

  #orezo span.small {
    font-size: 10px;
    line-height: 14px;
    display: block;
    margin-top: 40px;
  }

  #orezo #orezo02_box p.small {
    display: block;
    float: none;
    margin-top: 20px;
  }

  /*オレゾとは？*/
  #orezo #toolBox01 .fRight {
    float: right;
  }

  /*オレゾを選ぶ３つの理由*/
  #orezo ul#point {
    margin: 20px 0 0 0;
    display: inline-block;
    width: calc(100% - 375px);
  }

  #orezo .img02 {
    float: right;
    width: 50%;
    max-width: 370px;
  }

  /*オレゾホワイト*/
  p.txt01 {
    width: 50%;
  }

  .imagecut01 {
    float: right;
    border: 3px solid #d6a53d;
    background: #fff;
    border-radius: 10px;
    padding: 30px 0px 10px;
    width: 45%;
    max-width: 380px;
    text-align: center;
    position: relative;
    margin: 20px 0 0 0;
  }

  .imagecut01 img {
    margin: auto;
  }

  .imagecut01 h4 {
    position: absolute;
    top: -20px;
    left: 10%;
    z-index: 10;
    border-radius: 10px;
    background: #d6a53d;
    padding: 5px 0;
    width: 80%;
    margin: auto;
  }

  .imagecut01 h4 img {
    margin: auto;
  }

  .imagecut02 {
    border: 3px solid #d6a53d;
    background: #fff;
    border-radius: 10px;
    padding: 40px 0px 10px;
    width: 70%;
    text-align: center;
    position: relative;
    margin: 30px auto 0;
  }

  .imagecut02 img {
    margin: auto;
  }

  .imagecut02 h4 {
    position: absolute;
    top: -30px;
    left: 10%;
    z-index: 10;
    border-radius: 10px;
    background: #d6a53d;
    padding: 5px 0;
    width: 80%;
    margin: auto;
  }

  .imagecut02 h4 img {
    margin: auto;
  }

  .imagecut03 {
    float: right;
    border: 3px solid #d6a53d;
    background: #fff;
    border-radius: 10px;
    padding: 30px 0px 10px;
    width: 45%;
    max-width: 380px;
    text-align: center;
    margin: 0;
  }

  /*オレゾナチュラル*/

  #orezo ul.effect {
    overflow: hidden;
  }

  #orezo ul.effect li {
    float: left;
    background: #796caf;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    width: 48%;
    margin: 1%;
    text-align: center;
    padding: 10px 0;
  }

  #orezo ul.effect li.pink {
    background: #e4007f;
  }

  #orezo ul.effect li.long {
    float: none;
    width: 98%;
    margin: 1%;
    text-align: center;
    padding: 10px 0;
  }

  /*オレゾナチュラル 特長１*/
  #orezo .nonChemical .fLeft {
    width: 53%;
  }

  #orezo .nonChemical .fRight {
    width: 40%;
  }

  #orezo .border {
    clear: both;
    border: 3px solid #00a6ba;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
    width: 97%;
    text-align: center;
    position: relative;
    margin: 10px auto 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8em;
  }

  .imagecut04 {
    border: 3px solid #00a6ba;
    background: #fff;
    padding: 0px 0px 10px;
    width: 55%;
    max-width: 550px;
    text-align: center;
    margin: 20px auto 0;
    border-radius: 10px;
  }

  .imagecut04 h4 {
    background: #00a6ba;
    padding: 5px 0;
    width: 100%;
    margin: auto;
    font-size: 18px;
    text-align: center;
  }

  .imagecut04 h4 img {
    margin: auto;
  }

  .imagecut04 strong {
    display: block;
    padding: 15px 0 0 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
  }

  /*商品紹介*/

  #orezo .dotted {
    clear: both;
    width: 100%;
    height: 15px;
    background: url(/-/media/com/uv-orezo/top160202/dco_dotted.png) repeat-x top left;
    margin: 50px 0 0;
  }

  #orezo h3.ttlItem {
    overflow: hidden;
    margin: 40px 0 20px 0;
    background: #00a6ba;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
    border-radius: 10px;
  }

  #orezo h3.ttlItem img {
    margin: auto;
  }

  #orezo .item {
    float: left;
    width: 23%;
    min-width: 200px;
    margin-left: 0;
  }

  #orezo .info {
    float: right;
    width: 73%;
  }

  #orezo .info ul {
    margin: 10px 0 30px 20px;
  }

  #orezo .info li {
    list-style: square;
    font-size: 16px;
    margin-bottom: 5px;
  }

  .imagecut05 {
    border: 3px solid #00a6ba;
    background: #fff;
    border-radius: 10px;
    padding: 30px 0px 10px;
    width: 97%;
    text-align: center;
    position: relative;
    margin: 20px 0 0 0;
  }

  .imagecut05 h4 {
    position: absolute;
    top: -20px;
    left: 10%;
    z-index: 10;
    border-radius: 10px;
    background: #00a6ba;
    padding: 5px 0;
    width: 80%;
    margin: auto;
  }

  .imagecut05 h4 img {
    margin: auto;
  }

  .img07 {
    width: 90%;
    max-width: 584px;
    margin: auto;
  }

  /*バナーエリア 02*/
  .bannerList02 {
    width: 100%;
  }

  .bannerList02 p.bnr_troubleCare {
    float: left;
  }

  .bannerList02 ul {
    float: left;
    margin: 0;
    padding: 0;
  }

  #orezo .fixed {
    position: fixed;
    top: 51px;
    width: 100%;
    z-index: 10000;
  }

  /*#orezo #toolBox01 #orezo01{display:block; width:0px; height:0px; position:absolute; top:-60px; left:0;}
#orezo #toolBox01 #orezo02{display:block; width:0px; height:0px; padding-top: 30px; margin-top: -30px;}*/
  #orezo #toolBox01 #orezo01,
  #orezo #toolBox01 #orezo02,
  #orezo #toolBox02 #orezo03,
  #orezo #toolBox03 #orezo04,
  #orezo #toolBox05 #orezo07,
  #orezo #toolBox04 #shoplist,
  #orezo #toolBox04 #shopping {
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -70px;
    left: 0;
  }
}

#orezo #toolBox04_01 {
  margin-bottom: 50px;
}

#orezo #toolBox04_01 ul {
  margin: 0 -4px 0 -4px;
  padding-bottom: 10px;
  zoom: 100%;
}

#orezo #toolBox04_01 ul:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#orezo #toolBox04_01 ul li {
  width: 25%;
  float: left;
  margin: 0 0 10px 0;
  padding: 0 4px;
  box-sizing: border-box;
}

#orezo #toolBox04_01 ul li a {
  display: block;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: rgba(4, 25, 63, 0.5) 1px 1px 3px 0px;
}

#orezo #toolBox04_01 ul li a:hover {
  opacity: 0.8;
}

#orezo #toolBox04_02 ul {
  margin: 0 -4px 0 -4px;
  zoom: 100%;
}

#orezo #toolBox04_02 ul:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#orezo #toolBox04_02 ul li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 4px;
  box-sizing: border-box;
}

#orezo #toolBox04_02 ul li a {
  display: block;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: rgba(4, 25, 63, 0.5) 1px 1px 3px 0px;
}

#orezo #toolBox04_02 ul li a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 640px) {
  #orezo #toolBox04_01 ul {
    padding-bottom: 4px;
  }
  #orezo #toolBox04_01 ul li {
    width: 50%;
  }
  #orezo #toolBox04_02 ul {
    margin: 0;
  }

  #orezo #toolBox04_02 ul li {
    width: 100%;
    float: none;
    margin: 0 0 10px;
    padding: 0;
  }
}