/*------------------------------------------------------------
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}
.pl1em  {padding-left: 1em  !important}
.pl2em  {padding-left: 2em  !important}
.pl3em  {padding-left: 3em  !important}
.pl4em  {padding-left: 4em  !important}
.pl5em  {padding-left: 5em  !important}
.pl6em  {padding-left: 6em  !important}
.pl7em  {padding-left: 7em  !important}
.pl8em  {padding-left: 8em  !important}
.pl9em  {padding-left: 9em  !important}
.pl10em  {padding-left: 10em  !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}
.ml1em  {margin-left: 1em  !important}
.ml2em  {margin-left: 2em  !important}
.ml3em  {margin-left: 3em  !important}
.ml4em  {margin-left: 4em  !important}
.ml5em  {margin-left: 5em  !important}
.ml6em  {margin-left: 6em  !important}
.ml7em  {margin-left: 7em  !important}
.ml8em  {margin-left: 8em  !important}
.ml9em  {margin-left: 9em  !important}
.ml10em  {margin-left: 10em  !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;}

.logo img {
    width: 100%;
}

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

製品

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

#nyuuen section {
	padding: 0;
}


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

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

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

#seihin-header {
	position: relative;
}



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

.nyuuen01 {
	background: #a7d1d0;
}

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


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

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

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

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

.flex {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	align-items: stretch;
	flex-wrap: wrap;
	
}

.grid-item {
	width:47%;
	position: relative;
}

.shadow {
	box-shadow: 0px 0px 30px 0px rgba(220,47,116,0.27);
}

.grid-image img {
	display: block;
	width:100%;
	height: auto;
}

.orange-box a {
	display: block;
	padding: 2em;
	border: 3px solid #FF8D50;
	border-radius: 20px;
}

.grid-title {
	text-align: center;
	font-weight: bold;
	font-size:1.3em;
	margin-bottom: 1em;
}

.pdf-icon {
	color: white;
	font-weight: bold;
	background: #C12B00;
	display: inline-block;
	padding: .1em .5em;
	position: absolute;
	top:1em;
	left:-1em;
	border-radius: 10px;
	font-size: 1.1em;
}

.grid-item02 {
	width:100%;
	position: relative;
}

.pink-box a {
	display: block;
	padding: 2em;
	border: 3px solid #DA1B69;
	border-radius: 20px;
}

.movie-box {
	padding: 60px 0 20px 0;
	background: #6BD4FB url("../images/bg-video.png") no-repeat center 20px;
	background-size: 777px 20px;
	border-radius: 20px;
}

.movie-box-inner {
	padding: 0 0 40px 0;
	background:  url("../images/bg-video.png") no-repeat center bottom;
	background-size: 777px 20px;
}

.width80 {
	width:80%;
	margin: 0 auto;
}

.movie-icon img {
	position: absolute;
	top:50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -40px;
	z-index: 1;
}

.shop-box a {
	color: white;
	background: #DA1B69;
	padding: 1.5em;
	border-radius: 20px;
	display: block;
}

.shop-box-inner {
	border-radius: 20px;
	padding: 2em;
	border: 3px dashed #fff;
	text-align: center;
}

.shop-h2 {
	padding-left: 120px;
	background: url("../images/09.png") no-repeat left center;
	background-size: 83px 83px;
	font-weight: bold;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}

.shop-h2 span {
	display: block;
}

.shop-h2 .large {
	font-size: 2em;
}

.shop-h2 .small {
	margin-top: 20px;
	font-size:1.1em;
}

.company-h2 {
	text-align: center;
	font-size:1.6em;
	color: #2E5193;
	font-weight: bold;
	margin-bottom: .6em;
}

.blue-box-inner {
	padding: 2em 1em 0 2.5em;
	border: 3px solid #2E5193;
	border-radius: 20px;
	
	height: 100%;
}


.shop-h3 {
	font-size:1.2em;
	color: #2E5193;
	font-weight: bold;
	margin-bottom: .6em;
	line-height: 1.3;
}

.bold {
	font-weight: bold;
}

.blue-box a {
	color: #2E5193;
	text-decoration: underline;
}

.blue-box {
	align-items: stretch;
}

.goods-box {
	border-radius: 20px;
	border: 3px solid #0F9A44;
}

.goods-box a {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	
	align-items:center;
	
	
}

.flex01-l {
	width:40%;
	background: #0F9A44;
	color: white;
	text-align: right;
	border-radius: 10px 0 0 10px;
}

.flex01-r {
	color: #0F9A44;
	width:60%;
}

.num-list {
	padding-left: 1em;
}

.num-list li{ 
	display: inline-block;
	margin-right: 1.3em;
}

.goods-h2 {
	text-align: right;
	padding: 2.5em 1em 2.5em 0;
	font-weight: bold;
}

.goods-h2 span {
	font-size:1.5em;
	display: block;
	line-height: 1.3;
}

.goods-box a {
	
}

@media screen and (max-width:480px) { 
	.nyuuen-section01 {
		overflow-x: hidden;
	}
	.pdf-icon {
		left:-.5em;
	}
	.flex {
		display: block;
	}
	.grid-item {
		margin-bottom: 3em;
		margin-left: auto;
		margin-right: auto;
		width:100%;
	}
	
	.movie-box-inner .grid-item:last-child {
		margin-bottom: 0;
	}
	
	.shop-h2 .small {
		margin-top: 10px;
	}
	.blue-box-inner {
		padding: 2em 1em 2em 2.5em;
	}
	.flex01 a {
		display: block;
		border-radius:10px;
	}
	
	.flex01-l {
		width:100%;
		border-radius: 10px 10px 0 0;
	}
	.flex01-r {
		width: 100%;
		padding: 1em;
	}
	.goods-h2 {
		padding: 1em 1em 1em 2em;
		text-align: left;
		
	}
	
	.shop-h2 {
		padding-left: 80px;
		background-size: 62px 62px;
	}
	
	.grid-title {
		font-size:1.1em;
	}
}


/*------------------------------------------------------------
shop page
------------------------------------------------------------*/


