/* about */
#about {
padding: 4% 15px 14%;
background-color: rgba(255,249,223,1.00);
}
.top-catch .decoration {
max-width: 1100px;
margin: 0px auto;
}
.top-catch .decoration {
width: 78%;
margin: 0px auto 2.5%;
max-width: 546px;
}
.top-catch .top-catch-txt {
width: 84%;
margin: 0px auto 2%;
max-width: 744px;
}


.top-anchor {
max-width: 1100px;
margin: 0px auto 7%;
}

#about .flex4block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#about .flex4block > li {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(50% - 2px);
padding: 0px;
margin: 0px;
position: relative;
}
#about .flex4block > li:nth-child(1),
#about .flex4block > li:nth-child(2) {
z-index: 2;
}
#about .flex4block > li:nth-child(3),
#about .flex4block > li:nth-child(4) {
margin: -8% 0px 0px;
z-index: 1;
}





@media print, screen and (min-width: 375px) {


}



@media print, screen and (min-width: 768px) {
#content00 {
}

#about {
padding: 3% 25px 8%;
}

.top-catch .decoration {
width: 68%;
margin: 0px auto 1%;
}
.top-catch .top-catch-txt {
width: 74%;
margin: 0px auto 2%;
max-width: 798px;
}

.top-anchor {
margin: 0px auto 5%;
}
#about .flex4block > li {
-ms-flex-preferred-size: calc(25% - 2px);
flex-basis: calc(25% - 2px);
}
#about .flex4block > li:nth-child(3),
#about .flex4block > li:nth-child(4) {
margin: 0px;
}

}


@media print, screen and (min-width: 1024px) {
#about {
padding: 2% 25px 6%;
}

.top-anchor {
margin: 0px auto 4%;
}
#about .flex4block > li {
-ms-flex-preferred-size: calc(25% - 3px);
flex-basis: calc(25% - 3px);
}

}


@media print, screen and (min-width: 1200px) {
#content00 {
}

.top-catch .decoration {
width: 58%;
margin: 0px auto 1%;
}
.top-catch .top-catch-txt {
width: 64%;
margin: 0px auto 1%;
}

#about .flex4block > li {
-ms-flex-preferred-size: calc(25% - 4px);
flex-basis: calc(25% - 4px);
}

}


@media print, screen and (min-width: 1400px) {

#content00 {
}

}



@media print, screen and (min-width: 1600px) {

#content00 {
}

}



















#content00 {
height: auto;
position: relative;
margin: 0px;
padding: 0px;
}
.back-img01 {
}
.main-img-back {
height: auto;
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
z-index: 101;
}

.img-blur-top {
  animation-name: imageBlurTop;
}

@keyframes imageBlurTop {
  0% {
		transform: scale(0.95);
  }
	50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0.95);
  }
}

@keyframes imageBlurTop2 {
  0% {
		transform: scale(0.97);
  }
	50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(0.97);
  }
}


@media print, screen and (min-width: 375px) {

}



@media print, screen and (min-width: 768px) {
.main-img-back {
margin: -45px 0px 0px;
}

}



@media print, screen and (min-width: 1024px) {
.main-img-back {
margin: -50px 0px 0px;
}

.img-blur-top {
  animation-name: imageBlurTop2;
}

.container.fixedheader .main-img-back {
z-index: 95;
}

}



@media print, screen and (min-width: 1200px) {
.main-img-back {
margin: -70px 0px 0px;
}

}



@media print, screen and (min-width: 1400px) {
.main-img-back {

}

}



























