@charset "UTF-8";
/*SP2629*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@600&family=Comfortaa:wght@700&family=Zen+Maru+Gothic:wght@500;700&display=swap');

.gf2 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
}

.gf1 {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
}

.post img{max-width:100%;height:auto!important;}

@media screen and (min-width: 481px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
html {
height: 100%;
width: 100%;
}
body {
height: 100%;
margin: 0;
text-align: center;
font-size: 16px;
line-height: 1.7em;
width: 100%;
color: #704c43;
background-color: #fff;
-webkit-text-size-adjust: 100%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 400;
font-style: normal;
}
* {
margin: 0;
padding: 0;
}
.onsp {
display: none;
}
.onpc {
display: inherit;
}
a {
color: #f58a00;
text-decoration: none;
}
a:hover {
color: #ffa833;
text-decoration: none;
}

.w100{width:100%;}
.r30{border-radius:30px;}

/* header *********************************************************************/

header {
height: 117px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 10000;
background: url(../images/header.png) no-repeat center top /100% 117px;
filter: drop-shadow(0px 0px 10px #f8a501);
}
header.roll {
background-color: #000;
}
#header {
width: 1100px;
min-width: 1100px;
height: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
#header h1 {
width: 246px;
height: 71px;
display: block;
position: relative;
z-index: 99999;
margin: 20px auto auto 10px;
}
#header h1 a {
font-size: 10px;
font-weight: 300;
text-indent: 100%;
width: 100%;
height: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
background: url(../images/logo.png) no-repeat center center / cover;
transition-property: all;
transition: 0.2s linear;
}
#header h1 a:hover {
filter: brightness(100%) drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 15px rgba(255, 255, 255, .1));
}
/* NAV *********************************************************************/

.navbar_toggle {
display: none;
}
nav {}
nav ul {
height: 54px;
margin-top: 28px;
display:flex;
justify-content: end;
}
nav li {
height: 54px;
text-align: center;
}
nav li a {
font-family: 'Comfortaa', sans-serif;
font-size: 18px;
color: #704c43;
text-decoration: none;
transition : color 0.2s linear;
line-height: 54px;
padding: 0em 1em;
display: inline-block;
font-weight:700;
}

nav li a.here,
nav li a:hover {
color: #f58a00;
}
nav li.ec a {
padding: 0;
}
nav li a span {
font-weight: 600;
font-size: 12px;
color: #000;
text-decoration: none;
transition-property: all;
transition: 0.2s linear;
line-height: 1.2em;
display: inline-block;
text-align: left;
padding: 14px 16px 0 48px;
background: url(../images/cart.png) no-repeat 16px 14px;
}
/* MV Video *********************************************************/

.mv {
position: relative;
margin-top: 59px;
width: 100%;
height: 60vh;
min-height: 300px;
overflow: hidden;
color: #fff;
}
.mv video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius:0;
z-index: 0;
}

.mv .text {
position: relative;
z-index: 1;
text-align: center;
top: 50%;
transform: translateY(-40%);
padding: 0 0 0 55%;
}
.mv h2 {
width: 480px;
height: 133px;
background: url(../images/kv-1a.png) no-repeat center center /cover;
}
.mv h2+p {
width: 464px;
height: 233px;
background: url(../images/kv-2.png) no-repeat center center /cover;
margin-top:2em;
}

.mv p img {
width:100px;
margin-top:20px;
margin-left:360px;
filter:
 drop-shadow(0 0 2px rgba(255, 255, 255, 1))
 drop-shadow(0 0 2px rgba(255, 255, 255, 1))
 drop-shadow(0 0 2px rgba(255, 255, 255, 1))
 drop-shadow(0 0 2px rgba(255, 255, 255, 1));
}




section.mv:after {
content: "";
display: block;
width: 100vw;
height: 100px;
background: url(../images/l1.png) no-repeat center bottom / 100% 32px;
bottom: -2px;
left: 0;
right: 0;
position: absolute;
z-index: 3;
}
/* News ***********************************************/

section.w,
div.wrap {
margin: 0 auto;
width: 1100px;
position: relative;
}

div.wrap.nr {
padding:0 40px;
}


section h2,
section h3.title {
text-align: left;
}
section h2 span,
section h3.title span {
display: inline-block;
font-size: 22px;
line-height: 1em;
text-align: left;
vertical-align: top;
display: block;
font-weight: 700;
margin-top: 0.3em;
color: #704c43;
}
section h2 span:first-child,
section h3.title span:first-child {
font-family: "Comfortaa", sans-serif;
display: inline-block;
font-size: 46px;
color: #f58a00;
line-height: 1em;
font-weight: 700;
vertical-align: top;
}
section#news {
z-index: 3;
position: relative;
padding: 10px 40px;
display: block;
}
section#news ul {
width: 90%;
margin-top: 2em;
margin-left: 1em;
}
section#news ul li {
border-bottom: 1px solid #ff8000;
}
section#news ul li div,
section#news ul li a {
color: #704c43;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 1em 0.75em;
transition: background-color 0.2s linear;
line-height: 1.75em;
background-color:#fff;
}

section#news ul li a:hover{
background-color:#fffbe8;
}

section#news ul li div span,
section#news ul li a span {
display: block;
width: 12em;
}
section#news ul li div p,
section#news ul li a p {
display: block;
text-align:left;
width: calc(100% - 12em);
}

section#news ul.news-list li div span,
section#news ul.news-list li a span {
display: block;
width: 6em;
}
section#news ul.news-list li div p,
section#news ul.news-list li a p {
display: block;
text-align:left;
width: calc(100% - 6em);
}

section#news ul.news-list p strong{color:#c00;}


section#news ul li div span span,
section#news ul li a span span {
display: inline-block;
font-size: 14px;
margin: 0 0.75em;
padding: 0.25em 0.5em;
background-color: #e6a210;
color: #fff;
line-height: 1em;
width: 6em;
text-align: center;
border-radius:5em;
}

