@charset "euc-jp";
/* CSS Document */
*::before, * {
 margin:0;
 padding:0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	-webkit-print-color-adjust: exact;
	font-family:'Noto Sans JP', sans-serif;
	text-align: center;
	color: #222;
	line-height: 1;
}
header {
	background: rgb(255,244,240);
	background: linear-gradient(180deg, rgba(255, 244, 240, 1) 4%, rgba(255, 255, 255, 1) 20%);
}
 a[href*="tel:"] {
font-family: Arial, Helvetica, sans-serif
}
/*
#wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
*/
a {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #ccc;
}
img {
	max-width: 100%;
	border:none;
	vertical-align: bottom;
}
.radius {
	border-radius: 10px;
}
ul li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
area {
	border: none;
	outline: none;
}
#hrCLEAR {
	clear: both;
	border: none;
	border-top: 1px solid #C8C8C8;
}
.marker {
	background:linear-gradient(rgba(255, 255, 255, 0) 60%, #ff6 80%);
	display: inline;
}
/* -- header -- */

#logo {
	text-align: left;
}
header .Inner {
	position: relative;
	padding: 10px 0 0;
}
.ju {
	justify-content:space-between;
}
.wrap {
	flex-wrap:wrap;
}

.gif{
width:100px;
}
/* -- footer --- */

footer {
}
footer .Inner {
	padding: 60px 0 15px;
	display:flex;
	justify-content:space-between;
}
footer .info {
	font-size: .875em;
}
footer .btnMore {
	padding:1.4em 0;
}
footer .btnMore a {
	padding: .48em 3em;
}
 footer .btnMore a::after {
position: absolute;
left:1em;
content:"";
top: calc(50% - .2em);
 width: .4em;
 height: .4em;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
footer ul {
	display: inline-flex;
}
footer ul.sns{
  padding: 0 0 1.4em;
}
footer ul.shopF li img {
	margin: 0 0 1em;
}
footer ul.shopF li {
	width: 240px;
	font-size: .75em;
	margin: 0 0 0 3em;
	text-align: left;
}
footer ul li em {
	color:#e83737;
	font-weight: bold;
	display: block;
	margin: 0 0 .4em;
	font-size:1.25em;
	position: relative;
}
footer ul li em a {
	display: inline-block;
	position: absolute;
	right:0;
	top: 0;
	color: #FFF;
	background:#e83737;
	padding: 0 .88em;
	border-radius: 20px;
	font-weight:normal;
	font-size: .75em;
	line-height: 1.6em;
}
footer ul.legal li a {
	font-size: .938em;
	display: block;
	border: 1px solid #d83459;
	color: #d83459;
	padding: .48em 1.4em .48em 2.6em;
	border-radius: 60px;
	position: relative;
	margin: 1em;
}
footer ul.legal li a:hover {
	text-decoration:underline;
}
footer ul.legal li a::after {
position: absolute;
left:1em;
content:"";
top: calc(50% - .2em);
 width: .4em;
 height: .4em;
 border-top: 2px solid #d83459;
 border-right: 2px solid #d83459;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#Copyright {
	padding: 40px 0 140px;
	font-size: 0.75em;
	color: #666;
}
/* -- common -- */
h1, h2, h3, h4, h5, h6, li, dl {
	line-height: 1.6em;
}
p, address, footer li, .listNormal li, #articleCo li {
	line-height: 1.8em;
}
table {
	border:none;
	border-collapse:collapse;
}
.aRIGHT {
	text-align: right;
}
.aCENTER {
	text-align: center;
}
.verMidd {
	vertical-align: middle;
}
.red {
	color: #D35273!important;
}
.redB {
	color: #D35273!important;
	font-weight: bold;
}
.txtTOP {
	font-size: .688em;
	vertical-align:super;
}
.txtSUB {
	font-size: .688em;
	vertical-align:text-bottom;
}
.txtUNDER {
	text-decoration: underline;
}
.blue {
	color: #3693E7;
}
.green {
	color:#6BC592;
}
.fltR, .boxR {
	float: right;
}
.fltL, .boxL {
	float: left;
}
p.txtIdt {
	padding-left:1em;
	text-indent: -.9em;
}
.pctL {
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
}
.pctR {
	float: right;
	margin-left: 1em;
	margin-bottom: 2em;
}
.pctR img, .pctL img {
	padding-bottom: 1em;
}
.boxG {
	background: #F6F6F6;
}
.overFH {
	overflow: hidden;
}
.clearBT {
	clear: both;
}
.noWRAP {
	white-space: nowrap;
}
hr.lineDotted {
	clear: both;
	height: 1px;
	border: none;
	border-bottom: 1px dotted #C8C8C8;
}
hr.clearBT {
	visibility: hidden;
	height: 1px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
}
.hide {
	display: none;
}
.ss {
	font-size: .688em;
}
.ssB {
	font-size: .75em;
	font-weight: bold;
}
.bb {
	font-weight: bold;
}
img.mgnBNo {
	margin-bottom: 0px;
}
.Inner {
	width: 1200px;
	margin: auto;
}
.boxLine {
	border: 5px solid #EFEFEF;
	background: #FFF;
	padding: 25px;
}
.boxLine.red {
	border: 3px double #107106;
}
.boxLine.contact {
	text-align: center;
}
video[poster] {
	height:100%;
	width:100%;
}
iframe.gMAP {
	width: 100%;
	height: 600px;
	margin: 0 0 1em;
}
.min, #pageCommon h1 {
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
a:hover img, .ov:hover {
	opacity: .6;
}
/* -- clearfix -- */
#Contents:after, footer:after, header:after, #Navigation ul:after, #pageCommon:after, #campINDEX:after, .clearfix:after, header:after, #pickUp ul:after, footer .siteLInk ul:after, .Inn:after, #pankuzu:after, ul.listNormal, ul.listInline:after, .boxL:after, .boxLine:after, .boxMenu:after, #faqINDEX ul:after, .reason h3:after, .CV:after, .boxContact:after, .olFlow ul:after, .listInline:after, .date:after {
	content: "";
	display: block;
	clear: both;
}
/* -- btn -- */.btnMore {
	text-align: center;
	clear: both;
	line-height: 1em;
}
.btnMore a {
	color: #fff;
	display: inline-block;
	margin: auto;
	transition:all 1.0s;
	position: relative;
	background: #c84d73;
	text-decoration: none!important;
	padding: 1em 2.8em;
	border-radius: 100px;
}
.btnMore.white a {
	color: #025889;
	background:#FFF;
}
.btnMore a:hover {
	color: #fff;
	background: #f4aac1;
}
.btnMore.white a:hover {
	color: #fff;
	background:#107106;
}
/* more */
.more {
	padding: 0 0 2.4em 0;
	position: relative;
}
#pageCommon .more {
	text-align:right;
	width:auto;
	font-size: .75em;
}
.more:hover {
	opacity: .4;
}
.more:before, .more:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	height: 1px;
	background: #017016;
}
.more:before {
	width: 5em;
}
.more:after {
	width: .8em;
	transform-origin: right center;
	transform: rotate(25deg);
}
.more a {
	text-decoration:none!important;
}
.more a:hover {
	color: #107106;
}
/**/
#pageTop {
	position: fixed;
	bottom: 130px;
	right: 10px;
}
hr.lineDotted {
	margin: 2em 0;
	padding-top: 2em;
}
#mainINDEX img {
	display:block;
	margin:0 auto;
}
#mainK:before {
	position: absolute;
	content:"";
	background: rgba(255, 255, 255, .88);
	width: 100%;
	left:0;
	right: 0;
	bottom: 0;
	height: 24%;
}
#Contents.wAuto {
	width: 100%;
}
/* -- */
#pageCommon .btnMore {
	padding: 0 0 3em;
}
p {
	line-height: 1.8em;
}
/* -- notice --- */
.boxNotice {
	padding: 1.6em;
	margin: 0 auto;
	font-size: .938em;
}
.boxNotice strong {
	font-size: 18px;
}
/* -- indexx - */