/* present */
.present {
background-color: rgba(233,122,162,1.00);
border-radius: 10px;
padding: 15px;
text-align: center;
color: rgba(255,255,255,1.00);
max-width: 950px;
margin: 0px auto;
}
.present-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.present-cont > dt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 4%;
}
.present-cont > dd {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.present-title {
width: 95%;
margin: 0px auto 4%;
max-width: 874px;
}
.present-period {
width: 100%;
margin: 0px auto 4%;
max-width: 480px;
}
.present-catch {
width: 100%;
margin: 0px auto 4%;
max-width: 480px;
}

.present .kome-text {
font-size: calc(100vw / 29);
line-height: 1.4em;
font-weight: 400;
}


@media print, screen and (min-width: 375px) {
/* present */
.present .kome-text {
font-size: 13px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 768px) {
/* present */
.present {
border-radius: 15px;
padding: 15px 25px 25px;
}
.present-cont > dt {
	-ms-flex-preferred-size: calc(59% - 10px);
	flex-basis: calc(59% - 10px);
margin-bottom: 0%;
}
.present-cont > dd {
	-ms-flex-preferred-size: calc(41% - 10px);
	flex-basis: calc(41% - 10px);
}

.present-period {
margin: 0px auto 3%;
}
.present-catch {
margin: 0px auto 3%;
}

}




@media print, screen and (min-width: 1024px) {
/* present */
.present {
border-radius: 15px;
padding: 20px 30px 30px;
}

.present-cont > dt {
-ms-flex-preferred-size: calc(60% - 5px);
flex-basis: calc(60% - 5px);
margin-bottom: 0%;
}
.present-cont > dd {
	-ms-flex-preferred-size: calc(40% - 5px);
	flex-basis: calc(40% - 5px);
}

.present-period {
margin: 0px auto 6%;
}
.present-catch {
margin: 0px auto 5%;
}

.present .kome-text {
font-size: 14px;
line-height: 1.4em;
}

}




@media print, screen and (min-width: 1200px) {

}



@media print, screen and (min-width: 1400px) {

}





















/* #toy */
#toy {
background-color: rgba(0,51,102,1.00);
background-image: url(../imgs/toy_back.svg);
background-position: center 0%;
background-size: 150% auto;
}
#toy .contents-block-in {
max-width: 1040px;
}
.catalog {
max-width: 580px;
background-color: rgba(38,132,71,0.9);
position: relative;
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.2);
padding: 15px;
margin: 0px auto 8%;
}

