@charset "UTF-8";

.pagetopWrap {
	z-index : 10;
}

#snsCampaign .boxFixed {
	width : 980px;
	margin : 0 auto;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .boxFixed {
		width : auto;
		margin : 0 15px;
	}
}

#snsCampaign .showpc {
	display : block !important;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .showpc {
		display : none !important;
	}
}

#snsCampaign .showsp {
	display : none !important;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .showsp {
		display : block !important;
	}
}

#snsCampaign .txtBlue {
	color : #12439c;
}

#snsCampaign .headline2 {
	font-size : 3.16em;
	font-weight : bold;
	text-align : center;
	color : #13449d;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .headline2 {
		font-size : 2em;
	}
}

#snsCampaign .headline3 {
	font-size : 2.66em;
	font-weight : bold;
	overflow : hidden;
	position : relative;
	margin-top : 116px;
	color : #13449d;
	text-align : center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .headline3 {
		font-size : 1.83em;
		margin-top : 50px;
	}
}
#snsCampaign .headline3 .headlineWrap {
	position : relative;
}
#snsCampaign .headline3 .headlineWrap:before {
	display : block;
	content : '';
	background : url(../images/bg_headline_border.png);
	background-size : auto 2px;
	position : absolute;
	top : 0;
	bottom : 0;
	left : -webkit-calc(100% + 30px);
	left :         calc(100% + 30px);
	margin-top : auto;
	margin-bottom : auto;
	height : 2px;
	width : 980px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .headline3 .headlineWrap:before {
		right : -webkit-calc(100% + 15px);
		right :         calc(100% + 15px);
	}
}
#snsCampaign .headline3 .headlineWrap:after {
	display : block;
	content : '';
	background : url(../images/bg_headline_border.png);
	background-size : auto 2px;
	position : absolute;
	top : 0;
	bottom : 0;
	right : -webkit-calc(100% + 30px);
	right :         calc(100% + 30px);
	margin-top : auto;
	margin-bottom : auto;
	height : 2px;
	width : 980px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .headline3 .headlineWrap:after {
		right : -webkit-calc(100% + 15px);
		right :         calc(100% + 15px);
	}
}

#snsCampaign .targetHashtag {
	text-align : center;
	position : relative;
	z-index : 1;
}
#snsCampaign .targetHashtag .hashtag {
	font-size : 1.66em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .targetHashtag .hashtag {
		font-size : 1em;
	}
}
#snsCampaign .targetHashtag .notes {
	display : inline-block;
	position : relative;
	padding-left : 19px;
	font-size : 1.66em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .targetHashtag .notes {
		font-size : 1em;
	}
}
#snsCampaign .targetHashtag .notes:after {
	display : block;
	position : absolute;
	content : '';
	width : 10px;
	height : 1px;
	background-color : #414141;
	top : 0;
	bottom : 0;
	left : 5px;
	margin : auto;
}

#snsCampaign .tagboard {
	margin-top : 61px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .tagboard {
		margin-top : 15px;
	}
}
#snsCampaign .tagboard .footer-badge {
	text-align : center;
	margin : 0;
	padding : 0 15px 15px;
}
#snsCampaign .tagboard .poweredby-badge {
	display : inline-block;
	width : 130px;
	height : 55px;
	margin : 0 auto;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
	background : #2bacca url(../images/poweredby-white.svg) 50% 50% no-repeat;
	background-size : contain;
	-webkit-border-radius : 5px;
	        border-radius : 5px;
	border : 1px solid #196476;
	position : relative;
}

#snsCampaign .linkText {
	color : #12439c;
	text-decoration : underline;
}
#snsCampaign .linkText:hover {
	text-decoration : none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .linkText:hover {
		text-decoration : underline;
	}
}

#snsCampaign .textIndent {
	padding-left : 1em;
	display : inline-block;
}

#snsCampaign .iconSNS {
	display : inline-block;
	padding-left : 27px;
	position : relative;
	margin-bottom : 10px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .iconSNS {
		margin-bottom : 5px;
	}
}
#snsCampaign .iconSNS:before {
	position : absolute;
	left : 0;
	top : 0;
	bottom : 0;
	margin : auto;
	width : 20px;
	height : 20px;
	content : '';
	background-repeat : no-repeat;
	background-size : 20px;
}
#snsCampaign .iconSNS.twitter:before {
	background-image : url(../images/icn_twitter2.png);
}
#snsCampaign .iconSNS.facebook:before {
	background-image : url(../images/icn_facebook2.png);
}
#snsCampaign .iconSNS.instagram:before {
	background-image : url(../images/icn_instagram2.png);
}
#snsCampaign .iconSNS.weibo:before {
	background-image : url(../images/icn_weibo2.png);
}

#snsCampaign .indentSquare {
	display : inline-block;
	padding-left : 0.9em;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .indentSquare {
		padding-left : 1.2em;
	}
}
#snsCampaign .indentSquare:before {
	content : '';
	display : block;
	position : absolute;
	vertical-align : top;
	top : 0.4em;
	left : 0;
	width : 12px;
	height : 12px;
	background : #414141;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .indentSquare:before {
		width : 10px;
		height : 10px;
		top : 0.3em;
	}
}