section#news ul li div span span.ico1,
section#news ul li a span span.ico1 {
background-color: #7cd235;
}
/*お知らせ*/

section#news ul li div span span.ico2,
section#news ul li a span span.ico2 {
background-color: #85e0d7;
}
/*桃　イベント*/

section#news ul li div span span.ico3,
section#news ul li a span span.ico3 {
background-color: #ff8439;
}
/*桃　新製品*/
/* Footer ****************************************/

footer {
padding-top: 55px;
min-width: 1100px;
background-color: #f58a00;
color: #fff;
position:relative;

}

footer:before {
position:absolute;
content:"";
display:block;
width:100%;
height:25px;
background: url(../images/footer.png) no-repeat center bottom /100% 25px;
top:-25px;
}


footer .footer {
width: 1100px;
min-width: 1100px;
padding: 0 30px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
footer .footer .ft_address {
text-align: left;
width: 50%;
}
footer .footer .ft_contact {
text-align: left;
width: 50%;
}
footer .footer .ft_contact .form {
padding-top: 50px;
}
footer .copyright {
clear: both;
line-height: 60px;
font-size: 16px;
padding-top: 15px;
}
footer .footer .ft_address h2 {
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1em;
}
footer .footer .ft_address h2 + p {
padding-top: 18px;
font-size: 16px;
line-height: 2em;
}
footer .footer .ft_address span.tel {
display: block;
font-size: 20px;
line-height: 2em;
font-family: 'Roboto', sans-serif;
font-weight: 600;
}
footer .footer .ft_address span.tel a {
color: #fff;
}
footer .footer .ft_address span + p {
font-size: 16px;
line-height: 2em;
}
footer .footer .ft_address span + p + p + p,
footer .footer .ft_address span + p + p {
font-size: 14px;
line-height: 2em;
}
footer .footer .ft_address p.sns {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1em;
padding-top: 24px;
display: flex;
justify-content: start;
align-items:end;
}
footer .footer .ft_address p.sns span {
display: flex;
justify-content: start;
}
footer .footer .ft_address p.sns span img {
height: 28px;
margin-right: 20px;
}
footer .footer .ft_address p.sns a {
color: #fff;
display:block;
}
footer .footer .ft_contact ul.form li a {
text-align: center;
display: block;
width: 86%;
border: 1px solid #fff;
background-color: #f58a00;
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 3em;
color: #fff;
margin: 0 auto;
transition : background-color 0.2s linear;
}
footer .footer .ft_contact ul.form li a:hover {
background-color: #ffa428;
}

footer .footer .ft_contact ul.form li a:before {
content: "";
display: inline-block;
width: 24px;
height: 18px;
margin-right: 0.5em;
background: url(../images/mail.png) no-repeat center bottom /contain;
}
footer .footer .ft_contact ul.info {
display: flex;
justify-content: center;
}
footer .footer .ft_contact ul.info li {
display: inline-block;
padding: 0 1em;
border-left: 1px solid #fff;
}
footer .footer .ft_contact ul.info li a {
color: #fff;
}
footer .footer .ft_contact ul.info li:first-child {
border-right: 1px solid #fff;
}
#page-top {
display:none;
position: fixed;
bottom: 25px;
right: 40px;
display: flex;
justify-content: space-between;
z-index:1;
}
#page-top img {
height: 60px;
transition: all 0.2s linear;
}
#page-top img.totop:hover {
opacity: 0.8;
}
#page-top img.to:hover {
filter: brightness(125%);
}
#page-top.to {
justify-content: flex-end;
}
/* Top Section t-brand ****************************************/

#t-brand {
min-height: 700px;
background: linear-gradient(to bottom, #FFF 0px, transparent 160px), url(../images/t-brand.jpg) no-repeat center center / cover;
}
#t-brand h2 {
padding-top: 1px;
}
#t-brand h2 span {
display: block;
width: 340px;
height: 174px;
background: url(../images/t-brand2.png) no-repeat bottom right /contain;
margin: 100px auto auto 50px;
}
#t-brand div.t-brand {
width: 62%;
margin-top: 30px;
margin-left: 50px;
padding-bottom: 100px;
}
#t-brand dl dt,
#t-brand dl dd {
padding-left: 196px;
text-align: left;
}
#t-brand div dl {

border-radius: 20px;
padding: 20px;
}
#t-brand div dl:first-child {
background: #ffffffaa url(../images/t-brand_1n.jpg) no-repeat -50px center / 240px auto;
}
#t-brand div dl:last-child {
margin-top: 30px;
background: #ffffffaa url(../images/t-brand_2.jpg) no-repeat -50px center / 240px auto;
}
#t-brand dl dt {
font-size: 20px;
line-height: 1.7em;
color: #704c43;
font-weight: 700;
}

#t-brand dl dd {
font-size:14px;line-height:1.5em;
}

/* Top Section t-products ************************************/

#t-products {
background-color: #fffbe8;
position: relative;
overflow: hidden;
padding-bottom: 50px;
}
#t-products .ama {
position: absolute;
margin-top: -100px;
left: 50%;
transform: translateX(calc(-50% - 300px));
}
#t-products h2 {
width: 392px;
height: 196px;
margin-left: 65px;
margin-top: 30px;
background: url(../images/t-products.png) no-repeat center center /cover;
}
#t-products .amanachan {
position: absolute;
top: 30px;
right: 0;
font-size: 22px;
line-height: 1.7em;
text-align: left;
padding-bottom: 230px;
margin-top: -20px;
background: url(../images/kv-2.png) no-repeat center bottom /contain;
}
#t-products .t_prod {
padding-top: 140px;
text-align: left;
}
#t-products .fx-p2 img,
#t-products .fx-p3 img {
width: 100%;
border-radius: 30px;
}
#t-products .fx-p2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 20px;
}
#t-products .fx-p2 li {
width: calc(50% - 25px);
}
#t-products .fx-p3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 20px;
}
#t-products .fx-p3 li {
width: calc(33% - 25px);
}
ol.btn,
ul.btn {
text-align: center;
margin: 1.7em 0;
}
ol.btn a,
ul.btn a {
display: inline-block;
background-color: #ffe007;
color: #704c43;
font-size: 20px;
line-height: 2.5em;
padding: 0 2em;
border-radius: 2em;
transition : background-color 0.2s linear;
}