h2 {
	font-size: 1.875em;
}
ul.product {
	margin:auto;
}
ul.product li {
	text-align: left;
	position: relative;
	padding: 0 0 3.6em;
}ul.product li br{
display:none;
}
.boxHistory ul.product li {
	margin-bottom:2em;
}
ul.product li img {
	width: 100%;
	margin: 0 0 1em;
}
ul.product li b{
color:#FF0000;
}
ul.product li .price {
	display: block;
	font-weight: bold;
	font-size: 1.25em;
	color:#e73737;
	position: absolute;
	right:0;
	bottom:1em;
}
/* --- comomn style -- */

 ul.listNormal {
	margin: 0 0 1.4em 0.4em;
	clear: none;
}
/* */
ol ul.listNormal {
	margin-bottom: 0;
	padding: 0!important;
}
ul.listNormal li {
	position: relative;
	padding: .3em 0 .3em 1em!important;
}
ul.listNormal li::after, ul.listNormal li::before {
 position: absolute;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}
ul.listNormal li::before {
top: 1em;
width: 8px;
 height: 8px;
 border-top: 2px solid #ccc;
 border-right: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
ul.listNormal li.noList {
	padding-left: 0;
	font-weight: bold;
}
 ul.check li::after, ul.check li::before, ul.listNormal li.noList::after, ul.listNormal li.noList::before {
display: none;
}
/* --- note -- */

ul.listNote {
	margin: 0px 0px 2em 0em;
}
ul.listNote li {
	padding-left: 1.2em;
	text-indent: -1.18em;
	line-height: 1.6em;
	text-align: left;
}

/* pdf */
#newsINDEX a[href$=".pdf"] {
position: relative;
padding-right: 1.6em;
}
#newsINDEX .btnMore a[href$=".pdf"] {
padding: 1.2em 3em 1.2em 2em;
}
#newsINDEX a[href$=".pdf"]:after {
position:absolute;
 content:" ";
 width: 2em;
 height: 2.4em;
 right: .288em;
 top: .4em;
 background: url(https://www.higashine-matsunoya.jp/colorme/ico_pdf.png) no-repeat right top / .8em;
}
/* --- dl -- */
dt {
	font-weight: bold;
}
#pankuzu {
	margin: 0 auto;
	text-align: left;
	padding: .8em;
	border-radius: 8px;
	background:#fff4f0;
	display: flex;
	flex-wrap: wrap;
}
#pankuzu li {
	display: inline-block;
	position: relative;
	padding-right: 2.2em;
	color: #333;
	font-size: .875em;
}
#pankuzu li br{
display:none!important;
}
 #pankuzu li::before {
 content: '＞';
 width: 1em;
 height: 1em;
 line-height: 1;
 text-align: center;
 font-size: 1em;
 color: inherit;
 position: absolute;
 top: 50%;
 right: .5em;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: .3;
}
#pankuzu li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
}
 #pankuzu li:last-child::before {
 content: normal;
}
#pankuzu li a {
	color:#CC3366;
	text-decoration:underline;
}
.listAnk {
	display: inline-flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding: 0 0 4em;
	min-width: 800px;
}
.listAnk li {
	text-align: center;
	width: 32%;
	font-weight: 700;
	display:table;
	line-height: 1.4em!important;
}
.listAnk.two li {
	width: 48%;
}
.listAnk li a {
	border: 2px solid #107106;
	border-radius: 100px;
	background: #fff;
	padding: .8em 0;
	display: table-cell;
	padding: 1.4em 0;
	color: #107106;
	text-decoration: none!important;
	position: relative;
transition: .8s;
	height: 100%;
	vertical-align:middle;
}
.listAnk li.Onn a, .listAnk li a:hover {
	background: #107106;
	color: #FFF;
}
.listAnk li a:before {
	position:absolute;
	content:"";
	left: 1.6em;
	top: calc(50% - 7px);
	transform: rotate(45deg);
	border-top: 3px solid #107106;
	border-right: 3px solid #107106;
	bottom: 1.4em;
	width: 14px;
	height: 14px;
}
.listAnk li.Onn a:before, .listAnk li a:hover:before {
	transform: rotate(135deg);
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}
ul.product li .sold {
	font-weight: 100;
	font-size: 11px;
	display:inline-block;
	line-height: 1.2em;
	padding: .4em;
	white-space:nowrap;
	border: 1px solid #DD0000;
}
/* -- 2.3.4 column --- */

.Column img {
	width: 100%;
	margin: 0 0 .8em;
}
.Column img.wAuto {
	width: auto;
}
/* -- table -- */

