@charset "utf-8";




@media screen and (min-width: 1000px) {
	
	#shortcut {
		position: relative;
		box-sizing: border-box;
		/*height: 32px;*/
		/*margin: 0 -5px;*/
		/*padding-bottom: 20px;*/
		padding: 0 40px;
		font-size: 0;
		text-align: left;
		-webkit-font-smoothing: antialiased;
	}
	body.fixed-menu #shortcut {
		position: fixed;
		width: 100%;
		max-width: 1280px;
		z-index: 100;
		top: 100px;
		background: #fafafa;
	}
	body.fixed-menu #shortcut + main {
		padding-top: 32px;
	}
	
	
	#shortcut li {
		position: relative;
		display: inline-block;
		font-size: 16px;
	}
	#shortcut li + li {
		margin-left: 15px;
	}
	#shortcut li + li:before {
		position: relative;
		display: inline-block;
		content: "";
		width: 1px;
		height: 16px;
		top: 2px;
		margin-right: 16px;
		background: #999;
		
	}
	#shortcut li a {
		line-height: 1;
		font-size: 16px;
		color: #999;
		cursor: pointer;
	}
	#shortcut li a:before {
	}
	#shortcut li a:hover {
		color: #000;
	}
	#product-list {
		padding: 20px 5px 0;
	}
	#product-list section:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	#product-list section + section {
		margin-top: 20px;
	}
	#product-list figure {
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 50%;
		padding: 0 5px 0 0;
	}
	#product-list figure img {
		width: 100%;
		height: auto;
	}
	#product-list figure .icon-new {
		position: absolute;
		width: 90px;
		height: 32px;
		left: 45px;
		top: 45px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: auto 32px;
	}
	#product-list section div.inner {
		position: relative;
		box-sizing: border-box;
		float: right;
		width: 50%;
		padding: 50% 0 0;
	}
	#product-list section div.ex {
		position: absolute;
		vertical-align: middle;
		left: 5px;
		right: 0;
		top: 0;
		bottom: 5px;
		font-size: 0;
		text-align: center;
	}
	#product-list section div.ex:before {
		content: "";
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
		background: #000;
		visibility: hidden;
	}
	#product-list section div.group {
		display: inline-block;
		width: 400px;
		vertical-align: middle;
	}
	
	
	#product-list section header {
		text-align: left;
	}
	#product-list section .lead {
		margin: 0 0 20px;
		font-size: 18px;
		line-height: 1;
		color: #595959;
	}
	/*
	#product-list section h2 {
		font-size: 32px;
		line-height: 1;
		color: #595959;
	}
	*/
	
	#product-list section h2 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#product-list #coharu h2 {
		background-size: auto 47px;
	}
	#product-list #kitta h2 {
		background-size: auto 48px;
	}
	#product-list #masurie h2 {
		background-size: auto 46px;
	}
	#product-list #kiroku h2 {
		background-size: auto 42px;
	}
	#product-list #seal h2 {
		background-size: auto 90px;
	}
	#product-list #girly-tepra h2 {
		background-size: auto 42px;
	}
	#product-list #hiyori h2 {
		background-size: auto 50px;
	}
	#product-list #soda h2 {
		background-size: auto 50px;
	}
	#product-list #korijirushi h2 {
		background-size: auto 50px;
	}
	#product-list #hitotoki-note h2 {
		background-size: auto 50px;
	}
	#product-list #coffret h2 {
		background-size: auto 48px;
	}

	#product-list section header {
		text-align: left;
	}
	#product-list section .lead {
		margin: 0 0 20px;
		font-size: 18px;
		line-height: 1;
		color: #595959;
	}
	/*
	#product-list section h2 {
		font-size: 32px;
		line-height: 1;
		color: #595959;
	}
	*/
	
	#product-list.product-list-type02 section h2 {
		text-indent:inherit;
		color:#595959;
	}
	#product-list.product-list-type02 #maskingtapebook h2 {
		font-size: 34px;
		line-height: 46px;
		letter-spacing: 2px;
	}
	#product-list.product-list-type02 #okimeseal h2 {
		font-size: 54px;
		line-height: 58px;
		letter-spacing: 5px;
	}
	#product-list.product-list-type02 #binsenfusen h2 {
		font-size:54px;
		line-height: 58px;
		letter-spacing: 9px;
	}
	#product-list.product-list-type02 #hitotokistandard h2 {
		font-size:54px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #kamifumibako h2 {
		font-size:54px;
		line-height: 58px;
		letter-spacing: 10px;
	}
	#product-list.product-list-type02 #hacobuchi h2 {
		font-size:54px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #kitta h2 {
		font-size:57px;
		line-height: 58px;
		letter-spacing: 5px;
	}
	#product-list.product-list-type02 #kiroku h2 {
		font-size:42px;
		line-height: 47px;
	}
	#product-list.product-list-type02 #coharu h2 {
		font-size:54px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #girly-tepra h2 {
		font-size:37px;
	}
	#product-list.product-list-type02 #seal h2 {
		font-size:38px;
		line-height: 49px;
	}
	#product-list.product-list-type02 #masurie h2 {
		font-size:54px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #hiyori h2 {
		font-size:54px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #soda h2 {
		font-size:50px;
		line-height: 1;
		letter-spacing: 20px;
	}
	#product-list.product-list-type02 #korijirushi h2 {
		font-size:50px;
		line-height: 1;
		letter-spacing: 20px;
	}
	#product-list.product-list-type02 #popupseal h2 {
		font-size:42px;
		line-height: 47px;
	}
	#product-list.product-list-type02 #thedaymask h2 {
		font-size:46px;
		line-height: 53px;
	}
	#product-list.product-list-type02 #hitotokinote h2 {
		font-size:46px;
		line-height: 58px;
	}
	#product-list.product-list-type02 #coffret h2 {
		font-size:57px;
		line-height: 58px;
		letter-spacing: 5px;
	}

	#product-list section article {
		margin: 40px 0 0;
		text-align: left;
	}
	#product-list section dt {
		display: inline-block;
		margin: 0 0 20px;
		padding: 0 0 5px;
		font-size: 20px;
		color: #595959;
		border-bottom: 2px solid #595959;
	}
	#product-list section dd {
		font-size: 15px;
		line-height: 1.8;
		color: #595959;
	}
	
	#product-list section .note {
		margin-top: 15px;
		color: #595959;
		font-size: 14px;
	}
	#product-list section .price {
		margin-top: 15px;
		color: #595959;
		font-size: 14px;
		line-height: 1.5;
	}
	
	#product-list section nav {
		margin: 25px 0 0;
		font-size: 0;
	}
	#product-list section article p {
		font-size: 16px;
		line-height: 2;
		color: #666;
	}
	#product-list section article p strong {
		font-weight: normal;
		background: rgba(255,255,255,0.6);
	}
	#product-list section nav a {
		display: inline-block;
		width: 192px;
		height: 50px;
		
		/*
		color: #595959;
		line-height: 50px;
		font-size: 16px;
		text-align: center;
		background: #fafafa;
		*/
		
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		
		-ms-transition:     background 300ms ease-out;
		-webkit-transition: background 300ms ease-out;
		-moz-transition:    background 300ms ease-out;
		transition:         background 300ms ease-out;
	}
	#product-list section nav a + a {
		margin-left: 16px;
	}
	#product-list section nav a.howto {
		background: #fafafa url(../img/label_howto.png) 50% 50% no-repeat;
		background-size: auto 15px;
	}
	#product-list section nav a.product {
		background: #999 url(../img/label_product.png) 50% 50% no-repeat;
		background-size: auto 15px;
	}
	
	
	#product-list section nav a.howto:hover {
		background-color: rgba(250,250,250,0.5);
	}
	#product-list section nav a.product:hover {
		background-color: rgba(153,153,153,0.5);
	}
	
	#product-list section:nth-child(2n) figure {
		float: right;
		padding: 0 0 0 5px;
	}
	#product-list section:nth-child(2n) div.inner {
		float: left;
	}
	#product-list section:nth-child(2n) div.ex {
		left: 0;
		right: 5px;
	}
	
	
	#product-list section .new {
		position: absolute;
		display: block;
		width: 76px;
		height: 35px;
		left: 50%;
		top: 24px;
		margin: 0 0 0 -38px;
		font-size: 0;
		background: rgba(255,255,255,0.8) url(../../img/icon_new.png) 50% 50% no-repeat;
		background-size: auto 16px;
	}
	#product-list section .new em {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		left: 50%;
		top: 35px;
		margin: 0 0 0 -10px;
		overflow: hidden;
		
		-ms-transform:     scaleX(0.6);
		-webkit-transform: scaleX(0.6);
		-moz-transform:    scaleX(0.6);
		transform:         scaleX(0.6);
	}
	#product-list section .new em:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		left: 0;
		top: -14px;
		background: rgba(255,255,255,0.8);
		
		-ms-transform:     rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		transform:         rotate(45deg);
	}
	
	
	
	
	
	
	
	
