/*------------------------------------------------------------
padding
------------------------------------------------------------*/
.pt0   {padding-top: 0	!important}
.pt5   {padding-top: 5px   !important}
.pt10  {padding-top: 10px  !important}
.pt15  {padding-top: 15px  !important}
.pt20  {padding-top: 20px  !important}
.pt25  {padding-top: 25px  !important}
.pt30  {padding-top: 30px  !important}
.pt35  {padding-top: 35px  !important}
.pt40  {padding-top: 40px  !important}
.pt50  {padding-top: 50px  !important}
.pt1em {padding-top: 1em  !important}
.pt2em {padding-top: 2em  !important}
.pt3em {padding-top: 3em  !important}
.pt4em {padding-top: 4em  !important}
.pt5em {padding-top: 5em  !important}
.pt6em {padding-top: 6em  !important}
.pt7em {padding-top: 7em  !important}
.pt8em {padding-top: 8em  !important}
.pt9em {padding-top: 9em  !important}
.pt10em {padding-top: 10em  !important}


.pr0   {padding-right: 0	!important}
.pr5   {padding-right: 5px   !important}
.pr10  {padding-right: 10px  !important}
.pr15  {padding-right: 15px  !important}
.pr20  {padding-right: 20px  !important}
.pr25  {padding-right: 25px  !important}
.pr30  {padding-right: 30px  !important}
.pr35  {padding-right: 35px  !important}
.pr40  {padding-right: 40px  !important}
.pr50  {padding-right: 50px  !important}


.pb0   {padding-bottom: 0	!important}
.pb5   {padding-bottom: 5px   !important}
.pb10  {padding-bottom: 10px  !important}
.pb15  {padding-bottom: 15px  !important}
.pb20  {padding-bottom: 20px  !important}
.pb25  {padding-bottom: 25px  !important}
.pb30  {padding-bottom: 30px  !important}
.pb35  {padding-bottom: 35px  !important}
.pb40  {padding-bottom: 40px  !important}
.pb50  {padding-bottom: 50px  !important}
.pb1em  {padding-bottom: 1em  !important}
.pb2em  {padding-bottom: 2em  !important}
.pb3em  {padding-bottom: 3em  !important}
.pb4em  {padding-bottom: 4em  !important}
.pb5em  {padding-bottom: 5em  !important}
.pb6em  {padding-bottom: 6em  !important}
.pb7em  {padding-bottom: 7em  !important}
.pb8em  {padding-bottom: 8em  !important}
.pb9em  {padding-bottom: 9em  !important}
.pb10em  {padding-bottom: 10em  !important}


.pl0   {padding-left: 0	!important}
.pl5   {padding-left: 5px   !important}
.pl10  {padding-left: 10px  !important}
.pl15  {padding-left: 15px  !important}
.pl20  {padding-left: 20px  !important}
.pl25  {padding-left: 25px  !important}
.pl30  {padding-left: 30px  !important}
.pl35  {padding-left: 35px  !important}
.pl40  {padding-left: 40px  !important}
.pl50  {padding-left: 50px  !important}


/*------------------------------------------------------------
margin
------------------------------------------------------------*/

.mt0   {margin-top: 0	!important}
.mt5   {margin-top: 5px   !important}
.mt10  {margin-top: 10px  !important}
.mt15  {margin-top: 15px  !important}
.mt20  {margin-top: 20px  !important}
.mt25  {margin-top: 25px  !important}
.mt30  {margin-top: 30px  !important}
.mt35  {margin-top: 35px  !important}
.mt40  {margin-top: 40px  !important}
.mt50  {margin-top: 50px  !important}
.mt60  {margin-top: 60px  !important}
.mt1em {margin-top: 1em !important}
.mt2em {margin-top: 2em !important}
.mt3em {margin-top: 3em !important}
.mt4em {margin-top: 4em !important}
.mt5em {margin-top: 5em !important}
.mt6em {margin-top: 6em !important}
.mt7em {margin-top: 7em !important}
.mt8em {margin-top: 8em !important}
.mt9em {margin-top: 9em !important}
.mt10em {margin-top: 10em !important}

.mr0   {margin-right: 0	!important}
.mr5   {margin-right: 5px   !important}
.mr10  {margin-right: 10px  !important}
.mr15  {margin-right: 15px  !important}
.mr18  {margin-right: 16px  !important}
.mr20  {margin-right: 20px  !important}
.mr25  {margin-right: 25px  !important}
.mr30  {margin-right: 30px  !important}
.mr35  {margin-right: 35px  !important}
.mr40  {margin-right: 40px  !important}
.mr50  {margin-right: 50px  !important}