.catalog-cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: rgba(255,255,255,1.00);
}
.catalog-cont > dt {
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
.catalog-cont > dt .photo-img {
border: 1px solid rgba(255,255,255,1.00);
}
.catalog-cont > dd {
-ms-flex-preferred-size: calc(76% - 15px);
flex-basis: calc(76% - 15px);
}
.catalog-catch {
font-size: calc(100vw / 29);
line-height: 1.5em;
font-weight: bold;
margin-bottom: 2%;
}
.catalog-catch strong {
color: rgba(255,255,0,1.00);
font-size: 115%;
}
.catalog-text {
font-size: calc(100vw / 29);
line-height: 1.5em;
font-weight: bold;
margin-bottom: 2%;
}
.catalog-text strong {
font-size: 115%;
display: block;
}

.toy-contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.toy-contents > li {
background-color: rgba(38,82,125,0.9);
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,1.00);
margin-bottom: 8%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.toy-contents > li .photo-img {
width: 75%;
margin: 0px auto;
}
.cont-block-in {
padding: 15px;
}
.toy-catch {
font-size: calc(100vw / 29);
line-height: 1.5em;
margin-top: 2%;
}
.toy-catch strong {
font-size: 120%;
color: rgba(255,255,180,1.00);
}
.price {
font-size: calc(100vw / 29);
line-height: 1.5em;
}
.price strong {
font-size: 120%;
}
.cont-line {
border-bottom: 1px solid rgba(255,255,255,0.2);
height: 1px;
margin-top: 3%;
margin-bottom: 3%;
}
.cont-text {
font-size: calc(100vw / 26);
line-height: 1.5em;
font-weight: bold;
}
.spec {
font-size: calc(100vw / 28);
line-height: 1.5em;
margin-left: 1em;
text-indent: -1em;
}


@media print, screen and (min-width: 375px) {
/* #toy */
#toy {
background-size: 140% auto;
}
.catalog {
border-radius: 10px;
}
.catalog-catch {
font-size: 12px;
line-height: 1.5em;
}

.catalog-text {
font-size: 12px;
line-height: 1.5em;
}


.toy-contents {
}
.toy-contents > li {
border-radius: 12px;
}
.cont-block-in {
padding: 20px;
}
.toy-catch {
font-size: 12px;
line-height: 1.5em;
margin-top: 2%;
}
.toy-catch strong {
font-size: 120%;
}
.price {
font-size: 12px;
line-height: 1.5em;
}
.price strong {
font-size: 120%;
}
.cont-text {
font-size: 13.6px;
line-height: 1.5em;
font-weight: bold;
}
.spec {
font-size: 12.8px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 768px) {
/* #toy */
#toy {
background-size: 130% auto;
}
.catalog {
border-radius: 12px;
padding: 35px;
margin: 0px auto 6%;
}
.catalog-cont > dt {
-ms-flex-preferred-size: 112px;
flex-basis: 112px;
}
.catalog-cont > dd {
-ms-flex-preferred-size: calc(100% - 137px);
flex-basis: calc(100% - 137px);
}
.catalog-catch {
font-size: 18px;
line-height: 1.6em;
}
.catalog-catch strong {
font-size: 125%;
}

.catalog-text {
font-size: 16px;
line-height: 1.6em;
}

.toy-contents {
}
.toy-contents > li {
border-radius: 12px;
margin-bottom: 4%;
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
}

.cont-block-in {
padding: 25px;
}
.toy-contents > li .photo-img {
width: 85%;
}
.toy-catch {
font-size: 12px;
line-height: 1.5em;
margin-top: 2%;
}
.toy-catch strong {
font-size: 120%;
}
.price {
font-size: 12px;
line-height: 1.5em;
}
.price strong {
font-size: 120%;
}
.cont-text {
font-size: 13.6px;
line-height: 1.5em;
font-weight: bold;
}
.spec {
font-size: 12.8px;
line-height: 1.5em;
}

}



@media print, screen and (min-width: 1024px) {
/* #toy */
#toy {
background-size: 120% auto;
}
.catalog-catch {
font-size: 19px;
line-height: 1.6em;
}

.catalog-text {
font-size: 17px;
line-height: 1.6em;
}


.toy-contents > li {
border-radius: 15px;
margin-bottom: 5%;
-ms-flex-preferred-size: calc(50% - 16px);
flex-basis: calc(50% - 18px);
}

.cont-block-in {
padding: 30px;
}
.toy-contents > li .photo-img {
width: 100%;
}
.toy-catch {
font-size: 14px;
line-height: 1.5em;
margin-top: 1.5%;
}
.toy-catch strong {
font-size: 130%;
}
.price {
font-size: 14px;
line-height: 1.5em;
}
.price strong {
font-size: 130%;
}
.cont-text {
font-size: 15px;
line-height: 1.5em;
}
.spec {
font-size: 14px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
/* #toy */
#toy {
background-size: 110% auto;
}
.toy-contents > li {
border-radius: 18px;
margin-bottom: 6%;
-ms-flex-preferred-size: calc(50% - 27px);
flex-basis: calc(50% - 27px);
}

.cont-block-in {
padding: 40px;
}
.toy-catch {
font-size: 15px;
line-height: 1.5em;
margin-top: 1.5%;
}
.price {
font-size: 15px;
line-height: 1.5em;
}
.cont-text {
font-size: 16px;
line-height: 1.5em;
}
.spec {
font-size: 14px;
line-height: 1.5em;
}

}

@media print, screen and (min-width: 1400px) {
/* #toy */
#toy {
background-size: 100% auto;
}

}























