@charset "utf-8";
.sp {
  display: none !important;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kirekira_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 40px;
  padding-bottom: 120px;
}
.kirekira_content img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.kirekira_content h2 {
  margin: 0;
}
.kirekira_content h2 img {
  width: 100%;
}
.kv h1 {
  margin: 0;
}
.kv img {
  width: 100%;
}
.tokutyou {
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .flex {
    display: block;
  }
  .kirekira_content {
    padding: 0 5%;
	padding-bottom: 30px;
	margin-top: 15px;
  }
  .kv {
    position: relative;
  }
  .kv img {
    width: 100%;
  }
}
/*twitter投稿*/
section.tw {
    padding: 50px 50px 0;
	background:url("/_var/freepages/campaign/ugc202010/kirekiraUGC_bg_pc.png");
	border:solid 4px #62418f;
	border-top:none;
	border-radius:0 0 10px 10px;
}
.tw_com {
    padding: 40px;
    background: #fff;
    border-radius: 20px;
    border: solid #b8a3cd 4px;
	position:relative;
	margin-bottom:40px;
}
.tw_com.odd:after, .tw_com.odd:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    left:100%;
    top:50%;
}
.tw_com.odd:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:19px;
    border-right-width:19px;
    margin-top: -12px;
    border-left-color:#ffffff;
}
.tw_com.odd:before{
    border-color: rgba(184, 163, 205, 0);
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -14px;
    margin-left: 4px;
    border-left-color:#B8A3CD;
}
.tw_com.even:after, .tw_com.even:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:50%;
}
.tw_com.even:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:19px;
    border-right-width:19px;
    margin-top: -12px;
    border-right-color:#FFFFFF;
}
.tw_com.even:before{
    border-color: rgba(184, 163, 205, 0);
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -14px;
    margin-right: 4px;
    border-right-color:#B8A3CD;
}
.tw_txt {
    width: 50%;
    font-size: 20px;
}
.odd .tw_txt{
	padding-right:30px;
	box-sizing:border-box;
}
.even .tw_txt{
	padding-left:30px;
	box-sizing:border-box;
}
.tw_img {
    width: 50%;
}
img.css-9pa8cd {
    width: 1.2em;
}
.btn_detail{
	display:block;
	margin:55px auto 75px;
	text-align:center;
}

@media screen and (max-width: 767px) {
	section.tw {
    padding: 20px 20px 0;
	background:url("/_var/freepages/campaign/ugc202010/kirekiraUGC_bg_sp.png");
	border:solid 2px #62418f;
	border-radius:0 0 5px 5px;
}
	.tw_com {
    padding: 18px 15px;
    border: solid #b8a3cd 2px;
    position: relative;
    margin-bottom: 20px;
	border-radius: 15px;
}
	.tw_txt {
    width: 100%;
    font-size: 12px;
}
	.tw_img{
	width: 80%;
    margin: 1em auto 0;
	}
	.odd .tw_txt {
    padding-right: 0;
}
	.even .tw_txt {
    padding-left: 0;
}
	.tw_com.odd:before {
    border-color: rgba(184, 163, 205, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-top: -7.5px;
    margin-left: 2px;
    border-left-color: #B8A3CD;
}
	.tw_com.odd:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 8.5px;
    border-right-width: 8.5px;
    margin-top: -6.5px;
    border-left-color: #ffffff;
}
.tw_com.even:before{
    border-color: rgba(184, 163, 205, 0);
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -7.5px;
    margin-right: 1px;
    border-right-color:#B8A3CD;
}
.tw_com.even:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:6px;
    border-bottom-width:6px;
    border-left-width:8.5px;
    border-right-width:8.5px;
    margin-top: -6.5px;
    border-right-color:#FFFFFF;
}
	
.btn_detail{
	margin:30px auto;
}
}