.mb0   {margin-bottom: 0	!important}
.mb5   {margin-bottom: 5px   !important}
.mb10  {margin-bottom: 10px  !important}
.mb15  {margin-bottom: 15px  !important}
.mb20  {margin-bottom: 20px  !important}
.mb25  {margin-bottom: 25px  !important}
.mb30  {margin-bottom: 30px  !important}
.mb35  {margin-bottom: 35px  !important}
.mb40  {margin-bottom: 40px  !important}
.mb50  {margin-bottom: 50px  !important}
.mb60  {margin-bottom: 60px  !important}
.mb1em  {margin-bottom: 1em  !important}
.mb2em  {margin-bottom: 2em  !important}
.mb3em  {margin-bottom: 3em  !important}
.mb4em  {margin-bottom: 4em  !important}
.mb5em  {margin-bottom: 5em  !important}
.mb6em  {margin-bottom: 6em  !important}
.mb7em  {margin-bottom: 7em  !important}
.mb8em  {margin-bottom: 8em  !important}
.mb9em  {margin-bottom: 9em  !important}
.mb10em  {margin-bottom: 10em  !important}


.ml0   {margin-left: 0	!important}
.ml5   {margin-left: 5px   !important}
.ml10  {margin-left: 10px  !important}
.ml15  {margin-left: 15px  !important}
.ml20  {margin-left: 20px  !important}
.ml25  {margin-left: 25px  !important}
.ml30  {margin-left: 30px  !important}
.ml35  {margin-left: 35px  !important}
.ml40  {margin-left: 40px  !important}
.ml50  {margin-left: 50px  !important}



.pt11em {
	padding-top: 11em !important;	
}

.pt12em {
	padding-top: 12em !important;	
}




/* 汎用
---------------------------------------------------- */

.textalignleft { text-align: left; }
.textaligncenter { text-align: center; }
img.aligncenter { display:block; margin: 0 auto;}
.textalignright { text-align: right; }
.pt4em {padding-top: 4em !important;}

/********************

製品

********************/

#seihin section {
	padding: 0;
}


#seihin {
	width:100%;
	line-height: 1.5;
}

@media screen and (max-width:768px) { 
	#seihin {
		font-size:.85em;
		padding-top: 45px;
	}
}

#seihin img {
	max-width:100%;
	height: auto;
}

.inner1000 {
	max-width:1000px;
	margin: 0 auto;
	width:100%;
}

.inner1080 {
	max-width:1080px;
	margin: 0 auto;
	width:92%;
	padding: 2%;
}

.bg-pompom {
	background: #E5E6E6;
}

#seihin-header {
	box-shadow:0px 0px 45px -10px rgba(0,0,0,0.2);
	z-index: 1;
	position: relative;
}

#seihin-header img {
	width:100%;
	height: auto;
	display: block;
}

.bg-pompom-new {
	background: url("../seihin/images/ponpon/bg-pompom.jpg") repeat left top;
	background-size: 163px 163px;
}

.bg-white {
	background: white;
}

.flex-pompom {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
}

.flex-one4 {
	width: 23%;
	margin-bottom: 2em;
}

@media screen and (max-width:768px) { 
	.flex-one4 {
		width: 46%;
	}
}

.ico-pompom {
	background: url("../seihin/images/ponpon/ico-pompom.png") no-repeat left center;
	background-size: 27px 26px;
	padding:10px 0 10px 35px;
}

.pompom-h2 {
	font-weight: bold;
	font-size:1.3em;
	color: #D6006C;
	margin-bottom: 1.8em;
	line-height: 1.2;
}

.inner810 {
	max-width:810px;
	margin: 0 auto;
}

.item2 {
	width:46%;
}

@media screen and (max-width:768px) { 
	.item2 {
		width: 48%;
	}
}

.item-image {
	border: 1px solid #CCCCCC;
}

.item-image img {
	display: block;
}

.item-recipe {
	text-align: center;
	padding: 15px 0 15px 0;
}

.item-recipe a {
	display: block;
	background: #FDDF30;
	border-radius: 5px;
	color: black;
	padding: 7px 0;
	font-weight: bold;
}

.item22 {
	border: 1px solid #ccc;
	width:44%;
	padding: 2%;
	position: relative;
	
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2.5em;
}