ol.btn a:hover,
ul.btn a:hover {
background-color: #ffb506;
}

/* Top Section t-about ************************************/

#t-aboutus {
min-height: 600px;
}
#t-aboutus {
background: url(../images/t-aboutus.jpg) no-repeat center center /cover;
position: relative;
}
#t-aboutus:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 60px;
z-index: 1;
background: url(../images/t-products_ft.png) no-repeat center center /cover;
}
#t-aboutus h2 {
font-size: 40px;
line-height: 1.5em;
color: #ff7800;
font-weight: 700;
text-align: center;
padding-top: 120px;
}
#t-aboutus h2+p {
font-size: 20px;
margin-top: 1em;
}
#t-aboutus .t-aboutus {
position: relative;
width: 860px;
height: 600px;
margin: 0 auto;
}
#t-aboutus .t-aboutus img {
width: 683px;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#t-aboutus .t-aboutus p {
width: 250px;
height: 250px;
position: absolute;
right: 0;
top: 220px;
}
#t-aboutus .t-aboutus p a {
display: block;
width: 100%;
height: 100%;
border-radius: 250px;
background-color: #f7d140;
border: 7px solid #ff9000;
line-height: 236px;
color: #704c43;
font-size: 24px;
}
/* Sub Section ************************************/

#h2 {
margin-top: 100px;
width: 100%;
height: 320px;
display: flex;
justify-content: start;
align-items: center
}
#h2 h2 {
font-size: 48px;
line-height: 1;
color: #fff;
width: 980px;
margin: 0 auto;
}
#h2.passion {
background: url(../images/h2_passion.jpg) no-repeat center center /cover;
}
#h2.purchase {
background: url(../images/h2_purchase.jpg) no-repeat center center /cover;
}
#h2.orchard {
background: url(../images/h2_orchard.jpg) no-repeat center center /cover;
}
#h2.contact {
background: url(../images/h2_contact.jpg) no-repeat center center /cover;
}
#h2.news {
background: 
  url(../images/l1.png) no-repeat center bottom / 100% 25px,
  url(../images/h2_news.jpg) no-repeat center center / cover;

height: 240px;
}
#h2.news img{
height:160px;
}

/* Sub Section passion ************************************/

section#passion{padding-bottom:120px;}

section#passion h3{
font-size:32px;
line-height:1.5em;
color:#f58a00;
font-weight:700;
margin-top:80px;
}

section#passion div+h3{
margin-top:80px;
}

.fx-passion{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin-top:36px;
text-align:left;
font-size:18px;
line-height:1.7em;
}


.fx-passion div.pgh{
width:60%;
}

.fx-passion div.pgh p span{
display:block;
font-size:24px;
color:#704c43;
line-height:1.5em;
padding-bottom:0.25em;}


.fx-passion div.fig{
width:calc(40% - 40px);
}

/* season image change ************/
.imgWrap {
  position: relative;
  width: 100%;
  height: auto;
  margin-top:20px;
  min-height:310px;
}

.imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.imgWrap img.show {
  opacity: 1;
}

#imgBtns{
display:flex;
justify-content: center;
flex-wrap:wrap;
gap:10px;
}

#imgBtns li:hover {
  background: #f7d140;
}

#imgBtns li {
  cursor: pointer;
  color:#704c43;
  display: flex;
  justify-content: center;
  align-items:center;
  line-height:1em;
  height:60px;
  width:60px;
  background: #fff;
  border-radius: 10em;
  border:4px solid #f7d140;
  transition: background 0.3s;
}
#imgBtns li:hover {
  background: #f7d140;
}

/* ←追加：選択中のボタン */
#imgBtns li.active {
  background: #f7d140;
  color: #fff;
}


/* Sub Section purchase ************************************/

section#purchase {
background: url(../images/leaf.png) no-repeat center top /contain;
margin-top: -100px;
padding-top: 150px;
padding-bottom: 80px;
}

section#purchase .t_prod {
padding-top: 0px;
text-align: left;
}
section#purchase .fx-p2 img,
section#purchase .fx-p3 img {
width: 100%;
border-radius: 30px;
}
section#purchase .fx-p2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 20px;
}
section#purchase .fx-p2 li {
width: calc(50% - 25px);
}


section#purchase .fx-p3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px 0 20px;
}
section#purchase .fx-p3 li {
width: calc(33% - 25px);
}

section#purchase .fx-p2 li p,
section#purchase .fx-p3 li p {
font-size:24px;
font-weight:700;
line-height:1.5em;
margin-top:0.75em;
}
section#purchase .fx-p2 li p span,
section#purchase .fx-p3 li p span {
display:block;
text-align:right;
font-size:32px;line-height:1.75em;
}
section#purchase .fx-p2 li p span span,
section#purchase .fx-p3 li p span span {
font-size:18px;line-height:1.75em;
display:inline-block;
}
section#purchase .fx-p2 li p span em,
section#purchase .fx-p3 li p span em {
display:none;

font-size:18px;line-height:1.5em;
font-size:22px;
margin-right:0.5em;
border:1px solid #ff7800;
padding:0 0.25em 0.2em 0.2em;
vertical-align:top;
margin-top:0.5em;
}

section#purchase ul.btn li{width:100%;}
section#purchase ul.btn a{width:100%;}

