/*imagepark hp-omakase*/

/* pc */
@media only screen and (min-width: 769px) {

#contents {
	background:url(../images/main_bg.jpg) repeat-x center top;
	padding:40px 0px;
}

#contents .inner {
	width:890px;
	margin:0px auto 70px;
	background:#FFF;
	padding:33px 25px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#contents .inner h2 {
	margin:0px;
	padding:0px;
}

#contents .inner .main {
	padding:36px 30px;
}

#contents .inner .main .greet a {

}

#contents .inner .main .greet a:link{
	color:#666666;
	text-decoration:none;
}


#contents .inner .main .greet a:hover{
	color:#333333;
	text-decoration:underline;
}

#contents .inner .main .greet dl {
	margin:0px;
	padding:0px;
	margin-top:40px;
}

#contents .inner .main .greet dt {
	width:200px;
	float:left;
	margin-right:35px;
}

#contents .inner .main .greet dd {
	float:left;
	padding-top:10px;
}



#contents .inner .main .reason dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .reason dt {
	width:210px;
	float:left;
	margin-right:35px;
}

#contents .inner .main .reason dd {
	width:580px;
	float:left;
	min-height:70px;
    position:relative;
	margin-bottom:20px;
}

#contents .inner .main .reason dd p {
	margin:0px;
	padding:0px;
	position:absolute;
    top: 50%;
    line-height: 1.5em;
    margin-top: -1.5em; /* 2行の場合 */
}

#contents .inner .main .reason dd p.l1 {
	margin:0px;
	padding:0px;
	position:absolute;
    top: 50%;
    line-height: 1.5em;
    margin-top: -0.7em; /* 1行の場合 */
}

#contents .inner .main .reason dd p.l3 {
	margin:0px;
	padding:0px;
	position:absolute;
    top: 50%;
    line-height: 1.5em;
    margin-top: -2.1em; /* 3行の場合 */
}

#contents .inner .main .kaitori ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:40px;
}

#contents .inner .main .kaitori li {
	width:116px;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:27px;
	text-align:center;
	margin-bottom:20px;
	font-size:80%;
}

#contents .inner .main .kaitori li img {
	margin-bottom:5px;
}

#contents .inner .main .kaitori li:last-child {
	margin-right:0px;
}


#contents .kaitori {
	background:url(../images/kaitori_bg.jpg) center top;
}

#contents .kaitori .title {
	background:url(../images/kaitori_t.jpg) center top;
	height:50px;
}

#contents .kaitori .info {
	margin:20px auto 40px;
	text-align:center;
}

#contents .kaitori ul {
	width:960px;
	margin:0px auto 0px;
	padding:0px 0px 50px;
	list-style:none;
}

#contents .kaitori ul li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:30px;
}

#contents .kaitori ul li:last-child {
	margin-right:0px;
}



#contents .inner .main .contact dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .contact dt {
	margin:0px;
	padding:0px;
	width:200px;
	float:left;
}

#contents .inner .main .contact dd {
	margin:0px;
	padding:0px;
	padding-left:220px;
	min-height:150px;
	margin-bottom:30px;
}

#contents .inner .main .contact dd p {
	margin:20px 0px;
	font-size:90%;
}





} 

/* tablet */
@media only screen and (max-width: 768px) {
.pc {display: block;}
.sp {display:none;}


#contents {
	background:url(../images/main_bg.jpg) repeat-x center top;
	padding:40px 0px;
}

#contents .inner {
	width:84%;
	margin:0px auto 70px;
	background:#FFF;
	padding:5%;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#contents .inner h2 {
	margin:0px;
	padding:0px;
}
#contents .inner h2 img {
	width:100%;
	height:auto;
}

#contents .inner .main {
	padding:5px 0px;
}

#contents .inner .main .greet dl {
	margin:0px;
	padding:0px;
	margin-top:40px;
}

#contents .inner .main .greet dt {
	width:150px;
	float:left;
	margin-right:35px;
}

#contents .inner .main .greet dd {
	float:left;
	padding-top:40px;
}



#contents .inner .main .reason dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .reason dt {
	width:21%;
	float:left;
	margin-right:10px;
}

#contents .inner .main .reason dt img {
	width:100%;
	height:auto;
}

#contents .inner .main .reason dd {
	width:76%;
	float:left;
	min-height:70px;
    position:static;
	margin-bottom:20px;
}

#contents .inner .main .reason dd p {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 2行の場合 */
}

#contents .inner .main .reason dd p.l1 {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 1行の場合 */
}

#contents .inner .main .reason dd p.l3 {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 3行の場合 */
}

#contents .inner .main .kaitori ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:40px;
}

#contents .inner .main .kaitori li {
	width:23.5%;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2%;
	text-align:center;
	margin-bottom:20px;
	font-size:80%;
}

#contents .inner .main .kaitori li img {
	margin-bottom:5px;
}