@media screen and (max-width:768px) { 
	.item22 {
		width: 100%;
	}
}

.item22-new {
	color: white;
	background: #D6006C;
	display: inline-block;
	position: absolute;
	font-weight: bold;
	padding: .1em .2em;
	top:-10px;
	left:-3px;
}

.item22-l {
	width:25%;
}

.item22-r {
	width:72%;
}

.item-num {
	border: 2px solid #CBCBCB;
	padding: .1em;
	display: inline-block;
	margin-top: .3em;
	margin-bottom: 1em;
	line-height: 1;
	background: white;
	font-weight: normal;
}

.item-title {
	font-weight: bold;
	font-size:1.05em;
	margin-bottom: .3em;
	line-height: 1.2;
}

.item-description {
	font-size:.9em;
}

.flex {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.item-two-inner {
	width:49%;
	text-align: left;
}

.item-link a {
	display: inline-block;
	background: #FDDF30;
	border-radius: 5px;
	color: black;
	padding: 7px .8em;
	font-weight: bold;
	text-align: center;
}

.dot-list {
	padding: .4em;
	background: #F6F6F6;
}

.dot-list li {
	margin-bottom: .4em;
	padding-left: .8em;
	margin-left: .8em;
	background: url("../seihin/images/ponpon/ico-dot@2x.png") no-repeat left center;
	background-size: 2px 2px;
}

.item-title-wide {
	padding: 1.2em 0;
	font-weight: bold;
}

.box-shadow20 {
	box-shadow:0px 0px 45px -10px rgba(0,0,0,0.2);
	display: block;
}

.box-shadow20 img {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.ptm1em {
	padding: 1em 0;
}

.logo img {
	width:100%;
}

.iframe-content {
	position: relative;
	width: 100%;
	padding: 56% 0 0 0;
}
.iframe-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* deco page
---------------------------------------------------- */

#seihin2 section {
	padding: 0;
}


#seihin2 {
	width:100%;
	line-height: 1.5;
}

@media screen and (max-width:768px) { 
	#seihin2 {
		font-size:.85em;
	}
}

#seihin2 img {
	max-width:100%;
	height: auto;
}

#c-header {
	background: #FFD2D3;
	padding: .6em 0;
}

#seihin-header2 {
	z-index: 1;
	position: relative;
}

#seihin-header img {
	width:100%;
	height: auto;
	display: block;
}

.inner90 {
	width:90%;
	margin: 0 auto;
	position: relative;
}

.sns1 {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
}

.sns1 li {
	margin-left: 10px;
}

.displaywide {
	display: block;
}

.displaysp {
	display: none;
}

@media screen and (max-width:768px) { 
	.displaywide {
		display: none;
	}
	.displaysp {
		display: block;
	}
}

.inner1375 {
	max-width:1375px;
	margin: 0 auto;
}

.inner800 {
	max-width:800px;
	margin: 0 auto;
}

.deco-h2 {
	text-align: center;
	font-size:1.2em;
	font-weight: bold;
	color: #000;
}

@media screen and (max-width:768px) { 
	.deco-h2 {
		text-align: center;
		font-size:1.05em;
		font-weight: bold;
		color: #000;
	}
}

.bg-deco-l {
	padding-left: 60px;
	background: url("../seihin/images/deco/bg-l.png") no-repeat left center;
	background-size: 48px 54px;
}

.bg-deco-r {
	padding-right: 60px;
	background: url("../seihin/images/deco/bg-r.png") no-repeat right center;
	background-size: 48px 54px;
}

@media screen and (max-width:768px) { 
	.bg-deco-l {
		padding-left: 30px;
		background: url("../seihin/images/deco/bg-l.png") no-repeat left center;
		background-size: 24px 27px;
	}

	.bg-deco-r {
		padding-right: 30px;
		background: url("../seihin/images/deco/bg-r.png") no-repeat right center;
		background-size: 24px 27px;
	}
}

.bg-pink {
	background: #FFF5F5;
}

.deco-h3 {
	padding: 30px 0 30px 150px;
	line-height: 1.2;
	margin-bottom: 1.6em;
}

.deco-h3 span {
	font-size: 2.79em;
	display: block;
}

.hanaami-h3 {
	background: url("../seihin/images/deco/bg-hanaami.png") no-repeat left center;
	background-size: 128px 126px;
}

.free-h3 {
	background: url("../seihin/images/deco/bg-free.png") no-repeat left center;
	background-size: 133px 126px;
}