section#purchase .fx-p2+p{text-align:right;}

/* Sub Section orchard ************************************/
section#orchard {
background: url(../images/orchard.jpg) no-repeat center top /contain;
padding: 80px 0 0;
}

section#orchard h3.main{
font-size: 40px;
line-height: 1.5em;
color: #ff7800;
font-weight: 700;
text-align: center;
}

section#orchard h3+p {
margin-top:2em;
font-size:20px;line-height:1.85em;
}
section#orchard h3+p+img {
margin-top:3em;
margin-bottom:5em;
width:320px;
height:320px;
border:7px solid #ff7800;
border-radius:320px;
}

section#orchard_history {
padding-bottom: 80px;
}

section#orchard_aboutus p+p{margin-top:1.7em;}

.fx-ochard{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin-top:36px;
text-align:left;
font-size:18px;
line-height:1.7em;
}

.fx-ochard div.pgh{
width:60%;
}

.fx-ochard div.pgh p span{
display:block;
font-size:24px;
color:#704c43;
line-height:1.5em;
padding-bottom:0.25em;}

.fx-ochard div.fig{
width:calc(40% - 40px);
}
.fig figure{padding-bottom:30px;}
.fig figure img{width:100%;border-radius:15px;}
.fig figure figcaption{font-size:16px;line-height:1.7em;padding-top:0.25em;}

#orchard_owase dt,
#orchard_history dt{font-size:22px;line-height:1em;color:#f58a00;font-weight:700;padding-bottom:0.25em;}

#orchard_owase dd,
#orchard_history dd{padding-bottom:1.75em;}


/* Sub Section contact ************************************/
section#mail {
padding: 80px 0 0;
}

#mail div.wrap.nr.thanks{
padding-bottom:120px;
}

#mail div.wrap.nr.thanks p{
font-size:24px;line-height:1em;
padding-top:50px;
padding-bottom:1em;
}
#mail div.wrap.nr.thanks p+p{
font-size:18px;line-height:1.75em;
padding-top:0;
}


/* Sub Section post ************************************/
section#post {
padding: 60px 0 100px;
}

section#post .post {
text-align:left;
padding:40px;
}
section#post h3{
font-size:24px;line-height:1.5em;
}
section#post h3+div{
text-align:right;
padding:20px 0;
}


/****SUB PAGE COMMON *********************************/
/*******************Sub  section Mail*************************/

#mail div.inq {
padding: 0 30px;
}
#mail p {
font-size: 18px;
line-height: 1.75em;
}
#mail p.tel {
font-size: 26px;
line-height: 1.75em;
font-weight: 700;
}
form dl {
display: flex;
flex-wrap: wrap;
font-size: 18px;
line-height: 1.75em;
}
form dt {
width: 30%;
padding: 20px;
background-color: #fffbe8;
margin: 0 0 10px 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
form dd {
width: 70%;
text-align: left;
padding: 20px;
background-color: #fffbe8;
margin: 0 0 10px 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
form dd input,
form dd select,
form dd textarea {
background-color: #fff;
padding: 6px 0.5em;
width: 100%;
font-size: 18px;
line-height: 1.75em;
border:1px solid #ccc;
}
form dd textarea {
height: 14em;
display: block;
}
label {
padding-right: 2em;
text-align: left;
}
dd.order label {
display: block;
padding-right: 0;
text-align: left;
}
form dd label input {
display: inline-block;
width: auto;
}
form {
padding: 30px 0 80px;
}
#to form {
padding: 0 0 80px;
}
form #send,
form #formbtn {
text-align: center;
padding-top: 40px;
}
form #formbtn input,
form input.Fom_button {
font-size: 20px!important;
line-height: 1em;
padding: 13px 0;
display: inline-block;
width: 16em;
background-color: #ffe007;
color: #704c43;
border:none;
}
form input.Fom_button {
transition: all 0.2s linear;
}
form input.Fom_button:hover {
background-color: #ffb506;
}
section#acc div.thanks {
margin-top: 60px;
}
section#acc div.thanks p {
text-align: center;
}
section#acc div.thanks h3 {
font-size: 26px;
line-height: 3em;
text-align: center;
font-weight: 700;
}
/************************* Contact Form PHP ***********************/

#mail div.inq {
padding: 30px 30px 80px;
}
#formWrap h3 {
font-size: 22px;
color: #0068b7;
font-weight: 700;
line-height: 1em;
margin-top: 24px;
}
form ul.formTable {
padding: 20px 60px 0;
}
form ul.formTable li {
text-align:left;
font-size: 18px;
line-height: 1.5em;
padding: 12px 1em;
border-bottom: 1px solid #999;
}
form ul.formTable li span:nth-of-type(1) {
display: inline-block;
width: 10em;
color: #f58a00;
}
#formbtn {
padding: 40px;
text-align: center;
}

section#mail p.pp {
text-align:center;
}

section#mail p.pp span{
display:inline-block;
line-height:1em;
padding:0.5em 1.5em;
border:1px solid #000;
background-color:#fff;
}

section#mail p.pp span:after{
content:" ＋";
color:#c2222e;
}

section#mail p.pp.op span:after{
content:" ー";
color:#c2222e;
}

section#mail div.pp {
display:none;
text-align:left;
font-size:14px;line-height:1.75em;
    border: 1px solid #000;
    background-color:#fff;
    padding:2em;
    margin-top: 1em;
}


video{
margin-top:40px;
border-radius:10px;

}
audio {
    width: 320px;
    height: 30px;
    margin: 0px;
    display: inline-block;
    vertical-align: baseline;
}

.aud {
    font-weight: normal;
    padding: 15px 15px 12px 60px;
    margin-top: 12px;
    display: inline-block;
    background: #fff9e1 url(../images/amanachan.png) 8px center no-repeat;
    background-size: auto 60%;
    border-radius: 10px;
}

