/* **************************************************
reset
************************************************** */
html {
background:#fff;
color:#333;
overflow-y:scroll;
font-size:62.5%;
}
body {
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.0rem;
margin:0;
overflow:visible;
padding:0;
}
a img, img { border:0; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
caption, th { text-align:left; }
code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
font-weight:normal;
}
ol, ul, li { list-style:none; }
q:before, q:after { content:''; }
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
table {
border-spacing:0;
font-size:100%;
}
th, td { vertical-align: top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
small { font-size: 100%; }

p{
font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-justify: distribute;
font-size:1.6rem;
line-height:1.7;
}


/* clearfix
--------------------------------------------*/
.cf:before,.cf:after {	content:"";	display:table;}
.cf:after {clear:both; } /* For IE 6/7 (trigger hasLayout) */


.content{
  background-image: url(../image/bg_wrapper.png);
  margin-bottom: 70px;
}
.vegebeautyPageTop{
  bottom: 30px;
  position: fixed;
  right: 30px;
  z-index: 2;
}
.secHead{background-image: url(../image/bg_sec_head_bg_pcwp.gif);}
.secHead .inblock{
  background-image: url(../image/bg_sec_head_bg_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -100px 0;
  height: 550px;
  margin: 0 auto;
  width: 1100px;
}
.secHead .inblock h1{
  padding: 30px 25px;
box-sizing: content-box;
}
.secHead p{
  background-image: url(../image/bg_header_about_bg.png);
  background-position: top;
  background-size: cover;
  margin-top: -250px;
  padding: 57px 0 45px;
  text-align: center;
}

.secCmn{
  box-sizing: border-box;
  margin: 0 auto;
  width: 1050px;
}
.secCmn h2{
  box-sizing: content-box;
}
.secCmn.headRead p{
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 70px;
  margin-top: 20px;
  text-align: center;
}
.secCmn p sup{
  font-size: 9px;
  font-weight: bold;
}
.secCmn.headRead p .dotted_underline{
  border-image: url("../image/bg_dot.png") 15 round;
  border-style: solid;
  border-width: 10px;
}
.secCmn.headRead p .dotted_underline span{color: #21ac27;}
.sec1Txt{margin-top: 45px;}
.secCmn h2{padding-top: 102px;}
.secCmn h2,.secCmn h3{text-align: center;}
.secCmn h4{text-align: center;}
.secCmn p{
  font-size: 17px;
  color: #746a4c;
  line-height: 32px;
}
.secCmn p .bldfont{
  color: #44360e;
  font-weight: bold;
}
.tab .select img{display: none;}
.secBorderTop {
  background-image: url(../image/bg_frame_pc_h.png);
  background-position: center top;
  background-repeat: no-repeat;
  text-align: left;
  padding: 60px 0 0;
}
.secBorderMiddle {
  background-image: url(../image/bg_frame_pc_b.png);
  background-position: center top;
  background-repeat: repeat-y;
  text-align: left;
  padding: 0 88px;
}
.secBorderMiddle .note:nth-child(3){margin-top: 20px;}
.secBorderBottom {
  background-image: url(../image/bg_frame_pc_f.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 0 0 60px;
  text-align: left;
}
.hide {display:none;}
.tab {
  margin: 0 auto;
  width: 960px;
}
.tab li{
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: 170px;
  width: 468px;
}
.tab li:hover{
  cursor:pointer;
  opacity: 0.9;
}
.tab .select:hover{
  cursor:auto;
  opacity: 1;
}
.tabwp{
  background-image: url(../image/bg_menu.jpg);
  background-position: bottom;
  background-size: cover;
  padding-top: 30px;
  width: 100%;
}
.tab li:nth-child(1){float: left;}
.tab li:nth-child(2){float: right;}
.tab li:nth-child(1).select{background-image: url(../image/btn_sec_mix_tab_pc_on.png);}
.tab li:nth-child(2).select{background-image: url(../image/btn_sec_tomato_tab_pc_on.png);}
.mixed{
  background-image: url(../image/bg_sec_mix_head_line.png);
  background-position: top;
  background-repeat: repeat-x;
  margin-top: -1px;
}
.secCmn .note{
  color: #797979;
  font-size: 15px;
  line-height: 27px;
  padding: 3px;
  padding-left: 1em;
  text-indent: -1em;
}
.sec1Img{margin: 100px 0 60px;}
.sec1Img dt{width: 422px;}
.sec1Img dl:nth-child(1){float: left;}
.sec1Img dl:nth-child(2){float: right;}
.sec1Img dt:nth-child(3),.sec1Img dd:nth-child(4){  float: right;}
.sec1Img dl:nth-child(1) dd img{
  height: auto;
  width: 420px;
}
.sec1Img dl:nth-child(2) dd img{
  height: auto;
  width: 399px;
}
.sec1Img dd{margin-top: 30px;}
.sec1Img dl:nth-child(2) dd {margin-left: 10px;}
.sec1Img2{margin-top: 30px;}
.sec1Img2 li:nth-child(1){float: left;}
.sec1Img2 li:nth-child(2){float: right;}
.sec1Img2 li img{
  height: auto;
  width: 400px;
}
.sec2Kakuresimi{}
.sec2Kakuresimi .sec2Img1,.sec3Kakuresimi .sec3Img1{margin-top: 45px;}
.sec4Kakuresimi .sec4Img1{margin-top: 45px;}
.sec2Kakuresimi .sec2Img1 p,.sec3Kakuresimi .sec3Img1 p{
  float: left;
  width: 473px;
}
.sec2Kakuresimi .sec2Img1 img,.sec3Kakuresimi .sec3Img1 img{
  float: right;
  height: auto;
  width: 351px;
}

.sec4Kakuresimi .sec4Img1 p{
  float: left;
  width: 473px;
}
.sec4Kakuresimi .sec4Img1 img{
  display: block;
  float: right;
  height: auto;
  margin-right: 25px;
  width: 325px;
}
.sec4Kakuresimi .sec4Img1 .txt-area{
  float: left;
  width: 478px;
}
.sec4Kakuresimi .sec4Img1 .importantword{
  font-weight: bold;
  margin-top: 10px;
  color: #11c620;
  font-size: 19px;
  line-height: 32px;
}
.sec1Kakuresimi h4{margin-top: 60px;}
.sec1Kakuresimi:after,.sec2Kakuresimi:after,.sec3Kakuresimi:after{
  background-image: url(../image/bg_dotted.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 6px;
  content: "";
  display: block;
  height: 84px;
  margin: 0 auto;
  width: 960px;
}
.tomato{
  background-image: url(../image/bg_sec_tomato_head_line.png);
  background-position: top;
  background-repeat: repeat-x;
  margin-top: -1px;
}
.sec1KakuresimiTmt{}
.sec1KakuresimiTmt .sec1Img1{
  width: 780px;
  margin: 30px auto 40px;
}
.sec1KakuresimiTmt .sec1Img1 p{
    float: left;
    width: 480px;
}
.sec1KakuresimiTmt .sec1Img1 .note{margin-top: 10px;}
.sec1KakuresimiTmt .sec1Img1 img{
    float: right;
    width: 400px;
    height: auto;
}
.sec1KakuresimiTmt .sec1Img1 img:nth-child(3){margin-top: 10px;}
.sec1KakuresimiTmt .sec1ImgInbox{
  float: left;
  width: 400px;
}
.sec1KakuresimiTmt .sec1ImgInbox img:nth-child(2){margin-top: 5px;}
.sec1KakuresimiTmt .sec1ImgInbox2{
  float: right;
  width: 380px;
}
.sec1KakuresimiTmt .sec1ImgInbox2 img:nth-child(2){
  margin-top: 5px;
  width: 310px;
}
.sec1KakuresimiTmt .sec1ImgInbox2 img:nth-child(3){
  margin-left: 44px;
  width: 305px;
}
.sec1KakuresimiTmt .sec1ImgInbox img:nth-child(3){
  margin-top: 15px;
  width: 370px;
}
.sec1KakuresimiTmt .sec1ImgInbox img:nth-child(4){
  margin-top: 10px;
  width: 370px;
}
.sec1KakuresimiTmt .sec1ImgInbox .sec1Img1 img:nth-child(3) {margin-top: 10px;}
.sec1KakuresimiTmt .note{margin-top: 25px 0 40px;}
.sec2Kakuresimi_tmt .sec2Img1{margin-top: 45px;}
.sec2Kakuresimi_tmt .sec2Img1 p{
  float: left;
  width: 480px;
}
.sec2Kakuresimi_tmt .sec2Img1 img{
  float: right;
  width: 350px;
  height: auto;
}

.sec1KakuresimiTmt:after,.sec2Kakuresimi_tmt:after{
  background-image: url(../image/bg_dotted.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 162px;
  margin: 0 auto;
  width: 960px;
}
.sec3KakuresimiTmt{}
.sec3KakuresimiTmt .sec3Imgbox{margin-top: 30px;}
.sec3KakuresimiTmt .sec3Img1{
  background-position: 100% 150px;
  display: block;
  float: left;
  height: auto;
  padding-left: 50px;
  padding-right: 38px;
  width: 215px;
}
.sec3KakuresimiTmt .sec3Img1,.sec3KakuresimiTmt .sec_3_img2{
  background-image: url(../image/bg_sec_tomato_03_arr_pc.png);
  background-repeat: no-repeat;
}
.sec3KakuresimiTmt .sec_3_img2{
  background-position: 100% 63px;
  display: block;
  float: left;
  height: auto;
  margin-top: 87px;
  padding-left: 30px;
  padding-right: 70px;
  width: 183px;
}
.sec3KakuresimiTmt .sec_3_img3{
  display: block;
  float: left;
  height: auto;
  margin-top: 87px;
  padding-left: 30px;
  width: 239px;
}
.sec3KakuresimiTmt h4{margin-top: 22px;}
.sec3KakuresimiTmt .sec3Imgbox2{margin-top: 30px;}
.sec3KakuresimiTmt .sec3Imgbox2 img{
  height: auto;
  width: 350px;
}
.sec3KakuresimiTmt .sec3Imgbox2 .importantword{
  color: #11c620;
  float: left;
  font-size: 19px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 10px;
  padding-top: 90px;
  width: 470px;
}
.sec4Kakuresimi_tmt{}
.spOnly{display: none;}
.pc-only{display: block;}
.sec4Kakuresimi .sec4Img1 p.source{
  color: #908870;
  font-size: 13px;
  line-height: 27px;
  margin-top: 40px;
}

.mtl{margin-top: 40px;}
.mts{margin-top: 20px;}
  @media only screen and (max-width: 650px) {
  .spOnly{display: block;}
  .pc-only{display: none;}
  .mixed ,.tomato{background-size: 23px;}
  .secCmn p {
    font-size: 14px;
    line-height: 28px;
  }
  .secHead .inblock{
    background-image: url(../image/bg_sec_head_bg_sp.png);
    background-position:  0 0;
    background-size: contain;
    height: 600px;
    width: 100%;
  }
  .secHead h1{
    background-image: url(../image/txt_sec_head_title_sp.png);
    background-position: 30px 20px;
    background-repeat: no-repeat;
    background-size: 385px;
    height: 142px;
    width: 380px;
  }
  .secCmn .note {
    font-size: 12px;
    line-height: 21px;
  }
  .secHead h1 img{display: none;}
  .secHead p img{
    height: auto;
    width: 100%;
  }
  .secHead p {
    background-position:  0;
    background-repeat:no-repeat;
    background-size: contain;
    height: 142px;
    margin: -365px auto -40px;
    padding: 0;
    width: 90%;
  }
  .sec2Kakuresimi_tmt .sec2Img1 p ,.sec3KakuresimiTmt .sec3Img1 p {margin-bottom: 25px;}
  .sec2Kakuresimi .sec2Img1 p, .sec3Kakuresimi .sec3Img1 p {margin-bottom: 25px;}
  .tabwp {
    background-size: 230%;
    padding-top: 15px;
  }
  .tab {
    max-width: 320px;
    width: 90%;
  }
  .tab li img{display: none;}
  .tab li{
    background-size: 142px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 93px;
    width: 142px;
  }
  .tab li:hover{opacity: 0.9;}
  .tab li:nth-child(1){background-image: url(../image/btn_sec_mix_tab_sp.png);}
  .tab li:nth-child(2){background-image: url(../image/btn_sec_tomato_tab_sp.png);}
  .tab li:nth-child(1).select{background-image: url(../image/btn_sec_mix_tab_sp_on.png);}
  .tab li:nth-child(2).select{background-image: url(../image/btn_sec_tomato_tab_sp_on.png);}
  .secCmn{width: 100%;}
  .headRead h2 img{
    height: auto;
    width: 100%;
  }
  .headRead h2 {
    height: 110px;
    margin: 0 auto;
    padding-top: 40px;
    width: 90%;
  }
  .secBorderTop {
    background-image: url(../image/bg_frame_sp_h.png);
    background-size: contain;
    padding: 10px 0 0;
    width: 530px;
  }
  .secBorderBottom {
    background-image: url(../image/bg_frame_sp_f.png);
    background-size: contain;
    padding: 0 0 10px;
  }
  .secBorderMiddle {
    background-image: url(../image/bg_frame_sp_b.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    padding: 7%;
  }
  .secCmn.headRead p {
    background-image: url(../image/txt_read_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 110px;
    margin: 36px auto 20px;
    width: 320px;
  }
  .tomato .secCmn.headRead p {background-image: url(../image/txt_read_sp_tomato.png);}
  .secCmn.headRead p img{display: none;}
  .sec1Txt {margin-top: 30px;}
  .secCmn h3 img{display: none;}
  .secCmn h3{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .sec1KakuresimiTmt h3{
    background-image: url(../image/txt_sec_tomato_01_title_sp.png);
    width: 100%;
    height: 110px;
    margin-bottom: 27px
  }
  .sec2Kakuresimi_tmt h3{
    background-image: url(../image/txt_sec_tomato_02_title_sp.png);
    width: 100%;
    height: 127px;
    margin-bottom: 27px
  }
    .sec3KakuresimiTmt h3{
    background-image: url(../image/txt_sec_tomato_03_title_sp.png);
    height: 167px;
    margin-bottom: 27px;
    width: 100%;
  }
  .sec1Kakuresimi h3{
    background-image: url(../image/txt_sec_mix_01_title_sp.png);
    height: 130px;
  }
  .sec2Kakuresimi h3{
    background-image: url(../image/txt_sec_mix_02_title_sp.png);
    height: 120px;
  }
  .sec3Kakuresimi h3{
    background-image: url(../image/txt_sec_mix_03_title_sp.png);
    height: 114px;
  }
  .sec4Kakuresimi h3 {
    background-image: url(../image/txt_sec_mix_04_title_sp.png);
    height: 132px;
  }
  .sec1Img {
    margin: 0 0 60px;
  }
  .sec1Img dl dt img{display: none;}
  .sec1Img dl:nth-child(1),.sec1Img dl:nth-child(2){
    float: none;
    margin-top: 40px;
  }
  .sec1Img dl dt{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
  }
  .sec1Img dl:nth-child(1) dt{
    background-image: url(../image/txt_sec_mix_01_head01_sp.png);
    height: 60px;
  }
  .sec1Img dl:nth-child(2) dt{
    background-image: url(../image/txt_sec_mix_01_head02_sp.png);
    height: 42px;
  }
  .sec1Img dl dd img {width: 100%!important;}
  .sec1Img2 li:nth-child(2) {margin-top: 20px;}
  .sec2Kakuresimi .sec2Img1, .sec3Kakuresimi .sec3Img1 {margin-top: 25px;}
  .sec1Kakuresimi h4 {
    background-image: url(../image/txt_sec_mix_01_head03_sp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin-top: 30px;
    width: 100%;
  }
  .sec1Kakuresimi h4 img{display: none;}
  .sec1Img2 li{float: none;}
  .sec1Img2 li img {width: 100%;}
  .sec2Kakuresimi .sec2Img1 p, .sec3Kakuresimi .sec3Img1 p {
    float: none;
    width: 100%;
  }
  .sec2Kakuresimi .sec2Img1 img, .sec3Kakuresimi .sec3Img1 img{
    float: none;
    width: 100%;
  }
  .sec4Kakuresimi .sec4Img1 {margin-top: 25px;}
  .sec4Kakuresimi .sec4Img1 .txt-area,.sec4Kakuresimi .sec4Img1 p {
    float: none;
    width: 100%;
  }
  .sec4Kakuresimi .sec4Img1 img {
    display: block;
    float: none;
    height: auto;
    margin-right: 0;
    margin-top: 50px;
    width: 90%;
  }
  .source{
    font-size: 12px;
    line-height: 21px;
  }
  .sec1Kakuresimi:after, .sec2Kakuresimi:after, .sec3Kakuresimi:after {width: 100%;}
  .sec1KakuresimiTmt:after, .sec2Kakuresimi_tmt:after {
    width: 100%;
    background-size: 6px;
    height:104px;
  }
  .sec1KakuresimiTmt .sec1ImgInbox {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .sec1KakuresimiTmt .sec1ImgInbox img:nth-child(2){margin-top: 10px;}
  .sec1KakuresimiTmt .sec1ImgInbox2 {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
  .sec1KakuresimiTmt .sec1ImgInbox2 img:nth-child(2){margin-top: 10px;}
  .sec1KakuresimiTmt .sec1Img1 img,.sec1KakuresimiTmt .sec1Img1 p {
    float: none;
    width: 100%;
  }
  .sec2Kakuresimi_tmt .sec2Img1 p ,.sec2Kakuresimi_tmt .sec2Img1 img {
    float: none;
    width: 100%;
  }
  .sec3KakuresimiTmt .sec3Imgbox {
    margin: 30px auto 0;
    width: 174px;
  }
  .sec3KakuresimiTmt .sec3Img1,.sec3KakuresimiTmt .sec_3_img2  {
    background-image: url(../image/bg_sec_tomato_03_arr_sp.png);
    background-position: 64px 100%;
    background-size: 50px;
    float: none;
    padding-bottom: 49px;
    padding-left: 0;
    padding-right: 0;
  }
  .sec3KakuresimiTmt .sec3Img1 {width: 204px;}
  .sec3KakuresimiTmt .sec_3_img2 {margin-top: 20px;
    width: 174px;
  }
  .sec3KakuresimiTmt .sec_3_img3 {
    background-position: 100% 150px;
    float: none;
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
    width: 226px;;
  }
  .sec3KakuresimiTmt .sec3Imgbox2 .importantword {
    float: none;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 10px;
    padding-top: 0;
    width: 100%;
  }
  .sec3KakuresimiTmt .sec3Imgbox2 img{
    display: block;
    height: auto;
    margin: 30px auto 0;
    width: 200px;
  }
  .sec3KakuresimiTmt h4 {
    background-image: url(../image/txt_sec_tomato_03_head_01_sp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 65px;
    width: 100%;
  }
  .sec3KakuresimiTmt h4 img{display: none;}
  .sec4Kakuresimi .sec4Img1 .importantword {
    font-size: 15px;
    line-height: 23px;
  }
  .sec1KakuresimiTmt .sec1Img1 {
    margin: 30px auto 10px;
    width: 100%;
  }
  .sec1KakuresimiTmt .sec1ImgInbox2 img:nth-child(2)  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .sec1KakuresimiTmt .sec1ImgInbox img:nth-child(4) {width: 100%;}
}


@media only screen and (max-width: 592px) {
  .secCmn.headRead p {
    background-position: 50% 50%;
    background-size: 275px;
    height: 102px;
    width: 280px;
  }
  .secHead h1{
    background-position: 40%;
    background-size: 345px;
    height: 142px;
    width: 350px;
  }
  .headRead h2 img{display: none;}
  .headRead h2 {
    background-image: url(../image/txt_sec_mix_h_title_sp.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    height: 110px;
    margin: 0 auto;
    padding-top: 80px;
    width: 280px;
  }
  .tomato .headRead h2 {
    background-image:url(../image/txt_sec_tomato_h_title_sp.png);
    padding-top: 40px;
  }
}

@media only screen and (max-width: 538px) {
  .secHead p {
    background-image: url(../image/txt_sec_head_read_sp.png);
    background-position:  0;
    background-repeat:no-repeat;
    background-size: contain;
    height: 142px;
    margin:-395px auto 20px;
    padding: 0;
    width: 290px;
  }
  .tomato .headRead h2{
    background-image: url(../image/txt_sec_tomato_h_title_sp.png);
    height: 60px;
    padding-top: 80px;
  }
  .secBorderTop {
    background-image: url(../image/bg_frame_sp_h.png);
    background-size: contain;
    padding: 10px 0 0;
    width: 300px;
  }
  .secBorderBottom {
    background-image: url(../image/bg_frame_sp_f.png);
    background-size: contain;
    padding: 0 0 10px;
  }
  .secBorderMiddle {
    background-image: url(../image/bg_frame_sp_b.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
    padding: 7%;
  }
  .secCmn.headRead p {
    background-position: 50% 50%;
    background-size: 275px;
    height: 102px;
    width: 295px;
  }
  .secHead p img{display: none;}
  .secHead h1{
    background-position: 20%;
    background-size: 305px;
    height: 142px;
    width: 350px;
  }
}

@media only screen and (max-width: 414px) {
  .secCmn.headRead p {
    background-size: 265px;
    width: 270px;
  }
  .secHead .inblock{height: 590px;}
  .secHead p {margin: -420px auto 20px;}
  .secHead h1{
    background-position:  10px 10px;
    background-size: 265px;
    height: 102px;
    width: 230px;
  }
}
@media only screen and (max-width: 375px) {
  .secHead .inblock {height: 575px;}
  .secHead h1 {background-size: 245px;}
}
@media only screen and (max-width: 320px) {
  .secHead p {margin: -414px auto 12px;}
  .secHead .inblock{height: 550px;}
  .secHead h1 {background-size: 210px;}
}