@charset "utf-8";
/* CSS Document */

@import url("./reset.css");
@import url("./style.css");
@import url("./mypage.css");

body.popup{
	background:#fff url(../images/popup/popup_bgheader.gif) 0 0 repeat-x;
}

#popupContents{
	width:560px;
	margin:0 auto;
	font-size:12px;
}
#popupContents.w680{
	width:680px;
}

#popupHeader{
	padding-bottom:25px;
	}
#popupContents h2{
	margin-bottom:20px;
	/*background:url(../images/popup/popup_ttl_bg.gif) 0 0 repeat-x;*/
}


#popupFooterWrap{

	background:#fff url(../images/popup/popup_bgfooter.gif) 0 0 repeat-x;
	width:100%;
	height:23px;
}
#popupFooter{
	width:560px;
	margin:0 auto;
}
.mainInner{
	margin:20px;
	margin-bottom:50px;
	font-size:13px;
}
.mainInner p{
	margin-bottom:10px;
}
.mainInner  a{
	text-decoration:underline;
}
.mainInner  a:hover{
	text-decoration:none;
}
.pc{display: block;}	
.sp{display: none;}

/* mypageInfo */
#mypageTit

{
	background:#9a9a9a;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	
	}


/* mypageInfo */

#mypageInfo p{
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
}

/* 利用規約 */
#kiyakuInfo{padding:5px;}
#kiyakuInfo pre{width:500px;}

/* パスワード再発行 */
#forgetPass{
	width:500px;
	height:100%;
	margin:30px 0;
}
#forgetPass p{
	clear:both; 
	height:22px;
	line-height:22px;
	text-align:center;
	margin:20px 0;
}
#forgetPass p a{
	line-height:20px;
	text-decoration:underline;
}
#forgetPass p a:hover{
	text-decoration:none;
}
#forgetPass dl{
	margin-top:10px;
}
#forgetPass dl dt{
	float: left; 
	clear: both; 
	width: 150px; 
	font-weight:bold;
	margin: 0; 
	padding: 5px; 
	vertical-align: middle; 
	text-align: right;
	height:16px;
	line-height:16px;
}
#forgetPass dl dd{
	clear: right; 
	margin: 0 0 5px 150px;
	padding: 3px 0; 
	vertical-align: middle;
}
#forgetPass dl dd p{
	height:12px;
}
#forgetPass dl dd p span input {
	display:block;
	float:left;
	line-height:16px;
}
#forgetPass dl dd p span label{
	display: block;
	float:left;
	margin-top:-2px;
}
/*
input,select {
border: 1px #bebec0 double;
}
*/

/* プライバシーポリシー */
#popupContents h3{
	width:490px;
	padding-left:10px;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:#9a9a9a;
/*	margin-bottom:10px;*/
}
#popupContents h3.w680{
	width:670px;
}
#popupContents p,
#popupContents ol{
	margin-left:10px;
	margin-right:10px;
	padding:0 10px;
}
#popupContents ol{
	list-style:decimal;
	list-style-position:outside;
	margin-left:30px;;
}
#popupContents ol li{
	margin-bottom:10px;
}

#popupContents table{
	width:470px;
	margin-left:10px;
	border-right:#bebec0 1px solid;
	border-bottom:#bebec0 1px solid;
}
#popupContents table th{
	font-size:10px;
	font-weight:normal;
	height:20px;
	white-space: nowrap;
	background:#dedfe1;
	border-top:#bebec0 1px solid;
	border-left:#bebec0 1px solid;
}
#popupContents table td{
	font-size:12px;
	vertical-align:middle;
	padding:8px;
	border-top:#bebec0 1px solid;
	border-left:#bebec0 1px solid;
}
#popupContents .s10{
	font-size:10px;
	color:#666666;
}


/* 商品のサイズについて */

.sizeBox{width:240px;}
.sizeTit{
	margin-bottom:10px;	
	padding:4px 4px 4px 6px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:#9a9a9a;
}

/* スーツケースの選び方 */
.choose #popupContents h2{
	margin-bottom:0;
}
#chooseLead{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
}

#chooseLead1{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
	height:75px;
}

.chooseLead2{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:20px;
}

#main{
	padding-top:10px;
	padding-bottom:20px;
	margin-left:20px;
}

