@charset "utf-8";

/* ------------------------------------------------------------
  filename:popup.css
  created: 090407
  update:  090407
------------------------------------------------------------ */
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;
}

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

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

div.popup address {
  width: 169px;
  height:15px;
  float: left;
  font-size:0;
  padding-top:10px;
  padding-bottom:10px;
}

/* 微調整 */
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 {
	width: 169px;
	height:15px;
	float: left;
	font-size:0;
	padding-top:10px;
	padding-bottom:10px;
}
/* ----------------------------
footer 20190312追記
--------------------------------*/
.flex {
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, sans-serif;
}
.n-footer__nav-secondary .container {
 box-sizing: border-box;
 -ms-flex: 1;
 flex: 1;
 display: -ms-flexbox;
 display: flex;
 width: 1000px;
 margin: 0 auto;
}
.n-footer__nav-secondary {
  padding: 24px 0 32px;
  background-color: #2b2b2b;
  color: #ffffff;
  margin-top: 30px
}
.n-footer__nav-secondary a:hover {
  color: inherit;
}
.n-footer__nav-secondary .n-footer__copyright {
  text-align: left;
}
.n-footer__nav-secondary .n-footer__copyright a {
  font-size: 10px;
  display: inline-block;
  font-weight: 300;
  text-decoration: none;
}
.n-footer__nav-secondary .n-footer__logo {
  font-size: 10px;
}
.n-footer__nav-secondary .n-footer__logo img {
  width: 101px;
  display: inline-block;
}
.n-footer__copyright a {
  padding-top:8px;
  color: #fff
}
.n-footer__nav-secondary .n-footer__logo span {
  display: inline-block;
  margin-left: 6px;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  font-family: "ヒラギノ角ゴ ProN W6", HiraKakuProN-W6;
}
.n-footer__nav-secondary ul {
  font-size: 10px;display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #c2c2c2;
  margin-left: 20px;
  margin-top: -5px;
  font-size: 8px;
}
.n-footer__nav-secondary ul > li:nth-child(n+2) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.n-footer__nav-secondary ul > li:nth-child(n+2)::before {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  margin: 2px 5px 0;
  background-color: #c2c2c2;
}
.n-footer__nav-secondary ul a{
  color: #c2c2c2;
  text-decoration: none;
}
.n-footer__nav-secondary ul a:hover{
  color: #c2c2c2;
}

/* ------------------------------------------------------------ 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;
}