#snsCampaign .text {
	margin-top : 23px;
}
#snsCampaign .text:first-child {
	margin-top : 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .text {
		margin-top : 10px;
	}
}

#snsCampaign .mt0 {
	margin-top : 0;
}

#snsCampaign .listDesc {
	margin-top : 23px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc {
		margin-top : 10px;
	}
}
#snsCampaign .listDesc:first-child {
	margin-top : 0;
}
#snsCampaign .listDesc > li {
	display : block;
	padding-left : 1.2em;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc > li {
		padding-left : 1.4em;
	}
}
#snsCampaign .listDesc > li:before {
	content : '';
	display : block;
	position : absolute;
	vertical-align : top;
	top : 0.6em;
	left : 5px;
	width : 5px;
	height : 5px;
	-webkit-border-radius : 50%;
	        border-radius : 50%;
	background : #414141;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc > li:before {
		left : 3px;
	}
}

#snsCampaign .listDesc2 {
	margin-top : 23px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc2 {
		margin-top : 10px;
	}
}
#snsCampaign .listDesc2:first-child {
	margin-top : 0;
}
#snsCampaign .listDesc2 > li {
	display : block;
	padding-left : 1.2em;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc2 > li {
		padding-left : 1.4em;
	}
}
#snsCampaign .listDesc2 > li:before {
	content : '';
	display : block;
	position : absolute;
	vertical-align : top;
	top : 0.25em;
	left : 0;
	width : 15px;
	height : 15px;
	-webkit-border-radius : 50%;
	        border-radius : 50%;
	background : #414141;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listDesc2 > li:before {
		width : 10px;
		height : 10px;
		left : 0;
	}
}

#snsCampaign .listAsterisk {
	margin-top : 23px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .listAsterisk {
		margin-top : 10px;
	}
}
#snsCampaign .listAsterisk:first-child {
	margin-top : 0;
}
#snsCampaign .listAsterisk > li {
	display : block;
	padding-left : 1.2em;
	line-height : 1.6;
	position : relative;
	list-style : none !important;
	margin-left : 0;
}
#snsCampaign .listAsterisk > li:before {
	content : '\203B';
	display : block;
	position : absolute;
	vertical-align : top;
	top : 0;
	left : 0 !important;
	width : auto;
	height : auto;
	-webkit-border-radius : 50%;
	        border-radius : 50%;
	background : transparent;
}

#snsCampaign .m-list-num {
	counter-reset : number;
}
#snsCampaign .m-list-num > li {
	margin-left : 1.2em;
	counter-increment : number;
	margin-top : 4px;
	list-style-type : decimal;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .m-list-num > li {
		margin-top : 0;
	}
}
#snsCampaign .m-list-num > li:first-child {
	margin-top : 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .m-list-num > li:first-child {
		margin-top : 0;
	}
}

#snsCampaign .mainVisual {
	position : relative;
	background : url('../images/bg_mainv.jpg') no-repeat center;
	background-size : cover;
	min-height : 600px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .mainVisual {
		background : none;
		min-height : 0;
	}
}
#snsCampaign .mainVisual .mainHeadline {
	position : absolute;
	top : -80px;
	bottom : 0;
	left : 50%;
	width : 660px;
	height : 480px;
	margin : auto auto auto -200px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .mainVisual .mainHeadline {
		position : relative;
		top : 0;
		left : 0;
		width : auto;
		height : auto;
		margin : auto;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .mainVisual .mainHeadline img {
		width : 100%;
	}
}

#snsCampaign .about {
	padding-top : 75px;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about {
		padding-top : 45px;
	}
}
#snsCampaign .about:before {
	display : block;
	content : '';
	position : absolute;
	top : -28px;
	left : 0;
	right : 0;
	background : url(../images/bg_wave_white.png) top center repeat-x;
	width : 100%;
	height : 28px;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about:before {
		background-size : 360px 14px;
		top : -14px;
		height : 14px;
	}
}
#snsCampaign .about .lead {
	margin-top : 15px;
	margin-left : 50px;
	margin-right : 50px;
	margin-bottom : 174px;
	text-align : center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .lead {
		margin-top : 10px;
		margin-left : 10px;
		margin-right : 10px;
		margin-bottom : 30px;
	}
}
#snsCampaign .about .lead .leadText {
	font-size : 2em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .lead .leadText {
		font-size : 1.33em;
	}
}
#snsCampaign .about .lead .leadspan {
	font-size : 1.33em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .lead .leadspan {
		font-size : 1em;
	}
}
#snsCampaign .about .desc {
	margin-top : 17px;
	font-size : 1.66em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .desc {
		font-size : 1em;
		margin-top : 10px;
	}
}
#snsCampaign .about .catchBox {
	margin-top : 23px;
	background : #dce2e5;
	text-align : center;
	padding : 30px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .catchBox {
		padding : 15px;
		margin-top : 12px;
	}
}
#snsCampaign .about .catchBox .catchText {
	font-size : 2em;
	display : inline-block;
	position : relative;
	font-weight : bold;
	color : #414141;
	padding-top : 75px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .catchBox .catchText {
		font-size : 1.16em;
		padding-top : 40px;
	}
}
#snsCampaign .about .catchBox .catchText:before {
	position : absolute;
	display : block;
	left : 0;
	right : 0;
	top : 0;
	width : 65px;
	height : 65px;
	margin : auto;
	content : '';
	background : url(../images/pct_castle.png) top center no-repeat;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about .catchBox .catchText:before {
		width : 32.5px;
		height : 32.5px;
		background-size : 32.5px;
	}
}

