@charset "UTF-8";



/*-------------------

media queries

--------------------*/



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	body{

	width:640px;

	margin:0;

	padding:0;

	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

	margin:0 auto;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	body{

	width:640px;

	margin:0;

	padding:0;

	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

	margin:0 auto;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#weaper{

	width:640px;

	height:auto;

	overflow:hidden;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#weaper{

	width:640px;

	height:auto;

	overflow:hidden;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	header{

	width:640px;

	height:200px;

	background:url('../img/header_sp_superoutlet.jpg') no-repeat;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	header{

	width:640px;

	height:200px;

	background:url('../img/header_sp_superoutlet.jpg') no-repeat;

	}

}


/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.attention{

	width:640px;

	height:139px;

	background:url('../img/attention_sp.jpg') no-repeat;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.attention{

	width:640px;

	height:139px;

	background:url('../img/attention_sp.jpg') no-repeat;

	}

}






/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_info_cart{

	width:640px;

	height:110px;

	background:url('../img/teiki_info_cart_sp.png') no-repeat;

	margin:10px 0 10px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_info_cart{

	width:640px;

	height:110px;

	background:url('../img/teiki_info_cart_sp.png') no-repeat;

	margin:10px 0 10px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#contentBox{

	width:640px;

	height:auto;

	overflow:hidden;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#contentBox{

	width:640px;

	height:auto;

	overflow:hidden;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_a{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_a{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_b{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_b{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_c{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_c{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_d{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_d{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_e{

	margin:0 0 10px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_e{

	margin:0 0 10px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_f{

	margin:0 0 10px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_f{

	margin:0 0 10px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_g{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_g{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_h{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_h{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_i{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_i{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_form_cvcheck_j{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_form_cvcheck_j{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#cv_btn_a{

	width:640px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#cv_btn_a{

	width:640px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	#teiki_cv_area{

	margin:0 0 30px 30px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#teiki_cv_area{

	margin:0 0 30px 30px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	footer{

	width:640px;

	height:auto;

	overflow:hidden;

	margin:0 auto;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	footer{

	width:640px;

	height:auto;

	overflow:hidden;

	margin:0 auto;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.copyright{

	display:none;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.copyright{

	display:none;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.footerUl{

	height:100px;

	margin:0 0 0 30px;

	list-style:none;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.footerUl{

	height:100px;

	margin:0 0 0 30px;

	list-style:none;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.footerUl li{

	float:none;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.footerUl li{

	float:none;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.footerUl li:nth-child(1) a, .footerUl li:nth-child(3) a, .footerUl li:nth-child(5) a{

	font-size:18px;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.footerUl li:nth-child(1) a, .footerUl li:nth-child(3) a, .footerUl li:nth-child(5) a{

	font-size:18px;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.footerUl li:nth-child(7), .footerUl li:nth-child(9){

	display:none;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.footerUl li:nth-child(7), .footerUl li:nth-child(9){

	display:none;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.footerUlspeace{

	display:none;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.footerUlspeace{

	display:none;

	}

}



/* iphone */

@media screen and (min-width: 320px) and (max-width: 480px){

	.dot{

	display:inline;

	}

}

/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.dot{

	display:inline;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.teiki_form_cvcheck_a_box{

	width:270px;

	height:30px;

	position:absolute;

	top:245px;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.teiki_form_cvcheck_a_icon{

	width:21px;

	height:18px;

	margin:6px 0 0 30px;

	float:left;

	display:inline;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.teiki_form_cvcheck_b_icon{

	width:21px;

	height:18px;

	margin:6px 0 0 4px;

	float:left;

	display:inline;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	.teiki_form_cvcheck_e_icon{

	width:21px;

	height:18px;

	margin:6px 0 0 100px;

	float:left;

	display:inline;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#select_name{

	width:100px;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#select_name{

	width:100px;

	}

}



/* iohone */

@media screen and (min-width: 320px) and (max-width: 480px) {

	#icon_name{

	width:60px;

	}

}



/* andriod & smartPhone*/

@media screen and (min-width: 480px) and (max-width: 640px) {

	#icon_name{

	width:70px;

	}

}