/*----------------------------

product-list-type02

----------------------------*/
	#product-list.product-list-type02 section p .new-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 19%;
	}
	#product-list.product-list-type02 section:nth-child(2n) figure {
		float: left;
		padding: 0 5px 0 0;
	}
	#product-list.product-list-type02 section:nth-child(2n) div.inner {
		float: right;
	}
	#product-list.product-list-type02 section:nth-child(2n) div.ex {
		left: 5px;
		right: 0;
	}
	#product-list.product-list-type02 section nav a.howto {
		background: #f1f1f1 url(../img/label_howto.png) 50% 50% no-repeat;
		background-size: auto 15px;
	}
	#product-list.product-list-type02 section nav a.howto:hover {
		background-color: rgba(230,230,230,0.3);
	}
}



@media screen and (min-width: 1200px) {
	#product-list section div.group {
		width: 420px;
	}
	#product-list section header {
	}
	#product-list section h2 {
	}
	#product-list.product-list-type02 #popupseal h2 {
		font-size:46px;
		line-height: 53px;
		height: 53px;
	}
	#product-list section article {
		margin-top: 50px;
	}
	#product-list section article dt {
		margin-bottom: 25px;
		font-size: 21px;
	}
	#product-list section article dd {
		font-size: 16px;
		line-height: 2;
	}
	#product-list section nav {
		margin-top: 40px;
	}
	#product-list section .new {
		top: 60px;
	}
	#product-list section nav a {
		width: 202px;
	}
	
	
	
	
	#product-list figure .icon-new {
		width: 95px;
		height: 34px;
		left: 50px;
		top: 50px;
		background-size: auto 34px;
	}
}