th, td {
	line-height: 1.8em;
}
td {
	overflow-wrap: break-word!important;
	word-wrap: break-word!important;
}
td hr {
	border:0;
	height: .8em;
}
.tblNormal td .icoMAP {
	float: right;
	margin-left: .8em;
}
.tbl table {
	border-top: 1px solid #107106;
}
.tbl th, .tbl td {
	line-height: 1.8em;
	text-align: left;
	padding: 1.8em 0;
	vertical-align: middle;
	border-bottom: 1px solid #107106;
}
.tbl th {
	white-space:nowrap;
	padding-right:2em
}
.aCENTER th, .aCENTER td, td.aCENTER, th.aCENTER {
	text-align: center!important;
}
 .tbl tr:nth-child(odd) {
/*background: #F6F6F6*/
}
.tbl th.thClr {
	background:#caead8;
}
.tbl {
	padding-bottom: 2em;
}
.tbl table, .tblNormal table {
	width:100%;
	margin-bottom: 1.5em;
}
.wAuto table {
	width:auto;
}
.tblNormal th, .tblNormal td {
	border: 1px solid #ccc;
	vertical-align: middle;
	line-height: 1.8em;
	padding: .6em 1em;
}
.tblNormal th {
	background: #FFFFCC;
}
.tblNormal th.thClr {
	background: #eff9f4;
}
.tblNormal td {
	background: #FFF;
}
.Column.snsCo img {
	width: 40%;
	display: block;
	margin:2em auto;
}
 @media print, screen and (min-width:768px) {
#mainK {
background:url(https://www.higashine-matsunoya.jp/colorme/main_k.png) no-repeat left center / 54%, url(https://www.higashine-matsunoya.jp/colorme/main_k_02.png) no-repeat right center / 54%;
position: relative;
min-width:1200px;
}
 #mainK h1 {
 font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: bold;
color:#fff;
padding: 60px 0 100px;
margin:auto;
font-size:2.5em;
text-shadow: 2px 5px 9px rgba(0, 82, 26, .8), -5px -5px 9px rgba(0, 82, 26, .8), 0 0 9px rgba(0, 82, 26, .8);
}
 .Column iframe {
height: 400px;
}
 a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none!important;
}
#newsINDEX .articleIn:hover {
 background:#F2FADA;
 opacity: .6;
}
#newsINDEX .articleIn dl {
 width: 980px;
}
#newsINDEX .articleIn.pickup dl, #newsINDEX.event .articleIn .txt {
 width: 780px;
}
#articleCo.event .date .ico {
 display: inline-block;
 margin: 0 0 0 1em;
}
#pageCommon.rental .flexPC {
 justify-content:space-between;
}
#pageCommon.rental .flexPC .boxTEL {
 width: 580px;
}
 #pageCommon .boxTEL a[href*="tel:"] {
font-size: 2.5em;
}
#pageCommon.rental .flexPC .boxTEL p {
 line-height: 80px;
}
#pageCommon .boxTEL.ov:hover {
 opacity: .6;
 background: #FFFFCC;
}
 #pageCommon .boxTEL:nth-of-type(1) img {
margin-top: -20px;
}
.noWrapPC {
 white-space: nowrap;
}
.sp, .btnClose, .contactAreaSP, .menuCommonSP, #btnPC, .sliderSP, #contactSPh {
 display: none!important;
}
.Column {
 padding: 0 0 1em;
 margin:auto;
 display: flex;
 flex-wrap: wrap;
 clear: both;
}
.Column .box {
 padding: 0 0 2em;
}
.Column.two {
 justify-content:space-between;
}
.Column.two li, .Column.two .box {
 width: 580px;
}
.Column.three li, .Column.three .box {
 width: 370px;
 margin:0 20px 20px 0;
}
.Column.four {
 display: flex;
 justify-content: space-between;
}
.Column.four li, .Column.four .box {
 width: 23.5%;
 margin:0 0 20px 0;
}
 .Column.three li:nth-of-type(3n), .Column.four li:nth-of-type(4n), .Column.three .box:nth-of-type(3n), .Column.four .box:nth-of-type(4n) {
margin-right: 0;
}
.Column.three li, .Column.three .box {
 margin:0 30px 30px 0;
}
 .Column.three li:nth-of-type(3n), .Column.three .box:nth-of-type(3n) {
margin-right: 0;
}
.Column.three .listNormal li {
 margin:0!important;
}
.flexPC {
 display: flex;
 justify-content:space-between;
}
.flexPC.inLine {
 display:inline-flex;
}
#pageCommon {
 padding: 1.5em 0;
}
#pankuzu {
 width: 1200px;
}
}
 @media print, screen and (min-width: 1500px) {
 #mainK {
 background-position: left -20px, right -20px;
}
}
 @media screen and (min-width:2000px) {
#mainINDEX, #mainK {
background-size: 100%!important;
}
}
/* -- common -- */
.u-contents {
	border-bottom: 1px dotted #CCC;
}
#pageCommon {
	text-align: left;
}
/**/