#contents .inner .main .kaitori li:nth-child(4),
#contents .inner .main .kaitori li:nth-child(8),
#contents .inner .main .kaitori li:nth-child(12),
#contents .inner .main .kaitori li:nth-child(16),
#contents .inner .main .kaitori li:nth-child(20),
#contents .inner .main .kaitori li:nth-child(24) {
	margin-right:0px;
}


#contents .kaitori {
	margin-top:30px;
	background:url(../images/kaitori_bg.jpg) center top;
}

#contents .kaitori .title {
	background:url(../images/kaitori_t.jpg) center top;
	height:50px;
}

#contents .kaitori .info {
	margin:20px auto 40px;
	text-align:center;
}

#contents .kaitori ul {
	width:96%;
	margin:0px auto 0px;
	padding:0px 0px 50px;
	list-style:none;
}

#contents .kaitori ul li {
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2%;
	width:32%;
}

#contents .kaitori ul li img {
	width:100%;
	height:auto;
}

#contents .kaitori ul li:last-child {
	margin-right:0px;
}


#contents .inner .main .contact dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .contact dt {
	margin:0px;
	padding:0px;
	width:20%;
	float:left;
}

#contents .inner .main .contact dt img {
	width:100%;
	height:auto;
}

#contents .inner .main .contact dd {

	margin:0px;
	padding:0px;
	padding-left:22%;
	min-height:150px;
	margin-bottom:30px;

}

#contents .inner .main .contact dd img {
	width:100%;
	height:auto;
}

#contents .inner .main .contact dd p {
	margin:20px 0px;
	font-size:90%;
}

#contents .inner .main .contact dd p img {
	width:auto;
	height:auto;
}



}



/* sphone */
@media only screen and (max-width: 640px) {
.pc {display:none;}
.sp {display: block;}

#contents .inner h2 {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#contents .inner h2 img {
	width:130%;
	height:auto;
}





#contents .inner .main .reason dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .reason dt {
	width:40%;
	float:none;
	margin-right:0px;
}

#contents .inner .main .reason dt img {
	width:100%;
	height:auto;
}

#contents .inner .main .reason dd {
	width:100%;
	float:none;
	position:static;
	margin-bottom:20px;
}

#contents .inner .main .reason dd p {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 2行の場合 */
}

#contents .inner .main .reason dd p.l1 {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 1行の場合 */
}

#contents .inner .main .reason dd p.l3 {
	margin:0px;
	padding:0px;
	position:static;
    top: 0%;
    line-height: 1.5em;
    margin-top: 0em; /* 3行の場合 */
}



#contents .inner .main .kaitori ul {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:40px;
}

#contents .inner .main .kaitori li {
	width:49%;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:2%;
	text-align:center;
	margin-bottom:20px;
	font-size:80%;
}

#contents .inner .main .kaitori li img {
	margin-bottom:5px;
}

#contents .inner .main .kaitori li:nth-child(4),
#contents .inner .main .kaitori li:nth-child(8),
#contents .inner .main .kaitori li:nth-child(12),
#contents .inner .main .kaitori li:nth-child(16),
#contents .inner .main .kaitori li:nth-child(20),
#contents .inner .main .kaitori li:nth-child(24) {
	margin-right:2%;
}

#contents .inner .main .kaitori li:nth-child(even){
	margin-right:0px;
}

#contents .kaitori {
	margin-top:30px;
	background:url(../images/kaitori_bg.jpg) center top;
}

#contents .kaitori .title {
	background:url(../images/kaitori_t.jpg) center top no-repeat;
-moz-background-size:100% auto;
 background-size:180% auto; 
	height:34px;
}

#contents .kaitori .info {
	width:90%;
	margin:20px auto 40px;
	text-align:center;
}

#contents .kaitori .info img {
	width:100%;
	height:auto;
}

#contents .kaitori ul {
	width:96%;
	margin:0px auto 0px;
	padding:0px 0px 0px;
	list-style:none;
}

#contents .kaitori ul li {
	margin:0px;
	padding:0px;
	float:none;
	margin-right:0%;
	margin-left:5%;
	width:90%;
	margin-bottom:15px;
}

#contents .kaitori ul li img {
	width:100%;
	height:auto;
}

#contents .kaitori ul li:last-child {
	margin-right:0px;
}





#contents .inner .main .contact dl {
	margin:0px;
	padding:0px;
}

#contents .inner .main .contact dt {
	margin:0px;
	padding:0px;
	width:30%;
	float:left;
}

#contents .inner .main .contact dt img {
	width:100%;
	height:auto;
}

#contents .inner .main .contact dd {

	margin:0px;
	padding:0px;
	padding-left:32%;
	margin-bottom:30px;

}

#contents .inner .main .contact dd img {
	width:100%;
	height:auto;
}

#contents .inner .main .contact dd p {
	margin:10px 0px;
	font-size:90%;
}

#contents .inner .main .contact dd p img {
	width:100%;
	height:auto;
}


#contents .inner .main .contact dd p img.auto {
	width:auto;
}


}