.aud span{
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 0px 0px 1em;
    line-height: 1em;
}


/*PC END*/
}
/*■■SP■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

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


html {
height: 100%;
width: 100%;
}
body {
height: 100%;
margin: 0;
text-align: center;
font-size: 14px;
line-height: 1.7em;
width: 100%;
color: #704c43;
background-color: #fff;
-webkit-text-size-adjust: 100%;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 400;
font-style: normal;
}
* {
margin: 0;
padding: 0;
}
.onpc {
display: none;
}
.onsp {
display: inherit;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #cf436a;
text-decoration: none;
}

.w100{width:100%;}
.r30{border-radius:30px;}

/* header *********************************************************************/

header {
height: 68px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 10000;
background: url(../images/header.png) no-repeat center top /100% 68px;
filter: drop-shadow(0px 0px 6px #f8a501);
}
header.roll {
background-color: #000;
}
#header {
width: 100%;
height: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
#header h1 {
width: 40vw;
aspect-ratio:3.5/1; 
display: block;
position: relative;
z-index: 99999;
margin: 10px auto auto 12px;
}
#header h1 a {
font-size: 10px;
font-weight: 300;
text-indent: 100%;
width: 100%;
height: 100%;
display: block;
white-space: nowrap;
overflow: hidden;
background: url(../images/logo.png) no-repeat center center / contain;
transition-property: all;
transition: 0.2s linear;
}
#header h1 a:hover {
filter: brightness(100%) drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 15px rgba(255, 255, 255, .1));
}

/*********************Toggle********************/

.navbar_toggle {
display: block;
z-index: 99999;
float: right;
margin-top: 12px;
margin-right: 12px;
padding: 12px 8px;
position: absolute;
top: 0px;
right: 0px;
border-radius:4px;
background-color: #f58a00;
}
.navbar_toggle i {
display: none;
}
.navbar_toggle_icon {
position: relative;
display: block;
height: 1px;
width: 24px;
background-color: #fff;
transition: ease .1s;
}
.navbar_toggle_icon:nth-child(1) {
top: 0;
}
.navbar_toggle_icon:nth-child(2) {
margin: 7px 0px;
}
.navbar_toggle_icon:nth-child(3) {
top: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
top: -8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* NAV *********************************************************************/

nav {
display: none;
}
nav.open {
clear: both;
display: block;
position: absolute;
top: 56px;
z-index: 9999;
width: 100%;
}
nav ul {
padding: 0 1em 2em;
background-color: #fffbe8;
background: url(../images/headers.png) no-repeat center bottom /100% auto;
filter: drop-shadow(0px 4px 2px #f8a501);
}

nav li {
height: 54px;
text-align: center;
border-bottom: 1px solid #f58a00;
display: block;
}
nav li a {
font-weight: 600;
font-size: 16px;
color: #704c43;
text-decoration: none;
line-height: 54px;
padding: 0em 1.5em;
display: block;
}
nav li a span {
font-weight: 600;
font-size: 12px;
color: #000;
text-decoration: none;
line-height: 1.2em;
display: inline-block;
text-align: left;
background: url(../images/cart.png) no-repeat left bottom / 18%;
padding: 0.25em 0 0.25em 2em;
}
/* MV Video *********************************************************/

.mv {
position: relative;
margin-top: 58px;
width: 100%;
height: 60vh;
/* 好きな高さに変更 */

min-height: 300px;
overflow: hidden;
color: #fff;
}
.mv video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
/* 背景として全体表示 */

z-index: 0;
}
.mv .text {
position: relative;
z-index: 1;
text-align: center;
top: 67%;
display:inline-block;
transform: translateY(-40%);
}
.mv h2 {
width: 70vw;
height: 20vw;
background: url(../images/kv-1a.png) no-repeat center center /contain;
}
.mv p {
width: 70vw;
height: 136px;
background: url(../images/kv-2.png) no-repeat center center /contain;
}
section.mv:after {
content: "";
display: block;
width: 100vw;
height: 100px;
background: url(../images/l1.png) no-repeat center bottom / 120% 22px;
bottom: -2px;
left: 0;
right: 0;
position: absolute;
z-index: 3;
}
/* News ***********************************************/

section.w,
div.wrap {
margin: 0 auto;
width: 100%;
position: relative;
}

div.wrap.nr {
padding:0 6%;
}


section h2,
section h3.title {
text-align: left;
}
section h2 span,
section h3.title span {
display: inline-block;
font-size: 14px;
line-height: 1em;
text-align: left;
vertical-align: top;
display: block;
font-weight: 700;
margin-top: 0.3em;
color: #704c43;
}
section h2 span:first-child,
section h3.title span:first-child {
font-family: "Comfortaa", sans-serif;
display: inline-block;
font-size: 32px;
color: #f58a00;
line-height: 1em;
font-weight: 700;
vertical-align: top;
}
section#news {
z-index: 3;
position: relative;
padding: 10px 6%;
display: block;
}
section#news ul {
width: 100%;
margin-top: 1em;
}
section#news ul li {
border-bottom: 1px solid #ff8000;
}
section#news ul li div,
section#news ul li a {
color: #704c43;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
flex-direction:column;
padding: 1em 0.75em;
transition: background-color 0.2s linear;
line-height: 1.75em;
background-color:#fff;
}

section#news ul li div:hover,
section#news ul li a:hover{
background-color:#fffbe8;
}

section#news ul li div span,
section#news ul li a span {
display: block;
}
section#news ul li div p,
section#news ul li a p {
display: block;
text-align:left;
}
section#news ul li div span span,
section#news ul li a span span {
display: inline-block;
font-size: 14px;
margin: 0 0.75em;
padding: 0.25em 0.5em;
background-color: #e6a210;
color: #fff;
line-height: 1em;
width: 6em;
text-align: center;
border-radius:5em;
}