@media screen and (min-width: 1000px) and (max-width: 1199px) {
	#product-list section nav a.howto {
		background-size: auto 14px;
	}
	#product-list section nav a.product {
		background-size: auto 14px;
	}
}







@media screen and (max-width: 999px) {


	
	#shortcut {
		margin: 0 -5px;
		padding: 0 5px 5px;
		font-size: 0;
		text-align: center;
	}
	body.fixed-menu #shortcut {
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		z-index: 100;
		top: 45px;
		background: #fafafa;
	}
	body.fixed-menu #shortcut + main {
		padding-top: 47px;
	}
	
	
	#shortcut li {
		display: inline;
		line-height: 18px;
		white-space: nowrap;
	}
	#shortcut li + li {
		margin-left: 5px;
	}
	#shortcut li a {
		line-height: 18px;
		font-size: 11px;
		color: #999;
	}
	#shortcut li a:before {
		margin-right: 3px;
	}
	#shortcut li + li:before {
		position: relative;
		display: inline-block;
		content: "";
		width: 1px;
		height: 13px;
		top: 2px;
		margin-right: 5px;
		background: #999;
	}
	
	#shortcut li:nth-child(4) {
		margin-right: 0;
	}
	#shortcut li:nth-child(5):before {
		content: "";
		display: block;
		height: 0;
		background: none;
	}
	
	#shortcut {
	}




	#product-list {
		max-width: 480px;
		margin: 0 auto;
		padding: 0 5px;
	}
	#product-list section:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	#product-list section + section {
		margin-top: 40px;
	}
	#product-list figure {
		position: relative;
	}
	#product-list figure img {
		width: 100%;
		height: auto;
	}
	#product-list.product-list-type02 section p .new-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 19%;
	}
	#product-list figure .icon-new {
		position: absolute;
		width: 56px;
		height: 20px;
		left: 32px;
		top: 32px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: auto 20px;
	}
	#product-list section div.inner {
		position: relative;
		margin: 2px 0 0;
	}
	#product-list section div.ex {
	}
	
	#product-list section header {
		padding: 35px 30px 25px;
	}
	#product-list section .lead {
		margin: 0 0 12px;
		font-size: 14px;
		line-height: 1;
		color: #595959;
	}
	
	/*
	#product-list section h2 {
		font-size: 22px;
		line-height: 1;
		color: #595959;
	}
	*/
	#product-list section h2 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: auto 28px;
	}
	
	#product-list #kiroku h2,
	#product-list #girly-tepra h2 {
		background-size: auto 22px;
	}
	#product-list #seal h2 {
		background-size: auto 50px;
	}
	
	
	#product-list.product-list-type02 section h2 {
		text-indent:inherit;
		color:#595959;
	}
	#product-list.product-list-type02 #maskingtapebook h2 {
		font-size: 21px;
    line-height: 23px;
	}
	#product-list.product-list-type02 #okimeseal h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #binsenfusen h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #hitotokistandard h2 {
		font-size: 22px;
		line-height: 27px;
	}
	#product-list.product-list-type02 #kamifumibako h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #hacobuchi h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #kitta h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #kiroku h2 {
		font-size: 21px;
		line-height: 23px;
	}
	#product-list.product-list-type02 #coharu h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #girly-tepra h2 {
		font-size: 20px;
		line-height: 25px;
	}
	#product-list.product-list-type02 #seal h2 {
		font-size: 22px;
		line-height: 27px;
	}
	#product-list.product-list-type02 #masurie h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #hiyori h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list.product-list-type02 #soda h2 {
		font-size: 35px;
		line-height: 1;
		letter-spacing: 17px;
	}
	#product-list.product-list-type02 #korijirushi h2 {
		font-size: 35px;
		line-height: 1;
		letter-spacing: 17px;
	}
	#product-list.product-list-type02 #popupseal h2 {
		font-size: 22px;
		line-height: 27px;
	}
	#product-list.product-list-type02 #thedaymask h2 {
		font-size: 22px;
		line-height: 27px;
	}
	#product-list.product-list-type02 #hitotokinote h2 {
		font-size: 22px;
		line-height: 27px;
	}
	#product-list.product-list-type02 #coffret h2 {
		font-size: 34px;
		line-height: 36px;
	}
	#product-list section article {
		margin: 0 30px;
	}
	#product-list section nav {
		padding: 30px 30px 35px;
		font-size: 0;
	}
	#product-list section article dt {
		display: inline-block;
		padding: 0 0 4px;
		font-size: 14px;
		color: #595959;
		letter-spacing: -1px;
		border-bottom: 2px solid #595959;
	}
	#product-list section article dd {
		margin: 14px 0 0;
		font-size: 12px;
		line-height: 2;
		color: #595959;
	}
	#product-list section article dd br {
		display: none;
	}
	#product-list section article p strong {
		font-weight: normal;
		background: rgba(255,255,255,0.6);
	}
	#product-list section article .note {
		margin: 15px 0 0;
		font-size: 12px;
	}
	#product-list section article .price {
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
		color: #595959;
	}
	
	
	#product-list section nav:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	#product-list section nav a {
		float: left;
		width: 49%;
		width: calc(50% - 8px);
		height: 40px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#product-list section nav a + a {
		float: right;
	}
	
	#product-list section nav a.howto {
		background: #fafafa url(../img/label_howto.png) 50% 50% no-repeat;
		background-size: auto 11px;
	}
	#product-list section nav a.product {
		background: #999 url(../img/label_product.png) 50% 50% no-repeat;
		background-size: auto 11px;
	}
	
	
	
	#product-list section .new {
		position: relative;
		display: block;
		width: 60px;
		height: 20px;
		left: 50%;
		top: 12px;
		margin: 0 0 0 -30px;
		font-size: 0;
		background: rgba(255,255,255,0.8) url(../../img/icon_new.png) 50% 50% no-repeat;
		background-size: auto 11px;
	}
	#product-list section .new em {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		left: 50%;
		top: 20px;
		margin: 0 0 0 -10px;
		overflow: hidden;
		
		-ms-transform:     scaleX(0.6);
		-webkit-transform: scaleX(0.6);
		-moz-transform:    scaleX(0.6);
		transform:         scaleX(0.6);
	}
	#product-list section .new em:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		left: 0;
		top: -18px;
		background: rgba(255,255,255,0.8);
		
		-ms-transform:     rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		transform:         rotate(45deg);
	}
	
	
/*----------------------------

product-list-type02

----------------------------*/
	#product-list.product-list-type02 section nav a.howto {
		background: #f1f1f1 url(../img/label_howto.png) 50% 50% no-repeat;
		background-size: auto 11px;
	}
}