@charset "euc-jp";
/* CSS Document */


/**/

.swiper-slide img {
	margin-bottom: 2px;
}

.productCo p {
	margin: 0 0 1.5em;
	font-size: .875em;
}

.productCo div+p.catch{
margin-top:1em;
}

.productCo p.catch br{
display: block!important;
}
.productCo p.catch {
	color:#d83358;
	font-size: 1.438em;
	line-height: 1.58em;
	margin: 0 0 .6em;
}
.productCo p.catch+p {
	font-size:1.125em;
	font-weight:bold;
}

.productCo p.catch .bb{
color:#000066;
font-size: .875em;
background:linear-gradient(#FFF 74%, rgba(255,251,0,0.4) 74%);
display:inline-block;
margin-top: .6em;
}
.productCo p.catch .bb.no{
background:transparent;
}
.productCo .Inner {
	position: relative;
}
.productCo .Inn hr {
	border:0;
	border-top: 1px dotted #CCC;
	margin: 2em 0;
}
.productCo .Inn h3 {
	color:#653f04;
	margin: 0 0 .4em -.4em;
}
.productCo .Inn ul {
	margin: 0 0 1em;
}
.productCo .Inn ul li {
	padding: 0 0 .4em 1em;
	font-size: .875em;
	text-indent: -1em;
}
.productCo .Inn .shosai {
	text-align: center;
	border-top:1px dotted #CCC;
	padding: 1.5em 0 0;
}
.productCo .Inn .shosai p {
	font-size: 1.125em;
	text-align: left;
}
.productCo .Inn .shosai dl {
	display:inline-flex;
	align-items:center;
	padding: 0 0 2em;
}
.productCo .Inn .shosai dd {
	font-size: 1.25em;
}
.productCo .Inn .shosai dd select, .productCo .Inn .shosai dd input {
	font-size: 1.125em;
	padding: .4em;
	margin-right: .6em;
	vertical-align:baseline;
	height:auto;
	max-width:3em;
}
 .productCo .Inn .shosai dd:nth-of-type(1) {
font-size: 24px;
padding: 0 1.5em 0 0;
}
.productCo .Inn .shosai dt {
	border: 1px solid #666;
	width: 5em;
	padding: .2em 0;
	margin: 0 1em 0 0;
}
.productCo .Inn #sliderWrap img {
	width:100%;
}
.productCo .Inn ul.slider {
	margin:0;
}
.productCo .Inn ul.slider li {
	padding:0;
	text-indent:inherit;
}
.productCo .Inn .thumb {
	display:flex;
	margin:2px 0 0;
}
.productCo .Inn .thumb li {
	width: 24.8%;
	margin: 0 0 0 2px;
	padding:0;
	text-indent:inherit;
}
.productCo .Inn .thumb li:first-child {
	margin:0;
}
.productCo .Inn .thumb li img {
	cursor:pointer;
	opacity:.4;
}
.productCo .Inn .thumb li.thumbnail-current img {
	opacity:1;
}
.productCo .btnCart button {
	background:transparent;
	border:0;
}
.productCo .Inn ul.sns-list {
	padding: 2em 0 0;
	display:flex;
  justify-content:center;
}
.productCo .Inn ul.sns-list li {
	text-indent:0;
	padding:0;
	margin: 0 1em 0 0;
}
.productCo .Inn ul.sns-list li iframe{
max-width:90px;
	min-width:80px;
	max-height:24px;
}
.productCo .Inn .tblGelato{
margin: 1em 0;
width:100%;
}
.productCo .Inn .tblGelato th,
.productCo .Inn .tblGelato td{
vertical-align:middle;
padding: .4em .8em;
border:1px solid rgba(0,0,0,.2);
font-size: .875em;
}
.productCo .Inn .tblGelato td li{
font-size: 1em;
}
.productCo .Inn .tblGelato th{
white-space:nowrap;
background: #F8F3C9;
}
.productCo .Inn .tblGelato th.thClr{
color:#FFF;
text-align:center;
}

.productCo .Inn .tblGelato th.thClr.gelat01{
background:#FF9933;

}
.productCo .Inn .tblGelato th.thClr.gelat02{
background:#CC3366;

}
.productCo .Inn .tblGelato th.thClr.gelat03{
background:#339933;

}



/* 
#enjoy {
	background:#fff4f0;
	padding: 40px 0;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	text-align: center;
}
#enjoy h2 {
	display:inline-block;
	font-size: 2.5em;
	font-weight:normal;
	padding: 1em 2em;
	background:url(https://www.higashine-matsunoya.jp/colorme/ico_ume.png) no-repeat left center / 1.4em, url(https://www.higashine-matsunoya.jp/colorme/ico_ume.png) no-repeat right center / 1.4em;
}*/
.productCo.index ul.product {
	padding: 0 0 5em;
}
.tblOpt{
padding: 1.5em 0;
text-align: center;
}
.tblOpt table{
width:auto;
margin:auto;
}

.tblOpt th,.tblOpt td{

padding: .6em 1em;
font-size: 1.125em;
}
.tblOpt th{
color:#FF0000;
}
.tblOpt td select{
font-weight: bold;
font-size: 1.125em;
color:#000;
padding: 0 .8em;
}