#snsCampaign .letswashtoto {
	margin-top : 270px;
	padding-bottom : 153px;
	position : relative;
	background : url(../images/bg_wash.jpg) bottom center repeat-x #faf6fc;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .letswashtoto {
		margin-top : 80px;
		padding-bottom : 75px;
	}
}
#snsCampaign .letswashtoto:before {
	display : block;
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	background : url(../images/bg_wave_white.png) top center repeat-x;
	width : 100%;
	height : 28px;
	-webkit-transform : rotateX(180deg);
	        transform : rotateX(180deg);
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .letswashtoto:before {
		background-size : 360px 14px;
		height : 14px;
	}
}
#snsCampaign .letswashtoto:after {
	display : block;
	content : '';
	position : absolute;
	bottom : -50px;
	left : 0;
	right : 0;
	background : url(../images/bg_wave_white2.png) bottom center repeat-x;
	width : 100%;
	height : 78px;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .letswashtoto:after {
		background-size : 360px 39px;
		height : 39px;
		bottom : -25px;
	}
}
#snsCampaign .letswashtoto .letswashtotoWrap {
	position : relative;
	z-index : 2;
	padding-top : 36px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .letswashtoto .letswashtotoWrap {
		padding-top : 18px;
	}
}
#snsCampaign .letswashtoto .letswashtotoWrap .headline2 {
	position : absolute;
	width : 100%;
	top : -8px;
	z-index : 1;
}

#snsCampaign .totowashlet {
	background : url(../images/bg_wash2.jpg) bottom center repeat-x #f8f8fc;
	position : relative;
	padding-top : 10px;
	padding-bottom : 70px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .totowashlet {
		padding-top : 5px;
		padding-bottom : 35px;
	}
}
#snsCampaign .totowashlet.hideBoard {
	background-image : url(../images/bg_wash2_2.jpg);
}
#snsCampaign .totowashlet .headline2 {
	position : absolute;
	width : 100%;
	top : -37px;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .totowashlet .headline2 {
		top : -21px;
	}
}

#snsCampaign .about + .totowashlet {
	margin-top : 270px;
	position : relative;
}
#snsCampaign .about + .totowashlet:after {
	display : block;
	content : '';
	position : absolute;
	top : -28px;
	left : 0;
	right : 0;
	background : url(../images/bg_wave_white2.png) bottom center repeat-x;
	width : 100%;
	height : 78px;
	z-index : 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .about + .totowashlet:after {
		background-size : 360px 39px;
		height : 39px;
		bottom : -25px;
	}
}
#snsCampaign .about + .totowashlet .headline2, #snsCampaign .about + .totowashlet .targetHashtag {
	z-index : 2;
}

#snsCampaign .terms {
	margin-bottom : 70px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .terms {
		margin-bottom : 0;
	}
}
#snsCampaign .terms .termsBox {
	margin-top : 70px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .terms .termsBox {
		margin-top : 35px;
	}
}
#snsCampaign .terms .termsBox .boxHead {
	font-size : 1.66em;
	text-align : center;
	background-color : #d0d8dc;
	padding : 8px 10px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .terms .termsBox .boxHead {
		font-size : 1em;
	}
}
#snsCampaign .terms .termsBox .boxBody {
	font-size : 1.33em;
	border-left : solid 1px #d0d8dc;
	border-right : solid 1px #d0d8dc;
	border-bottom : solid 1px #d0d8dc;
	padding : 27px 50px 50px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .terms .termsBox .boxBody {
		padding : 15px 15px 15px;
		font-size : 1em;
	}
}