/* #shop */
#shop {
background-image: url(../imgs/shop_back.webp);
background-position: center bottom;
background-size: cover;
}
#shop .toy-contents > li {
background-color: rgba(144,107,9,0.85);
border: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,1.00);
}
#shop .reco-icon {
position: absolute;
top: -1%;
right: -1%;
width: 18%;
}


@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {

}



@media print, screen and (min-width: 1024px) {
#shop .reco-icon {
position: absolute;
top: -1%;
right: -1%;
width: 18%;
}

}


@media print, screen and (min-width: 1200px) {

}


@media print, screen and (min-width: 1400px) {

}























#workshop {
  background-image: url(../imgs/workshop_back.webp);
  background-position: center top;
  background-size: 150% auto;
  position: relative;
}
#workshop::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, #004400, #007700, #004400);
	left: 0px;
	top: 0px;
	z-index: -1;
}
#workshop .contents-block-in {
	max-width: 940px;
}
.workshop-contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.workshop-contents > li {
background-color: rgba(255,255,255,0.85);
overflow: hidden;
border-radius: 10px;
margin-bottom: 8%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.workshop-contents > li .photo-img {
width: 100%;
margin: 0px auto;
}

.workshop-name {
  font-size: calc(100vw / 29);
  line-height: 1.5em;
  margin-bottom: 2%;
  font-weight: 400;
  text-align: center;
}
.workshop-title {
  width: 100%;
  max-width: 361px;
  margin: 0px auto 4%;
}
.workshop-catch {
  font-size: calc(100vw / 25);
  line-height: 1.5em;
  margin-bottom: 4%;
  font-weight: bold;
}

.workshop-table {
  width: 100%;
  font-size: calc(100vw / 25);
  line-height: 1.5em;
  color: rgba(0,68,0,1.00);
}
.workshop-table th {
  background-color: rgba(210,223,210,1.00);
  font-weight: bold;
  display: block;
  padding: 0.4em 0.6em;
  border-radius: 5px;
  text-align: left;
}
.workshop-table td {
  display: block;
  padding: 0.4em 0.6em;
}

#workshop a.link-button.external {
  border-bottom: 2px solid rgba(204,0,0,1.00);
  color: rgba(204,0,0,1.00) !important;
  text-align: left;
  padding-left: 0px;
}
#workshop a.link-button.external::after {
  background-image: url(../images/link_arrow_red.svg);
}

.recommend {
  font-size: calc(100vw / 25);
  line-height: 1.5em;
  padding: 15px;
  background-color: rgba(255,255,204,1.00);
  overflow: hidden;
  border: 1px solid rgba(182,202,182,1.00);
  border-radius: 8px;
  font-weight: 500;
}
.recommend strong {
  font-size: 120%;
  line-height: 1.5em;
  color: rgba(0,68,0,1.00);
}


@media print, screen and (min-width: 375px) {
#workshop {
  background-size: 140% auto;
}
.workshop-contents > li {
border-radius: 12px;
margin-bottom: 7%;
}
.workshop-name {
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 2%;
}
.workshop-title {
  margin-bottom: 4%;
}
.workshop-catch {
  font-size: 14.5px;
  line-height: 1.5em;
  margin-bottom: 4%;
}

.workshop-table {
  font-size: 14px;
  line-height: 1.5em;
}

.recommend {
  font-size: 14px;
  line-height: 1.6em;
  padding: 15px;
  border-radius: 10px;
}

}


@media print, screen and (min-width: 768px) {
#workshop {
  background-size: 120% auto;
}

.workshop-contents > li {
border-radius: 16px;
margin-bottom: 7%;
}
.workshop-contents > li .photo-img {
}

.workshop-contents > li .photo-img.w1110 {
width: calc(1110px / 2.5);
}
.workshop-contents > li .photo-img.w1198 {
width: calc(1198px / 2.5);
}
.workshop-contents > li .photo-img.w1008 {
width: calc(1008px / 2.5);
}
.workshop-contents > li .photo-img.w1254 {
width: calc(1254px / 2.5);
}

