@charset "UTF-8";
/*
Theme Name: green_printing_sp
*/
/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){

	/*  largeimgList
	===================================*/
	.largeimgList {
		margin-bottom: 125px;
	}
	.largeimgList>li{
		display: block;
		width: 97%;
		border-bottom: dotted 2px #818182;
		max-width: 400px;
		margin: 0 auto 40px;
		padding: 34px 0 10px;
		overflow: hidden;
	}
	.largeimgList>li:last-child{border: none;}
	/*--- titBlock ---*/
	.largeimgList .titBlock{
		padding-bottom: 12px;
		border-bottom: dotted 4px #000;
		margin-bottom: 20px;
	}
	.largeimgList .titBlock>.no, .largeimgList .titBlock>.our_service_no{
		position: relative;
		overflow: hidden;
		font-size: 21px;
		margin-bottom: 10px;
		letter-spacing: 2.5px;;
	}
	.largeimgList .titBlock>.no::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background: #000;
		top: 0;
		bottom: 0;
		left: 175px;
		margin: auto;
	}
	.largeimgList .titBlock>.our_service_no::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background: #000;
		top: 0;
		bottom: 0;
		left: 112px;
		margin: auto;
	}
	.largeimgList .titBlock .tit{
		display: inline-block;
		margin: 0px 0 15px 0;
		font-size: 26px;
	}
	.largeimgList .titBlock .subTit{
		display: inline-block;
		font-size: 18px;
		padding-bottom: 10px;
	}
	/*--- largeimgBlock ---*/