#snsCampaign .snsBox {
	margin-top : 40px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox {
		margin-top : 20px;
	}
}
#snsCampaign .snsBox .snsHeadline {
	font-size : 2.55em;
	position : relative;
	text-align : center;
	font-weight : bold;
	overflow : hidden;
	color : #13449d;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsHeadline {
		font-size : 1.33em;
		margin-left : -15px;
		margin-right : -15px;
	}
}
#snsCampaign .snsBox .snsHeadline .headlineWrap {
	position : relative;
	display : inline-block;
}
#snsCampaign .snsBox .snsList {
	margin : 0 -5px;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display :         flex;
	-webkit-flex-wrap : wrap;
	    -ms-flex-wrap : wrap;
	        flex-wrap : wrap;
	-webkit-box-pack : start;
	-webkit-justify-content : flex-start;
	-ms-flex-pack : start;
	        justify-content : flex-start;
	-webkit-box-align : stretch;
	-webkit-align-items : stretch;
	-ms-flex-align : stretch;
	        align-items : stretch;
	margin-top : 30px;
	-webkit-box-pack : center;
	-webkit-justify-content : center;
	-ms-flex-pack : center;
	        justify-content : center;
}
.no-flexbox #snsCampaign .snsBox .snsList {
	letter-spacing : -0.40em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList {
		margin-top : 10px;
	}
}
#snsCampaign .snsBox .snsList .listItem {
	display : inline-block;
	width : -webkit-calc(100% / 4);
	width :         calc(100% / 4);
	width : -webkit-calc((100% / 4 ) - 0.1px) \0;
	width :         calc((100% / 4 ) - 0.1px) \0;
	padding : 0 5px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	vertical-align : top;
	letter-spacing : normal;
}
.no-flexbox #snsCampaign .snsBox .snsList .listItem {
	display : inline-block !important;
	letter-spacing : normal;
}
.is-android4 #snsCampaign .snsBox .snsList .listItem {
	width : 25%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem {
		display : inline-block;
		width : -webkit-calc(100% / 2);
		width :         calc(100% / 2);
		width : -webkit-calc((100% / 2 ) - 0.1px) \0;
		width :         calc((100% / 2 ) - 0.1px) \0;
		padding : 0 5px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
		margin-top : 10px;
	}
	.no-flexbox #snsCampaign .snsBox .snsList .listItem {
		display : inline-block !important;
		letter-spacing : normal;
	}
	.is-android4 #snsCampaign .snsBox .snsList .listItem {
		width : 50%;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton {
	background-color : #29579d;
	display : block;
	color : #fff;
	text-decoration : none;
	font-size : 1.5em;
	text-align : center;
	padding : 20px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton {
		font-size : 1em;
		padding : 15px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton:hover {
	opacity : 0.7;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}
#snsCampaign .snsBox .snsList .listItem .itemButton .buttonWrap {
	position : relative;
	display : inline-block;
}
#snsCampaign .snsBox .snsList .listItem .itemButton .buttonWrap:before {
	position : absolute;
	content : '';
	top : 0;
	bottom : 0;
	left : 0;
	margin : auto;
	width : 12px;
	height : 26px;
	background : no-repeat;
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemFacebook .buttonWrap {
	position : relative;
	display : inline-block;
	padding-left : 22px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemFacebook .buttonWrap {
		padding-left : 15px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemFacebook .buttonWrap:before {
	width : 12px;
	height : 26px;
	background-image : url(../images/icn_facebook.png);
	background-size : 12px 26px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemFacebook .buttonWrap:before {
		width : 7px;
		height : 18px;
		background-size : 7px 18px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemTwitter {
	background-color : #33a8e0;
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemTwitter .buttonWrap {
	position : relative;
	display : inline-block;
	padding-left : 40px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemTwitter .buttonWrap {
		padding-left : 22px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemTwitter .buttonWrap:before {
	width : 30px;
	height : 25px;
	background-image : url(../images/icn_twitter.png);
	background-size : 30px 25px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemTwitter .buttonWrap:before {
		width : 15px;
		height : 13px;
		background-size : 15px 13px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemInstagram {
	background-color : #e1306c;
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemInstagram .buttonWrap {
	position : relative;
	display : inline-block;
	padding-left : 35px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemInstagram .buttonWrap {
		padding-left : 22px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemInstagram .buttonWrap:before {
	width : 25px;
	height : 25px;
	background-image : url(../images/icn_instagram.png);
	background-size : 25px 25px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemInstagram .buttonWrap:before {
		width : 15px;
		height : 15px;
		background-size : 15px 15px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemWeibo {
	background-color : #e44925;
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemWeibo .buttonWrap {
	position : relative;
	display : inline-block;
	padding-left : 36px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemWeibo .buttonWrap {
		padding-left : 23px;
	}
}
#snsCampaign .snsBox .snsList .listItem .itemButton.itemWeibo .buttonWrap:before {
	width : 26px;
	height : 21px;
	background-image : url(../images/icn_weibo.png);
	background-size : 26px 21px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .snsBox .snsList .listItem .itemButton.itemWeibo .buttonWrap:before {
		width : 16px;
		height : 13px;
		background-size : 16px 13px;
	}
}

#snsCampaign .accordionBox {
	margin-top : 50px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .accordionBox {
		margin-top : 25px;
	}
}
#snsCampaign .accordionBox .accordionWrap .accordionHead {
	background-color : #0c97aa;
	font-size : 1.66em;
	padding : 19px 40px;
	position : relative;
	cursor : pointer;
	color : #fff;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .accordionBox .accordionWrap .accordionHead {
		font-size : 1.16em;
		padding : 10px 34px 10px 20px;
	}
}
#snsCampaign .accordionBox .accordionWrap .accordionHead:after {
	position : absolute;
	content : '';
	top : 0;
	bottom : 0;
	right : 40px;
	margin : auto;
	display : block;
	width : 16px;
	height : 9px;
	background : url(../images/icn_arrow.png) no-repeat;
	-webkit-transform : rotateX(0deg);
	        transform : rotateX(0deg);
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .accordionBox .accordionWrap .accordionHead:after {
		right : 20px;
		width : 8px;
		height : 4px;
		background-size : 8px 4px;
	}
}
#snsCampaign .accordionBox .accordionWrap .accordionBody {
	font-size : 1.33em;
	background : rgba(12, 151, 170, 0.1);
	padding : 34px 70px;
	display : none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .accordionBox .accordionWrap .accordionBody {
		font-size : 1em;
		padding : 15px 35px;
	}
}
#snsCampaign .accordionBox .accordionWrap.open .accordionHead:after {
	-webkit-transform : rotateX(180deg);
	        transform : rotateX(180deg);
}

#snsCampaign .stepBox {
	margin-top : 25px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox {
		margin-top : 10px;
	}
}
#snsCampaign .stepBox .stepList {
	margin : 0 -2.5px;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display :         flex;
	-webkit-flex-wrap : wrap;
	    -ms-flex-wrap : wrap;
	        flex-wrap : wrap;
	-webkit-box-pack : start;
	-webkit-justify-content : flex-start;
	-ms-flex-pack : start;
	        justify-content : flex-start;
	-webkit-box-align : stretch;
	-webkit-align-items : stretch;
	-ms-flex-align : stretch;
	        align-items : stretch;
	height : 100%;
}
.no-flexbox #snsCampaign .stepBox .stepList {
	letter-spacing : -0.40em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList {
		margin : 0 0;
		display : -webkit-box;
		display : -webkit-flex;
		display : -ms-flexbox;
		display :         flex;
		-webkit-flex-wrap : wrap;
		    -ms-flex-wrap : wrap;
		        flex-wrap : wrap;
		-webkit-box-pack : start;
		-webkit-justify-content : flex-start;
		-ms-flex-pack : start;
		        justify-content : flex-start;
		-webkit-box-align : stretch;
		-webkit-align-items : stretch;
		-ms-flex-align : stretch;
		        align-items : stretch;
	}
	.no-flexbox #snsCampaign .stepBox .stepList {
		letter-spacing : -0.40em;
	}
}
#snsCampaign .stepBox .stepList .listItem {
	display : inline-block;
	width : -webkit-calc(100% / 3);
	width :         calc(100% / 3);
	width : -webkit-calc((100% / 3 ) - 0.1px) \0;
	width :         calc((100% / 3 ) - 0.1px) \0;
	padding : 0 2.5px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	vertical-align : top;
	letter-spacing : normal;
	height : 100%;
}
.no-flexbox #snsCampaign .stepBox .stepList .listItem {
	display : inline-block !important;
	letter-spacing : normal;
}
.is-android4 #snsCampaign .stepBox .stepList .listItem {
	width : 33.33333%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem {
		display : inline-block;
		width : -webkit-calc(100% / 1);
		width :         calc(100% / 1);
		width : -webkit-calc((100% / 1 ) - 0.1px) \0;
		width :         calc((100% / 1 ) - 0.1px) \0;
		padding : 0 0;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		vertical-align : top;
		letter-spacing : normal;
	}
	.no-flexbox #snsCampaign .stepBox .stepList .listItem {
		display : inline-block !important;
		letter-spacing : normal;
	}
	.is-android4 #snsCampaign .stepBox .stepList .listItem {
		width : 100%;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap {
	background-color : #dce2e5;
	position : relative;
	text-align : center;
	padding : 35px 20px 25px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	height : 100%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap {
		padding : 30px 10px 30px;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead {
	font-size : 1.66em;
	font-weight : bold;
	color : #12439c;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead {
		font-size : 1.5em;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead .headWrap {
	display : inline-block;
	position : relative;
	padding-right : 49px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead .headWrap {
		padding-right : 30px;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead .headWrap:after {
	position : absolute;
	display : block;
	content : '';
	top : -5px;
	bottom : 0;
	right : 0;
	margin : auto;
	width : 40px;
	height : 40px;
	background : no-repeat;
	background-size : 40px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemHead .headWrap:after {
		top : -3px;
		width : 24px;
		height : 24px;
		background-size : 24px;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody {
	*zoom : 1;
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody:after {
	content : ' ';
	display : table;
	clear : both;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody {
		margin-top : 15px;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyText {
	font-size : 1.33em;
	margin-top : 265px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyText {
		font-size : 1em;
		margin-top : 0;
		float : left;
		width : 50%;
		padding-left : 20px;
		padding-right : 15px;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
		text-align : left;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyImage {
	position : absolute;
	top : 88px;
	left : 0;
	right : 0;
	margin : auto;
	width : 180px;
	height : 224px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyImage {
		margin-top : 0;
		position : relative;
		float : right;
		width : 50%;
		top : auto;
		height : auto;
	}
}
#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyImage img {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	display : block;
	margin : auto;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem .itemWrap .itemBody .bodyImage img {
		max-width : 100%;
		position : relative;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem + .listItem {
		margin-top : 5px;
	}
}
#snsCampaign .stepBox .stepList .listItem + .listItem .itemWrap:before {
	position : absolute;
	display : block;
	top : 0;
	bottom : 0;
	left : 0;
	margin : auto;
	content : '';
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 17.5px 0 17.5px 18px;
	border-color : transparent transparent transparent #fff;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem + .listItem .itemWrap:before {
		border-width : 18px 17.5px 0 17.5px;
		border-color : #fff transparent transparent transparent;
		left : 0;
		right : 0;
		bottom : auto;
	}
}
#snsCampaign .stepBox .stepList .listItem + .listItem .itemWrap:after {
	position : absolute;
	display : block;
	top : 0;
	bottom : 0;
	left : -8px;
	margin : auto;
	content : '';
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 17.5px 0 17.5px 18px;
	border-color : transparent transparent transparent #dce2e5;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem + .listItem .itemWrap:after {
		border-width : 18px 17.5px 0 17.5px;
		border-color : #dce2e5 transparent transparent transparent;
		top : -8px;
		left : 0;
		right : 0;
		bottom : auto;
	}
}
#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemHead .headWrap:after {
	background-image : url(../images/pct_step_num01.png);
}
#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemBody .bodyImage img {
	width : 162px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemBody .bodyImage img {
		width : auto;
		max-width : 69%;
	}
}
#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemBody .bodyImage.imgWeibo img {
	width : 95px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemBody .bodyImage.imgWeibo img {
		width : auto;
		max-width : 49%;
	}
}
#snsCampaign .stepBox .stepList .listItem.item1 .itemWrap .itemFoot img {
	width : 162px;
}
#snsCampaign .stepBox .stepList .listItem.item2 .itemWrap .itemHead .headWrap:after {
	background-image : url(../images/pct_step_num02.png);
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem.item2 .itemWrap .itemBody .bodyImage img {
		max-width : 38%;
	}
}
#snsCampaign .stepBox .stepList .listItem.item3 .itemWrap .itemHead .headWrap:after {
	background-image : url(../images/pct_step_num03.png);
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .stepBox .stepList .listItem.item3 .itemWrap .itemBody .bodyImage img {
		max-width : 62%;
	}
}

#snsCampaign .shareBox .shareHeadline {
	text-align : center;
	font-size : 2.33em;
	font-weight : bold;
	margin-top : 52px;
	color : #13449d;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .shareBox .shareHeadline {
		font-size : 1.5em;
		margin-top : 26px;
	}
}

#snsCampaign .shareBox .shareSNS {
	margin-top : 18px;
}
#snsCampaign .shareBox .shareSNS .snsList {
	margin : 0 -7.5px;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	display :         flex;
	-webkit-flex-wrap : wrap;
	    -ms-flex-wrap : wrap;
	        flex-wrap : wrap;
	-webkit-box-pack : start;
	-webkit-justify-content : flex-start;
	-ms-flex-pack : start;
	        justify-content : flex-start;
	-webkit-box-align : stretch;
	-webkit-align-items : stretch;
	-ms-flex-align : stretch;
	        align-items : stretch;
	-webkit-box-pack : center;
	-webkit-justify-content : center;
	-ms-flex-pack : center;
	        justify-content : center;
}
.no-flexbox #snsCampaign .shareBox .shareSNS .snsList {
	letter-spacing : -0.40em;
}
#snsCampaign .shareBox .shareSNS .snsList .listItem {
	display : inline-block;
	width : -webkit-calc(100% / 2);
	width :         calc(100% / 2);
	width : -webkit-calc((100% / 2 ) - 0.1px) \0;
	width :         calc((100% / 2 ) - 0.1px) \0;
	padding : 0 7.5px;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	vertical-align : top;
	letter-spacing : normal;
	width : auto;
}
.no-flexbox #snsCampaign .shareBox .shareSNS .snsList .listItem {
	display : inline-block !important;
	letter-spacing : normal;
}
.is-android4 #snsCampaign .shareBox .shareSNS .snsList .listItem {
	width : 50%;
}
#snsCampaign .shareBox .shareSNS .snsList .listItem > a:hover {
	opacity : 0.7;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}
