<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

button,input,select,textarea{
	font-family:inherit;
	font-size:100%;
}
.back-black{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/black.png");transition: all 1s;
}
.back-eight-black{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/no8_black.png");transition: all 1s;
}
.back-b-blue{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-blue.png");display:none;transition: all 1s;
}
.back-b-gray{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-gray.png");display:none;transition: all 1s;
}
.back-b-green{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-green.png");display:none;transition: all 1s;
}
.back-b-gold{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-gold.png");display:none;transition: all 1s;
}
.back-b-black{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-black.png");display:none;transition: all 1s;
}
.back-b-lavender{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-lavender.png");display:none;transition: all 1s;
}
.back-five-b-lavender{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/no5_br-lavender.png");display:none;transition: all 1s;
}
.back-b-pink{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-pink.png");display:none;transition: all 1s;
}
.back-b-red{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-red.png");display:none;transition: all 1s;
}
.back-brown{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/brown.png");display:none;transition: all 1s;
}
.back-b-sepia{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/b-sepia.png");display:none;transition: all 1s;
}
.back-camel{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/camel.png");display:none;transition: all 1s;
}
.back-carmine{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/carmine.png");display:none;transition: all 1s;
}
.back-five-carmine{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/no5_carmine.png");display:none;transition: all 1s;
}
.back-cherry{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/cherry.png");display:none;transition: all 1s;
}
.back-darkgreen{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/darkgreen.png");display:none;transition: all 1s;
}
.back-indigo{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/indigo.png");display:none;transition: all 1s;
}
.back-lavender{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/lavender.png");display:none;transition: all 1s;
}
.back-lavenderpink{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/lavenderpink.png");display:none;transition: all 1s;
}
.back-navy{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/navy.png");display:none;transition: all 1s;
}
.back-n-blue{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/n-blue.png");display:none;transition: all 1s;
}
.back-blue{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/blue.png");display:none;transition: all 1s;
}
.back-pink{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/pink.png");display:none;transition: all 1s;
}
.back-red{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/red.png");display:none;transition: all 1s;
}
.back-red-cream{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/red-cream.png");display:none;transition: all 1s;
}
.back-red-pink{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/red-pink.png");display:none;transition: all 1s;
}
.back-b-yellow{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/brown-yellow.png");display:none;transition: all 1s;
}
.back-rose{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/rose.png");display:none;transition: all 1s;
}
.back-tarquoise{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/tarquoise.png");display:none;transition: all 1s;
}
.back-five-tarquoise{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/no5_tarquoise.png");display:none;transition: all 1s;
}
.back-vivid{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/vivid.png");display:none;transition: all 1s;
}
.back-five-vivid{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/no5_vivid.png");display:none;transition: all 1s;
}
.gray{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/gray.png");display:none;transition: all 1s;
}
.gray-2023{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/gray.png");display:none;transition: all 1s;
}
.charcoal{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/charcoal.png");display:none;transition: all 1s;
}
.apricot{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/apricot.png");display:none;transition: all 1s;
}
.apricot-2023{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/apricot.png");display:none;transition: all 1s;
}
.bordeaux{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/bordeaux.png");display:none;transition: all 1s;
}
.back-olive{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/olive.png");display:none;transition: all 1s;
}
.back-cream{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/cream.png");display:none;transition: all 1s;
}
.back-purple{
background-image:url("https://www.nakamura-kaban.net/img/2024/initial/randsel/purple.png");display:none;transition: all 1s;
}
.jasmine{
background-image:url("https://www.nakamura-kaban.net/img/2026/initial/randsel/jasmine.png");display:none;transition: all 1s;background-size:100%;
}
.back-five-cherry{
background-image:url("https://www.nakamura-kaban.net/img/2026/initial/randsel/no5_cherry.png");display:none;transition: all 1s;background-size:100%;
}