.nyuuen02 {
	background: #a5cbcc;
}

.shop-page-h2 {
	padding: 20px 0 20px 120px;
	background: url("../images/11.png") no-repeat left center;
	background-size: 83px 83px;
	font-weight: bold;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	color: #DA2D74;
	margin-bottom: 2em;
	
}
.shop-page-h2 span {
	display: block;
	text-align: left;
}

.shop-page-h2 .large {
	font-size: 2em;
}

.shop-page-h2 .small {
	margin-top: 5px;
	font-size:1.2em;
}

.area-navi {
	text-align: center;
}

.area-navi li {
	display: inline-block;
	font-weight: bold;
	margin: .2em;
}

.area-navi li:first-child {
	margin-left: 0;
}

.area-navi li:last-child {
	margin-right: 0;
}

.area-navi li a {
	display: block;
	border-radius: 2em;
	padding: 1em .7em;
	background: #FFE8F1;
	color: #DE3174;
}

.area-navi li.current a  {
	background: #DE3174;
	color: white;
}

.shop-page-h3 {
	text-align: center;
	color: #DE3174;
	font-size: 1.6em;
	letter-spacing: .2em;
	font-weight: bold;
	margin: 3em 0 1em 0;
}

.shop-table {
	width:100%;
	border-bottom: solid 1px #FA9EC2;
}

.shop-table th {
	padding: 1.5em .5em;
	color: #DA2D74;
	text-align: center;
	background: #FFFAFC;
	border-top: solid 1px #FA9EC2;
	border-right: solid 1px #FA9EC2;
	font-weight: bold;
	
}

.shop-table th:last-child {
	border-right:none;
}

.shop-table td {
	padding: 1.5em .5em;
	line-height: 1.4;
	border-top: solid 1px #FA9EC2;
	border-right: solid 1px #FA9EC2;
}

.shop-table tr:nth-child(odd) {
	background: #FFFAFC;
}

.shop-table td:last-child {
	border-right:none;
}

.website {
	text-indent: -9999em;
	display: block;
	position:relative;
	width:22px;
	height: 20px;
	background: url("../images/12.png") no-repeat left top;
	background-size: 22px 20px;
	margin: 0 auto;
}

.pageback {
	padding: 1.5em 0;
	text-align: center;
}

.tel a {
	display: block;
	white-space: nowrap;
}

@media screen and (max-width:480px) { 
	.nyuuen02 img {
		object-fit: cover;
		width:auto;
		height:  135px !important;
	}
	
	.shop-page-h2 {
		padding-left: 80px;
		background-size: 62px 62px;
	}
}

@media screen and (max-width: 767px) { 
	.shop-table th {
		display: none;
	}
	
	.shop-table td {
		display: block;
		border: none;
		padding: .3em  0;
	}
	
	.shop-table td:first-child {
		font-weight: bold;
	}
	
	.shop-table td:last-child {
		border-bottom: 1px solid #FA9EC2;
		margin-bottom: 2em;
		padding-bottom: 2.5em;
	}
	
	.tel a {
		border:1px solid #DA2D74;
		border-radius: 1em;
		display: block;
		color: #DA2D74;
		text-align: center;
		padding: .3em 0;
	}
	.website {
		text-indent: inherit;
		text-align: center;
		background: #DA2D74;
		color: white;
		border-radius: 1em;
		padding: .3em 0;
		display: block;
		height: auto;
		width:100%;
	}
	.shop-table tr:nth-child(odd) {
		background: #FFF;
	}
	.shop-table {
		border-bottom: none;
	}
}