@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.sp,.pad,
.sp-head,
.footer-spbox {display: none;}

.pink{background-color:#fda5b5;}

body{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	font-size:18px;
	color:#222;
	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{
	margin:0 auto;
	display: block;
	text-align: center;
	vertical-align: bottom;
}

@media screen and (max-width : 1200px){
header img{
	width: 95%;
	max-width:95%;
}
}

@media screen and (min-width: 1200px) {
header img{
	width: 100%;
	max-width:1230px;
}
}


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

	border: solid 1px #f1e8df;
}

/* 各present */
@media screen and (max-width: 1200px){
main #Contents{
	width: 95%;
	max-width: 95%;
	margin:1em auto 0;
	box-sizing: border-box;
}
}

@media screen and (min-width: 1200px) {
main #Contents{
	width: 100%;
	max-width:1230px;
	margin:1em auto 0;
	box-sizing: border-box;
}
}

main #Contents .ContBox01__Inbox{
	width: 100%;
	max-width: 100%;
	margin: 0 auto 1em;
	padding: 1em;
	background-color: #fff;
	box-sizing: border-box;
}

.ContBox01__Inbox .ContBox01__Inbox__Item01{display: none;}
.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{
	width: calc(100% - 22%);
	max-width: calc(100%  - 22%);
	margin: 0 auto;
}

.ContBox01__Inbox__Item02 .ContBox01__Inbox__Item02-r{
	width: calc(100% - 78%);
	max-width: calc(100% - 78%);
	margin: 0 auto;
}

/* プレゼント企画名　*/
.ContBox01__Inbox__Item02-l p.P-Title{
	width: 100%;
	max-width: 100%;
	padding:.5em 0 .4em;

	margin:0 auto;
	font-size:1.5rem;
	font-weight: bolder;
	color: #fff;
	text-indent:.5em;

	display: block;
}

p.P-Title span{ 
	font-size: 1.6rem; 
	letter-spacing: .2rem;
}

.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%;
	padding:.5em 0 .4em;
	margin:0 auto;
	font-size:1.4rem;
	font-weight: bolder;
	color: #200007;
	text-indent:.5em;
	display: block;
	line-height: 1.5;

	border-bottom:dashed 1px #200007;
}

/* 当選者名　*/
div.detail .P-Name{
	width: 100%;
	max-width:100%;
	margin:0 auto;
	text-indent:.5em;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
   justify-content: flex-start;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
   font-size:3rem;

}

div.detail .P-Name > p{
 display: block;
}

div.detail .P-Name p::after{
	vertical-align: bottom;
	font-size:2.5rem;
	content:"様";
}

div.detail .sonota{margin-top:1em; font-size:2.5rem;}

div.detail .sonota span{font-size:1.5rem;}

/*　プレゼント画像　*/
.ContBox01__Inbox__Item02-r .P-Image{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	display: block;
}

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

	margin:0 auto;
	vertical-align: middle;
	text-align: center;

	display: block;
}

.announce{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 2em;
	display: block;
	line-height: 1.4;
	text-align: center;
	}

/* footer */
footer{
	width: 100%;
	max-width:100%;
	padding:2em;
	margin:0 auto;
	box-sizing: border-box;
	background-color:#f1e8df;
}

.footer-pcbox{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	text-align: center;
	box-sizing: border-box;
	display: block;
	color:#fff;
}

.footer-pcbox p{
	width: 100%;
	max-width:100%;
	margin:1em auto;
	text-align: center;

	color:#fff;
}

.footer-pcbox p:first-child{
	line-height: 1.7;
	letter-spacing:.2em;
}

.footer-pcbox img.phone-img{
	width: 100%;
	max-width: 1179px;
	margin:0 auto;
}

.footer-pcbox img.serch-img{
	width: 100%;
	max-width: 443px;
	margin:1em auto;
}

.footer-pcbox .QR-img{
	width: 50%;
	max-width: 443px;
	margin:.5em auto;
	
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.footer-pcbox .QR-img p{
	width: calc((100% / 2) - 5%);
	max-width: calc((100% / 2) - 5%);
	display: block;
}

.footer-pcbox .QR-img p img{
	width: 90%;
	max-width: 90%;
	margin:0 auto;
	display: block;
	text-align: center;
}