#pageCommon h1 {
	text-align: center;
	background:url(https://www.higashine-matsunoya.jp/colorme/pick_bg01.jpg) no-repeat left center / 36%, url(https://www.higashine-matsunoya.jp/colorme/pick_bg02.jpg) no-repeat right -1em / 30%;
	padding: 1em 0;
	font-size:2.75em;
	font-weight: normal;
	border-radius: 8px;
}
#pageCommon h3, #pageCommon h4, #pageCommon h5, #pageCommon h6 {
	line-height: 1.6em;
}
#pageCommon h2 {
	padding: 2.5em 0 1.5em;
	font-size: 2.25em;
	position: relative;
	text-align: center;
	margin: 0 0 1em;
	line-height: 1.25em;
	color: #000;
}
#pageCommon h2 .ss {
	display:block;
	font-size: .5em;
}
#pageCommon h2::after {
position: absolute;
content:"";
height: 2px;
border-radius: 4px;
width: 3em;
left:calc(50% - 1.5em);
bottom:1em;
background: #D35273;
}
#pageCommon.flower h2 {
	padding-top: .5em;
}
#pageCommon.entry h2, #pageCommon.privacy h2 {
	font-size: 2.25em;
	font-weight:500;
	text-align: center;
}
#pageCommon.entry h2::after, #pageCommon.privacy::after {
display: none;
}
#pageCommon .Column+h2 {
	padding-top:0;
}
#pageCommon h3 {
	clear:both;
	background: #fff4f0;
	color:#330000;
	font-size: 1.5em;
	position: relative;
	margin: 2em 0 1em;
	padding: .4em .8em;
	border-radius: 8px;
}
#pageCommon h4 {
	font-size: 1.375em;
	color: #000;
	position: relative;
	margin: 1em 0;
	background: url(https://www.higashine-matsunoya.jp/colorme/ico_ume.png) no-repeat left .48em / 1.4em;
	padding: .4em 0 .4em 2em;
}
#pageCommon h3::before, #pageCommon h3::after, #pageCommon h4::before, #pageCommon h4::after {
content:"";
position: absolute;
}
#pageCommon .Column.two h4, #pageCommon .Column.three h4, #pageCommon .fourColumn h4 {
	font-size: 1.375em;
}
#pageCommon p+h4, #pageCommon ul.listNormal+h4, #pageCommon ol+h4 {
	margin-top: 2.5em;
}
#pageCommon h5 {
	color: #107106;
	font-size: 1.313em;
	padding: 0 0 .8em 1.4em;
	border-bottom: 1px dotted #CCC;
	margin: 2em 0 1em;
	position: relative;
}
 #pageCommon h5::after {
position: absolute;
left:0;
top: 1em;
height: 2px;
width: .8em;
border-radius: 10px;
background: #107106;
content:"";
}
#pageCommon h6 {
	background: #fff;
	color: #D93358;
	padding: .4em .8em;
	margin: 2em 0 1em;
	font-size: 1.125em;
	border: 1px solid #D93358;
	border-radius: 8px;
}
#pageCommon a {
	text-decoration: underline;
}
#pageCommon p, #pageCommon li {
	line-height: 1.8em;
}
#pageCommon p {
	margin: 0 0 2em;
}
#pageCommon .Column.two p, #pageCommon .Column.three p, #pageCommon .fourColumn p, #pageCommon .Column.two li, #pageCommon .Column.three li, #pageCommon .fourColumn li {
	font-size: .938em;
}
.txtL, p.txtL {
	font-size: 1.5em!important;
	font-weight: bold;
}
#pageCommon p.txtLL {
	font-weight: bold;
}
#pageCommon p .ss {
	display: inline-block;
	line-height: 1.6em;
}
#pageCommon p.catch {
	font-size: 1.75em;
	font-weight: bold;
	color: #107106;
 font-feature-settings: "palt";
}
#pageCommon ol li {
	padding: 0.3em 0;
}
/**/
.boxHistory {
	padding: 40px 0 60px;
	border-bottom: 1px solid #CCC;
}
.boxHistory h3 {
	text-align: left;
	font-size: 1.5em;
	margin: 0;
	font-weight:normal;
	padding: 1em 0 1em 2.4em;
	background:url(https://www.higashine-matsunoya.jp/colorme/ico_time.png) no-repeat left center;
}
#pageCommon+.boxHistory {
	border-top: 1px solid #CCC;
}
#pageCommon .boxKoe {
	padding: 2em;
	margin: 0 0 1.6em;
	box-shadow:0 5px 6px rgba(0, 0, 0, .2);
	background-image: linear-gradient(150deg, rgba(239, 225, 198, .4) 10%, rgba(238, 164, 181, .2) 40%, rgba(219, 191, 239, .2) 68%, rgba(232, 237, 233, .2) 90%);
}
#pageCommon .boxKoe p {
	margin: .8em 0;
}
#pageCommon .boxFlow {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#pageCommon .boxFlow h4 {
	margin:0;
	position: relative;
	padding: .4em 0 3em 2em
}
#pageCommon .boxFlow h4::before, #pageCommon .boxFlow h4::after {
 position:absolute;
}
 #pageCommon .boxFlow h4::before {
width: 1em;
content:"";
left:3em;
top: 2em;
height:calc(100% - 2.4em);
position:absolute;
background:#F4E877;
}
 #pageCommon .boxFlow h4::after {
left:2.88em;
content:"";
bottom:0;
 width: .4em;
 height: .4em;
 border:10px solid transparent;
 border-bottom: 10px solid #F4E877;
 border-right: 10px solid #F4E877;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#pageCommon .boxFlow .Inn:nth-of-type(8) {
padding-bottom:0;
}
#pageCommon .boxFlow h4:nth-of-type(8)::before, #pageCommon .boxFlow h4:nth-of-type(8)::after {
display:none;
}
#pageCommon .boxFlow h5 {
	font-size: 1.25em;
	padding: 0;
	border:0;
	margin:0;
	color:#D93358;
}
 #pageCommon .boxFlow h5::after {
display: none;
}
#pageCommon .boxFlow p {
	margin: 0;
}
#pageCommon .legal h4 {
	background: #f6f6f6;
	text-align: center;
	padding: .4em 0;
	border-radius: 8px;
	font-size: 1em!important;
}
#pageCommon.privacy h2 {
	text-align:left;
	font-size: 1.375em;
	padding: 0;
	margin: 2em 0 1em;
}
#pageCommon.privacy h1 {
	margin: 0 0 1em;
}
 #pageCommon.privacy h2::after {
display:none;
}
 @media print, screen and (min-width: 768px) {
 body{

 }
 #pageCommon .boxKoe {
width: 48%;
}
#pageCommon .boxFlow h4 {
 width: 160px;
}
#pageCommon .boxFlow .Inn {
 width:1030px;
padding: .8em 0 2em 0;
}
.legal .listAnk, ul.product {
display:flex;
flex-wrap:wrap;
width:1200px;
}
.legal .listAnk li a {
padding: 1em 0 2.2em;
}
.legal .listAnk li a::before {
left:calc(50% - 7px);
top:auto;
bottom: 1em;
transform:rotate(135deg);
zoom: 80%;
}
ul.product li {
 width: 220px;
 font-size: .938em;
 margin-left:25px;
}
 ul.product li:first-child, ul.product li:nth-of-type(6), ul.product li:nth-of-type(11), ul.product li:nth-of-type(16) {
 margin-left:0;
}
 .legal .listAnk li {
width:15%;
font-size:.75em;
}
}
/* */

