﻿.c5-main-ttl {
	color: #69be78;
}

.s5-inStoreItem5 .s5-inStoreItem5__inner {
	border-top: none;
}
@media screen and (max-width: 639px) {
  .s5-inStoreList .s5-inStoreItem5 {
  	margin-bottom: 20px;
  }
  .s5-inStoreItem5 .s5-inStoreItem5__inner {
  	padding-top: 10px;
  }
  .s5-inStoreItem5 .s5-inStoreItem5__image {	
  	width:  15%;
  }
}

.c5-item-intro {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 4% 0 1% ;
	padding: 10px 0.5%;
	color: #4E4E4E
}
.c5-item-intro .s5-heading2 {
	border-left: 10px solid #4E4E4E;
	padding-left:  1%;
	line-height: 1.6rem;
	vertical-align: text-bottom
}
.c5-item-intro .s5-heading2 b {
	color: #067882;
	font-size: 1.8rem;
}
.c5-item-intro .c5-text {
	color: #969696;
	font-size: 1.6rem;
	font-weight: 200
}
.label {
	background: #69be78;
	display: inline-block;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0.5% 1.5%;
	margin-bottom: 10px
}
@media screen and (max-width: 639px) {
	.label {
	max-width: 80%;
}
}


.c5-item {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 4% 0 1% ;
	padding: 10px 0.5%;
	color: #FFF
}
.c5-item .s5-heading2 {
	border-left: 10px solid #FFFFFF;
	padding-left:  1%;
	line-height: 1.4rem;
	vertical-align: text-bottom
}
.c5-item .c5-text {
	color: #969696;
	font-size: 1.6rem;
	font-weight: 200
}
.c5-item .s5-heading2 b {
	font-size: 1.8rem;
}

.voices {
	padding: 10px 10%;
	background: #FFF;
	border-radius:  40px;
}
.voices .voice .kov-inner {
 display:-webkit-box !important;
 display:-webkit-flex !important;
 display:-ms-flexbox !important;
 display:flex !important
}
.voices .voice .kov-inner {
 flex-wrap:wrap;
 flex-wrap:-webkit-wrap;
 flex-wrap:-ms-wrap
}



ul.voices {
 list-style:none;
 margin: 0 0 4%;
}
@media screen and (max-width: 767px) {
 ul.voices {
  margin: 0 0 4%;
 }
}



ul.voices .voice {
 margin-top:20px;
 padding: 20px 0 0;
 min-height:240px
}
@media screen and (max-width: 767px) {
 ul.voices .voice {
  padding:20px 0;
	 margin-top:0
 }
}
@media screen and (max-width: 400px) {
 ul.voices .voice {
  padding:10px 0;
 }
}
ul.voices .voice img {
    max-width: 100%;
}
ul.voices .voice .speaker {
 font-size:12px;
 width:120px;
	text-align: center;
}
@media screen and (max-width: 767px) {
 ul.voices .voice .speaker {
  width:100px
 }
}
@media screen and (max-width: 400px) {
 ul.voices .voice .speaker {
  width:80px;
  font-size:10px
 }
}
ul.voices .voice .speaker .photo {
 padding:7.5px;
}
ul.voices .voice .comment {
 font-size:16px;
 font-weight:100;
 line-height:2;
 width:calc(100% - 165px);
 margin:20px 0 20px auto;
 padding: 30px 15px;
 border-radius:10px;
 background-color:#f4f9f4;
 position:relative
}
@media screen and (max-width: 767px) {
 ul.voices .voice .comment {
  width:calc(100% - 140px);
  font-size:14px;
  line-height:1.8
 }
}
@media screen and (max-width: 400px) {
 ul.voices .voice .comment {
  width:calc(100% - 115px);
  font-size:12px;
  line-height:1.6
 }
}
ul.voices .voice .comment:after {
 border:10px solid transparent;
 border-right-color:#f4f9f4;
 border-left-width:0;
 left:-10px;
 content:"";
 display:block;
 bottom:calc(35% - 10px);
 position:absolute;
 width:0;
 height:0
}
ul.voices .voice div:nth-child(3) {
 order:4
}
ul.voices .voice div:nth-child(4) {
 margin:20px auto 20px 0;
 order:3
}
ul.voices .voice div:nth-child(4):after {
 border-right-color:transparent;
 border-left-color:#f4f9f4;
 border-right-width:0;
 border-left-width:10px;
 left:100%
}


ul.voices .voice .comment b {
	color: #69be78;
	font-size: 1.2rem
}
ul.voices .voice .comment .s5-heading2 {
	color: #0a8d99;
}