#snsCampaign .shareBox .shareSNS .snsList .listItem > a > img {
	width : 75px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .shareBox .shareSNS .snsList .listItem > a > img {
		width : 47px;
	}
}

#snsCampaign .weiboSNS {
	position : relative;
	font-family : 'Helvetica Neue',Roboto,'Segoe UI',Calibri,Arial,sans-serif;
	font-size : 14px;
	line-height : 1.5;
	color : #333;
	margin-top : 61px;
	margin-left : 15px;
	margin-right : 15px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .weiboSNS {
		margin-top : 15px;
		margin-left : 15px;
		margin-right : 15px;
	}
}
#snsCampaign .weiboSNS * {
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
#snsCampaign .weiboSNS .grid-item, #snsCampaign .weiboSNS .grid-sizer {
	max-width : 300px;
	height : auto;
	position : relative;
	margin-bottom : 3px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .weiboSNS .grid-item, #snsCampaign .weiboSNS .grid-sizer {
		width : 100% !important;
		max-width : none;
	}
}
#snsCampaign .weiboSNS .grid-item:before, #snsCampaign .weiboSNS .grid-sizer:before {
	content : '';
	display : block;
	padding-top : 100%;
}
#snsCampaign .weiboSNS .grid-item {
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	position : relative;
	overflow : hidden;
}
#snsCampaign .weiboSNS .grid-item .post {
	cursor : pointer;
	border : 0;
	-webkit-box-shadow : 0 0 0 1px rgba(0, 0, 0, 0.1);
	        box-shadow : 0 0 0 1px rgba(0, 0, 0, 0.1);
	background-color : #fff;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