@media print, screen and (max-width: 767px) {
 body {
background-size: 160%;
}
 img {
height:auto;
}
 .w30 {
width:30%;
}
 .w40 {
width:40%;
}
 .wHalf {
width:50%;
}
 .w100 {
width:100%;
float:none;
margin: 0 0 .8em;
padding:0;
}
 #logo {
width: 60%;
padding: 0;
}
 #logo img {
width: 100%;
height: auto;
}
/* -- */

header .Inner {
}
 #Contents {
width: 100% !important;
display:block;
}
 .Inner, #newsCo, #pageCommon, #siteMENU {
 width: 94%;
 margin: 0 auto;
}
 header dl {
display:none;
}
 header .Inner {
display:block;
width:96%;
padding: .28em 0 0;
}

/* -- footer -- */

footer {
 padding:1em 0;
 width: 100%;
 display:block;
 background-size: 280%;
 margin: 0 0 2em;
}
footer .Inner {
display:block;
padding:0;
width:100%;
}
footer .btnMore {
padding: 1.4em 0;
}
footer address {
padding: 2em 0;
font-size: .75em;
text-align: center;
}
 footer address img {
width: 70%;
}
footer ul.shopF {
display:block;
background:#FDF2F8;
padding: .5em 1em;
}
footer ul.shopF::after {
display:block;
content:"";
clear:both;
}
footer ul.shopF li {
clear:both;
width:100%;
padding: 1em 0;
margin:0;
}
footer ul li em {
font-size: 1em;
margin:0;
}
 footer ul.shopF li img {
width: 42%;
margin: 0 1em 0 0;
float: left;
}
footer ul.legal {
border:1px solid #d83459;
border-radius: 100px;
width: 94%;
}
 footer ul.legal li {
 width: 50%;
margin: 0;
font-size: .75em;
}
footer ul.legal li a {
border:0;
margin:0;
border-radius: 0;
padding: .6em 0 .6em 1.2em;
 font-feature-settings: "palt";
}
 footer ul.legal li:last-child a {
 border-left:1px solid #d83459;
}
 footer ul {
justify-content:space-between;
display:flex;
width: 100%;
margin:1.5em auto;
}
footer ul.sns {
display:inline-flex;
width:auto;
}
footer ul.sns li img {
width: 40px;
}
 #Copyright {
padding: 0 0 5em 1em;
text-align: center;
font-size: .688em;
}


/* -- */

#pageTop {
 bottom: 3.6em;
 right: 0;
width: 10%;
}
 #pageTop img {
width: 100%;
}
 caption {
font-size: 1.188em;
}
 caption::after {
top: 1.4em;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
}
 .btnMore a {
font-size: .875em;
min-width: 50%;
}
 td ul li:after {
top: .74em;
height: 6px;
width: 6px;
}
 .txtL, p.txtL {
font-size: 1.25em!important;
}
 .spCENTER {
text-align:center;
}
.pcCENTER br {
display: none;
}

/* -- */
.pc {
display:none!important;
}

/**/

.movieArea {
 width: 100%;
 height: 0;
 position: relative;
 padding-top: 56.25%;
 overflow: hidden;
 margin: 1.8em 0;
}
 .movieArea iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
}
/* */

#ichioshiINDEX .Inner {
display: block;
width:100%;
}
 #mainK {
background:url(https://www.higashine-matsunoya.jp/colorme/main_k.png) no-repeat left center / 54%, url(https://www.higashine-matsunoya.jp/colorme/main_k_02.png) no-repeat right center / 54%;
position: relative;
}
 #mainK h1 {
font-size: 1.5em;
color: #107106;
padding: .5em 0 3em;
}
/**/
ul.product li, #pickUp ul, #giftINDEX ul.product, #bestFIVE ul.product {
display:block;
width:100%;
}
 h2 {
font-size: 1.5em;
}
 ul.product li {
padding:0;
font-size:.813em;
}
 ul.product li::after {
clear:both;
display:block;
content:"";
}
ul.product li img {
width: 34%;
margin: 0 1em 1em 0;
float:left;
}
ul.product li span.ss,
ul.product li br {
display: none;
}

ul.product li b{

}
ul.product li .price {
position:unset;
text-align: right;
font-size:1.5em;
padding: .68em 0 1em;
}
.boxHistory ul.product li {
	margin-bottom:0;
}
/* */

#giftINDEX {
padding:1em;
}

/* -- NEWS -- */

#newsINDEX {
padding: 1em 0;
width: 94%;
text-align: center;
}
 #newsINDEX th, #newsINDEX td {
width:100%;
display:block;
}
#newsINDEX th {
padding: 1em 0;
}
#newsINDEX td {
line-height: 1.5em;
}

/* */
ul.product {
width:94%;
}
/* -- common -- */

#pankuzu {
 font-size: .688em;
 width: 94%;
}
 #pageCommon {
}
#pageCommon.entry {
padding: 0 0 2em;
}
#pageCommon h1 {
 font-size: 1.375em;
 background-size: 30%, 30%;
 background-position: left center, right center;
}
#pageCommon h2 {
 font-size: 1.313em;
 font-weight: normal;
}
#pageCommon h2 .ss {
font-size: .688em;
font-weight:normal;
}
 #pageCommon h3, #pageCommon h4{
 font-size: 1em;
}
 #pageCommon h5 {
 font-size: .938em;
}
 #pageCommon h6 {
 font-size: .875em;
}
 #pageCommon p, #pageCommon li {
 font-size: .875em;
}
#pageCommon p.lead {
font-size: 1em;
text-align: left;
}
 .next br {
display: none;
}
#pageCommon p.lead.aCENTER {
text-align: center;
}
#pageCommon p.catch {
 font-size: 1.063em;
 font-weight: bold;
}
 #pageCommon hr {
margin: 1.6em 0;
padding: 0;
}


/* -- column -- */
.Column {
display:block;
}
 .Column .box {
margin: 0 0 1em;
}
.Column.both {
display: flex;
justify-content:space-between;
}
.Column.both .box, .Column.both li {
width: 48%;
}
 #pageCommon .Column.two h4, #pageCommon .Column.three h4, #pageCommon .fourColumn h4 {
font-size: 1em;
}
/* --- */