.rug-h3 {
	background: url("../seihin/images/deco/bg-rug.png") no-repeat left center;
	background-size: 134px 134px;
}

.tassel-h3 {
	background: url("../seihin/images/deco/bg-tassel.png") no-repeat left center;
	background-size: 136px 130px;
}

.super-h3 {
	background: url("../seihin/images/deco/bg-super.png") no-repeat left center;
	background-size: 134px 136px;
}

.sp-h3 {
	background: url("../seihin/images/deco/bg-sp.png") no-repeat left center;
	background-size: 139px 139px;
}

@media screen and (max-width:768px) {
	.deco-h3 {
		padding: 20px 0 20px 75px;
	}

	.deco-h3 span {
		font-size: 1.49em;
		display: block;
		padding-top: .2em;
	}
	
	.hanaami-h3 {
		background-size: 64px 63px;
	}

	.free-h3 {
		background-size: 66px 63px;
	}

	.rug-h3 {
		background-size: 67px 67px;
	}

	.tassel-h3 {
		background-size: 68px 65px;
	}

	.super-h3 {
		background-size: 67px 68px;
	}

	.sp-h3 {
		background-size: 69px 69px;
	}
}

.colorblack {
	color: #000;
}

.noborder {
	border: none;
}

/* darning page
---------------------------------------------------- */

.darning01 img {
	width:100%;
	height:  auto;
}

@media screen and (max-width:480px) {
	.darning01 img {
		object-fit: cover;
		width:auto;
		height:  253px !important;
	}
}

.darning02 {
	background: url("../seihin/images/darning/02.jpg") repeat center center;
	color: white;
	padding: 3em 0 !important;
	font-weight: bold;
}

.seihin-h2 {
	font-weight: bold;
	font-size:1.5em;
	margin-bottom: 1.3em;
}

.inner660 {
	margin: 0 auto;
	width:90%;
	max-width:660px;
}