.workshop-name {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 2%;
}
.workshop-title {
  max-width: 667px;
  margin-bottom: 3%;
}
.workshop-catch {
  font-size: 15.5px;
  line-height: 1.6em;
  margin-bottom: 3%;
  text-align: center;
}

.workshop-table {
  font-size: 15px;
  line-height: 1.5em;
  overflow: hidden;
  border: 1px solid rgba(186,205,186,1.00);
  border-radius: 10px;
}
.workshop-table th {
  background-color: rgba(255,255,255,0.6);
  display: table-cell;
  padding: 0.6em 0.8em;
  border-radius: 0px;
  width: 9em;
  border-right: 1px solid rgba(186,205,186,1.00);
  border-bottom: 1px solid rgba(186,205,186,1.00);
}
.workshop-table td {
  background-color: rgba(255,255,255,0.6);
  display: table-cell;
  padding: 0.6em 0.8em;
  border-bottom: 1px solid rgba(186,205,186,1.00);
}
.workshop-table tr:last-child th {
  border-bottom: none;
}
.workshop-table tr:last-child td {
  border-bottom: none;
}

.recommend {
  font-size: 15px;
  line-height: 1.6em;
  padding: 20px;
  border-radius: 14px;
}

}


@media print, screen and (min-width: 1024px) {
#workshop {
  background-size: 110% auto;
}

.workshop-contents > li {
border-radius: 18px;
margin-bottom: 6%;
}
.workshop-contents > li .photo-img {
}

.workshop-contents > li .photo-img.w1110 {
width: calc(1110px / 2);
}
.workshop-contents > li .photo-img.w1198 {
width: calc(1198px / 2);
}
.workshop-contents > li .photo-img.w1008 {
width: calc(1008px / 2);
}
.workshop-contents > li .photo-img.w1254 {
width: calc(1254px / 2);
}

.workshop-name {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 2%;
}
.workshop-title {
  margin-bottom: 3%;
}
.workshop-catch {
  font-size: 17px;
  line-height: 1.6em;
  margin-bottom: 3%;
}

.workshop-table {
  font-size: 16px;
  line-height: 1.5em;
  border-radius: 14px;
}
.workshop-table th {
  padding: 0.7em 1.0em;
}
.workshop-table td {
  padding: 0.7em 1.0em;
}

.recommend {
  font-size: 16px;
  line-height: 1.6em;
  padding: 25px;
  border-radius: 16px;
}

}


@media print, screen and (min-width: 1200px) {

}


@media print, screen and (min-width: 1400px) {

}

















/* coordinat */
#coordinat {
background-image: url(../imgs/coordinat_back.webp);
background-position: center 0%;
background-size: 150% auto;
}
#coordinat .contents-block-in {
max-width: 1040px;
}
.coordinat-new {
background-color: rgba(255,255,255,1.0);
position: relative;
border-radius: 8px;
border: 4px dotted rgba(229,98,146,1.00);
padding: 15px;
margin: 0px auto 8%;
}
.coordinat-new .spec {
color: rgba(229,98,146,1.00);
text-align: center;
}