#snsCampaign .weiboSNS .grid-item .post:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : rgba(0, 0, 0, 0.75);
	z-index : 1;
	display : none;
}
#snsCampaign .weiboSNS .grid-item .post:after {
	content : 'View more';
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
	width : 7.2em;
	height : 2.8em;
	text-align : center;
	font-size : 0.9em;
	line-height : 3;
	color : #3d4960;
	background-color : rgba(255, 255, 255, 0.8);
	-webkit-border-radius : 2em;
	        border-radius : 2em;
	-webkit-box-shadow : 0 1px 0 #cdd6e6;
	        box-shadow : 0 1px 0 #cdd6e6;
	z-index : 2;
	display : none;
}
#snsCampaign .weiboSNS .grid-item .post:hover:before, #snsCampaign .weiboSNS .grid-item .post:hover:after {
	display : block;
}
#snsCampaign .weiboSNS .grid-item .post .post-content {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	padding : 0;
	margin : 0;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author {
	background : -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.85)));
	background : -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
	background :         linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.85));
	border : 0;
	padding : 0.8em 1em;
	margin : 0;
	position : absolute;
	top : auto;
	bottom : 0;
	left : 0;
	width : 100%;
	overflow : hidden;
	z-index : 2;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .user-img {
	float : left;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .user-img img {
	-webkit-box-shadow : 0 2px 0 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.5);
	        box-shadow : 0 2px 0 0 rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.5);
	display : block;
	float : left;
	border : 0;
	margin : 0 0.5em 0 0;
	width : 2.5em;
	height : auto;
	-webkit-border-radius : 50%;
	        border-radius : 50%;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .img-timestamp {
	float : left;
	max-width : -webkit-calc(100% - 3em);
	max-width :         calc(100% - 3em);
	padding : 0;
	vertical-align : bottom;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .img-timestamp a {
	color : #fff;
	max-width : 100%;
	font-weight : 400;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	float : left;
	line-height : 2.7;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .img-timestamp a strong {
	font-weight : 400;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .img-timestamp a span {
	font-weight : 400;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .meta-author .img-timestamp a.timestamp {
	display : none;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .media {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	margin : 0;
	overflow : hidden;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .media img {
	display : inline-block;
	width : auto;
	height : 100%;
	position : absolute;
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#snsCampaign .weiboSNS .grid-item .post .post-content .caption {
	display : none;
	border : 0;
	padding : 3em 2.25em 3em 2em;
	margin : 0;
	width : 100%;
	height : auto;
	max-height : 100%;
	overflow : hidden;
	position : absolute;
	top : 50%;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	word-break : break-word;
}
#snsCampaign .weiboSNS .grid-item .post .post-content .caption p {
	margin : 0 0 10px;
}
#snsCampaign .weiboSNS .grid-item .origin-flag {
	right : 0;
	-webkit-border-top-right-radius : 0;
	        border-top-right-radius : 0;
	background-image : url(../images/icn_weibo.gif);
	position : absolute;
	top : 10px;
	width : 30px;
	height : 30px;
	background-position : 50% 50%;
	background-repeat : no-repeat;
	background-size : 80%;
	-webkit-border-radius : 2px 2px 0;
	        border-radius : 2px 2px 0;
	z-index : 2;
}
#snsCampaign .weiboSNS .gutter-sizer {
	width : 3px;
}

#snsCampaign .weiboloadmore {
	text-align : center;
	margin-top : 15px;
	padding : 0 15px 15px;
	display : none;
}
#snsCampaign .weiboloadmore .load-more {
	display : block;
	position : relative;
	padding : 15px 20px;
	margin : 0 auto;
	-webkit-border-radius : 3px;
	        border-radius : 3px;
	color : #b8b8b8;
	font-size : 16px;
	font-weight : 600;
	text-transform : uppercase;
	text-decoration : none;
}
#snsCampaign .weiboloadmore .load-more:hover {
	text-decoration : none;
	color : #555;
	background : rgba(0, 0, 0, 0.1);
}