#pageCommon li, #pageCommon dl {
 font-size: .875em;
 padding: 0 0 1.5em;
}
 .listAnk {
justify-content:space-between;
padding: 0 0 1em;
min-width:100%;
width: 100%;
margin:auto;
}
 .w100+ul.listNormal {
 clear: both;
}
 ul.listAnk li {
 font-size: .688em!important;
 width: 48.8%!important;
 margin: 0 0 1em;
 padding:0!important;
}
 ul.listAnk li a {
padding: .8em 0;
}
 .listAnk li a:before {
 zoom: 40%;
}
 ul.listNote li {
 font-size: .688em!important;
}
 .pctR, .pctL {
 font-size: .688em;
 line-height: 1.6em;
}


/* ---**-- */
.boxLine {
 padding: 1em;
 margin-bottom: 2em;
}
 table.tblSP th, table.tblSP td {
 font-size: .75em;
}
 .tblNormal table {
}
 .tbl th, .tbl td, .tblNormal th, .tblNormal td {
 padding: .5em;
 font-size: .813em;
 line-height: 1.6em;
}
 .tbl th {
 white-space: nowrap;
}
 iframe.gMAP {
 height: 20em;
 margin: 0 0 1.8em;
}
 .tdFlt span {
display: block;
}
/* ------------------- scroll -------------------- */

.tblScroll {
 margin-bottom: 15px;
 clear:both;
}
 .tblScroll table {
 margin-bottom: 5px;
 width: 800px!important;
}
 .tblScroll {
 overflow: auto;
 overflow-x: auto;
}

/* ---- */

.tblScroll::-webkit-scrollbar {
 width: 5px;
 background: #dddddd;
}
 .tblScroll::-webkit-scrollbar:horizontal {
 height: 5px;
 background: #dddddd;
}
 .tblScroll::-webkit-scrollbar-thumb {
 background: #666666;
 border-radius: 2px;
}
 .tblScroll::-webkit-scrollbar-thumb:horizontal {
 background: #666666;
 border-radius: 2px;
}
 .boxHistory {
padding: 1em 0;
}
.boxHistory h3 {
zoom:82%;
}
#pageCommon .boxFlow h4 {
 width: 24%;
}
#pageCommon .boxFlow h4::after {
left:2.68em;
}
#pageCommon .boxFlow h5 {
font-size: .938em;
}
#pageCommon .boxFlow .Inn {
padding: .4em 0 2em;
 width:70%;
}
}
/* ---------------------{ NAVI }-------------------- */



#wrapper {
	width:100%;
	position: relative;
}
#Navigation a:hover {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
#Navigation ul.navi {
	margin:auto;
	display:flex;
}
.cat01 #nav01, .cat02 #nav02, .cat03 #nav03, .cat04 #nav04, .cat05 #nav05, .cat06 #nav06 {
	background: #FFF;
}
#headR {
	position:absolute;
	text-align: center;
}
#headR ul {
	display: inline-flex;
}
#headR ul.listSys li {
	font-size: .938em;
}
#headR ul.listSys li a {
	display:block;
	padding: .5em 1em .5em 2em;
}
#headR ul.listSys li:nth-of-type(1) a {
 background: url(https://www.higashine-matsunoya.jp/colorme/ico_toroku.png) no-repeat left center / 1.4em;
}
#headR ul.listSys li.out:nth-of-type(1) a {
 background: url(https://www.higashine-matsunoya.jp/colorme/ico_out.png) no-repeat left center / 1.4em;
}
#headR ul.listSys li:nth-of-type(2) a {
 background: url(https://www.higashine-matsunoya.jp/colorme/ico_my.png) no-repeat left center / 1.4em;
}
#headR ul.listSys li:nth-of-type(3) a {
 background: url(https://www.higashine-matsunoya.jp/colorme/ico_cart.png) no-repeat left center / 1.4em;
}
.fixed #btnToggle {
	display: block;
	position: fixed;
}
#Navigation ul.navi li a {
	font-weight: bold;
	display: block;
	color: #222;
	padding: .5em 0;
	border-left: 1px solid #ddd;
}
#Navigation ul.navi li a:hover {
	color:#d93358;
}
#Navigation ul.navi ul li a:hover,
.naviLIST li a:hover {
	color:#FFF;
	text-decoration:underline;
}
#Navigation ul.navi li:last-child a {
	border-right: 1px solid #ddd;
}
#Navigation ul.navi ul li:last-child a {
	border:0
}
header.fixed {
	z-index:100000;
}
ul.sns li {
	width: 60px;
}
ul.sns li img {
	width: 32px;
}
/* ----------- navi ul ul ------ */

#Navigation ul.navi ul,
.naviLIST{
	background: #c84d73;
	padding: 15px;
	z-index:1000000;
	border: 0;
	margin: auto;
	border: 0;
	height: auto;
	text-align: left;
}
.naviLIST ul{
margin:auto;
display:flex;
flex-wrap:wrap;
}

#Navigation ul.navi ul{
	display:none;
	opacity: 0;
}
#Navigation ul.navi ul li,
.naviLIST ul li {
	line-height: 1.2em;
	font-size: 18px;
}
#Navigation ul.navi li ul li a,
.naviLIST ul li a {
	display: block;
	width:auto;
	padding: 14px 0 14px 64px;
	color: #FFF;
	border:0;
}
#Navigation li ul li .ss,
.naviLIST ul li .ss {
	display: block;
	font-weight:normal;
}
#Navigation li ul li:nth-of-type(1) a,
.naviLIST ul li:nth-of-type(1) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_01.jpg) no-repeat left 14px;
}
 #Navigation li ul li:nth-of-type(2) a,
.naviLIST ul li:nth-of-type(2) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_02.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(3) a,
.naviLIST ul li:nth-of-type(3) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_03.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(4) a,
.naviLIST ul li:nth-of-type(4) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_04.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(5) a,
.naviLIST ul li:nth-of-type(5) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_05.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(6) a,
.naviLIST ul li:nth-of-type(6) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_06.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(7) a,
.naviLIST ul li:nth-of-type(7) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_07.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(8) a,
.naviLIST ul li:nth-of-type(8) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_08.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(9) a,
.naviLIST ul li:nth-of-type(9) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_09.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(10) a,
.naviLIST ul li:nth-of-type(10) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_10.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(11) a,
.naviLIST ul li:nth-of-type(11) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_11.jpg) no-repeat left 14px;
}
#Navigation li ul li:nth-of-type(12) a,
.naviLIST ul li:nth-of-type(12) a  {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_12.jpg) no-repeat left 14px;
}
/* Toggle(Button) */

