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

/** useragent on off */
div#android_button {
	display: none;
}

div#ios_button {
	display: none;
}

body{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;

}

.tpr_main{
	margin: 0 auto;
	text-align: center;
}
/*==============*/
/*TOP*/
/*==============*/

div.top img{
	width: 100%;
}

img.sp_top{
	display: none;
}

/* news/releaseNotes */
.news{
  width: 88%;
  max-width: 1920px;
  margin: 2em auto 0;
}
.news h2{
  text-decoration: underline #ffc3c3;
}
.news .flex_box{
	display: flex;
    align-items: center;
}
.news .flex_box a{
    margin-left: 30px;
}

.oshirase {
	padding: 15px;
  margin: 2em auto;
  color: #565656;
  background: #ffeaea;
  box-shadow: 0px 0px 0px 10px #ffeaea;
  border: dashed 2px #ffc3c3;
  border-radius: 8px;
  font-size: 90%;
}

.oshirase h3{
    font-size: 105%;
	margin-bottom: 5px;
}

.oshirase > p {
	margin: 0;
	padding: 0;
  }

.oshirase.info{
    /* height: 400px; */
    margin-bottom: 50px;
}

.oshirase.info > p {
	margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: dashed 2px #ffc3c3;
}

.oshirase.info > p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

/*==============*/
/*アプリに進化*/
/*==============*/
.tpr_app{
	margin-top: 7%;
}

.tpr_app ul li{
	margin-top: 20px;
}

.midashi_01{
	width: 30%;
}

.app_01{
	width: 70%;
}

.app_02{
	width: 30%;
	margin-top: 5%;
}

/* tpr_app-btn */
.tpr_app ul li.tpr_app-btn{
  margin: 4em auto 0;
}

.tpr_app-btn{
  display: block;
  box-sizing: border-box;
  width: 480px;
}

.tpr_app-btn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: .8em 2em;
  border-radius: 8px;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing:  .12em;
  border: solid 1px #e62f8c;
  background-color: #e75297;
  transition: .7s;
}
.tpr_app-btn > a:hover{
  opacity: .6;
}

/*==============*/
/*プレゼントに交換♪*/
/*==============*/
.tpr_point{
	width: 100%;
	margin-top: 7%;
	background-color: #0071BC;
	background: linear-gradient(#00A1E9, #013775);
}
.midashi_02{
	width: 30%;
	margin-top: 7%;
	margin-bottom: -5%;
}

.point_01{
	width: 100%;
	margin-bottom: -2%;
}

.point_02{
	width: 20%;
	margin-bottom: 5%;
}

.point_03{
	width: 50%;
	margin-bottom: 7%;
}

/*==============*/
/*交換商品追加中*/
/*==============*/

.tpr_present{
	width: 100%;
	margin-top: 7%;
}

.midashi_03{
	width: 30%;
	margin-bottom: 5%;
}

.present{
	width: 60%;
}


/*==============*/
/*第8弾をお楽しみに！*/
/*==============*/
.tpr_8{
	width: 100%;
	margin-top: 7%;
	background-color: #29ABE2;
}

.midashi_04{
	width: 50%;
	margin: 2% auto;
}

/*==============*/
/*諸注意*/
/*==============*/
div.tpr_notes{
	text-align: left;
	font-size: 18px;
	width: 90%;
  max-width: 1920px;
	margin: 0 auto;
	margin-top: 7%;
}

div.tpr_notes img{
	width: 200px;
}

.tpr_notes ul li{
	list-style-type:disc;
}

div.tyu{
	font-size: 15px;
	margin-top: 7%;
}

/*==============*/
/*フッター*/
/*==============*/
footer.footer{
	margin-top: 10px;
	text-align: center;
	background-color: #f2f2f2;
}

.company  {
	padding: 10px;
}

.company img{
	width: 200px;
	transition: 0.5s;
	margin: 10px auto;
}

.company a img:hover{
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.copy{
	font-size: 10px;
}

/*アプリダウンロード*/

p.app_tyu{
	text-align: left;
	width: 50%;
	margin: 0 auto;
}

div.app_bt{
	margin: 3% 0;
}

div#ios_button a{
	display: inline-block;
	overflow: hidden;
	width: 20%;
}

div#ios_button a img{
	width: 100%;
}

img.googleplay{
	margin: 0 30px -1.1% 0;
	width:25%;
}