.ver2022 .example_item01{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item01.png");background-size:100%;
}
.ver2022 .example_item02{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item02.png");background-size:100%;
}
.ver2022 .example_item03{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item03.png");background-size:100%;
}
.ver2022 .example_item04{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item04.png");background-size:100%;
}
.ver2022 .example_item05{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item05.png");background-size:100%;
}
.ver2022 .example_item06{
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_item06.png");background-size:100%;
}
.ver2022 .example_items .c01 { color: #ccc; }
.ver2022 .example_items .c02 { color: #f39800; }
.ver2022 .example_items .c03 { color: #f4b3bc; }
.ver2022 .example_items .c04 { color: #2ea7e0; }
.ver2022 .example_items .c05 { color: #b7b2d8; }
.ver2022 .example_items .c06 { color: #006934; }

/* イニシャル刺繡無料期間終了code */

.ver2022 .initial-free p:nth-of-type(2),
.ver2022 .initial-free p:nth-of-type(3),
.ver2022 .initial-special p &gt; span + span{
//	display: none!important;
}
.ver2022 .initial-free p:nth-of-type(4){
	display: block;
	position: relative!important;
	top: unset!important;
	right: unset!important;
	text-align: center!important;
}
@media screen and (max-width: 480px){
.ver2022 .initial-free p:nth-of-type(4) {
    margin: 0 auto 3.1vw auto!important;
}
.ver2022 .initial-special .minimum-text{
	display: inline-block!important;
	margin-left: 0!important;
}
}
@media screen and (max-width:480px) {
.color-message p {
    font-weight: 700;
    font-size: 4vw;
    margin: -1.6vw auto 12.4vw auto;
}
.popular-color-image{
	max-width: 70vw;
	height: 33.5vw;
	text-align:center;
	position: relative;
}
.popular-color-image img{
	max-width: 50vw;
	margin: 0 auto;
}
.girl-popular{
	margin: 0 auto 15.2vw auto;
}
.boy-popular{
	margin: 0 auto 25vw auto;
}
.popular-color-image h2{
	font-weight: 700;
	font-size: 4vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.8vw;
	padding-bottom: 2.8vw;
	max-width: 55.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popular-color-image h2 img{
    max-width: 10vw;
}
.popular-color-image h2 span{
	border-bottom: solid 0.3vw #000;
	padding-bottom: 2.5vw;
	width: 38vw;
}
.popular-color-image ul{
	list-style: none;
	display: flex;
	font-weight: 700;
	font-size: 2vw;
	padding: 0;
	margin: 0;
	bottom: 0;
}
.popular-color-image ul li{
	position: absolute;
	bottom: -7%;
	white-space: nowrap;
}
.girl-popular ul li:nth-of-type(1){
    left: 20.2%;
    transform: translateX(-20.2%);
    -webkit-transform: translateX(-20.2%);
    -ms-transform: translateX(-20.2%);
}
.girl-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.girl-popular ul li:nth-of-type(3){
    left: 79.8%;
    transform: translateX(-79.8%);
    -webkit-transform: translateX(-79.8%);
    -ms-transform: translateX(-79.8%);
}
.boy-popular ul li:nth-of-type(1){
    left: 21.5%;
    transform: translateX(-21.5%);
    -webkit-transform: translateX(-21.5%);
    -ms-transform: translateX(-21.5%);
}
.boy-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.boy-popular ul li:nth-of-type(3){
    left: 79.8%;
    transform: translateX(-79.8%);
    -webkit-transform: translateX(-79.8%);
    -ms-transform: translateX(-79.8%);
}
select{
	border:0.3vw solid  #ccc;
}
.initial02 select{padding: 2.5vw 1vw;font-size: 4vw;height: 11.2vw;}
.initial02 div:nth-of-type(4) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(6) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(9) &gt; select{
	width: 29%;
	font-size: 5.5vw;
	height: 9.2vw;
}
.initial_wrap{
width:90vw;height:auto;margin:auto;
position:relative;font-size:4vw;text-align:left;margin-top:-15vw;
}
.initial_detail .initial_wrap{
width:90vw;height:auto;margin:auto;
position:relative;font-size:4vw;text-align:left;margin-top:0;
}
.ver2022 .top-image{
	width:100vw;margin-left:0;margin-right:0;
}
.randselwrap &gt; div,
.randsel2wrap &gt; div{
width:90vw;height:90vw;position:relative;margin:auto;background-size:90vw;
}
.ini_wrap{
position:absolute;
width:20vw;
top:38.5vw;left:35.3vw;
text-align:center;
z-index: 1;
}
.ini1,.ini2,.ini3{
display:inline-block;
width:4vw;height:4vw;margin:0;
position:relative;display:hidden;opacity:0;transition: all 1s;
}
.initial02{
margin-top:8vw;width:90vw;text-align:left;
}
.initial02 .ul{display:inline-block;background: linear-gradient(transparent 30%, #f8e180 30%);padding:0 2vw;font-size:5vw;letter-spacing:0.1em;}
.initial02 div:nth-of-type(1){margin-top:-15vw;margin-bottom:4vw;font-size:5vw;}
.initial02 div:nth-of-type(2){margin-bottom:4vw;}
.initial02 div:nth-of-type(3){margin-left:5vw;width:32vw;display:inline-block;padding-bottom:2vw;}
.initial02 div:nth-of-type(4){display:inline-block;padding-bottom:2vw;width: 50.5vw;}
.initial02 div:nth-of-type(5){margin-left:5vw;width:32vw;display:inline-block;}
.initial02 div:nth-of-type(6){width: 50.5vw;display:inline-block;margin-bottom:4vw;}
.initial02 div:nth-of-type(7){margin-bottom:4vw;font-size:5vw;}
.initial02 div:nth-of-type(8){margin-bottom:4vw;}
.initial02 div:nth-of-type(9){height: 13vw;}
.initial02 div:nth-of-type(10){margin-top:20vw;height:auto;}
#initial-box{
border:0.3vw solid black;text-align:center;font-size:4.5vw;letter-spacing:0;
width:89.4vw;height:14vw;line-height:14vw;border-radius: 3vw;
}
.initial_wrap .texts{
	margin:4vw auto;
	font-size:4vw;line-height:8vw;
}


.ver2022 .example_wrapper {
	width:100vw;
	margin: 8vw auto 0 auto;
	font-size:0;
}
.ver2022 .example-up{
	width:90vw;
	margin:0 auto 8vw auto;
	font-size:0;
	text-align:center;
}
.ver2022 .example-up picture{
	width:25vw;height:auto;
	margin:0 2.5vw;
	display:inline-block;
}

.ver2022 .example_items {
  position: relative;
  width: 96vw;
  height: calc(96vw * calc(300 / 475));
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_itemback.jpg");
  background-repeat: no-repeat;
  background-size:100%;
  background-position: -3vw 0;
  margin: 0 4vw 8vw 0;
  display:inline-block;
}
.ver2022 .example_items &gt; div:nth-of-type(1){
  position: absolute;
  width: calc(96vw * calc(440 / 475));
  height: calc(96vw * calc(200 / 475));
  top: calc(96vw * calc(70 / 475));
  left: 0;
  background-repeat: no-repeat;
  background-position: top left;
}
.ver2022 .example_items &gt; div:nth-of-type(2){
    position: absolute;
    width: calc(96vw * calc(60 / 475));
    height: calc(96vw * calc(20 / 475));
    top: 0px;
    left: calc(96vw * calc(125 / 475));
    font-size: calc(96vw * calc(9 / 475));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(3){
    position: absolute;
    width: calc(96vw * calc(60 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(20 / 475));
    left: calc(96vw * calc(125 / 475));
    font-size: calc(96vw * calc(24 / 475));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(4){
    position: absolute;
    width: calc(96vw * calc(160 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(40 / 475));
    left: calc(96vw * calc(305 / 475));
    font-size: calc(96vw * calc(16 / 475));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(5){
    position: absolute;
    width: calc(96vw * calc(160 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(60 / 475));
    left: calc(96vw * calc(305 / 475));
    font-size: calc(96vw * calc(12 / 475));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(6){
    position: absolute;
    width: calc(96vw * calc(160 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(80 / 475));
    left: calc(96vw * calc(305 / 475));
    font-size: calc(96vw * calc(16 / 475));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(7){
    position: absolute;
    width: calc(96vw * calc(160 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(130 / 475));
    left: calc(96vw * calc(300 / 475));
    font-size: calc(96vw * calc(11 / 475));
    text-align: center;
    letter-spacing: 0em;
}
.ver2022 .example_items &gt; div:nth-of-type(8){
    position: absolute;
    width: calc(96vw * calc(115 / 475));
    height: calc(96vw * calc(20 / 475));
    top: calc(96vw * calc(190 / 475));
    left: calc(96vw * calc(325 / 475));
    font-size: calc(96vw * calc(12 / 475));
    text-align: left;
    line-height: calc(96vw * calc(15 / 475));
    letter-spacing: 0em;
}

.ver2022 .initial-special {
  position: relative;
  margin:0 auto 11vw auto;
  width:88.8vw;
  height:auto;
  border: 0.6vw dashed #2CA5DF;
}
.ver2022 .initial-special p:nth-of-type(1){
	margin:8vw auto;
	font-size:5vw;line-height:1em;
	text-align:center;
	width:100%;
}
.ver2022 .initial-special p:nth-of-type(2){
	font-size:5vw;line-height:1em;font-weight:600;
	margin:0 0 3.1vw 10vw;
}
.ver2022 .initial-special p:nth-of-type(3){
	font-size:5vw;line-height:1em;font-weight:600;
	margin:0 0 8vw 10vw;
}
.ver2022 .initial-special p:nth-of-type(2):after{
	padding-left:6vw;font-weight:600;
	content:"開始";
}
.ver2022 .initial-special p:nth-of-type(3):after{
	padding-left:3.3vw;font-weight:600;
	content:"締切";
}
.ver2022 .initial-special p:nth-of-type(4){
	font-size:6.5vw;line-height:1em;
	margin:0 auto 3.1vw auto;text-align:center;
}
.ver2022 .initial-special p:nth-of-type(4) span{
	font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(5){
	font-size:3.2vw;line-height:1em;
	margin:0 0 6.5vw 17vw;
}
.ver2022 .initial-special p:nth-of-type(6){
	font-size:4vw;line-height:7vw;
	margin:0 auto 6.5vw auto;
	width:75vw;text-align:left;
}
.ver2022 .initial-free p:nth-of-type(2){
	font-size: 5vw;
	margin: 0 0 3.1vw 16.2vw;
	font-weight: 700;
}
.ver2022 .initial-free p:nth-of-type(3){
	font-weight: 700;
	font-size: 5vw;
	margin: 0 0 8vw 16.2vw;
}
.ver2022 .initial-free p:nth-of-type(2):after{
	padding-left: 17vw;
}
.ver2022 .initial-free p:nth-of-type(3):after{
	padding-left: 14.1vw;
}
.ver2022 .initial-free p:nth-of-type(4){
	margin: 0 auto 3.1vw 18vw;
	text-align: left;
	position: relative;
}
.ver2022 .initial-special p &gt; span + span{
	position: absolute;
	margin-left: 40vw;
	top: 0;
	left: 0%;
}
.ver2022 .initial-special p &gt; span + span:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 5vw;
    content: "\f061";
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -11.5vw;
}
.ver2022 .initial-special .minimum-text{
	font-size: 30%;
	font-weight: normal!important;
	display: block;
	margin-left: 12vw;
}
.ver2022 .initial-special .other-text{
	line-height: 6.2vw!important;
	margin: 0 8vw 6.5vw 9vw!important;
}
}

@media screen and (min-width: 481px) {
@media screen and (max-width:1100px) {
.color-message p {
    font-size: calc(100vw * calc(18 / 1100));
    margin-bottom: calc(100vw * calc(53.6 / 1100));
}
.popular-color-image{
	width: calc(100vw * calc(500 / 1100));
	height: calc(100vw * calc(245 / 1100));
	text-align:center;
	position: relative;
}
.girl-popular{
	margin:0 auto calc(100vw * calc(65 / 1100)) auto;
}
.boy-popular{
	margin:0 auto calc(100vw * calc(90 / 1100)) auto;
}
.popular-color-image h2{
	font-weight: 700;
	font-size: calc(100vw * calc(18 / 1100));
	margin-left: auto;
	margin-right: auto;
	margin-bottom: calc(100vw * calc(18 / 1100));
	padding-bottom: calc(100vw * calc(15 / 1100));
	max-width: calc(100vw * calc(390 / 1100));
	display: flex;
	justify-content: center;
	align-items: center;
}
.popular-color-image h2 img{
    max-width: calc(100vw * calc(50 / 1100));
}
.popular-color-image h2 span{
	border-bottom: solid calc(100vw * calc(1 / 1100)) #000;
	padding-bottom: calc(100vw * calc(10 / 1100));
	width: calc(100vw * calc(180 / 1100));
}
.popular-color-image ul{
	list-style: none;
	display: flex;
	font-weight: 700;
	font-size: calc(100vw * calc(18 / 1100));
	padding: 0;
	margin: 0;
	bottom: 0;
}
.popular-color-image ul li{
	position: absolute;
	bottom: 0;
	white-space: nowrap;
}
.girl-popular ul li:nth-of-type(1){
    left: 6.8%;
    transform: translateX(-6.8%);
    -webkit-transform: translateX(-6.8%);
    -ms-transform: translateX(-6.8%);
}
.girl-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.girl-popular ul li:nth-of-type(3){
    left: 91.8%;
    transform: translateX(-91.8%);
    -webkit-transform: translateX(-91.8%);
    -ms-transform: translateX(-91.8%);
}
.boy-popular ul li:nth-of-type(1){
    left: 10%;
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
}
.boy-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.boy-popular ul li:nth-of-type(3){
    left: 91.8%;
    transform: translateX(-91.8%);
    -webkit-transform: translateX(-91.8%);
    -ms-transform: translateX(-91.8%);
}
/*calc(100vw * calc(0 / 1100))による再計算*/
select{
	border:solid calc(100vw * calc(1 / 1100)) #ccc;
}
select{
	padding: calc(100vw * calc(11 / 1100));
	border:solid calc(100vw * calc(1 / 1100)) #ccc;
	margin-bottom: calc(100vw * calc(10 / 1100));
}
.initial02 div:nth-of-type(4) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(6) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(9) &gt; select {
    width: 25.5%;
    font-size: calc(100vw * calc(20 / 1100));
}
.initial_wrap{width:calc(100vw * calc(1000 / 1100));height:calc(100vw * calc(700 / 1100));margin:auto;position:relative;font-size: calc(100vw * calc(15 / 1100));text-align:left;margin-top:calc(100vw * calc(-80 / 1100));}
.randsel2wrap &gt; div,
.randselwrap &gt; div{
width:calc(100vw * calc(600 / 1100));height:calc(100vw * calc(600 / 1100));position:relative;background-size:100%;
}
.ini_wrap{
position:absolute;
width:calc(100vw * calc(100 / 1100));
top:calc(100vw * calc(255 / 1100));left:calc(100vw * calc(252 / 1100));
text-align:center;
z-index: 1;
}
.ini1,.ini2,.ini3{
display:inline-block;
width:calc(100vw * calc(20 / 1100));height:calc(100vw * calc(30 / 1100));margin:0;
position:relative;display:hidden;opacity:0;transition: all 1s;
}
.initial02{
position:absolute;top:calc(100vw * calc(100 / 1100));left:calc(100vw * calc(630 / 1100));width:calc(100vw * calc(420 / 1100));text-align:left;
}
.initial02 .ul{display:inline-block;background: linear-gradient(transparent 30%, #f8e180 30%);padding:0 calc(100vw * calc(10 / 1100));font-size:calc(100vw * calc(18 / 1100));letter-spacing:0.1em;}
.initial02 div:nth-of-type(1){margin-bottom:calc(100vw * calc(15 / 1100));font-size:calc(100vw * calc(18 / 1100));}
.initial02 div:nth-of-type(2){margin-bottom:calc(100vw * calc(10 / 1100));}
.initial02 div:nth-of-type(3){margin-left:5%;width:calc(100vw * calc(150 / 1100));display:inline-block;}
.initial02 div:nth-of-type(4){display:inline-block;width: calc(100vw * calc(204 / 1100));}
.initial02 div:nth-of-type(5){margin-left:5%;width:calc(100vw * calc(150 / 1100));display:inline-block;}
.initial02 div:nth-of-type(6){display:inline-block;margin-bottom:calc(100vw * calc(20 / 1100));width: calc(100vw * calc(204 / 1100));}
.initial02 div:nth-of-type(7){margin-bottom:calc(100vw * calc(15 / 1100));font-size:calc(100vw * calc(18 / 1100));}
.initial02 div:nth-of-type(8){margin-bottom:calc(100vw * calc(10 / 1100));}
.initial02 div:nth-of-type(9){}
.initial02 div:nth-of-type(10){}
#initial-box{border:calc(100vw * calc(1 / 1100)) solid black;text-align:center;font-size:calc(100vw * calc(17 / 1100));letter-spacing:0;width:calc(100vw * calc(365 / 1100));height:calc(100vw * calc(43 / 1100));line-height:calc(100vw * calc(43 / 1100));border-radius: calc(100vw * calc(6 / 1100));margin-top: calc(100vw * calc(33 / 1100));}
.initial_wrap .texts{
	position:absolute;top:calc(100vw * calc(550 / 1100)); left:calc(100vw * calc(120 / 1100));
	font-size:calc(100vw * calc(15 / 1100));line-height:calc(100vw * calc(30 / 1100));
}


.ver2022 .example_wrapper {
	width:calc(100vw * calc(1000 / 1100));
	margin: calc(100vw * calc(40 / 1100)) auto 0 auto;
	font-size:0;
}
.ver2022 .example-up{
	width:calc(100vw * calc(930 / 1100));
	margin:0 auto calc(100vw * calc(40 / 1100)) auto;
	font-size:0;
	text-align:center;
}
.ver2022 .example-up picture{
	width:calc(100vw * calc(180 / 1100));height:auto;
	margin:0 calc(100vw * calc(65 / 1100));
	display:inline-block;
}
.ver2022 .example_items {
  position: relative;
  width: calc(100vw * calc(455 / 1100));
  height: calc(100vw * calc(270 / 1100));
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_itemback.jpg");
  background-repeat: no-repeat;
  background-position: calc(100vw * calc(18 / 1100)) 0;
  background-size:calc(100vw * calc(440 / 1100));
  margin: 0 calc(100vw * calc(45 / 1100)) calc(100vw * calc(50 / 1100)) 0;
  display:inline-block;
}
.ver2022 .example_items &gt; div:nth-of-type(1){
  position: absolute;
  width: calc(100vw * calc(440 / 1100));
  height: calc(100vw * calc(200 / 1100));
  top: calc(100vw * calc(70 / 1100));
  left: 0;
  background-repeat: no-repeat;
  background-position: top left;
}
.ver2022 .example_items &gt; div:nth-of-type(2){
    position: absolute;
    width: calc(100vw * calc(60 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: 0;
    left: calc(100vw * calc(125 / 1100));
    font-size: calc(100vw * calc(9 / 1100));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(3){
    position: absolute;
    width: calc(100vw * calc(60 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(20 / 1100));
    left: calc(100vw * calc(125 / 1100));
    font-size: calc(100vw * calc(24 / 1100));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(4){
    position: absolute;
    width: calc(100vw * calc(160 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(40 / 1100));
    left: calc(100vw * calc(305 / 1100));
    font-size: calc(100vw * calc(16 / 1100));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(5){
    position: absolute;
    width: calc(100vw * calc(160 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(60 / 1100));
    left: calc(100vw * calc(305 / 1100));
    font-size: calc(100vw * calc(12 / 1100));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(6){
    position: absolute;
    width: calc(100vw * calc(160 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(80 / 1100));
    left: calc(100vw * calc(305 / 1100));
    font-size: calc(100vw * calc(16 / 1100));
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(7){
    position: absolute;
    width: calc(100vw * calc(160 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(130 / 1100));
    left: calc(100vw * calc(300 / 1100));
    font-size: calc(100vw * calc(11 / 1100));
    text-align: center;
    letter-spacing: 0em;
}
.ver2022 .example_items &gt; div:nth-of-type(8){
    position: absolute;
    width: calc(100vw * calc(115 / 1100));
    height: calc(100vw * calc(20 / 1100));
    top: calc(100vw * calc(190 / 1100));
    left: calc(100vw * calc(325 / 1100));
    font-size: calc(100vw * calc(10 / 1100));
    text-align: left;
    line-height: calc(100vw * calc(13 / 1100));
    letter-spacing: 0em;
}

.ver2022 .initial-special {
  position: relative;
  margin:0 auto calc(100vw * calc(40 / 1100)) auto;
  width: calc(100vw * calc(860 / 1100));
  height:calc(100vw * calc(240 / 1100));
  border: calc(100vw * calc(2 / 1100)) dashed #2CA5DF;
}
.ver2022 .initial-special p:nth-of-type(1){
	margin:calc(100vw * calc(40 / 1100)) auto;
	font-size:calc(100vw * calc(21 / 1100));line-height:1em;
	text-align:center;
	width:100%;
}
.ver2022 .initial-special p:nth-of-type(2){
	position:absolute; bottom:calc(100vw * calc(131 / 1100)); left:calc(100vw * calc(42 / 1100));
	font-size:calc(100vw * calc(18 / 1100));line-height:1em;font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(3){
	position:absolute; bottom:calc(100vw * calc(95 / 1100)); left:calc(100vw * calc(42 / 1100));
	font-size:calc(100vw * calc(18 / 1100));line-height:1em;font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(2):after{
	padding-left:calc(100vw * calc(35 / 1100));font-weight:600;
	content:"開始";
}
.ver2022 .initial-special p:nth-of-type(3):after{
	padding-left:calc(100vw * calc(25 / 1100));font-weight:600;
	content:"締切";
}
.ver2022 .initial-special p:nth-of-type(4){
	position:absolute; top:calc(100vw * calc(100 / 1100)); right:calc(100vw * calc(42 / 1100));
	font-size:calc(100vw * calc(40 / 1100));line-height:1em;
}
.ver2022 .initial-special p:nth-of-type(4) span{
	font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(5){
	position:absolute; bottom:calc(100vw * calc(92 / 1100)); left:calc(100vw * calc(451 / 1100));
	font-size:calc(100vw * calc(15 / 1100));line-height:1em;
}
.ver2022 .initial-special p:nth-of-type(6){
	position:absolute; bottom:calc(100vw * calc(40 / 1100)); left:calc(100vw * calc(42 / 1100));
	font-size:calc(100vw * calc(15 / 1100));line-height:1em;

}
.ver2022 .initial-free{
	height: calc(100vw * calc(280 / 1100));
}
.ver2022 .initial-free p:nth-of-type(2){
	bottom:calc(100vw * calc(171 / 1100));
	left:calc(100vw * calc(72 / 1100));
	font-weight: 700;
}
.ver2022 .initial-free p:nth-of-type(3){
	bottom:calc(100vw * calc(135 / 1100));
	left:calc(100vw * calc(72 / 1100));
	font-weight: 700;
}
.ver2022 .initial-free p:nth-of-type(2):after{
	padding-left:calc(100vw * calc(55 / 1100));
}
.ver2022 .initial-free p:nth-of-type(3):after{
	padding-left:calc(100vw * calc(45 / 1100));
}
.ver2022 .initial-free p:nth-of-type(4){
	top:calc(100vw * calc(110 / 1100));
	right: calc(100vw * calc(270 / 1100));
	font-size: calc(100vw * calc(42 / 1100));
}
.ver2022 .initial-special p &gt; span + span{
	left: calc(100vw * calc(285 / 1100));
	position: absolute;
	width: 100%;
}
.ver2022 .initial-special p &gt; span + span:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: calc(100vw * calc(-85 / 1100));
}
.ver2022 .initial-special .minimum-text{
	font-size: 30%;
	font-weight: normal!important;
}
.ver2022 .initial-special .other-text{
	bottom: calc(100vw * calc(25 / 1100))!important;
	left:calc(100vw * calc(42 / 1100))!important;
	line-height: calc(100vw * calc(27.8 / 1100))!important;
	max-width: calc(100vw * calc(750 / 1100));
}


}
}
@media screen and (min-width:1101px) {
.color-message p{
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 53.6px;
}
.popular-color-image{
	max-width: 500px;
	height: 245px;
	text-align:center;
	position: relative;
}
.girl-popular{
	margin: 0 auto 65px auto;
}
.boy-popular{
	margin: 0 auto 90px auto;
}
.popular-color-image h2{
	font-weight: 700;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
	padding-bottom: 15px;
	max-width: 390px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popular-color-image h2 img{
    max-width: 50px;
}
.popular-color-image h2 span{
	border-bottom: solid 1px #000;
	padding-bottom: 10px;
	width: 180px;
}
.popular-color-image ul{
	list-style: none;
	display: flex;
	font-weight: 700;
	font-size: 18px;
	padding: 0;
	margin: 0;
	bottom: 0;
}
.popular-color-image ul li{
	position: absolute;
	bottom: 0;
	white-space: nowrap;
}
.girl-popular ul li:nth-of-type(1){
    left: 6.8%;
    transform: translateX(-6.8%);
    -webkit-transform: translateX(-6.8%);
    -ms-transform: translateX(-6.8%);
}
.girl-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.girl-popular ul li:nth-of-type(3){
    left: 91.8%;
    transform: translateX(-91.8%);
    -webkit-transform: translateX(-91.8%);
    -ms-transform: translateX(-91.8%);
}
.boy-popular ul li:nth-of-type(1){
    left: 10%;
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
}
.boy-popular ul li:nth-of-type(2){
    left: 50.5%;
    transform: translateX(-50.5%);
    -webkit-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
}
.boy-popular ul li:nth-of-type(3){
    left: 91.8%;
    transform: translateX(-91.8%);
    -webkit-transform: translateX(-91.8%);
    -ms-transform: translateX(-91.8%);
}
select{
	border:solid 1px #ccc;
}
.initial02 select{
	padding: 11px;
	border:solid 1px #ccc;
	margin-bottom: 10px;
}
.initial02 div:nth-of-type(4) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(6) &gt; select{
	width: 100%;
}
.initial02 div:nth-of-type(9) &gt; select {
    width: 25.5%;
    font-size: 20px;
}
.initial_wrap{
width:1000px;height:700px;margin:auto;
position:relative;font-size:15px;text-align:left;margin-top:-80px;
}

.randselwrap &gt; div,
.randsel2wrap &gt; div{
width:600px;height:600px;position:relative;
}
.ini_wrap{
position:absolute;
width:100px;
top:255px;left:252px;
text-align:center;
z-index: 1;
}
.ini1,.ini2,.ini3{
display:inline-block;
width:20px;height:30px;margin:0;
position:relative;display:hidden;opacity:0;transition: all 1s;
}
.initial02{
position:absolute;top:100px;left:630px;width:420px;text-align:left;
}
.initial02 .ul{display:inline-block;background: linear-gradient(transparent 30%, #f8e180 30%);padding:0 10px;font-size:18px;letter-spacing:0.1em;}
.initial02 div:nth-of-type(1){margin-bottom:15px;font-size:18px;}
.initial02 div:nth-of-type(2){margin-bottom:10px;}
.initial02 div:nth-of-type(3){margin-left:5%;width:150px;display:inline-block;}
.initial02 div:nth-of-type(4){display:inline-block;width: 204px;}
.initial02 div:nth-of-type(5){margin-left:5%;width:150px;display:inline-block;}
.initial02 div:nth-of-type(6){display:inline-block;margin-bottom:20px;width: 204px;}
.initial02 div:nth-of-type(7){margin-bottom:15px;font-size:18px;}
.initial02 div:nth-of-type(8){margin-bottom:10px;}
.initial02 div:nth-of-type(9){}
.initial02 div:nth-of-type(10){}
#initial-box{border:1px solid black;text-align:center;font-size:17px;letter-spacing:0;width:365px;height:43px;line-height:43px;border-radius: 6px;margin-top: 33px;}
.initial_wrap .texts{
	position:absolute;top:550px; left:120px;
	font-size:15px;line-height:30px;
}


.ver2022 .example_wrapper {
	width:1000px;
	margin: 40px auto 0 auto;
	font-size:0;
}
.ver2022 .example-up{
	width:930px;
	margin:0 auto 40px auto;
	font-size:0;
	text-align:center;
}
.ver2022 .example-up picture{
	width:180px;height:auto;
	margin:0 65px;
	display:inline-block;
}

.ver2022 .example_items {
  position: relative;
  width: 455px;
  height: 270px;
  background-image: url("https://www.nakamura-kaban.net/img/2022/initial/example/premium_itemback.jpg");
  background-repeat: no-repeat;
  background-position: 18px 0;
  margin: 0 45px 50px 0;
  display:inline-block;
}
.ver2022 .example_items &gt; div:nth-of-type(1){
  position: absolute;
  width: 440px;
  height: 200px;
  top: 70px;
  left: 0px;
  background-repeat: no-repeat;
  background-position: top left;
}
.ver2022 .example_items &gt; div:nth-of-type(2){
    position: absolute;
    width: 60px;
    height: 20px;
    top: 0px;
    left: 125px;
    font-size: 9px;
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(3){
    position: absolute;
    width: 60px;
    height: 20px;
    top: 20px;
    left: 125px;
    font-size: 24px;
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(4){
    position: absolute;
    width: 160px;
    height: 20px;
    top: 40px;
    left: 305px;
    font-size: 16px;
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(5){
    position: absolute;
    width: 160px;
    height: 20px;
    top: 60px;
    left: 305px;
    font-size: 12px;
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(6){
    position: absolute;
    width: 160px;
    height: 20px;
    top: 80px;
    left: 305px;
    font-size: 16px;
    text-align: center;
}
.ver2022 .example_items &gt; div:nth-of-type(7){
    position: absolute;
    width: 160px;
    height: 20px;
    top: 130px;
    left: 300px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0em;
}
.ver2022 .example_items &gt; div:nth-of-type(8){
    position: absolute;
    width: 115px;
    height: 20px;
    top: 190px;
    left: 325px;
    font-size: 10px;
    text-align: left;
    line-height: 13px;
    letter-spacing: 0em;
}

.ver2022 .initial-special {
  position: relative;
  margin:0 auto 40px auto;
  width: 840px;
  height:240px;
  border: 2px dashed #2CA5DF;
}
.ver2022 .initial-special p:nth-of-type(1){
	margin:40px auto;
	font-size:21px;line-height:1em;
	text-align:center;
	width:100%;
}
.ver2022 .initial-special p:nth-of-type(2){
	position:absolute; bottom:131px; left:42px;
	font-size:18px;line-height:1em;font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(3){
	position:absolute; bottom:95px; left:42px;
	font-size:18px;line-height:1em;font-weight:600;
}

.ver2022 .initial-special p:nth-of-type(2):after{
	padding-left:35px;font-weight:600;
	content:"開始";
}
.ver2022 .initial-special p:nth-of-type(3):after{
	padding-left:25px;font-weight:600;
	content:"締切";
}

.ver2022 .initial-special p:nth-of-type(4){
	position:absolute; top:100px; right:42px;
	font-size:40px;line-height:1em;
}
.ver2022 .initial-special p:nth-of-type(4) span{
	font-weight:600;
}
.ver2022 .initial-special p:nth-of-type(5){
	position:absolute; bottom:92px; left:451px;
	font-size:15px;line-height:1em;
}
.ver2022 .initial-special p:nth-of-type(6){
	position:absolute; bottom:40px; left:42px;
	font-size:15px;line-height:1em;
}
.ver2022 .initial-free{
	height: 280px;
}
.ver2022 .initial-free p:nth-of-type(2){
	bottom:171px;
	left:72px;
	font-weight: 700;
}
.ver2022 .initial-free p:nth-of-type(3){
	bottom:135px;
	left:72px;
	font-weight: 700;
}
.ver2022 .initial-free p:nth-of-type(2):after{
	padding-left:55px;
}
.ver2022 .initial-free p:nth-of-type(3):after{
	padding-left:45px;
}
.ver2022 .initial-free p:nth-of-type(4){
	top:110px;
	right: 270px;
	font-size: 42px;
}
.ver2022 .initial-special p &gt; span + span{
	position: absolute;
	left: 285px;
	width: 100%;
}
.ver2022 .initial-special p &gt; span + span:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -85px;
}
.ver2022 .initial-special .minimum-text{
	font-size: 30%;
	font-weight: normal!important;
}
.ver2022 .initial-special .other-text{
	bottom: 25px!important;
	left:42px!important;
	line-height: 27.8px!important;
	max-width: 750px;
}
}

@media screen and (max-width: 480px){
.ini-opened{
width:3.6vw;
opacity:1;
visibility:visible;
margin:0 -0.8vw;
}
}
@media screen and (min-width: 481px){
.ini-opened{
width:calc(100vw * calc(30 / 1100));
max-width:30px;
opacity:1;
visibility:visible;
margin:0 -5px;
}
}

.ini-ini-opened{
width:100%;
opacity:1 !important;
visibility:visible;
}
.ini-closed{
width:0;
opacity:0;
visibility:hidden;
display:none !important;
}</pre></body></html>