.darning-h3 {
	color: #005778;
	border-bottom: 2px solid #DE82B1;
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

.section03 {
	padding: 3em 0 !important;
}

.section05 {
	padding: 5em 0 !important;
}

.flex02 {
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	justify-content: space-between;
	width:100%;
	flex-wrap:wrap;
}

.flex02-box {
	width: 48%;
	margin-bottom: 3em;
}

.flex01-box {
	width: 100%;
	margin-bottom: 3em;
}

.flex03-box {
	width: 30%;
	margin-bottom: 3em;
}

.flex04-box {
	width: 23%;
	margin-bottom: 3em;
}

@media screen and (max-width:480px) {
	.flex02-box {
		width:100%;
	}
	.flex02-2-box {
		width:100%;
	}
	.flex03-box {
		width:100%;
	}
	.flex04-box {
		width:48%;
	}
	
}

.flex02-title {
	margin: .5em 0;
	font-weight: bold;
	font-size:1.05em;
}

.inner90 {
	width:90%;
	margin: 0 auto;
}

.font70 {
	font-size:.7em;
}

.noborder {
	border: none !important;
}

.item-pdf a {
	display: block;
	background: #FDDF30;
	text-align: center;
	font-weight: bold;
	padding: .4em 0;
	border-radius: 5px;
	font-size: 1.1em;
	color: black;
}

.seihin-dl dt {
	font-weight: bold;
	padding-left: 1em;
	background: url("../seihin/images/base/bg-dot.jpg") no-repeat left center;
	background-size: 4px 4px;
	margin-bottom: 1em;
}

.seihin-dl dd {
	padding-left: 3em;
	margin-bottom: 1em;
}

.relative {
	position: relative;
}

.new-ico-darring {
	display: inline-block;
	color: white;
	background: #DD81B1;
	position: absolute;
	top:0;
	left:0;
	padding: .2em;
	font-weight: bold;
	z-index: 1;
}

.bold {
	font-weight: bold;
}


/* black page
---------------------------------------------------- */

.black01 img {
	width:100%;
	height:  auto;
}

@media screen and (max-width:480px) {
	.black01 img {
		object-fit: cover;
		width:auto;
		height:  253px !important;
	}
}

.black02 {
	background: #2A2425;
	color: #D1BF82;
	padding: 3em 0 !important;
	font-weight: bold;
}

.black-h3 {
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1.5em;
	background:#2A2425;
	color: #D1BF82;
	padding:.3em 1.5em;
	border-radius:2em;
}

.black-h4 {
	font-size: 1.3em;
	font-weight:bold;
	color:#2A2425;
	margin-bottom: 1.5em;
}

.black-num {
	display:inline-block;
	background: #2A2425;
	color: #D1BF82;
	border-radius:2em;
	line-height:1;
	width:1em;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
	padding:.1em;
	margin-right: .3em;
	vertical-align:middle;
}

.font80 {
	font-size:.8em;
}

.flex02-2-box {
	width: 45%;
	margin-bottom: 3em;
}

.black-h5 {
	text-align:center;
	font-weight:bold;
	background:none !important;
	color:black !important;
	padding:0 !important;
	margin-bottom: .5em;
}

.black-h5-inner {
	background: #2A2425;
	color: white;
	text-align:center;
	padding:.1em 1em;
	border-radius:2em;
}

.item-title a {
	text-decoration: underline;
}

.item-title-wide2 {
	padding: 1.2em 0 0 0;
	font-weight: bold;
}

.item-title-black {
	font-weight: bold;
	color:#0F9A44;
	margin-bottom: 1em;
}


/* accessories page
---------------------------------------------------- */

.accessories-h2 {
	text-align: center;
	font-size:1.2em;
	font-weight: bold;
	color: #000;
}

@media screen and (max-width:768px) { 
	.accessories-h2 {
		text-align: center;
		font-size:1.05em;
		font-weight: bold;
		color: #000;
	}
}

.bg-accessories-l {
	padding: 20px 0 20px 60px;
	background: url("../acce/images/accessories/02.png") no-repeat left center;
	background-size: 45px 45px;
}

.bg-accessories-r {
	padding: 20px 60px 20px 0;
	background: url("../acce/images/accessories/02.png") no-repeat right center;
	background-size: 45px 45px;
}

.accessories-header {
	height: 632px;
	width:100%;
	position: relative;
}

.accessories-header img.accessories-image {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.accessories-header .logo-div {
	display: block;
	width: 233px; 
	height: 170px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -85px;
	margin-left: -116px
}

.accessories-h3 {
	padding: 30px 0 30px 0;
	line-height: 1.2;
	margin-bottom: 1.6em;
}

.accessories-h3 span.h3-title {
	font-size: 2.79em;
	display: block;
}

.bg-f8 {
	background: #f8f8f8;
}

.h3-copy {
	background: #F7C9DD;
}

#c-header.bg-color-accessories {
	background: #F7C9DD;
}

@media screen and (max-width:768px) { 
	.accessories-header {
		height: 432px;
		width:100%;
		position: relative;
	}
	
	.accessories-h3 span.h3-title {
		font-size: 1.49em;
		display: block;
		padding-top: .2em;
	}
	
	.accessories-header .logo-div {
		display: block;
		width: 152px; 
		height: 110px;
		position: absolute;
		top:50%;
		left: 50%;
		margin-top: -55px;
		margin-left: -76px
	}
}

.item-recipe.item-movie a {
	background: #F7C9DD;
}


/* takumi page
---------------------------------------------------- */

.takumi01 img {
	width:100%;
	height:  auto;
}

@media screen and (max-width:480px) {
	.takumi01 img {
		object-fit: cover;
		width:auto;
		height:  223px !important;
	}
	
	.none480 {
		display: none;
	}
}

.bold {
	font-weight: bold;
}

.takumi-h2 {
	font-size:1.8em;
	margin: 4em 0 .5em 0;
}

@media screen and (min-width:769px) {
	.flex768 {
		display: flex;
	}
	.md\:.w-1\/2 {
	  width: 50%;
	}
	
	.md\:.w-8\/12 {
	  width: 66.666667%;
	}
	
	.md\:.w-3\/12 {
	  width: 25%;
	}
}

.block {
	display: block;
}

.justify-between {
	justify-content: space-between;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.takumi-h3 {
	font-size:1.2em;
	margin-bottom: .3em;
}

.takumi-h3 span {
	border:1px solid #259944;
	color: #259944;
	border-radius: 50%;
	display: inline-block;
	font-size:25px;
	line-height: 40px;
	width:40px;
	height: 40px;
	text-align: center;
	margin-right: .5em;
}

.mr-auto {
	margin-right: auto;
}

.ml-auto {
	margin-left: auto;
}

.bg-F8F8F8 {
	background: #F8F8F8;
}

.y-link a {
	display: inline-block;
	background: #FDDF30;
	text-align: center;
	font-weight: bold;
	padding: .4em 2em;
	border-radius: 5px;
	font-size: 1em;
	color: black;
}