@charset "utf-8";

/* ------------------------------------------------------------
  filename:popup.css
  created: 090407
  update:  140616
------------------------------------------------------------ */
div.popup div#platform { width: 100%; }

div.popup div#header {
  width: 730px;
  margin: auto;
  height: 85px;
}

div.popup div#header p.btnClose {
  height: 22px;
  position: absolute;
  top: 19px;
  right: 0;
  vertical-align: top;
  cursor: pointer;
}

div.popup div#contents {
  width: 730px !important;
  margin:auto;
}

div.popup div#footer {
  width: 730px;
  margin:auto;
  padding-top:20px;
}

div.popup address {
  float: left;
  padding-top:10px;
  padding-bottom:10px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  font-size: 100%;
  text-align: left;
  width: 317px;
}

div.popup address a.rmp:link {
  color: #333333;
  text-decoration: underline;
}

div.popup address img {
  margin-bottom: 7px;
}

/* フッターリンク (FAQ)*/
div.popup div#footer p.faqLink {
  padding-right: 5px;
  padding-top: 15px;
  font-size: 100%;
  color: #833A19;
  float: right;
}

/* 微調整 */
div.popup div#contents p,
div.popup div#contents table { margin-right:0; }

div.popupWide div#platform {
	width: 100%;
}
div.popupWide div#header {
	width: 910px;
	margin: auto;
	height: 85px;
}

div.popupWide div#header p.btnClose {
	height: 22px;
	position: absolute;
	top: 19px;
	right: 0;
	vertical-align: top;
}

div.popupWide div#contents {
	width: 910px!important;
	padding:0;
	margin:0 auto;
}
div.popupWide div#footer {
	width: 910px;
	margin:auto;
}
div.popupWide address {
	float: left;
	padding-top:10px;
	padding-bottom:10px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  font-size: 100%;
  text-align: left;
  width: 317px;
}

/* ------------------------------------------------------------ headding */
div.popup div#contents h1,
div.popup div#contents h2 { margin-right:0; }

div.popup div#contents h1.secret {
	padding:0 0 0 0;
	border-bottom:medium none;
}

div.popup div#contents #ppTit { margin:0; }

div#contents div#ppTit h2 {
  padding:0;
  border:0;
  margin:0;
  background-color: #FFF;
  color: #333;
  font-size:140%;
}

div#contents div#ppTit h2 a { font-weight:bold; }

div#contents div#ppTit h2 span {
  margin-left:10px;
  font-size:80%;
}

/*QRコード*/
div#contents div#ppTit p.qrCode{
float:right;
padding:0 10px;}


/* クーポン */
div.popup div#contents div.couponInformation { margin:10px 0 0 0; }

div.popup div#contents div.couponInformationInner p { margin-right:20px; }

/* -----------------------------------------------------------
 text
----------------------------------------------------------- */
div#platform.popup div#mainContents .lead01{
margin:10px 5px 0;
font-weight:bold;
color:#703A48;
}

div#platform.popup div#mainContents .lead02{
margin:10px 5px 0;
font-weight:bold;
color:#7A2248;
}

div#platform.popup div#mainContents .text01{
margin:10px 5px 0;
}

div#platform.popup div#mainContents .text02{
margin:0 5px;
}

/* -----------------------------------------------------------
 .iconBox
----------------------------------------------------------- */
div#platform.popup div#mainContents .iconBox{
margin:10px 0 20px;
padding:10px 0;
border-top:1px solid #E6D3D9;
border-bottom:1px solid #E6D3D9;
text-align:right;
}

div#platform.popup div#mainContents .iconBox a{
margin-left:2px;
}

.marginR10{margin-right:10px;}

/* -----------------------------------------------------------
 .mobilePlatform
----------------------------------------------------------- */
div#platform.popup div#mainContents .mobilePlatform{
}

div#platform.popup div#mainContents .mobilePlatform table{
width:460px;
}

div#platform.popup div#mainContents .mobilePlatform table th{
width:10em;
text-align:center;
font-weight: normal;
}

div#platform.popup div#mainContents .mobilePlatform table td{
width:320px;
}

/* -----------------------------------------------------------
 .address
----------------------------------------------------------- */
div#platform.popup div#mainContents .address .attention{
margin-top:15px;
}

div#platform.popup div#mainContents .address .attention span{
padding-right:10px;
color:#333333;
}

div#platform.popup div#mainContents .address .mail{
margin-top:5px;
}
div#platform.popup div#mainContents .address .mail input{
width:200px;
}

div#platform.popup div#mainContents .address .mail span{
padding:0 5px;
}

/* -----------------------------------------------------------
 .shopUrl
----------------------------------------------------------- */
div#platform.popup div#mainContents .locator.shopUrl{
margin-bottom:20px;
}

div#platform.popup div#mainContents .locator.shopUrl .column4B h4{
margin:11px 10px 0 5px;
}

div#platform.popup div#mainContents .locator.shopUrl .column4B .inputUrl{
margin:10px 5px;
}

div#platform.popup div#mainContents .locator.shopUrl .column4B .inputUrl input{
width:300px;
}

div#platform.popup div#mainContents .locator.shopUrl .column4B .qrCode{
width:75px;
margin:10px 0 0 10px;
border:1px solid #DEDEDE;
text-align:center;
}

/* -----------------------------------------------------------
 .btnSubmit
----------------------------------------------------------- */
div#platform.popup div#mainContents .btnSubmit.margin01{
margin:0;
}

div#platform.popup div#mainContents .btnSubmit span.lead{
padding-right:10px;
font-size:80%;
}

/* -----------------------------------------------------------
 .topBox
----------------------------------------------------------- */
div#platform.popup div#mainContents .topBox.mailAddress{
margin-top:10px;
padding:10px;
background-color:#FFF8E8;
}

div#platform.popup div#mainContents .topBox.mailAddress p{
margin:0;
}

/* -----------------------------------------------------------
 .sketch
----------------------------------------------------------- */
div#platform.popup div#mainContents .alignC.sketch{
margin:10px 0 20px;
}