@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/

.sp{display: block;}
.pc,.pad,.ContBox01pc{display: none;}

.pink{background-color:#fda5b5;}

body{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	font-size:14px;
	color:#222;
	display: block;
	font-family: noto-sans-cjk-jp, noto-sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", sans-serif;
}

/* header */
header{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin:0 auto;
	text-align: center;
}

header img{
	width: 100%;
	max-width:100%;
	margin:0 auto;
	display: block;
	text-align: center;
	vertical-align: bottom;
}

a{
	text-decoration: none;
	opacity: 1;
  	-webkit-transition: .1s ease-in-out;
  	transition: .1s ease-in-out;
}

a:hover,
a:active{
	opacity: .5;
}

/* main */
main{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	background-color:#f1e8df;

	border: solid 1px #f1e8df;
}

#Contents{
	width: 93%;
	max-width: 93%;
	margin:0 auto;
	display: block;
}

/* 各present */
#Contents .ContBox01__Inbox{
	width: 100%;
	max-width: 100%;
	padding:.5em;

	margin:1em auto;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
}

div.Prize-img{
	width:calc(100% / 2);
	max-width: calc(100% / 2);
	margin:0 auto;
	height:auto;
	vertical-align: middle;

	display: block;
}
.ContBox01__Inbox .ContBox01__Inbox__Item01 {
	width: 100%;
	max-width: 100%;
	height: auto;

	margin:0 auto .5em;
	box-sizing: border-box;

	display: block;
}

.ContBox01__Inbox .ContBox01__Inbox__Item02{
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}

.ContBox01__Inbox__Item02 .ContBox01__Inbox__Item02-l,
.ContBox01__Inbox__Item02 .ContBox01__Inbox__Item02-r{
	width: calc(100% / 2);
	max-width: calc(100%  / 2);
	margin: 0 auto;
}

/* プレゼント企画名　*/
.ContBox01__Inbox .ContBox01__Inbox__Item01 .P-Title{
	width: 100%;
	max-width: 100%;
	height: auto;

	margin:0 auto;
	font-size:1.35rem;
	font-weight: bolder;
	color: #fff;

	display: block;
	box-sizing: border-box;
}

.ContBox01__Inbox__Item02-l div.detail{
	width: 100%;
	max-width: 100%;
	margin:0 auto;

	box-sizing: border-box;
}

/* プレゼント商品名　*/
div.detail .P-Item{
	width: 100%;
	max-width: 100%;
	height: auto;

	padding:0 0 .25em;
	margin:0 auto;
	font-size:.95rem;
	font-weight: bolder;
	color:#200007;
	display: block;
	text-align: left;
	line-height: 1.4;

	border-bottom:dashed 1px #200007;
}

/* 当選者名　*/
 div.detail .P-Name{
	width: 100%;
	max-width: 100%;
	height: auto;

	padding:.5em;
	margin:0 auto;
	font-size:1.8rem;
	color:#200007;
	text-align: left;
	display: block;
	word-break: keep-all;
}

div.detail .P-Name p::after{content: "様";}

div.detail .sonota{margin-top:1em; font-size:1.5rem; line-height: 1.2;}

div.detail .sonota span{font-size:0.9rem; line-height: .9;}

/*　プレゼント画像　*/
.P-Image{
	width: 95%;
	max-width: 95%;
	height: auto;

	margin:0 auto;
	display: block;
	text-align: center;
}


.P-Image img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height:100%;
	display: block;

	margin:0 auto;
	vertical-align: top;
	text-align: center;
	border:none;
}


/* 実施中キャンペーンをチェック */
.ContBox02__btn{
	width:95%;
	max-width: 95%;
	margin:0 auto;
	display: block;

	display: block;

}

.ContBox02__btn a{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	display: block;
	box-sizing: border-box;
}

.ContBox02__btn a img{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	box-sizing: border-box;
}

/* footer */
footer{
	width: 100%;
	max-width:100%;
	padding:.5em;
	height: auto;
	margin:0 auto;
	box-sizing: border-box;

	color:#fff;
	background-color: #ff9aab;
}

footer .footer-spbox{
	width: 100%;
	max-width: 100%;
	margin:1em auto;
	text-align: center;
	box-sizing: border-box;
}

footer .footer-pcbox,
footer .footer-pcbox p,
footer .footer-pcbox img,
footer .footer-pcbox div{
	display: none;
}

.footer-spbox .footer-box-item{
	width: 100%;
	max-width: 100%;
	margin:1.5em auto 1em;
}

.footer-spbox .footer-txt01{
	width: 100%;
	max-width: 100%;
	margin:0 auto .3em;
	color: #200007;
	font-weight: bolder;
}

.footer-spbox .footer-txt02{
	width: 100%;
	max-width: 100%;
	margin:0 auto .3em;
	line-height: 1.3;
}

.footer-spbox .footer-box-item a{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	display: block;
}

.footer-spbox .footer-box-item a img{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
}

#SpPre03{
	display: block;
}

#SpPre04{
	display: block;
}