#snsCampaign .modal-backdrop {
	background-color : #141b24;
	opacity : 0.96;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=96)';
	position : fixed;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	display : none;
}

#snsCampaign .modal {
	overflow-x : hidden;
	overflow-y : auto;
	display : none;
	position : fixed;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : 2020;
	outline : 0;
	font-family : 'Helvetica Neue',Roboto,'Segoe UI',Calibri,Arial,sans-serif;
	font-size : 14px;
	line-height : 1.5;
	color : #333;
}
#snsCampaign .modal * {
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
#snsCampaign .modal .modal-dialog {
	top : -webkit-calc(50% + 25px);
	top :         calc(50% + 25px);
	-webkit-transform : translate(0, -50%);
	    -ms-transform : translate(0, -50%);
	        transform : translate(0, -50%);
	max-width : 935px;
	max-height : -webkit-calc(100vh - 50px);
	max-height :         calc(100vh - 50px);
	height : auto;
	margin-top : 0;
	position : absolute;
	bottom : auto;
	left : 0;
	right : 0;
	margin : auto;
	width : -webkit-calc(100% - 40px);
	width :         calc(100% - 40px);
}
#snsCampaign .modal .modal-dialog .close {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	font-weight : 100;
	text-align : center;
	color : #8794a9;
	-webkit-box-shadow : 0 0 4px #8794a9;
	        box-shadow : 0 0 4px #8794a9;
	position : absolute;
	top : -40px;
	right : -40px;
	background : #fff;
	-webkit-border-radius : 50%;
	        border-radius : 50%;
	height : 32px;
	width : 32px;
	font-size : 22px;
	padding : 2px 4px 4px;
	z-index : 2;
	border : 0;
	-webkit-appearance : none;
	cursor : pointer;
	float : right;
	line-height : 1;
	text-shadow : 0 1px 0 #fff;
	outline : none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .close {
		right : -10px;
		top : -10px;
		width : 25px;
		height : 25px;
		font-size : 20px;
		padding : 0;
	}
}
#snsCampaign .modal .modal-dialog .modal-content {
	margin-bottom : 50px;
	overflow : visible;
	background-color : transparent;
	-webkit-border-radius : 4px;
	        border-radius : 4px;
	border : 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow : none;
	        box-shadow : none;
	position : relative;
	background-clip : padding-box;
	outline : 0;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body {
	padding : 0;
	background : 0 0;
	height : 100%;
	max-height : none;
	position : relative;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .media {
	background-color : #151922;
	background-position : 50%;
	background-size : contain;
	background-repeat : no-repeat;
	-webkit-border-radius : 2px 0 0 2px;
	        border-radius : 2px 0 0 2px;
	width : 65%;
	height : 0;
	padding-bottom : 65%;
	position : relative;
	margin : 0;
	zoom : 1;
	overflow : hidden;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .media {
		-webkit-border-radius : 2px 2px 0 0;
		        border-radius : 2px 2px 0 0;
		width : 100%;
		height : auto;
		padding-bottom : 0;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .media img {
	display : block;
	width : 100%;
	height : auto;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .media img {
		width : 100%;
		height : auto;
		position : relative;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module {
	position : absolute;
	width : 35%;
	top : 0;
	right : 0;
	padding-top : 70px;
	padding-bottom : 70px;
	border-left : 1px solid #dfe0e5;
	-webkit-border-radius : 0 2px 2px 0;
	        border-radius : 0 2px 2px 0;
	display : block;
	background-color : #fff;
	height : 100%;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module {
		-webkit-border-radius : 0 0 2px 2px;
		        border-radius : 0 0 2px 2px;
		width : 100%;
		position : relative;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author {
	position : absolute;
	top : 0;
	left : 0;
	-webkit-border-radius : 0 2px 0 0;
	        border-radius : 0 2px 0 0;
	display : block;
	width : 100%;
	border-bottom : 1px solid #dfe0e5;
	padding : 15px 35px 15px 65px;
	height : 70px;
	background-color : #fff;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author {
		-webkit-border-radius : 2px 2px 0 0;
		        border-radius : 2px 2px 0 0;
		position : absolute;
		top : 0;
		left : 0;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author .origin-flag {
	background-image : url(https://static.tagboard.com/public/img/logo-instagram-inverted.svg);
	top : 17px;
	right : -6px;
	width : 35px;
	height : 35px;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author .user-img {
	position : absolute;
	top : 15px;
	left : 15px;
	height : 40px;
	width : 40px;
	border : 1px solid #dfe0e5;
	-webkit-border-radius : 2px;
	        border-radius : 2px;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author a {
	text-decoration : none;
	display : block;
	float : left;
	width : 100%;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	color : #2bacca;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author .author {
	display : block;
	max-width : 100%;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	color : #414353;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .meta-author .timestamp {
	max-width : 100%;
	font-size : 0.9em;
	color : #afb4bd;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .scroll-overflow {
	overflow : auto;
	height : 100%;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .scroll-overflow {
		max-height : 50vh;
		height : auto;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .scroll-overflow .message {
	font-size : 14px;
	display : block;
	position : relative;
	word-wrap : break-word;
	color : #414353;
	background-color : #fff;
	padding : 15px;
	overflow : hidden;
	word-break : break-word;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .scroll-overflow .message p {
	width : 100%;
	margin-bottom : 0;
	margin : 0 0 10px;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .post-actions {
	position : absolute;
	top : auto;
	bottom : 0;
	left : 0;
	-webkit-border-radius : 0 0 2px;
	        border-radius : 0 0 2px;
	display : block;
	width : 100%;
	height : 70px;
	padding : 15px;
	border-top : 1px solid #dfe0e5;
	background-color : #fff;
	font-size : 13px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .post-actions {
		-webkit-border-radius : 0 0 2px 2px;
		        border-radius : 0 0 2px 2px;
		position : absolute;
		top : auto;
		bottom : 0;
		left : 0;
	}
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .post-actions .post-actions-btn {
	border-color : #ed4956;
	border : 1px solid #8794a9;
	-webkit-border-radius : 2px;
	        border-radius : 2px;
}
#snsCampaign .modal .modal-dialog .modal-content .modal-body .text-module .post-actions .post-actions-btn a {
	color : #ed4956;
	opacity : 0.8;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	padding : 9px 10px;
	display : block;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	text-decoration : none;
}
