/*----------PICKUP----------*/

#pickup {
	width : 100%;
	padding : 7% 0 6% 0;
	background : radial-gradient(#ffffff,#bedcbe);
}

#pickup h2 {
	margin-bottom : 6%;
	font-weight : 900;
	font-size : 150%;
	text-align : center;
	color : #006e50;
	line-height : 1.2em;
}

#pickup h2 span {
	display : block;
}

#pupbox {
	width : 90%;
	margin : 0 auto 0 auto;
}

ul#pupList {
	list-style : none;
	overflow : hidden;
	width : 100%;
}

ul#pupList li {
	position : relative;
}

.thumbnail1 {
	width : 100%;
	margin-bottom : 4.5%;
	background-size : cover;
	background-position : center center;
	padding-top: 60%;
	border-radius : 8px;
}

ul#pupList li h3 {
	margin-bottom : 4.5%;
	font-size : 115%;
	font-weight : 700;
	text-align : center;
}

ul#pupList li div {
	overflow : hidden;
	position : relative;
	padding : 14px 14px 10px 15px;
	background : #dae5da;
	border-radius : 7px;
}

p.price {
	position : absolute;
	top : 12px;
	left : 18px;
}

p.price font {
	margin-right : 1px;
	vertical-align : -2px;
	font-size : 230%;
	font-family : neuzeit-grotesk, sans-serif;
	font-weight : 700;
	font-style : normal;
	color : #006e50;
}

ul#pupList li dl {
	width : 51%;
	margin-left : 49%;
}

ul#pupList li dl dt {
	float : left;
	margin-bottom : 4px;
}

ul#pupList li dl dd {
	float : right;
	margin-bottom : 4px;
}

p.atype1 {
	position : absolute;
	width : 100px;
	padding : 8px 0 9px 0;
	border-radius : 29px;
	text-align: center;
	color : #ffffff;
	background : #0066cc;
	font-weight : 700;
	top : 20px;
	left : 17px;
}

p.atype2 {
	position : absolute;
	width : 100px;
	padding : 8px 0 9px 0;
	border-radius : 29px;
	text-align: center;
	color : #ffffff;
	background : #01946a;
	font-weight : 700;
	top : 20px;
	left : 17px;
}

ul#pupList li a,ul#pupList li a:hover {
	display : block;
	padding : 2.5%;
	border-radius : 12px;
	color : #282828;
	text-decoration : none;
	background : #ffffff;
}

#pupL {
}

#pupR {
}

#pupL h3,#pupR h3 {
	margin-bottom : 20px;
	padding : 12px 0 13px 0;
	color : #ffffff;
	background : #01946a;
	text-align : center;
	border-radius : 7px;
}

#pupL ul,#pupR ul {
	list-style : none;
	margin-bottom : 6%;
	font-size : 110%;
}

#pupL ul li,#pupR ul li {
	margin-bottom : 13px;
	padding : 0 0 14px 25px;
	background-image : url(arrowB.svg);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-size : 5.5%;
	border-bottom : solid 1px #a0afa0;
}

#pupL ul li a,#pupR ul li a {
	color : #0066cc;
	text-decoration : underline;
}

#pupL ul li a:hover,#pupR ul li a:hover {
	color : #0066cc;
	text-decoration : none;
}

#pupL ul li span,#pupR ul li span {
	display : none;
}

/*----------SELL----------*/

#sell {
	width : 100%;
	padding : 8% 0 8% 0;
	margin-bottom : 8%;
	background-image : url(ptitle2.jpg);
	background-position : center top;
	background-size : 120%;
	background-repeat : no-repeat;
}

#sellbox {
	overflow : hidden;
	width : 90%;
	margin : 0 auto 0 auto;
	text-align : center;
}

#sellbox h2 {
	margin-bottom : 6%;
	font-weight : 900;
	font-size : 200%;
	color : #ffffff;
	line-height : 1.15em;
}

#sellbox h2 span {
	display : block;
	font-size : 85%;
}

#sellbox h2 a,#sellbox h2 a:hover {
	color : #ffffff;
	text-decoration : none;
}

p#nagano {
	display : inline-block;
	margin-bottom : 3%;
	padding : 7px 20px 9px 20px;
	border-radius : 30px;
	color : #055a46;
	background : #f5e114;
	font-weight : 900;
}