#btnToggle div {
	position:relative
}
#btnToggle span {
	display:block;
	position:absolute;
	width:56%;
	left:22%;
	border-bottom:solid 2px #fff;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
	border-radius: 10px;
}
 #btnToggle span:nth-child(1) {
top:12px;
}
 #btnToggle span:nth-child(2) {
top:20px;
}
 #btnToggle span:nth-child(3) {
top:28px;
}
#btnToggle {
	position: absolute;
	right:0;
	top:0;
	cursor:pointer;
	background:#c84d73;
	z-index: 10000;
}
#btnToggle:after {
	font-family:Arial, Helvetica, sans-serif;
	content:"MENU";
	position:absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 11px;
	color: #FFF;
}
.openNav #btnToggle:after {
	content:"";
}
 .openNav #btnToggle span:nth-child(1) {
top: 24px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg)
}
 .openNav #btnToggle span:nth-child(2), .openNav #btnToggle span:nth-child(3) {
top: 24px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg)
}
#Navigation #logoSub, #Navigation #gnavSNS, #Navigation .menuSub, #Navigation #contactHead {
	display:none;
	text-align: left;
	padding: 1em;
}
.fixed #Navigation #gnavSNS {
	width:70%;
	margin:auto;
	display:flex;
}
.fixed #Navigation #gnavSNS li {
	width: 33.333%;
}
.fixed #Navigation #gnavSNS li a {
	padding:1em;
	border:0;
}
.fixed #Navigation #gnavSNS li img {
	width:80%;
}
.fixed #Navigation #logoSub img {
	width:60%;
}
 #Navigation::-webkit-scrollbar {
 width: 6px;
}
#Navigation::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, .88);
}
#Navigation::-webkit-scrollbar-thumb {
 background: #F3EE0A;
}
.overlay.Onn {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: rgba(0, 0, 0, .6);
	width:100%;
	height:100hv;
	z-index:500;
}
/* menu */
 
 #navFIXb {
	background:#310b2d;
	padding: 10px;
	color: #FFF;
	position: fixed;
	bottom:0;
	right:0;
	left:0;
}
#navFIXb ul {
	width: 1200px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}



.productCo h1 {
	font-size: 2.5em;
	padding: 1.8em 0 1.8em 2em;
	background:url(https://www.higashine-matsunoya.jp/colorme/ico_ume.png) no-repeat left 2em / 1.4em;
	font-weight:500;
	display: inline-block;
}.productCo h1 b{
font-size: .75em;
font-weight:normal;
color:#FF0000;
display:block;
}



 @media print, screen and (min-width:768px) {
  .productCo h1 {
 max-width: 1200px;
 margin:auto;
}

.fixed #Navigation .menuSub {
padding: 1em .5em 0;
 display:inline-block!important;
}
.fixed #Navigation .menuSub li {
 display:inline-block;
}
.fixed #Navigation .menuSub li a {
 padding: .5em .8em;
 font-weight:normal;
 border:0;
 font-size: .813em;
}
 #headR {
 right:0;
 top: 30px;
}
 #headR, #headR ul {
 justify-content:flex-end;
}
 .fixed #headR {
 position: relative;
 background: #FFF;
 padding: 1em 0;
 margin:0;
}
 .fixed #headR ul.listSys {
 display:inline-block;
 padding: 0 0 2em;
}
 #Navigation {
padding: 0 0 15px;
}
 #Navigation ul.navi li.view ul {
display:flex;
flex-wrap:wrap;
 opacity: 1;
}
 #Navigation ul.navi.navi {
width: 1200px;
position: relative;
}
 #Navigation ul.navi li#nav03 a {
 position: relative;
}
 #Navigation ul.navi li#nav03.view a:after {
 position: absolute;
 content:"▲";
transform: scaleY(0.7);
 bottom:-.5em;
 color:#c84d73;
 left:50%;
}
 .openNav #Navigation ul.navi li#nav03.view a:after,  .openNav #Navigation ul.navi ul li .ss {
 display: none;
}
 #Navigation ul.navi li#nav03.view ul a:after {
 display: none;
}
 #Navigation ul.navi ul {
 position: absolute;
 left:0;
}
 .fixed #Navigation {
position: relative;
opacity:0;
z-index:6000;
display: none;
background: #fff4f0;
position:fixed;
right:-340px;
top: 0;
bottom:0;
width:auto;
height:100%;
display:block;
overflow-y: scroll;
width:340px;
}
.fixed.openNav #Navigation {
display:block;
opacity: 1;
right:0;
}
 #Navigation ul.navi li {
width: calc(100% / 7);
font-size: 15px;
}
 #Navigation ul.navi ul li,
.naviLIST li {
 width: calc(100% / 4);
}
.naviLIST ul{
width: 1200px;
margin:auto;
}
 .fixed #Navigation ul.navi li,  .fixed #Navigation ul.navi li li {
 width: 50%;
 text-align: center;
}
 .fixed #Navigation ul.navi li#nav03 {
 width:100%;
}
 .fixed #Navigation ul.navi ul {
 padding:0;
}
 .fixed #Navigation ul.navi li li a {
 border: 1px solid rgba(255, 255, 255, .2);
 margin: 2px;
}
 .fixed.openNav #logo {
 position: fixed;
 right:80px;
 top: 10px;
 z-index:60000000;
 text-align:right;
}
 .fixed.openNav #logo img {
 width: 70%;
}
.fixed #Navigation ul.navi {
display:block;
}
.fixed #Navigation ul.navi li a {
border-left:0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.fixed.openNav #Navigation {
padding: 80px 0 0;
display:block;
opacity: 1;
right:0;
}
.fixed #Navigation ul.navi {
border-top: 1px solid rgba(0, 0, 0, .1);
height:auto;
display:flex;
flex-wrap:wrap;
width:auto;
}
.fixed #Navigation ul.navi ul {
position:relative;
display:none;
}
.fixed.openNav #Navigation ul.navi .view ul {
display:flex;
padding: .5em;
}
.fixed.openNav #Navigation ul.navi .view ul li a {
background: transparent!important;
padding: 1em 0;
}
 .fixed #Navigation ul.navi li {