section#news ul li div span span.ico1,
section#news ul li a span span.ico1 {
background-color: #7cd235;
}
/*お知らせ*/

section#news ul li div span span.ico2,
section#news ul li a span span.ico2 {
background-color: #85e0d7;
}
/*桃　イベント*/

section#news ul li div span span.ico3,
section#news ul li a span span.ico3 {
background-color: #ff8439;
}
/*桃　新製品*/
/* Footer ****************************************/

footer {
margin-top:-5vw;
padding-top: 35px;
width: 100%;
background-color: #f58a00;
color: #fff;
position:relative;

}

footer:before {
position:absolute;
content:"";
display:block;
width:100%;
height:25px;
background: url(../images/footer.png) no-repeat center bottom /100% 10px;
top:-25px;
}


footer .footer {
width: 100%;
padding: 0 30px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
flex-direction:column;
}
footer .footer .ft_address {
text-align: center;
width: 100%;
}

footer .footer .ft_contact .form {
padding-top: 30px;
}
footer .copyright {
clear: both;
line-height: 60px;
font-size: 12px;
padding-top: 15px;
}
footer .footer .ft_address h2 {
display: block;
font-size: 30px;
font-weight: 700;
line-height: 1em;
}
footer .footer .ft_address h2 + p {
padding-top: 18px;
font-size: 16px;
line-height: 2em;
}
footer .footer .ft_address span.tel {
display: block;
font-size: 20px;
line-height: 2em;
font-family: 'Roboto', sans-serif;
font-weight: 600;
}
footer .footer .ft_address span.tel a {
color: #fff;
}
footer .footer .ft_address span + p {
font-size: 16px;
line-height: 2em;
}
footer .footer .ft_address span + p + p + p,
footer .footer .ft_address span + p + p {
font-size: 14px;
line-height: 2em;
}
footer .footer .ft_address p.sns {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1em;
padding-top: 24px;
display: flex;
justify-content: center;
flex-direction:column;
}
footer .footer .ft_address p.sns span {
display: flex;
width:100%;
justify-content: center;
}
footer .footer .ft_address p.sns span img {
height:32px;
margin: 10px;
}
footer .footer .ft_address p.sns a {
color: #fff;
display:block;
}
footer .footer .ft_contact ul.form li a {
text-align: center;
display: block;
width: 86%;
border: 1px solid #fff;
background-color: #f58a00;
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 3em;
color: #fff;
margin: 0 auto;
transition : background-color 0.2s linear;
}
footer .footer .ft_contact ul.form li a:hover {
background-color: #ffa428;
}

footer .footer .ft_contact ul.form li a:before {
content: "";
display: inline-block;
width: 24px;
height: 18px;
margin-right: 0.5em;
background: url(../images/mail.png) no-repeat center bottom /contain;
}
footer .footer .ft_contact ul.info {
display: none;
}
footer .footer .ft_contact ul.info li {
display: inline-block;
padding: 0 1em;
border-left: 1px solid #fff;
}
footer .footer .ft_contact ul.info li a {
color: #fff;
}
footer .footer .ft_contact ul.info li:first-child {
border-right: 1px solid #fff;
}
#page-top {
position: fixed;
bottom: 25px;
right: 20px;
display: flex;
justify-content: space-between;
z-index:1;
}
#page-top img {
height: 60px;
transition: all 0.2s linear;
}
#page-top img.totop:hover {
opacity: 0.8;
}
#page-top img.to:hover {
filter: brightness(125%);
}
#page-top.to {
justify-content: flex-end;
}
/* Top Section t-brand ****************************************/

#t-brand {

background: linear-gradient(to bottom, #FFF 3px, transparent 30vw), url(../images/t-brand.jpg) no-repeat center top / 240%;
}
#t-brand h2 {
padding-top: 1px;
}
#t-brand h2 span {
display: block;
width: 60vw;
height: 22vw;
background: url(../images/t-brand2.png) no-repeat bottom left /contain;
margin: 60px auto auto 8%;
}
#t-brand div.t-brand {
width: 88%;
margin: 30px 6% 0;
padding-bottom: 50px;
}
#t-brand dl dt,
#t-brand dl dd {
padding-top:0.5em;
text-align: left;
}

#t-brand div dl {
border-radius: 15px;
padding: 20px;
background-color:#ffffffaa;
}
#t-brand div dl+dl {
margin-top:20px;
}

#t-brand div dl:first-child dt{
background: #ffffffaa url(../images/t-brand_1.jpg) no-repeat left center / auto 100%;
}
#t-brand div dl:last-child dt{
background: #ffffffaa url(../images/t-brand_2.jpg) no-repeat left center / auto 100%;
}
#t-brand dl dt {
font-size: 18px;
line-height: 1.25em;
padding:0.75em 0.75em 0.75em 4.75em;
color: #704c43;
font-weight: 700;
}
/* Top Section t-products ************************************/

#t-products {
background-color: #fffbe8;
position: relative;
overflow: hidden;
padding-bottom: 25px;
}
#t-products .ama {
position: absolute;
margin-top: -10px;
left: 50%;
transform: translateX(calc(-50% - 15vw));
}
#t-products .ama img{
width:100vw;
}
#t-products h2 {
display: block;
width: 60vw;
height: 22vw;
margin: 30px auto auto 8%;
background: url(../images/t-products.png) no-repeat center center /cover;
}
#t-products .amanachan {
font-size: 18px;
line-height: 1.7em;
text-align: center;
font-weight:700;
padding-bottom: 30vw;
margin-top: 20px;
background: url(../images/kv-2.png) no-repeat 10vw bottom /55% auto;
filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff)  drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff);
}
#t-products .t_prod {
text-align: left;
margin:0 6%;
}
#t-products .fx-p2 img,
#t-products .fx-p3 img {
width: 100%;
border-radius: 15px;
}
#t-products .fx-p2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 25px 0 10px;
}
#t-products .fx-p2 li {
width: calc(50% - 5px);
}
#t-products .fx-p3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 0 10px;
}
#t-products .fx-p3 li {
width: calc(33% - 5px);
}
ol.btn,
ul.btn {
text-align: center;
margin: 1.7em 0;
}
ol.btn a,
ul.btn a {
display: inline-block;
background-color: #ffe007;
color: #704c43;
font-size: 16px;
line-height: 2.75em;
padding: 0 2em;
border-radius: 2em;
transition : background-color 0.2s linear;
}