#caseList {
	margin-bottom : 6%;
	padding : 4.5%;
	background : #ffffff;
	border-radius : 10px;
}

#caseList p {
	margin-bottom : 3.5%;
	padding : 8px 0 10px 0;
	text-align : center;
	background : #d7e1d7;
	font-weight : 900;
}

#caseList p font {
	font-size : 50%;
}

#caseList ul {
	list-style : none;
	text-align : left;
}

#caseList ul li {
	margin-bottom : 5px;
	padding : 3px 0 3px 24px;
	background-image : url(check.svg);
	background-repeat : no-repeat;
	background-position : 0 3px;
	background-size : 6%;
}

#caseList ul li:last-child {
	margin : 0;
}

#caseList ul li span {
	display : none;
}

p#sellimg {
	overflow : hidden;
	width : 90%;
	margin : 0 auto 0 auto;
}

p#sellimg img {
	width : 100%;
	height : 100%;
}

p#sftxt {
	margin : 0 4% 0 4%;
	font-size : 110%;
	font-weight : 900;
	color : #ffffff;
	line-height : 1.4em;
	text-align : left;
}

/*----------BLOG_ENTRIES----------*/

#entries {
	clear : both;
	width : 90%;
	margin : 0 auto 7% auto;
}

#entries h2 {
	margin-bottom : 7%;
	font-size : 230%;
	font-family : neuzeit-grotesk, sans-serif;
	font-weight : 700;
	font-style : normal;
	letter-spacing : 3px;
	text-align : center;
	line-height : 0.9em;
}

#entries h2 span {
	display : block;
	font-family : kinto-sans, sans-serif;
	font-weight : 500;
	font-style : normal;
	font-size : 40%;
	letter-spacing : 0;
}

#entries ul {
	list-style : none;
	overflow : hidden;
}

#entries ul li {
	position : relative;
	margin-bottom : 6.5%;
}

#entries ul li:last-child {
	border-bottom : none;
}

#entries ul li a,#entries ul li a:hover {
	display : block;
	color : #191919;
	background : #ffffff;
	text-decoration : none;
}

.thumbnail2 {
	width : 30%;
	background-size : cover;
	background-position : center center;
	padding-top: 32%;
	border-radius : 7px;
}

#entries ul li dl {
	position : absolute;
	overflow : hidden;
	width : 65%;
	top : 0;
	right : 0;
}

#entries ul li dl dt p {
	margin-bottom : 3px;
	font-family : neuzeit-grotesk, sans-serif;
	font-weight : 400;
	font-style : normal;
	font-size : 90%;
	line-height : 1em;
	letter-spacing : 1px;
}

#entries ul li dl dt h3 {
	margin-bottom : 7px;
	padding-bottom : 7px;
	border-bottom : solid 1px #b4b4b4;
	font-weight: 700;
	font-size : 110%;
	line-height : 1.2em;
}

#entries ul dl dd {
	color : #787878;
	font-size : 80%;
	line-height : 1.45em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

p.cname {
	position : absolute;
	width : 70px;
	padding : 5px 0 7px 0;
	font-size : 75%;
	text-align : center;
	color : #ffffff;
	background-color : rgba(0,0,0,0.7);
	border-radius : 5px;
	left : 5px;
	top : 5px;
}

p#viewall {
	clear : both;
	width : 230px;
	margin : 0 auto 0 auto;
}

p#viewall a,p#viewall a:hover {
	display : block;
	width : 230px;
	padding : 10px 0 12px 0;
	color : #ffffff;
	background : #01946a;
	text-align: center;
	text-decoration : none;
	border-radius : 30px;
}

ul#stepline {
	list-style : none;
	overflow : hidden;
	width : 90%;
	margin : 0 auto 70px auto;
	text-align: center;
}

ul#stepline li:first-child {
	margin-bottom : 4%;
}

ul#stepline img {
	width : 100%;
	height : 100%;
}

p#linebtn {
	font-weight : 700;
	font-size : 110%;
}

p#linebtn a {
	display : inline-block;
	padding : 14px 22px 16px 60px;
	color : #ffffff;
	background : #01946a;
	border-radius : 25px;
	text-decoration : none;
	background-image : url(../common/lineicon.svg);
	background-repeat : no-repeat;
	background-size : 35px;
	background-position : 15px 8px;
}