font-size:.875em;
font-weight:normal;
}
 .fixed #Navigation ul.navi li a {
padding: 1em;
 border-left:0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.fixed #Navigation ul.navi li#nav02 a, .fixed #Navigation ul.navi li#nav05 a, .fixed #Navigation ul.navi li#nav07 a {
border-left: 1px solid rgba(0, 0, 0, .1);
}
 #btnToggle {
width: 60px;
height: 60px;
display: none;
}
 #navHome {
display: none;
}
}
 @media print {
.fixed #Navigation,  #btnToggle {
	display:none!important;
}
}

/**/
.listCategory {
	background: #c84d73;
	padding: 40px 0;
	color: #FFF;
}
.listCategory h2 {
	font-size: 1.375em;
	padding: 0 0 1em;
}
.listCategory ul {
	margin:auto;
	width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.listCategory ul li {
	font-weight:100;
	font-size: 1em;
	width: calc(100% / 4);
	text-align: left;
	margin: 1em 0 0;
}
.listCategory ul a {
	display: block;
	width:auto;
	padding: 14px 0 14px 64px;
	color: #FFF;
	border:0;
}
 .listCategory ul li:nth-of-type(1) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_01.jpg) no-repeat left center;
}
 .listCategory ul li:nth-of-type(2) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_02.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(3) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_03.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(4) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_04.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(5) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_05.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(6) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_06.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(7) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_07.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(8) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_08.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(9) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_09.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(10) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_10.jpg) no-repeat left center;
}
.listCategory ul li:nth-of-type(11) a {
background:url(https://www.higashine-matsunoya.jp/colorme/nav_thm_11.jpg) no-repeat left center;
}
 @media screen and (max-width: 767px) {
 
 footer a:nth-of-type(1) img{
 width: 50%;
 }
header {
height: 70px;
}
.openNav #Navigation #logoSub, .openNav #Navigation #gnavSNS, .openNav #Navigation #contactHead {
display:block;
}
#Navigation ul.navi {
flex-wrap:wrap;
border-top: 1px solid rgba(0, 0, 0, .1);
}
#Navigation ul.navi li {
width:50%;
text-align: center;
}
#Navigation ul.navi ul li {
width: 100%;
text-align:left;
}
 #Navigation ul.navi li a {
padding: 1em;
}
#Navigation ul.navi li.open ul {
display:flex;
flex-wrap:wrap;
 opacity: 1;
}
 #Navigation ul.navi li#nav01 a, #Navigation ul.navi li#nav03 a, #Navigation ul.navi li#nav05 a, #Navigation ul.navi li#nav07 a {
border-left: 1px solid rgba(0, 0, 0, .1);
}
#Navigation ul.navi li#nav01 li a, #Navigation ul.navi li#nav03 li a, #Navigation ul.navi li#nav05 li a, #Navigation ul.navi li#nav07 li a {
border-left: 0
}
 #Navigation ul.navi ul {
position:absolute;
left:0;
right:0;
}


/*header menu*/

 header nav {
 background: #fff4f0;
 position: fixed;
 right: -767px;
 top: 0;
 width:100%;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
 text-align:left;
 z-index: 1000;
 box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
 text-align: center;
}
#Navigation .menuSub {
display:block;
}
#Navigation .menuSub li {
display: inline-block;
 text-align: center;
}
 /**/

 /**/
 header.openNav nav {
overflow:scroll;
height:100%;
 -moz-transform: translateX(-767px);
 -webkit-transform: translateX(-767px);
 transform: translateX(-767px);
 z-index: 1100;
 box-shadow: 2px 3px 8px rgba(0, 0, 0, .3);
}
 #btnToggle {
 width:14%;
 height:52px;
 top:10px;
 right:8px;
 position:fixed;
}
 #btnToggle:after {
top: 36px;
font-size: 10px;
}
 #Navigation ul.navi {
 margin: 0;
 flex-wrap:wrap;
 width: 100%;
}
 #Navigation ul.navi li {
 text-align: center;
font-size: .938em;
}
 #Navigation ul.navi li a {
padding:1em 0;
 border-bottom: 1px solid rgba(0, 0, 0, .1);
border-left:0;
}
 #Navigation #logoSub img {
width:70%!important;
}
#Navigation .menuSub li a {
padding: .5em 1em;
font-weight:normal;
border:0;
font-size: .875em;
}
/**/
#Navigation #gnavSNS {
width:80%;
margin:auto;
display:flex!important;
}
#Navigation #gnavSNS li {
width: 33.333%;
}
#Navigation #gnavSNS li a {
padding:1em;
border:0;
}
#Navigation #gnavSNS li img {
width:90%;
}
 #Navigation #logoSub img {
width:60%;
}
/**/
#headR {
background: #FFF;
padding: 1em 0 1em 1em;
width:100%;
display:block;
}
 #headR li {
font-feature-settings: "palt";
width:auto;
border:0;
border-radius:0;
text-align:center;
display: inline;
font-size: .688em;
background: transparent!important;
padding: 0;
line-height: 1.2em;
margin: 0;
}
 #headR ul.sns {
 display: inline-flex;
}
 #headR ul.sns li {
 padding: 2.5em 1em 1em;
}
 #navFIXb ul {
 width: 100%;
}
 #navFIXb li {
 width: 49%;
}
#navFIXb li:first-child {
display:none;
}
.listCategory{
padding: 1.5em 0;
}
.listCategory ul {
width:94%;
}
.listCategory ul li{
width: 48%;
font-size: .813em;
}.listCategory ul li a{
padding-right:1em;
}

.productCo h1 {
font-size:1.25em;
background-size: .88em;
padding: 1em 0 1em 1.5em;
text-align: left;
display:block;
width:94%;
margin: auto;
background-position: left 1.25em;
}.productCo h1 br{
display:none;
}
#pageCommon.anime h2{
text-align:left;
}
#pageCommon.anime h2 img.gif{
width:20%;
}
}
  .p-popup-option-tbl p.sp{
  text-align:left;
  font-size: .75em!important;
  }

.superWide{
height:140px;
position:relative;

}
.animeWide {
    position: absolute;
    left:0;
    top:15px;
    width:100px;
    padding:10px 0px;
height:100px;
}
#pageCommon.anime h2{
display:flex;
align-items:center;
justify-content:center;
}