@charset "UTF-8";
/*-------------------------------
扉ページ
-------------------------------*/
.voice h2{
margin: 0 auto;
}
.pageTtl{
background: url(../../common/img/voice/voice_tbr_ttl_bg_pc.jpg) 100% 50% no-repeat;
background-size: 100%;
box-sizing: border-box;
padding: 51px 45.45% 55px 47%;
}
.vicTbrCont{
margin: 45px 0 100px;
}
.vicTbrTxt{
margin: 0 auto;
max-width: 325px;
}
.vicTbrLi{
margin: 2.8% auto 0;
max-width: 1000px;
display: flex;
flex-wrap: wrap;
}
.vicTbrLi li{
margin-top: 4.4%;
flex: 0 1 47.8%;
}
.vicTbrLi li:first-child{
margin: 0;
}
.vicTbrLi li:nth-child(2n){
margin-left: 4.4%;
}
.vicTbrLi li:nth-child(2){
margin-top: 0;
}
.vicTbrLi li a:hover{
opacity: 1;
}
/*display*/
.voice .pc_on{
display: block;
}
.voice .sp_on{
display: none;
}
@media screen and (max-width: 900px) {
.pageTtl{
background: url(../../common/img/voice/voice_tbr_ttl_bg_pc.jpg) 100% 50% no-repeat;
background-size: cover;
}
.vicTbrLi{
margin: 2.8% 3% 0;
}
}
@media screen and (max-width: 599px) {
.voice{
	margin:140px 0 0 0;
}
.pageTtl{
background: url(../../common/img/voice/voice_tbr_ttl_bg_sp.jpg) 100% auto no-repeat;
background-size: cover;
}
.vicTbrTxt{
padding: 0 5%;
}
.vicTbrLi li{
float: none;
margin: 2% 2%;
max-width: 96%;
flex: 0 1 96%;
}
.vicTbrLi li:first-child{
margin: 2% 2%;
}
.vicTbrLi li:nth-child(2n){
margin-left: 2%;
}
/*display*/
.voice .pc_on{
display: none;
}
.voice .sp_on{
display: block;
}
}
/*-------------------------------
商品別ページ
-------------------------------*/
.v_page .pageTtl{
background: url(../../common/img/voice/shiraidenshichi/shirai_ttl_bg_pc.jpg) 100% 50% no-repeat;
background-size: 100%;
box-sizing: border-box;
padding: 51px 45.45% 55px 47%;
height: auto;
}
.v_page.tya .pageTtl{
background: url(../../common/img/voice/shiraidenshichi_tya/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.kame .pageTtl{
background: url(../../common/img/voice/shiraidenshichi_kame/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 43px
}
.v_page.ringo_kamesu .pageTtl{
background: url(../../common/img/voice/ringo_kamesu/shirai_ttl_bg_pc.jpg) 100% 70% no-repeat;
background-size: 100% auto;
padding: 57px 46.9% 54px 47%
}
.v_page.takitate_kome .pageTtl{
background: url(../../common/img/voice/takitate_kome/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 51px 45.45% 55px 47%
}
.v_page.shirai_ringo .pageTtl{
background: url(../../common/img/voice/shirai_ringo/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 51px 45.45% 55px 47%
}
.v_page.shinsyu_miso .pageTtl{
background: url(../../common/img/voice/shinsyu_miso/shirai_ttl_bg_pc.jpg) 100% 20% no-repeat;
background-size: 100% auto;
padding: 51px 47% 38px 47%
}
.v_page.mukoujima_tya .pageTtl{
background: url(../../common/img/voice/mukoujima_tya/shirai_ttl_bg_pc.jpg) 100% 60% no-repeat;
background-size: 100% auto;
padding: 55px 47% 41px 47%
}
.v_page.ringo_juice .pageTtl{
background: url(../../common/img/voice/ringo_juice/shirai_ttl_bg_pc.jpg) 100% 28% no-repeat;
background-size: 100% auto;
padding: 51px 45.45% 55px 47%
}
.v_page.okyu .pageTtl{
background: url(../../common/img/voice/nukunukukyu/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.nokogiri .pageTtl{
background: url(../../common/img/voice/nokogiriyashi/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.nyousan .pageTtl{
background: url(../../common/img/voice/nyousan/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.berryisoflavone .pageTtl{
background: url(../../common/img/voice/berryisoflavone/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.priheiru .pageTtl{
background: url(../../common/img/voice/priheiru/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
background-size: 100% auto;
padding: 42px 47% 39px 47%
}
.v_page.olive_gava .pageTtl{
	background: url(../../common/img/voice/olive_gava/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.kanzou_orunithin .pageTtl{
	background: url(../../common/img/voice/kanzou_orunithin/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.toucare .pageTtl{
	background: url(../../common/img/voice/toucare/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.jyunshosan .pageTtl{
	background: url(../../common/img/voice/jyunshosan/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	/* padding: 42px 47% 39px 47% */
}
.v_page.urajirogashi .pageTtl{
	background: url(../../common/img/voice/urajirogashi/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.dha_lycopene .pageTtl{
	background: 0%/100% auto url(../../common/img/voice/dha_lycopene/dha_lycopene_bg_pc.jpg) no-repeat;
	height: 652px;
	padding: 0;
}
.v_page.kiku .pageTtl{
	background: url(../../common/img/voice/kiku/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.kuwanoha .pageTtl{
	background: url(../../common/img/voice/kuwanoha/shirai_ttl_bg_pc.jpg) 100% 37% no-repeat;
	background-size: 100% auto;
	padding: 42px 47% 39px 47%
}
.v_page.olive_gava .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.kanzou_orunithin .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.toucare .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.jyunshosan .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.urajirogashi .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.kiku .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.kuwanoha .vicTbrTx{
	text-align: center;
    line-height: 1.5;
    font-size: 1rem;
}
.v_page.olive_gava .vicTbrTx span{
	font-size: 80%;
}
.v_page .vicBlock{
margin: 2.8% auto 0;
max-width: 1000px;
}
.v_page .vicTbrTxt {
margin: 0 auto;
max-width: 713px;
}
.v_page .vicBlockTxt {
margin: 0 0 3.5%;
overflow: hidden;
text-align: center;
}
.v_page .vicBlockTxt .fa{
	color: #b9a48b;
margin: 0 1%;
}
.v_page .vicBlockTxt span {
		color: #b9a48b;
font-size: 0.95rem;
	padding: 0.5%;
	position: relative;
text-align: left;
}
.v_page .vicBlockTxt span::before,
.v_page .vicBlockTxt span::after {
position: absolute;
top: 50%;
content: '';
width: 400%;
border-top: 1px dashed #b9a48b;
}
.v_page .vicBlockTxt span::before {
right: 100%;
}
.v_page .vicBlockTxt span::after {
left: 100%;
}
.v_page .vicListBlock li{
float:left;
margin:0 0 2%;
width: 32%;
}
.v_page .vicListBlock li:nth-child(2),.v_page .vicListBlock li:nth-child(5),.v_page .vicListBlock li:nth-child(8){
margin:0 2%
}
.v_page .vicListBtn{
	margin: 3% auto 5%;
max-width: 307px;
transition: all 0.2s ease 0s;
    width: 90%;
}
.v_page .vicListBtn:hover{
cursor: pointer;
opacity: 0.7;
}
.v_page .popup-link01:focus{
	outline: 0;
}
.vicListItem {
background: #fff;
border-radius: 5px;
box-sizing: border-box;
margin: 0 auto;
max-width: 900px;
padding: 3%;
position: relative;
width: 70%;
}
.vicListItem .img{
float:left;
width: 40%;
}
.vicListItem .txt{
background: url(../../common/img/voice/voice_pop_bg.jpg) repeat;
backgroud-size:66% auto;
float: left;
font-size: 1.2rem;
line-height: 2.2rem;
margin: 0 0 0 2%;
padding: 3%;
text-align: justify;
width: 52%;
}
.vicListItem .name{
display: block;
text-align: right;
margin: 8% 0 0;
}

.vicListItem .mfp-close{
font-size: 40px;
width: 40px;
height: 40px;
line-height: 40px;
top: -15px;
right: -15px;
background: #c01b2c;
border-radius: 50%;
opacity: 1;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
}
.vicSideBlock{
margin: 70px auto;
max-width: 400px;
width: 90%;
}
@media screen and (max-width: 900px) {
.v_page .pageTtl,
.v_page.tya .pageTtl,
.v_page.okyu .pageTtl,
.v_page.kame .pageTtl,
.v_page.ringo_kamesu .pageTtl,
.v_page.takitate_kome .pageTtl,
.v_page.shirai_ringo .pageTtl,
.v_page.shinsyu_miso .pageTtl,
.v_page.shinsyu_miso .pageTtl,
.v_page.mukoujima_tya .pageTtl,
.v_page.jyunshosan .pageTtl,
.v_page.ringo_juice .pageTtl{
padding: 4% 45.45%;
height: auto;
}
.v_page.olive_gava .vicTbrTx{
	font-size: 1.6vw;
}
.v_page.kanzou_orunithin .vicTbrTx{
	font-size: 1.6vw;
}
.v_page .vicTbrTxt,.v_page .vicBlockTxt {
margin: 0 2% 5%;
}
.v_page .vicListBlock{
margin:0 auto;
width: 90%;
}
.vicListItem {
width: 90%;
}
.vicListItem .txt {
font-size: 0.9rem;
}
}
@media screen and (max-width: 599px) {
.voice {
margin: 100px 0 0;
}
.v_page.olive_gava .vicTbrTx{
	font-size: 2.2vw;
		text-align: justify;
		padding: 0 3%;
}
.v_page.kanzou_orunithin .vicTbrTx{
	font-size: 2.2vw;
		text-align: justify;
		padding: 0 3%;
}
.pageTtl{
padding: 51px 28.45% 55px 31%
}
.v_page .pageTtl{
background: url(../../common/img/voice/shiraidenshichi/shirai_ttl_bg_sp.jpg) 10% 63% no-repeat;
padding: 14% 0;
background-size: 100% auto;
}
.v_page.tya .pageTtl,
.v_page.okyu .pageTtl,
.v_page.kame .pageTtl,
.v_page.ringo_kamesu .pageTtl,
.v_page.takitate_kome .pageTtl,
.v_page.shirai_ringo .pageTtl,
.v_page.shinsyu_miso .pageTtl,
.v_page.shinsyu_miso .pageTtl,
.v_page.mukoujima_tya .pageTtl,
.v_page.jyunshosan .pageTtl,
.v_page.ringo_juice .pageTtl{
padding: 14% 0;
}
.v_page.tya .pageTtl{
background: url(../../common/img/voice/shiraidenshichi_tya/shirai_ttl_bg_sp.jpg) 96% 37% no-repeat;
background-size: 100% auto;
}
.v_page.okyu .pageTtl{
background: url(../../common/img/voice/nukunukukyu/shirai_ttl_bg_sp.jpg) 96% 37% no-repeat;
background-size: 100% auto;
}
.v_page.kame .pageTtl{
background: url(../../common/img/voice/shiraidenshichi_kame/shirai_ttl_bg_sp.jpg) 100% 37% no-repeat;
background-size: 100% auto;
}
.v_page.ringo_kamesu .pageTtl{
background: url(../../common/img/voice/ringo_kamesu/shirai_ttl_bg_sp.jpg) 100% 37% no-repeat;
background-size: 100% auto;
}
.v_page.takitate_kome .pageTtl{
background: url(../../common/img/voice/takitate_kome/shirai_ttl_bg_sp.jpg) 100% 37% no-repeat;
background-size: 100% auto;
}
.v_page.shirai_ringo .pageTtl{
background: url(../../common/img/voice/shirai_ringo/shirai_ttl_bg_sp.jpg) 100% 37% no-repeat;
background-size: 100% auto;
}
.v_page.shinsyu_miso .pageTtl{
background: url(../../common/img/voice/shinsyu_miso/shirai_ttl_bg_sp.jpg) 34% 25% no-repeat;
background-size: 100% auto;
}
.v_page.shinsyu_miso .pageTtl{
background: url(../../common/img/voice/shinsyu_miso/shirai_ttl_bg_sp.jpg) 100% 37% no-repeat;
background-size: 100% auto;
}
.v_page.mukoujima_tya .pageTtl{
background: url("../../common/img/voice/mukoujima_tya/shirai_ttl_bg_sp.jpg") 54% 45% no-repeat;
background-size: 100% auto;
}
.v_page.ringo_juice .pageTtl{
background: url(../../common/img/voice/ringo_juice/shirai_ttl_bg_sp.jpg) 96% 37% no-repeat;
background-size: 100% auto;
}
.v_page.nyousan .pageTtl{
background: 0%/100% auto url(../../common/img/voice/nyousan/shirai_ttl_bg_sp.jpg) no-repeat;
max-height: 225px;
padding: 4% 0;
}
.v_page.nyousan .pageTtl h2{
    max-width: 457px;
    width: 100%;
}
.v_page.dha_lycopene .pageTtl{
	background: 0%/100% auto url(../../common/img/voice/dha_lycopene/dha_lycopene_bg_sp.jpg) no-repeat;
	max-height: 225px;
}
.v_page.jyunshosan .pageTtl{
	background: 0%/100% auto url(../../common/img/voice/jyunshosan/shirai_ttl_bg_sp.jpg) no-repeat;
	max-height: 225px;
}
.v_page h2 {
margin: 0 auto;
max-width: 290px;
width: 48.2%;
}
.v_page .vicTbrCont {
margin: 4% 0 20%;
}
.v_page .vicTbrTxt{
color: #333;
line-height: 1.6rem;
text-align: justify;
}
.v_page.jyunshosan .vicTbrTx{
	color: #333;
	line-height: 1.6rem;
	text-align: justify;
	padding: 0 5%;
}
.v_page .vicTbrTxt span{
font-size: 0.8rem;
line-height: 1rem;
color: #555;
}

.v_page .vicBlock {
margin: 8% auto 0;
}

.v_page .vicBlockTxt br {
display: none;
}
.v_page .vicListBtn {
margin: 5% auto 10%;
}
.vicListItem {
		padding: 7%;
width: 85%;
}
.vicListItem .img{
float: none;
text-align: center;
width: 100%;
}
.vicListItem .txt{
margin: 5% 0 0;
width: 100%;
box-sizing: border-box;
	font-size: 5vw;
line-height: 1;
}