/*	.largeimgList>li:nth-child(2n) .largeimgBlock>.img{float: right;}
	.largeimgList>li:nth-child(2n) .largeimgBlock>.txtBlock{float: left;}*/
	.largeimgList .largeimgBlock{
		padding: 11px 0 0;;
	}
	.largeimgList .img{
		width: 100%;
		height: 0;
	    padding-top: 70%;
		overflow: hidden;
		position: relative;
	}
	.largeimgList .img a {display: block;height: 100%;width: 100%;position: absolute;left: 0;top: 0;}
	.largeimgList .img a>img {width: 100%;height: auto;}

	/*  sdgsList
	===================================*/
	.sdgsList{
		text-align: center;
		width: 100%;
		margin: 50px auto 0;
		max-width: 450px;;;
		overflow: hidden;
	}
	.sdgsList>li:nth-child(2n){margin-right: 0;}
	.sdgsList>li{
		width: 45%;
		display: inline-block;
		text-align: center;
		margin: 0 10% 30px 0;
		float: left;
	}
	.sdgsList .img{
/*		width: 120px;
		height: 140px;
		display: inline-block;*/
		width: 100%;
		height: 140px;
		background: #9f88b9;
	}
	.sdgsList .name{
		margin-top: 30px;
		font-size: 13px;
		line-height: 1.4;
		padding-bottom: 10px;
		border-bottom: dotted 2px #000;
	}
	.sdgsList .about{
		line-height: 1.4;
		margin-top: 10px;
		border-bottom: solid 1px #000;
		padding-bottom: 10px;
		font-size: 11px;;
	}
	/*--- img ---*/
	.sdgsList>.fsc .img{background: url(../img/green_printing_labels/FSC_mark.png) center center no-repeat;background-size: contain;}
	.sdgsList>.greenprinting .img{background: url(../img/green_printing_labels/greenprinting_mark.png) center center no-repeat;background-size: contain;}
	.sdgsList>.cos .img{background: url(../img/green_printing_labels/carbonoffset_mark.png) center center no-repeat;background-size: contain;}
	.sdgsList>.voc .img{background: url(../img/green_printing_labels/voc_mark.png) center center no-repeat;background-size: contain;}
	.sdgsList>.recycling .img{background: url(../img/green_printing_labels/recicle_mark.png) center center no-repeat;background-size: contain;}
	.sdgsList>.mud .img{background: url(../img/green_printing_labels/mud_mark.png) center center no-repeat;background-size: contain;}
	/*  environmentalGroupsTxt
	===================================*/
	.environmentalGroupsTxt{
		font-size: 14px;
		text-align: center;
		margin: 0px 0 30px;
		line-height: 1.6;
	}
	/*  environmentalGroupsList
	===================================*/
	.environmentalGroupsList{
		text-align: center;
		max-width: 400px;
		margin: auto;
	}
	.environmentalGroupsList>li{
		width: 36%;
		height: 0;
		padding-top: 15%;
		display: inline-block;
		margin: 0 10% 20px 0;
	}
	.environmentalGroupsList>li:nth-child(2n){ margin-right: 0; }
	.environmentalGroupsList>li:first-child{background: url(../img/green_printing_labels/unicef_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(2){background: url(../img/green_printing_labels/uminomori_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(3){background: url(../img/green_printing_labels/kanagawatrust_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(4){background: url(../img/green_printing_labels/sekaisizen_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(5){background: url(../img/green_printing_labels/nihonsizen_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(6){background: url(../img/green_printing_labels/GPN_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(7){background: url(../img/green_printing_labels/silva_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(8){background: url(../img/green_printing_labels/shonankokusaimura_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(9){background: url(../img/green_printing_labels/YGPN_logo.png) center center no-repeat;background-size: contain;}
	.environmentalGroupsList>li:nth-child(10){background: url(../img/green_printing_labels/carbbonfree_logo.png) center center no-repeat;background-size: contain;}
	/*.environmentalGroupsList>li.none{background-image: none;}*/
	.environmentalGroupsList>li:nth-last-child(1),.environmentalGroupsList>li:nth-last-child(2){margin-bottom: 0;}

	/*  moreIcons
	-------------------------------*/
	.largeimgBlock>.img{position: relative;}
	.moreIcons{
		position: absolute;
		cursor: pointer;
		bottom: 21px;
		left: 11px;
	}
	.largeimgBlock>.img .moreIcons a{
		padding-left: 19px;
		font-size: 16px;
	}
	.largeimgBlock>.img .moreIcons a span{ 
		width: 15px;
		height: 15px;
		border: solid 1px #000;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: -2.5px;
	}
	 .largeimgBlock>.img .moreIcons a.white{ 
		color: #fff;
	}
	.largeimgBlock>.img .moreIcons a.black{ 
		color: #000;
	}
	.largeimgBlock>.img .moreIcons a.white span{ 
		border-color: #fff;
	}
	.largeimgBlock>.img .moreIcons a.black span{ 
		border-color: #000;
	}
	.largeimgBlock>.img .moreIcons a span:before,
	.largeimgBlock>.img .moreIcons a span:after{
		content: "";
		position: absolute;
		height: 1px;
		width: 80%;
		top: 1px;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		border-top: solid 1px;
	}
	.largeimgBlock>.img .moreIcons a.white span:before,
	.largeimgBlock>.img .moreIcons a.white span:after{
		border-top-color: #fff;
	}
	.largeimgBlock>.img .moreIcons a.black span:before,
	.largeimgBlock>.img .moreIcons a.black span:after{
		border-top-color: #000;
	}

	.largeimgBlock>.img .moreIcons a span:before{transform: rotate(90deg);right: 2px;width: 60%;}
	.largeimgBlock>.img .moreIcons a:hover{ 
		opacity: 0.6;
		background: none;
	}
	/*  greenPrintingIcons listPage
	===================================*/
	.greenPrintingIcons.listPage ol {margin-top: 20px;}
	.greenPrintingIcons.listPage ol li {float: left;}
	.largeimgList>li { margin-bottom: 83px;}
	.greenPrintingListIcons {
	    font-size: 11px;
	    margin-top: 15px;
	}

	.greenPrintingListIcons ol li {
	    /* liを横並び＆ブレットを消す */
	    display: inline;
	    list-style-type: none;
	    margin: 0 7px;
	}
}