.coordinat-new-cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.coordinat-new-cont > dt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 3%;
}
.coordinat-new-cont > dd {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.coordinat-new-catch {
font-size: calc(100vw / 25);
line-height: 1.5em;
font-weight: bold;
margin-bottom: 4%;
text-align: center;
color: rgba(153,0,51,1.00);
}
.coordinat-new-text{
color: rgba(153,0,51,1.00);
font-size: calc(100vw / 29);
line-height: 1.5em;
text-align: center;
}


.shop-neme {
max-width: 170px;
width: 35%;
margin: 0px auto 2%;
}
.coordinat-contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.coordinat-contents > li {
background-color: rgba(255,255,255,0.85);
overflow: hidden;
border-radius: 10px;
color: rgba(153,0,51,1.00);
margin-bottom: 8%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.coordinat-contents > li .photo-img {
width: 100%;
max-width: calc(810px / 2);
margin: 0px auto;
}

.coordinat-contents .cont-block-in {
padding-top: 10px;
}


.coordinat-point {
font-size: calc(100vw / 25);
line-height: 1.5em;
margin-bottom: 3%;
font-weight: bold;
background-color: rgba(199,114,142,1.00);
border-radius: 10px;
color: rgba(255,255,0,1.00);
padding: 15px;
}

.coordinat-text {
font-size: calc(100vw / 25);
line-height: 1.5em;
margin-bottom: 3%;
font-weight: bold;
}
.products {
margin-top: 5%;
margin-bottom: 3%;
width: 100%;
}
.products th {
font-size: calc(100vw / 30);
line-height: 1.5em;
display: block;
padding: 0.4em 0.6em;
text-align: left;
color: rgba(255,255,255,1.00);
font-weight: bold;
border-radius: 4px;
background-color: rgba(199,114,142,1.00);
}
.products th strong {
font-size: 125%;
}
.products td {
font-size: calc(100vw / 30);
line-height: 1.5em;
display: block;
padding: 0.4em 0.6em;
}
.products td strong {
font-size: 125%;
}
.products td em {
font-style: normal;
font-weight: bold;
}
.coordinat-shop {
font-size: calc(100vw / 29);
line-height: 1.5em;
text-align: center;
}
.coordinat-contents > li.bottom-img {
background: none;
}


@media print, screen and (min-width: 375px) {
/* coordinat */
#coordinat {
background-size: 140% auto;
}
.coordinat-new {
border-radius: 10px;
padding: 18px;
}

.coordinat-new-catch {
font-size: 14.5px;
line-height: 1.5em;
}
.coordinat-new-text{
font-size: 13px;
line-height: 1.5em;
}


.coordinat-contents > li {
border-radius: 12px;
margin-bottom: 7%;
}

.coordinat-point {
font-size: 14.5px;
line-height: 1.5em;
margin-bottom: 3%;
padding: 15px;
}

.coordinat-text {
font-size: 14.5px;
line-height: 1.5em;
margin-bottom: 3%;
}
.products {
margin-top: 5%;
margin-bottom: 3%;
}
.products th {
font-size: 12px;
line-height: 1.5em;
padding: 0.4em 0.6em;
border-radius: 4px;
}
.products th strong {
font-size: 125%;
}
.products td {
font-size: 12px;
line-height: 1.5em;
padding: 0.4em 0.6em;
}
.products td strong {
font-size: 125%;
}
.coordinat-shop {
font-size: 14px;
line-height: 1.5em;
}

}



@media print, screen and (min-width: 768px) {
/* coordinat */
#coordinat {
background-size: 130% auto;
}
.coordinat-new {
border-radius: 10px;
border: 5px dotted rgba(229,98,146,1.00);
padding: 25px;
margin: 0px auto 8%;
}
.coordinat-new-cont > dt {
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
margin-bottom: 0%;
}
.coordinat-new-cont > dd {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.coordinat-new-catch {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 4%;
}
.coordinat-new-text{
font-size: 13px;
line-height: 1.5em;
}


.coordinat-contents > li {
border-radius: 16px;
margin-bottom: 7%;
}
/*
.coordinat-contents > li {
border-radius: 12px;
margin-bottom: 4%;
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
}
*/
.coordinat-point {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 2%;
padding: 18px;
}

.coordinat-text {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 2%;
}
.products {
margin-top: 3%;
margin-bottom: 2%;
}
.products th {
font-size: 13px;
line-height: 1.5em;
padding: 0.5em 0.8em;
border-radius: 4px;
}
.products th strong {
font-size: 125%;
}
.products td {
font-size: 13px;
line-height: 1.5em;
padding: 0.5em 0.8em;
}
.products td strong {
font-size: 125%;
}
.coordinat-shop {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1024px) {
/* coordinat */
#coordinat {
background-size: 115% auto;
}
.coordinat-new {
border-radius: 14px;
border: 6px dotted rgba(229,98,146,1.00);
padding: 35px;
margin: 0px auto 6%;
}
.coordinat-new-cont > dt {
-ms-flex-preferred-size: 43%;
flex-basis: 43%;
margin-bottom: 0%;
}
.coordinat-new-cont > dd {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.coordinat-new-catch {
font-size: 17px;
line-height: 1.6em;
margin-bottom: 4%;
}
.coordinat-new-text{
font-size: 14px;
line-height: 1.5em;
}


.coordinat-contents > li {
border-radius: 15px;
margin-bottom: 5%;
-ms-flex-preferred-size: calc(50% - 16px);
flex-basis: calc(50% - 18px);
}
.coordinat-point {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 2%;
padding: 18px;
}

.coordinat-text {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 2%;
}
.products {
margin-top: 4%;
margin-bottom: 2%;
border-radius: 10px;
overflow: hidden;
}
.products th {
font-size: 13px;
line-height: 1.5em;
padding: 0.5em 0.8em;
border-radius: 0px;
display: table-cell;
border-bottom: 1px solid rgba(255,255,255,1.00);
}
.products tr:last-child th {
border-bottom: none;
}
.products th strong {
font-size: 125%;
}
.products td {
font-size: 13px;
line-height: 1.5em;
padding: 0.5em 0.8em;
display: table-cell;
color: rgba(255,255,255,1.00);
background-color: rgba(199,114,142,1.00);
border-bottom: 1px solid rgba(255,255,255,1.00);
white-space: nowrap;
text-align: right;
vertical-align: middle;
}
.products tr:last-child td {
border-bottom: none;
}
.products td strong {
font-size: 125%;
}
.coordinat-shop {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
/* coordinat */
#coordinat {
background-size: 108% auto;
}
.coordinat-new {
border-radius: 18px;
padding: 40px;
margin: 0px auto 5%;
}
.coordinat-new-cont > dt {
-ms-flex-preferred-size: calc(842px / 2);
flex-basis: calc(842px / 2);
}
.coordinat-new-cont > dd {
-ms-flex-preferred-size: 51%;
flex-basis: 51%;
}
.coordinat-new-catch {
font-size: 18px;
line-height: 1.6em;
margin-bottom: 4%;
}
.coordinat-new-text{
font-size: 15px;
line-height: 1.5em;
}

.coordinat-contents > li {
border-radius: 18px;
margin-bottom: 6%;
-ms-flex-preferred-size: calc(50% - 27px);
flex-basis: calc(50% - 27px);
}

.coordinat-point {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 2%;
padding: 18px;
}

.coordinat-text {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 2%;
}
.products {
margin-top: 4%;
margin-bottom: 2%;
border-radius: 10px;
overflow: hidden;
}
.products th {
font-size: 13px;
line-height: 1.5em;
padding: 0.6em 0.8em;
}
.products th strong {
font-size: 127%;
}
.products td {
font-size: 13px;
line-height: 1.5em;
padding: 0.6em 0.8em;
}
.products td strong {
font-size: 127%;
}
.coordinat-shop {
font-size: 15px;
line-height: 1.5em;
}

}


@media print, screen and (min-width: 1400px) {
/* coordinat */
#coordinat {
background-size: 100% auto;
}

}






















/*
	<div class="main-img animation-fade">
		<div class="back01"><img src="images/main_back_pc.gif" alt="" width="2400" height="904" class="pc-on"><img src="images/main_back_sp.gif" alt="" width="800" height="876" class="sp-on"></div>
		<div class="back02"><img src="images/main_back_pc2.png" alt="2026 Christmas Kids Gift Collection | ７階 おもちゃ、キャラクター雑貨、生活雑貨、ベビー・こども服売場" width="2400" height="1132" class="pc-on"><img src="images/main_back_sp2.png" alt="2026 Christmas Kids Gift Collection | ７階 おもちゃ、キャラクター雑貨、生活雑貨、ベビー・こども服売場" width="800" height="916" class="sp-on"></div>
		<div class="santa-out"><div class="santa-img"><img src="images/main_santa.png" alt="" width="988" height="412" class="santa-img-img"></div></div>
	</div>
*/
.main-img {
position: relative;
z-index: 1;
margin-bottom: 10%;
}
.main-img::before {
content: "";
width: 100%;
height: 100%;
bottom: -10%;
left: 0px;
display: block;
position: absolute;
background-color: rgba(255,249,223,1.00);
z-index: -1;
}
.main-img .back02 {
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
width: 100%;
}
.main-img .santa-out {
position: absolute;
z-index: 3;
bottom: -8%;
left: 0%;
width: 100%;
overflow: hidden;
}
.main-img .santa-img {
position: relative;
z-index: 3;
bottom: 0px;
left: 50%;
width: 60%;
animation-duration: 20s;
animation-fill-mode: backwards;
animation-iteration-count: infinite;
animation-name: santaMovie;
}

@keyframes santaMovie {
  0% {
    left: 110%;
		animation-timing-function: linear;
  }
  100% {
		animation-timing-function: linear;
    left: -65%;
  }
}
@keyframes santaMovie2 {
  0% {
    left: 110%;
		animation-timing-function: linear;
  }
  100% {
		animation-timing-function: linear;
    left: -45%;
  }
}

.main-img .santa-img-img {
position: relative;
bottom: 0%;
left: 0%;
width: 100%;
animation-duration: 0.5s;
animation-fill-mode: backwards;
animation-iteration-count: infinite;
animation-name: santaMovie-v;
display: block;
}
@keyframes santaMovie-v {
  0% {
    bottom: -1px;
		animation-timing-function: linear;
  }
  50% {
		animation-timing-function: linear;
    bottom: 2px;
  }
  100% {
		animation-timing-function: linear;
    bottom: -1px;
  }
}	
	
@keyframes santaMovie-v2 {
  0% {
    bottom: -1px;
		animation-timing-function: linear;
  }
  50% {
		animation-timing-function: linear;
    bottom: 3px;
  }
  100% {
		animation-timing-function: linear;
    bottom: -1px;
  }
}

@keyframes santaMovie-v3 {
  0% {
    bottom: -1px;
		animation-timing-function: linear;
  }
  50% {
		animation-timing-function: linear;
    bottom: 4px;
  }
  100% {
		animation-timing-function: linear;
    bottom: -1px;
  }
}


@media print, screen and (min-width: 375px) {

}


@media print, screen and (min-width: 768px) {
.main-img {
margin-bottom: 3%;
}
.main-img::before {
bottom: -15%;
}
.main-img .back02 {
top: -15%;
}
.main-img .santa-out {
bottom: -15%;
}
.main-img .santa-img {
width: 40%;
animation-duration: 22s;
animation-fill-mode: backwards;
animation-iteration-count: infinite;
animation-name: santaMovie2;
}
.main-img .santa-img-img {
animation-name: santaMovie-v2;
}

}


@media print, screen and (min-width: 1024px) {
.main-img {
margin-bottom: 4%;
}
.main-img .santa-img {
width: 40%;
animation-duration: 25s;
}
.main-img .santa-img-img {
animation-name: santaMovie-v3;
}

}

@media print, screen and (min-width: 1200px) {
.main-img {
margin-bottom: 5%;
}
.main-img .back02 {
top: -10%;
}
.main-img .santa-out {
bottom: -18%;
}

}

@media print, screen and (min-width: 1400px) {

}