@charset "utf-8";
@import "initialize.css";
@import url("common_pc.css") screen and (min-width: 1011px);
@import url("common_sp.css") screen and (max-width: 1010px);


header,
.wrapper,
footer{
	margin: 0 auto;
/*	min-width: 1250px;*/
/*	animation-name: fadein;
    animation-duration: 2s;*/
}
footer {
	height: 20px;
}
@keyframes fadein {
	from {
	    opacity: 0;
	}
	to {
	    opacity: 1;
	}
}

.item_wrap {
	width: 350px;
	height: 350px;
	
}

header .h1logoBG {
	filter: drop-shadow(1px 1px 2px #2fa90e);
}
.allOK {
	color: #2fa90e;
/*	filter: drop-shadow(2px 2px 1px #48d223);*/
}
.wrapper > ul > li a,
.wrapper > ul > li .nolinkWrap {
	box-shadow: 0 0 8px #2fa90e;
}

hr {
	border: 3px dashed #a2e114;
}
h2 {
	padding: 20px;
	text-align: center;
}
nav h2 {
	margin: 0 0 10px 0;
	padding: 0 !important;
	background-color: transparent;
	font-size: 16px !important; 
	color: #333;
	letter-spacing: 3px;
	text-align: left;
}

footer {
	background-color: #a2e114;
}

ul.variation {
	max-width: 1300px;
	
	li{padding:10px}
	img{width: 100%; height: auto;}
}

/* @group nav */

nav {
	display: block;
	position: fixed;
	top: 2px;
	right: -150px;
	width: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 1000;
	opacity: 0;
	background-color: rgba( 255, 255, 255, 0.9 );
	border-radius: 0 0 0 20px;
}
.open nav {
	right: 0;
	opacity: 1;
}
nav .inner {
	padding: 15px 25px 25px 25px;
}
nav .inner ul {
	margin: 0;
	padding: 0;
}
nav .inner ul li {
	position: relative;
	margin: 0;
	list-style: square inside;
	padding: 10px 5px;
	border-bottom: 2px dotted #999;
	text-align: left;
}
nav .inner ul li:first-child {
	border-top: 2px dotted #999;
}
/*　.toggle_btn　*/
.toggle_btn {
	display: block;
	position: fixed;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	transition: all .5s;
	cursor: pointer;
	z-index: 1000;
}
.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #333;
	border-radius: 4px;
	transition: all .5s;
}
.toggle_btn span:nth-child(1) {
	top: 4px;
}
.toggle_btn span:nth-child(2) {
	top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}

.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-315deg);
	transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
	opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
}
nav a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

/* @end */

.wrapper > ul > li .new span {
	display: none;
}


/* @group 製品 */

/*  うさぎのふく  */
.usaginohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  うさみみカチューシャ  */
.usamimikatyusha {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: none;}
}
/*  おおきなリボン  */
.ookinaribbon {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: none;}
}
/*  おてつだいするふく  */
.otetsudaisuruhuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: block;}
	p {color: #b00;}
}
/*  おまつりのふく  */
.omatsurinohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  かしわもちふく  */
.kashiwamochihuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  クローバーの花冠 */
.clovernohanakanmuri {
	.itemWrap{background-image: url(../img/img_clovrenohanakanmuri.jpg);}
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: none;}
}
/*  サンバイザー */
.sunvisor {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  シャチのふく */
.orcanohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
	p {color: #00a2ff;}
}
/*  たまむしいろのふく */
.tamamushiironohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ちいさいまるいにわ */
.chiisaimaruiniwa {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: block;}
}
/*  チーズバーガーのふく */
.cheeseburgernohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  なつおとこのふく */
.natsuotokonohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ねこのふく  */
.nekonohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ねこのふく【とら】  */
.nekonohuku_tora {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ぱんだのふく  */
.pandanohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ふわふわポシェット */
.fuwafuwapochette {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: block;}
}
/*  もようのねこのふく  */
.moyounonekonohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  やんちゃなふく */
.yanchanahuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  ゆめのようなクッション */
.yumenoyounacushion {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: block;}
}
/*  🪄 */
.magicaldonki {
	.nui_mochi{display: block;}
	.nui_teku{display: block;}
	.nui_chimi{display: block;}
}
/*  かんぱーい！！のふく */
.kanpainohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  かんぱーい！！のふく */
.obakechannohuku {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  かぶと と くわがたのふく */
.kabukuwa {
	.nui_mochi{display: block;}
	.nui_teku{display: none;}
	.nui_chimi{display: none;}
}
/*  エプロンつきワンピース */
.aprondress {
	.nui_mochi{display: none;}
	.nui_teku{display: block;}
	.nui_chimi{display: block;}
}


/* @end */