ul#chooseLinks{
	margin-left:10px;
	margin-bottom:30px;
}
ul#chooseLinks li{
	font-size:12px;
	background:url(../images/icon3.gif) 0px 6px no-repeat;
	padding-left:13px;
	padding-right:15px;
	height:22px;
}

#chooseBox3{
	background:url(../images/popup/choose3.jpg) right bottom no-repeat;
	height:auto;
}


#sam_logo{
	margin-top:15px;
}

/* 汎用CSS */
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.w240{width:240px;}
.w500{width:500px;}
.w680{width:680px;}
.red{color:#bc0101;}/*#7e0303*/
.bold{font-weight:bold;}
.big{font-size:15px;}

.pl8{padding-left:8px;}
.h20{height:20px;}


/* 10年保障について */
.h3title2 {
padding-top: 20px;
letter-spacing: 0.3px;
font-weight: bold;
font-size: 17px;
}
.hosyou_tit {
text-decoration:underline;
padding-top: 20px;
padding-left: 20px;
 font-size: 14px;
}

strong {
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #777;
    font-size: 14px;
    font-weight: bold;
}

.hosyou_box {
	color: #777;
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 23px;
	font-size: 10px;
}
/* 送料無料 */
ul.popupfree {
	margin-left: 10px;
	list-style-type: disc;
}


/* お客様の声　ポップアップ */
.checkpp .check_btn {
	padding-top: 20px;
	text-align: center;
}
.checkpp #popupContents table th {
	font-size: 12px;
}
.checkpp #popupContents table th {
	padding: 10px;
}
.checkpp #popupContents table th .attention {
	color: red;
}
.checkpp #popupContents table td.inpMax input {
	width: 97%;
}

.checkpp .check_btn .pl20 { padding-left: 20px; }

.checkpp p strong {
	padding-left: 0;
	font-size: 13px;
	font-weight: bold;
	color: #102a8d;
}
#closeBtn {
    width: 100px;
    height: 24px;
    margin: 0px auto;
    padding: 25px 0;
}

@media only screen and (max-width:480px)  and (min-width:320px){
.pc{display: none;}	
.sp{display: block;}
	
body { 
	width: 100%;
	/*width: 140%;*/
	margin: 0 auto;
	}	
body.popup {
	background:none;
	border-top: solid 3px #183191;
	}

#popupContents {width: 92%;margin: 0 auto;}	
	
#popupContents .w500 {width: 100%;}
	
#popupHeader {
	display: none;
	/*padding-bottom: 25px;overflow: hidden;*/
}
h1{
	padding: 14px;
	}	
h1 img{width: 100%;}
	
.pankuzu {
    font-size: 13px!important;
    list-style: none;
}
.leftFloat ,
.rightFloat {
    float: none;
    display: inline;
}
.leftFloat img,
.rightFloat img{
	width: 80%;
    height: auto;
    margin: 0 auto;	
}		
#popupContents h2.sp{
    width: 92%;
    height: auto;
    margin: 2% 0 6%;
    padding: 4% 0 4% 2%;
    font-size: 17px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/*#popupContents h2 img {
    width: 100%;
    height: auto;
}*/	
.sizeTit {
	height: 16px;
	margin-bottom: 10px;
    padding: 30px 0 0 0;/*4px 4px 4px 6px*/
    font-size: 17px;
    font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.02em;
    color: #000;background: #fff;/*color: #FFF;background: #9a9a9a;*/
}
#popupContents p,
#popupContents ol {
	width: 100%;
    max-width: 480px;
    margin: 2% 10px 0 10px;
    padding-bottom: 10px;
    font-size: 16px;
}
	

	
#popupContents table {width: 100%;}
#popupContents table td {
    font-size: 18px;
	padding: 20px;
	}
	}

#closeBtn {
    width: 160px;
    height: auto;
    margin: 0px auto;
    padding: 40px 0;
}
#closeBtn img{
    width: 100%;
    height: auto;
}
#closeBtn a.sp{
	display: block;
    color: #2A2A2A;
	text-decoration: none;
	background: #eee;
	border-radius: 10px
}

#popupFooter {
    width: 100%;
    margin: 0 auto;
	padding: 3px 0 0 0;
    color: #fff;
	text-align: center;
    font-weight: 200;
    line-height: 20px;  
}
#popupFooter img{
	height: 20px;
}

/* xmas */
/* .xmas .blockcenter{
background:#fff url(../images/popup/bg_xmas.jpg) 0 0 repeat-y;
	}
*/