.tblOpt .aRIGHT{
display:block;
padding: 1em 0;
font-size: .75em;
}
.tblOpt .aRIGHT a{
	color:#000099;
	text-decoration:underline;
}

 @media print, screen and (min-width: 768px) {
iframe#test{
width: 800px;
height: 190px;
margin-left:-60px;
}
 .productCo .Inner {
 padding: 0/* 0 900px*/;
}
.productCo .Inn {
 width: 600px;
 margin: 0 0 0 auto;
 min-height:840px;
 text-align: left;
 padding: 0 0 3em;
}
.sliderWrap, .slider-wrap {
 overflow: hidden;
 width: 550px;
 height: 820px;
}
 .swiper-thumbs {
 cursor: pointer;
}
 .swiper-thumbs img {
 width:98px;
}
 .productCo .Inn .sliderWrap {
position: absolute;
left:0;
top: 0;
}
.productCo .Inn .slide-item img {
width:100%;
}
 .productCo .Inn ul.slider {
height:550px;
overflow:hidden;
}
.productCo .Inn ul.sns-list {
padding-left:4.5em;
}
.productCo.index .p-category-free {
min-width:1200px;
margin: -30px 0 20px;
}
.p-category-free:nth-of-type(2) {
height:440px;
}
}
/**/

.productCo .result {
	width: 1200px;
	margin:0 auto 3em;
	display:flex;
	display:flex;
	justify-content:flex-end;
}
.productCo .result ul {
	display:flex;
}
.productCo .result ul li {
	padding: 0 1em;
	border-left:1px dotted #CCC;
}
.productCo .result ul a {
	text-decoration:underline;
	display:block;
	color:#777;
	font-weight:300
}
.productCo .result p {
	margin: 0;
	padding: 0 1em;
	font-size: 1em;
}
.btnCart .sold {
	font-size: 1.25em;
	color: #DD0000;
	border: 1px solid #DD0000;
	padding: .25em;
}
/**/
.p-category-free {
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.productCo.index .p-category-free .bg {
	padding: 60px 0;
	color:#FFF;
}
.productCo.index .p-category-free h2 {
	color:#c84d73;
	font-weight:normal;
}
.productCo.index .p-category-free p {
	font-size: 1.5em;
	margin: .5em 0 0;
}
.productCo.index .p-category-free .higashine {
	background:url(https://www.higashine-matsunoya.jp/colorme/bg_higashine.png) no-repeat left center, url(https://www.higashine-matsunoya.jp/colorme/bg_cat.png) no-repeat right bottom;
	background-color:#222;
}
 .p-category-free:nth-of-type(2) {
 background:url(https://www.higashine-matsunoya.jp/colorme/umegashi_pc.png) no-repeat center, url(https://www.higashine-matsunoya.jp/colorme/umegashi_bg.jpg) no-repeat right center;
background-color:#F9EAF3;
}
 .p-category-free:nth-of-type(2) p {
padding-top: 3em;
}
 @media print, screen and (max-width: 767px) {
/* */
.productCo {
width:92%;
margin:auto;
text-align: left;
}
.productCo .result {
width:100%;
margin: 0 0 1.25em;
}
.productCo .result p, .productCo .result li {
font-size: .75em!important;
}

.productCo .Inn p.catch+hr{
display:none;
}
 .productCo p.catch {
font-size: 1.25em;
padding-top: 1em;
}
.productCo .Inner {
width: 100%;
padding: 0/* 0 18em*/;
}

.productCo .Inn div img{
margin-top: 1.5em;
}
.productCo .Inn div li img{
margin-top:0;
}
.productCo .Inn h3 {
margin-left:0;
padding: 1.5em 0 .8em;
margin: 1.5em 0 0;
border-top: 1px dotted #CCC;
}
.productCo .Inn div h3:nth-of-type(1){
border-top:0;
padding-top:0;
}
.productCo .Inn .shosai dl {
display:block;
}
 .productCo .Inn .shosai dt,  .productCo .Inn .shosai dd {
 margin-bottom: 15px;
}
.productCo .Inn .shosai dt {
font-size: 1em;
padding:.4em;
float: left;
margin: 0 1em 1em;
clear: left;
}
.productCo .Inn .shosai dd {
font-size: 1.063em;
text-align: left;
padding: .4em 0 .8em
}
.productCo .Inn .shosai dd:nth-of-type(1) {
padding: 0 .5em 0 0;
}
 .productCo.index ul.product {
padding: 0 0 1em;
}
.btnCart {
text-align: center;
padding: 0 0 2em;
}
 .btnCart img {
width: 60%;
}
.productCo .Inn ul.sns-list {
padding: 0 0 4em;
}
#enjoy {
padding: 1em;
}
#enjoy h2 {
font-size: 1.25em;
}
/**/

.tblOpt th,.tblOpt td{

padding: .6em .4em;
font-size: .813em;
}
.tblOpt th{
text-align:left;
}
.tblOpt td select{
font-size: 1em;
}

 .p-category-free:nth-of-type(2) {
 background-position:center bottom;
 background-size: 120%;
 height: 16em;
}
 .p-category-free:nth-of-type(2) p {
padding-top: 1.4em;
font-size: 1.25em;
}


.productCo.index .p-category-free .bg {
padding:1.5em 1em;
margin: 0 0 1em;
}
 .productCo.index .p-category-free {
text-align: right;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.productCo.index .p-category-free h2 {
 color:#ff7ea6;
 font-size:1.375em;
}
.productCo.index .p-category-free p {
 font-size: .938em;
}
.productCo.index .p-category-free .higashine {
background-size:46%, cover;/*
background-position:left top, right bottom;*/
}
iframe#test{
width: 700px;
height: 200px;
}
.tblScroll {
  overflow-x:scroll;
}
}
.zaiko{
padding: 1.5em 0;
color:#FF0000;
font-weight: bold;
font-size: 1.25em;
}