ol.btn a:hover,
ul.btn a:hover {
background-color: #ffb506;
}

/* Top Section t-about ************************************/

#t-aboutus {
min-height: 153vw;
}
#t-aboutus {
background: url(../images/t-aboutus.jpg) no-repeat center center /cover;
position: relative;
}
#t-aboutus:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 60px;
z-index: 1;
background: url(../images/t-products_ft.png) no-repeat center top /contain;
}
#t-aboutus h2 {
font-size: 28px;
line-height: 1.5em;
color: #ff7800;
font-weight: 700;
text-align: center;
padding-top: 50px;
}
#t-aboutus h2+p {
font-size: 16px;
margin-top: 1em;
text-align:justify;
margin:0.5em 6%;
}
#t-aboutus .t-aboutus {
position: relative;
width: 88%;
margin: 0 6%;
}
#t-aboutus .t-aboutus img {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 1;
pointer-events: none;
}
#t-aboutus .t-aboutus p {
width: 27.5vw;
height: 27.5vw;
position: absolute;
right: 0;
top: 160px;
}
#t-aboutus .t-aboutus p a {
display: block;
width: 100%;
height: 100%;
border-radius: 250px;
background-color: #f7d140;
border: 3px solid #ff9000;
line-height: 27.5vw;
color: #704c43;
font-size: 3.8vw;
font-weight:700;
}
/* Sub Section ************************************/

#h2 {
margin-top: 58px;
width: 100%;
height: 30vw;
display: flex;
justify-content: start;
align-items: center
}
#h2 h2 {
font-size: 24px;
line-height: 1;
color: #fff;
width: 880%;
margin: 0 6%;
}
#h2.passion {
background: url(../images/h2_passion.jpg) no-repeat center center /cover;
}
#h2.purchase {
background: url(../images/h2_purchase.jpg) no-repeat center center /cover;
}
#h2.orchard {
background: url(../images/h2_orchard.jpg) no-repeat center center /cover;
}
#h2.contact {
background: url(../images/h2_contact.jpg) no-repeat center center /cover;
}

#h2.news {
background: 
  url(../images/l1.png) no-repeat center bottom / 100% 15px,
  url(../images/h2_news.jpg) no-repeat center center / cover;

height: 30vw;
}
#h2.news img{
height:25vw;
margin:5vw auto auto 6vw;
}

/* Sub Section passion ************************************/

section#passion{padding-bottom:80px;}

section#passion h3{
font-size:19px;
line-height:1.5em;
color:#f58a00;
font-weight:700;
margin-top:40px;
text-align:left;
}

section#passion div+h3{
margin-top:75vw;
}

.fx-passion{
display:flex;
justify-content: space-between;
flex-direction:column;
flex-wrap:wrap;
margin-top:20px;
text-align:left;
}
.fx-passion div.pgh{
width:100%;
}

.fx-passion div.pgh p span{
display:block;
font-size:17px;
color:#704c43;
line-height:1.5em;
padding-bottom:0.25em;}


.fx-passion div.fig{
width:100%;
margin-top:20px;
}

/* season image change ************/
.imgWrap {
  position: relative;
  width: 90%;
  height: auto;
  margin:20px 5% 30px;
}

.imgWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.imgWrap img.show {
  opacity: 1;
}

#imgBtns{
display:flex;
justify-content: center;
flex-wrap:wrap;
gap:10px;
}

#imgBtns li:hover {
  background: #f7d140;
}

#imgBtns li {
  cursor: pointer;
  color:#704c43;
  display: flex;
  justify-content: center;
  align-items:center;
  line-height:1em;
  height:60px;
  width:60px;
  background: #fff;
  border-radius: 10em;
  border:4px solid #f7d140;
  transition: background 0.3s;
}
#imgBtns li:hover {
  background: #f7d140;
}

/* ←追加：選択中のボタン */
#imgBtns li.active {
  background: #f7d140;
  color: #fff;
}


/* Sub Section purchase ************************************/

section#purchase {
background: url(../images/leaf.png) no-repeat center -50px /200%;
margin-top: 0;
padding-top: 20px;
padding-bottom: 80px;
}

section#purchase .t_prod {
padding-top: 0px;
text-align: left;
margin:0 6%;
}
section#purchase .fx-p2 img,
section#purchase .fx-p3 img {
width: 100%;
border-radius: 15px;
}
section#purchase .fx-p2 {
display: block;
padding: 25px 5% 10px;
}
section#purchase .fx-p2 li {
width:100%;
}
section#purchase .fx-p3 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 25px 5% 10px;
}
section#purchase .fx-p3 li {
width:100%;
}


section#purchase .fx-p2 li p,
section#purchase .fx-p3 li p {
font-size:18px;
font-weight:700;
line-height:1.5em;
margin-top:0.75em;
}
section#purchase .fx-p2 li p span,
section#purchase .fx-p3 li p span {
display:block;
text-align:center;
font-size:26px;line-height:1.75em;
margin-top:0.5em;
}
section#purchase .fx-p2 li p span span,
section#purchase .fx-p3 li p span span {
font-size:14px;line-height:1.75em;
display:inline-block;
}
section#purchase .fx-p2 li p span em,
section#purchase .fx-p3 li p span em {
font-size:16px;line-height:1.5em;
display:inline-block;
font-size:18px;
margin-right:0.5em;
border:1px solid #ff7800;
padding:0 0.25em 0.2em 0.2em;
vertical-align:top;
margin-top:0.5em;
}