#buy-01{
margin:0;
padding:0 20px 50px 20px;
}
#buy-01 h2{
text-align:center;
padding:20px 0 0 0;
}
#buy-01 div{
max-width:980px;
border:solid 5px #24b1bd;
background:#FFF;
margin:0 auto;
position:relative;
}
#buy-01 div .image{
position:absolute;
top:0;
left:0;
padding:40px 55% 0 10%;
}
#buy-01 div .image img{
max-width:335px;
width:100%;
height:auto;
}
#buy-01 div h3{
padding: 80px 0 0 52%;
font-size:28px;
line-height:32px;
}
#buy-01 div h3 span{
font-size:16px;
}
#buy-01 div p{
padding: 0 5% 40px 52%;
font-size:14px;
line-height:24px;
}
#buy-01 div p img{
max-width:410px;
width:100%;
height:auto;
}
#buy-01 div p.button{
text-align:center;
padding:40px 0 20px;
}
#buy-01 div p.button img{
max-width:739px;
width:100%;
height:auto;
}
.sp{
display:none;
}

@media screen and (max-width: 767px) {

	
#buy-01{
background-size:100% auto;
padding:0 0 30px 0;
}
#buy-01 h2{
padding:20px 0 0 0;
}
#buy-01 div{
border:solid 3px #24b1bd;
background:#FFF;
margin:0 20px;
}
#buy-01 div .image{
padding:20px 0 10px 0;
	position: static;
	margin: 0 auto ;
}
#buy-01 div .image img{
max-width:100%;
width:100%;
height:auto;
}
	
#buy-01 div h3{
font-size:20px;
padding: 0;
line-height:24px;
text-align:center;
}
#buy-01 div h3 span{
font-size:12px;
}
#buy-01 div p{
font-size:10px;
line-height:18px;
text-align:center;
padding:10px 10px 0 10px;
letter-spacing:0;
}
#buy-01 div p img{
max-width:100%;
width:100%;
height:auto;
}
#buy-01 div p.button{
padding:10px 20px 20px 20px;
}
#buy-01 div p.button img{
max-width:100%;
width:100%;
height:auto;
}
	
#buy-01 img{
width:100%;
height:auto;
vertical-align:top;
}
#buy-01 .pc{
display:none;
}
#buy-01 .sp{
	display: inherit
}

}


#buy-half{
margin:0;
padding:40px 20px 40px 20px;
}
#buy-half h2{
text-align:center;
padding:20px 0 0 0;
}
#buy-half div{
max-width:980px;
border:solid 5px #24b1bd;
background:#FFF;
margin:0 auto;
position:relative;
}
#buy-half div .image{
position:absolute;
top:0;
left:0;
padding:25px 55% 0 10%;
}
#buy-half div .image img{
max-width:335px;
width: 55%;
height:auto;
}
#buy-half div h3{
padding: 40px 0 0 34%;
font-size:18px;
line-height:26px;
}
#buy-half div h3 span{
font-size:16px;
}
#buy-half div p{
padding: 0 5% 40px 34%;
font-size:12px;
line-height:14px;
}
#buy-half div p img{
max-width:410px;
width:60%;
height:auto;
}
#buy-half div p.button{
text-align:center;
padding:10px 0 20px;
}
#buy-half div p.button img{
max-width:739px;
width:50%;
height:auto;
}
.sp{
display:none;
}

@media screen and (max-width: 767px) {

	
#buy-half{
background-size:100% auto;
padding:30px 0 30px 0;
}
#buy-half h2{
padding:20px 0 0 0;
}
#buy-half div{
border:solid 3px #24b1bd;
background:#FFF;
margin:0 20px;
}
#buy-half div .image{
padding:20px 0 10px 0;
	position: static;
	margin: 0 auto ;
}
#buy-half div .image img{
max-width:100%;
width:100%;
height:auto;
}
	
#buy-half div h3{
font-size:20px;
padding: 0;
line-height:24px;
text-align:center;
}
#buy-half div h3 span{
font-size:12px;
}
#buy-half div p{
font-size:10px;
line-height:18px;
text-align:center;
padding:10px 10px 0 10px;
letter-spacing:0;
}
#buy-half div p img{
max-width:100%;
width:100%;
height:auto;
}
#buy-half div p.button{
padding:10px 20px 20px 20px;
}
#buy-half div p.button img{
max-width:100%;
width:100%;
height:auto;
}
	
#buy-half img{
width:100%;
height:auto;
vertical-align:top;
}
#buy-half .pc{
display:none;
}
#buy-half .sp{
	display: inherit
}

}

