@charset "utf-8";

/*page common --------------------------------------------*/
#lpWrapper.gin {
	border-top: 6px solid #302f2b;
	border-bottom: 6px solid #302f2b;
}
#lpWrapper.gin ul {
    list-style: none;
}
#lpWrapper.gin .inner {
	max-width: 710px;
	width: 98%;
	margin: 0px auto;
}
#lpWrapper.gin dl dt,#lpWrapper.gin dl dd {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

#lpWrapper.gin dl dt {
    max-width: 250px;
}

/*TOP --------------------------------------------*/
#lpWrapper.gin h1 {
    text-align: center;
    margin-bottom: 20px;
}
#lpWrapper.gin h1 + p img {
    max-width: 710px;
    width: 100%;
}


#lpWrapper.gin dl {
    display: table;
    width: 100%;
    height: 150px;
    margin: 20px 0px;
}

/* SECTION --------------------------------------------*/
#lpWrapper.gin .sec1.cmnSet {
    margin-bottom: 80px;
}
#lpWrapper.gin .sec2.cmnSet {
    margin-bottom: 30px;
}
#lpWrapper.gin .cmnSet h2 {
    border: 1px solid #636361;
    padding: 9px 0px;
    text-align: center;
    margin-bottom: 20px;
}
#lpWrapper.gin .cmnSet p {
    margin: 0px auto 20px auto;
    max-width: 674px;
    width: 95%;
}
#lpWrapper.gin .cmnSet ul {
    margin: 0px auto;
    max-width: 630px;
    width: 90%;
}
#lpWrapper.gin .cmnSet ul li {
    margin-bottom: 20px;
}
#lpWrapper.gin .cmnSet dl {
	height: 125px;
}
#lpWrapper.gin .cmnSet dl dt {
    width: 125px;
    padding-right: 30px;
}
#lpWrapper.gin .cmnSet dl dd {
    line-height: 1.7em;
    font-size: 13px;
}
#lpWrapper.gin .cmnSet dl dd img {
    display: block;
    margin-bottom: 10px;
}

#lpWrapper.gin .howBox {
    border: 1px solid #bab9ba;
    font-size: 13px;
    line-height: 1.7em;
    max-width: 674px;
    margin: 0px auto 90px auto;
}
#lpWrapper.gin .howBox dl {
    width: 90%;
    margin: 0px auto;
    height: 150px;
}


#lpWrapper.gin .itemCmn {
    max-width: 674px;
    width: 95%;
    margin: 0px auto;
    position: relative;
}
#lpWrapper.gin .itemCmn a {
    display: block;
    width: 100%;
    position: absolute;
    height: 296px;
	background: rgba(255, 255, 255, 0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#lpWrapper.gin .itemCmn a:hover {
	background: rgba(255, 255, 255, 0.5);
}
#lpWrapper.gin .itemCmn #flnk1 a {
	height:195px;
}
#lpWrapper.gin .itemCmn #flnk2 a {
	height: 235px;
}
#lpWrapper.gin .itemCmn a span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
}
#lpWrapper.gin .itemCmn dt {
    max-width: 208px;
    width: 30%;
    padding-right: 28px;
}
#lpWrapper.gin dl dd p {
    margin-bottom: 10px;
}
#lpWrapper.gin dl dd p.price,
#lpWrapper.gin dl dd p.buy {
    text-align: right;
}
#lpWrapper.gin dl dd p.price {
    margin-bottom: 35px;
}
#lpWrapper.gin dl dd p.copy {
    margin-bottom: 15px;
}
.itemCmn > p {
    margin-bottom: 35px;
}
#lpWrapper.gin dl.ginItem {
    margin-bottom: 80px;
}
#lpWrapper.gin .flnkCmn {
    max-width: 660px;
    width: 100%;
    margin: 0px auto 50px auto;
}
#lpWrapper.gin .flnkCmn dt {
    width: 146px;
}
#lpWrapper.gin .flnkCmn dd p.price {
    width: 330px;
}


#lpWrapper.gin p.btn {
    text-align: right;
}




/*追加分*/
#lpWrapper.gin .itemCmn h2 img {
    max-width: 710px;
    width: 100%;
}
#lpWrapper.gin .itemCmn dl + p img {
    width: 100%;
}
#lpWrapper.gin .itemCmn dd .name img {
    max-width: 318px;
}
#lpWrapper.gin .itemCmn dd .buy img {
    max-width: 237px;
}
#lpWrapper.gin .itemCmn dt img {
    width: 100%;
}

#lpWrapper.gin .ginItem dd p.copy img {
    max-width: 436px;
    width: 100%;
}





@media only screen and ( max-width: 480px ) {
	/*購入*/
	#lpWrapper.gin .itemCmn dl {
		max-height: unset;
		width: 100%;
		margin: 15px auto;
	}
	#lpWrapper.gin .itemCmn dt,
	#lpWrapper.gin .itemCmn dd {
		display: inline-block;
		vertical-align: top;
	}
	#lpWrapper.gin .itemCmn dt {
		width: 30%;
		padding-right: 10px;
	}
	#lpWrapper.gin .itemCmn dt img {width: 100%;}
	#lpWrapper.gin .itemCmn dd {
		width: 65%;
	}
	#lpWrapper.gin .itemCmn dd p img {
		max-width: 100px;
	}
	#lpWrapper.gin .itemCmn dd .name img {
		max-width: 100%;
	}
	#lpWrapper.gin .itemCmn dd p.price {
		margin-bottom: 15px;
	}
	#lpWrapper.gin .itemCmn dd p.price img {
		max-width: 130px;
	}
	#lpWrapper.gin .itemCmn dd .buy img {
		max-width: 200px;
	}
	#lpWrapper.gin h1 img {
		max-width: 499px;
		width: 85%;
	}
	#lpWrapper.gin h1 + p + dl dt {
		max-width: unset;
		width: 145px;
		padding-right: 10px;
	}
	#lpWrapper.gin dl dt img {
		width: 100%;
	}
	#lpWrapper.gin .flnkCmn dd p.copy img {
		max-width: 200px;
	}
	#lpWrapper.gin .flnkCmn dd p.price {
		width: 100%;
	}

}