section#purchase ul.btn li{width:100%;}
section#purchase ul.btn a{width:100%;}


/* Sub Section orchard ************************************/
section#orchard {
background: url(../images/orchard.jpg) no-repeat center top /contain;
padding: 40px 0 0;
}

section#orchard h3.main{
font-size: 28px;
line-height: 1.5em;
color: #ff7800;
font-weight: 700;
text-align: center;
}

section#orchard h3+p {
margin-top:1em;
font-size:16px;line-height:1.7em;
text-align:justify;
margin:0 6%;
}
section#orchard h3+p+img {
margin-top:2em;
margin-bottom:3em;
width:60vw;
height:60vw;
border:5px solid #ff7800;
border-radius:60vw;
}

section#orchard_history {
padding-bottom: 40px;
}

section#orchard_aboutus p+p{margin-top:1.7em;}

.fx-ochard{
display:block;
margin-top:20px;
text-align:left;
}

.fx-ochard div.pgh{
width:100%;
}

.fx-ochard div.pgh p span{
display:block;
font-size:24px;
color:#704c43;
line-height:1.5em;
padding-bottom:0.25em;}

.fx-ochard div.fig{
width:90%;
margin:30px 5% 0;
}
.fig figure{padding-bottom:30px;}
.fig figure img{width:100%;border-radius:14px;}
.fig figure figcaption{font-size:14px;line-height:1.7em;padding-top:0.5em;}

#orchard_owase dt,
#orchard_history dt{font-size:18px;line-height:1em;color:#f58a00;font-weight:700;padding-bottom:0.5em;}

#orchard_owase dd,
#orchard_history dd{padding-bottom:1.75em;}


/* Sub Section contact ************************************/
section#mail {
padding: 40px 0 0;
}

/* Sub Section post ************************************/
section#post {
padding: 40px 0;
}

section#post .post {
text-align:left;
padding:20px 0;
}
section#post h3{
font-size:20px;line-height:1.5em;
}
section#post h3+div{
text-align:right;
padding:20px 0;
}


/****SUB PAGE COMMON *********************************/
/*******************Sub  section Mail*************************/


section#mail {
padding: 80px 0 0;
}

#mail div.wrap.nr.thanks{
padding-bottom:120px;
}

#mail div.wrap.nr.thanks p{
font-size:20px;line-height:1em;
padding-top:50px;
padding-bottom:1em;
}
#mail div.wrap.nr.thanks p+p{
font-size:14px;line-height:1.75em;
padding-top:0;
}


#mail div.inq {
padding: 0 30px;
}
#mail p {
font-size: 18px;
line-height: 1.75em;
}
#mail p.tel {
font-size: 26px;
line-height: 1.75em;
font-weight: 700;
}
form dl {
display: block;
flex-wrap: wrap;
font-size: 16px;
line-height: 1.7em;
}
form dt {
text-align:left;
width: 100%;
padding: 0.75em 1em 0;
background-color: #fffbe8;
margin: 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
form dd {
width: 100%;
text-align: left;
padding: 0.5em 1em 0.75em;
background-color: #fffbe8;
margin: 0 0 10px 0;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
form dd input,
form dd select,
form dd textarea {
background-color: #fff;
padding: 2px 0.5em;
width: 100%;
font-size: 18px;
line-height: 1.75em;
border:1px solid #ccc;
}
form dd textarea {
height: 14em;
display: block;
}
label {
padding-right: 1em;
text-align: left;
}
dd.order label {
display: block;
padding-right: 0;
text-align: left;
}
form dd label input {
display: inline-block;
width: auto;
}
form {
padding: 20px 0 40px;
}
#to form {
padding: 0 0 80px;
}
form #send,
form #formbtn {
text-align: center;
padding-top: 25px;
width:100%;
}
form #formbtn input,
form input.Fom_button {
font-size: 16px;
line-height: 1em;
padding: 13px 0;
margin:4px;
display: inline-block;
width: calc(50% - 15px);
background-color: #ffe007;
color: #704c43;
border:none;
}

.ftbtn{
display:block;
}

section#acc div.thanks {
margin-top: 60px;
}
section#acc div.thanks p {
text-align: center;
}
section#acc div.thanks h3 {
font-size: 26px;
line-height: 3em;
text-align: center;
font-weight: 700;
}
/************************* Contact Form PHP ***********************/

#mail div.inq {
padding: 30px 30px 80px;
}
#formWrap h3 {
font-size: 22px;
color: #0068b7;
font-weight: 700;
line-height: 1em;
margin-top: 24px;
}

#formWrap p {
font-size:16px;line-height:1.75em;
padding-top: 30px;
text-align:left;
}

form ul.formTable {

}
form ul.formTable li {
text-align:left;
font-size: 16px;
line-height: 1.5em;
padding: 12px 1em;
border-bottom: 1px solid #999;
}
form ul.formTable li span:nth-of-type(1) {
display: block;
width: 100%;
color: #f58a00;
}
#formbtn {
padding: 40px;
text-align: center;
}


section#mail p.pp {
text-align:center;
margin-top:20px;
}

section#mail p.pp span{
display:block;
line-height:1em;
padding:1em 1.5em;
border:1px solid #000;
background-color:#fff;
}

section#mail p.pp span:after{
content:" ＋";
color:#c2222e;
}

section#mail p.pp.op span:after{
content:" ー";
color:#c2222e;
}

section#mail div.pp {
display:none;
text-align:left;
font-size:14px;line-height:1.75em;
    border: 1px solid #000;
    background-color:#fff;
    padding:2em;
    margin-top: -1px;
}



/*SP END*/
}