@charset "UTF-8";

.bg_blue{
	background-color:#dbeafa;
}
.bg_thinpink{
	background: #f7dbeb; /* Old browsers */
	background: -moz-linear-gradient(top, #f7dbeb 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7dbeb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7dbeb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dbeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.bg_viollet{
	background: #ead0f6; /* Old browsers */
	background: -moz-linear-gradient(top, #ead0f6 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ead0f6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ead0f6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead0f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.border_around > img,
.border_top_bottom > img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.border_around {
	border: 4px solid #000;
	box-sizing: border-box;
}
.border_top_bottom {
	border-top: 4px solid #000;
	border-bottom: 4px solid  #000;
	box-sizing: border-box;
}
#purchase_campaign section#usage,
#purchase_campaign section#sells,
#purchase_campaign section#features,
#purchase_campaign section#moe_special_love,
#purchase_campaign section#all_service {
		padding: 50px 0 120px 0;
}

#purchase_campaign #main_bg {
	position: static;
	margin-top: -45px;
	z-index: 0;
	width: 100%;
	height: 500px;
	background: #132585;
}
#purchase_campaign #main_visual {
	background: url("/moetaku/_assets/images/campaign/charagoods_lp/main_visual.jpg") no-repeat center top;
}

#purchase_campaign #couponArea{
	padding-bottom: 60px;
	margin-top: -50px;
}
#purchase_campaign #couponArea .application_text {
	margin-bottom: 30px;
}
#purchase_campaign .coupon {
	margin-top: 30px;
	text-align: center;
}
#purchase_campaign #baloonArea{
	padding-bottom: 0;
}
#purchase_campaign #baloonArea h2{
	margin-top: 20px;
	margin-bottom: 30px;
	font-size:50px;
}

#purchase_campaign #baloonArea h3{
	margin-bottom: 30px;
	font-size:46px;
	margin-top: -50px;
}

#purchase_campaign .comic {
	width: 100%;
	height: auto;
}
#purchase_campaign .comic_column {
	max-width: 1170px;
	margin: 0 auto;
}
#purchase_campaign .com_left {
	float: left;
	width: 49%;
	margin-right: 1%;
}
#purchase_campaign .com_right {
	position: relative;
	top: 30px;
	z-index: 1;
	float: right;
	width: 50%;
}
#purchase_campaign .comic_fullcolumn {
	position: relative;
	line-height: 0;
}
#purchase_campaign .comic_fullcolumn.option_t_zi {
	z-index: -10;
	top: -100px;
}
#purchase_campaign .privilege1,
#purchase_campaign .privilege2,
#purchase_campaign .privilege3,
#purchase_campaign .privilege4,
#purchase_campaign .privilege5,
#purchase_campaign .privilege6 {
	position: absolute;
	z-index: 10;
	width: 10%;
	height: 55px;
	left: 170px;
}
#purchase_campaign .privilege1,
#purchase_campaign .privilege2,
#purchase_campaign .privilege3,
#purchase_campaign .privilege4,
#purchase_campaign .privilege5,
#purchase_campaign .privilege6 {
	top: -3%;
}
#purchase_campaign .float_char {
	position: absolute;
	z-index: 15;
	top: 4%;
	left: 3%;
	width: 181px;
	height: 267px;
	background: url("/moetaku/_assets/images/campaign/cam_s5_char.png") no-repeat center top;
	background-size: contain;
}
#purchase_campaign .limited_option {
	position: relative;
	top: 0;
	width: 100%;
	height: 1390px;
	background: url("/moetaku/_assets/images/campaign/purchase_bonus.png") no-repeat #f2f2f2 center top 200px;
}
#purchase_campaign #wrap .limited_option h3 {
	top: 0;
}
#purchase_campaign #wrap .limited_option h2 {
	margin: 0 0 80px 0;
}
#purchase_campaign .attachment_left,
#purchase_campaign .attachment_right {
	position: absolute;
	top: 61%;
	/*width: 19%;
	height: 160px;*/
}
#purchase_campaign .attachment_left {
	/*left: 14%;*/
	left: 50%;
	width: 242px;
	height: 165px;
	margin-left: -490px;
	background: url("/moetaku/_assets/images/campaign/baloon_option1.png") no-repeat center top;
	background-size: contain;
}
#purchase_campaign .attachment_right {
	/*right: 14%;*/
	right: 50%;
	width: 265px;
	height: 150px;
	margin-right: -490px;
	background: url("/moetaku/_assets/images/campaign/baloon_option2.png") no-repeat center top;
	background-size: contain;
}
#purchase_campaign .comic .top,
#purchase_campaign .comic .bottom {
	position: relative;
	width: 1170px;
	height: 400px;
	margin: 50px auto;
}
#purchase_campaign .comic .top .main,
#purchase_campaign .comic .bottom .main {
	width: 50%;
}
#purchase_campaign .comic .top .sub ,
#purchase_campaign .comic .bottom .sub {
	position: relative;
	margin: 126px 0;
}
#purchase_campaign .comic .top .main,
#purchase_campaign .comic .bottom .sub {
	float: left;
}
#purchase_campaign .comic .top .sub,
#purchase_campaign .comic .bottom .main {
	float: right;
}
#purchase_campaign .comic .top .sub {
	right: 50px;
}
#purchase_campaign .comic .top::after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 60px;
	height: 85px;
	margin-top: 15px;
	margin-left: -100px;
	background: url("/moetaku/_assets/images/common/otoku_arrow.png") no-repeat center top;
	transform: rotate(-45deg);
	content: "";
}
#purchase_campaign .comic .top .sub::after,
#purchase_campaign .comic .bottom .sub::after {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	content: "";
}
#purchase_campaign .comic .top .sub::after {
	top: 66px;
	left: -8px;
	border-top: 4px solid #000;
	border-left: 4px solid #000;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#purchase_campaign .comic .bottom .sub::after {
	top: 66px;
	right: -8px;
	border-top: 4px solid #ff124c;
	border-right: 4px solid #ff124c;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#purchase_campaign .comic .top .sub p,
#purchase_campaign .comic .bottom .sub p {
	background: #fff;
	width: 500px;
	height: 150px;
	padding: 18px;
	font-size: 150%;
	line-height: 1.6;
	border-radius: 10px;
	box-sizing: border-box;
}
#purchase_campaign .comic .top .sub p {
	color: #333;
	border: 4px solid #000;
}
#purchase_campaign .comic .bottom .sub p {
	color: #ff124c;
	border: 4px solid #ff124c;
}
#purchase_campaign .com_search {
	position: relative;
	top: -41px;
}
#purchase_campaign .consideration {
	width: 100%;
	height: auto;
	padding-bottom:calc(20% + 100px);
	background: url("/moetaku/_assets/images/campaign/cam_s3_6.png") no-repeat #ffd4df center bottom;
	background-size:100%;
}
#purchase_campaign .consideration .headline {
	padding: 60px 0 20px;
	color: #ff124c;
	font-size: 300%;
	font-weight: bold;
	text-align: center;
}
#purchase_campaign .consideration p {
	font-size: 220%;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}
#purchase_campaign .blackboard {
	position: relative;
	min-width: 1170px;
	height: auto;
	margin: 0 auto 80px;
	padding: 80px 80px 40px;
	background-color: #004c2c;
	border: 10px solid #bababa;
	box-sizing: border-box;
}
#purchase_campaign .blackboard::before {
	position: absolute;
	z-index: 8;
	bottom: -70px;
	right: -75px;
	width: 175px;
	height: 425px;
	background: url("/moetaku/_assets/images/campaign/day_duty.png") no-repeat center top;
	background-size: 100%;
	content: "";
}
#purchase_campaign .blackboard::after{
	position: absolute;
	top: 100%;
	left: -24px;
	width: 1199px;
	height: 592px;
	margin-top: -43px;
	background: url("/moetaku/_assets/images/campaign/blackboard_lower.png") no-repeat center top;
	background-size: 100%;
	content: "";
}
#purchase_campaign .privilege_text {
	width: 990px;
	margin: 60px 0;
	color: #fff;
	font-size: 200%;
}
#purchase_campaign .privilege_text li {
	position: relative;
	width: 100%;
	height: auto;
	padding: 30px 60px;
}
#purchase_campaign .privilege_text li::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 990px;
	height: 10px;
	background: url("/moetaku/_assets/images/campaign/boardline.png") no-repeat center top;
	content: "";
}
#purchase_campaign .privilege_text .pri_circle {
	position: absolute;
	top: 19px;
	width: 141px;
}
#purchase_campaign .privilege_text li:nth-child(4) .pri_circle,
#purchase_campaign .privilege_text li:nth-child(5) .pri_circle,
#purchase_campaign .privilege_text li:nth-child(6) .pri_circle  {
	top: 7px;
}
#purchase_campaign .privilege_text .b_text {
	width: 100%;
	margin-left: 160px;
}
#purchase_campaign .campaign_span {
	width: 1170px;
	margin: 40px auto;
}
#purchase_campaign .campaign_span dl {
	width: 1170px;
}
#purchase_campaign .campaign_span dt{
	position: relative;
	width: 100%;
	height: 40px;
	margin: 20px 0 0;
	background: #333;
	color: #f7ff00;
	text-align: center;
	line-height: 40px;
	letter-spacing: 2px;
	font-size: 120%;
	font-weight: bold;
	border-radius: 10px;
	vertical-align: middle;
}
#purchase_campaign .campaign_span dt:after{
	position: absolute;
	z-index: -5;
	top: 30px;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-left: -10px;
	background: #333;
	transform: rotate(45deg);
	content: "";
}
#purchase_campaign .campaign_span dd {
	width: 100%;
	height: 70px;
	margin: 10px 0;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	line-height: 70px;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
}
#purchase_campaign .attention {
	width: 100%;
	margin-bottom: 40px;
	border: 4px solid #ccc;
	border-radius: 15px;
	box-sizing: border-box;
}
#purchase_campaign .attention p {
	width: 100%;
	height: 50px;
	background: #dbf5e8;
	line-height: 50px;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	box-sizing: border-box;
}
#purchase_campaign .attention ul {
	padding: 20px 40px ;
	line-height: 1.6;
}
#purchase_campaign .attention ul li {
	text-indent: 10px;
}
#purchase_campaign .attention ul li span {
	display: inline-block;
	text-indent: 1rem;
}
#purchase_campaign .attention .warning {
	display: block;
	padding: 0 40px 20px;
	font-size: 130%;
}


#purchase_campaign .kind {
	width: 100%;
	border: 4px solid #ccc;
	border-radius: 15px;
	box-sizing: border-box;
}
#purchase_campaign .kind p {
	width: 100%;
	height: 50px;
	background: #bbd8ff;
	line-height: 50px;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	box-sizing: border-box;
}
#purchase_campaign .kind ul {
	padding: 20px 40px ;
	line-height: 1.6;
	font-size: 120%;
}
#purchase_campaign .kind ul li {
	margin-left:20px;
}



#purchase_campaign .kotsu {
	width: 100%;
	border: 4px solid #ccc;
	border-radius: 15px;
	box-sizing: border-box;
	padding-left:70px;
	padding-right:70px;
	padding-top:20px;
	height:300px;
}
#purchase_campaign .kotsu ul li{
	float: left;
}
#purchase_campaign .kotsu ul li img{
	width:200px;
}
#purchase_campaign .kotsu ul li:first-child {
	width: 250px;
}
#purchase_campaign .kotsu ul li:last-child {
	width: 700px;
	font-size:140%;
	margin-left:30px;
}



#purchase_campaign .dither {
	width: 100%;
	font-family: 'Noto Sans';
}
#purchase_campaign .dither p{
	height: 50px;
}
#purchase_campaign .dither p {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 20px 0 0;
	background: #333;
	color: #f7ff00;
	text-align: center;
	line-height: 60px;
	letter-spacing: 2px;
	font-size: 200%;
	font-weight: bold;
	border-radius: 10px;
	vertical-align: middle;
}
#purchase_campaign .dither p:after {
	position: absolute;
	z-index: -5;
	top: 50px;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-left: -10px;
	background: #333;
	transform: rotate(45deg);
	content: "";
}

#purchase_campaign .dither ul {
	margin: 30px 0;
}
#purchase_campaign .dither ul li {
	position: relative;
	width: 560px;
	height: 50px;
	color: #333;
	font-weight: bold;
	line-height: 35px;
	padding-left: 50px;
	margin: 0 20px 15px 0;
	font-size: 135%;
	border-bottom: 1px solid #333;
	box-sizing: border-box;
}
#purchase_campaign .dither ul li::before {
	position: absolute;
	top: 0;
	left: 5px;
	width: 40px;
	height: 40px;
	background: url("/moetaku/_assets/images/campaign/checkbox.png") no-repeat center top;
	content: "";
}
#purchase_campaign .dither ul li:nth-child(1),
#purchase_campaign .dither ul li:nth-child(3) {
	float: left;
}
#purchase_campaign .dither ul li:nth-child(2),
#purchase_campaign .dither ul li:nth-child(4) {
	float: right;
	margin-right: 0;
}
#purchase_campaign .opportunity {
	width: 100%;
	margin-bottom: 20px;
	font-size: 200%;
	font-family: 'Noto Sans';
	line-height: 1.7;
	text-align: center;
}
#purchase_campaign .dither_copy {
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #333;
}

.p10	{padding:10px;}
.w80	{width:80%;}
.w200	{width:200px;}
.w500	{width:500px;}
.list_text	{margin-left:70px;font-weight:bold;font-size:120%;margin-bottom:20px;color:#5c5c5c;}
.tac	{text-align:center !important;}
.price	{font-size:120%;font-weight:bold;color:#ff124c;text-align:center;}
.price span	{font-size:140%;}
.bld	{font-weight:bold;}
.fs7	{font-size:70%;}
.fs18	{font-size:180%; font-weight:bold;color:#5c5c5c;}
.mal_text	{margin-left:20px;}
.mat_text	{margin-top:20px;font-size:180%; font-weight:bold;}
.fs20	{font-size:180% !important;}
.mat_img	{margin-top:90px;}
.text_b	{color:#005982}
.mal300	{margin-left:320px !important;}

.goods_header {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #5c5c5c;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.goods_header li {
	float: left;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.goods_header li:first-child {
	width: 150px;
}
.goods_header li:nth-child(2){
	width: 600px;
}
.goods_header li:nth-child(3){
	width: 200px;
}
.goods_header li:last-child {
	width: 200px;
}
.goods_list {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.goods_list ul {
	width: 100%;
	height: 60px;
	border: 1px solid #ccc;
	border-top: 0;
	padding-left:20px;
	padding-top:10px;
	box-sizing: border-box;
}
.goods_list ul:nth-child(odd) {
	background: #f2f2f2;
}
.goods_list ul:nth-child(even) {
	background: #fff;
}
.goods_list li {
	display: table-cell;
	vertical-align:middle;
}
.goods_list .title {
	width: 200px;
	font-size: 80%;
}
.goods_list .info {
	width: 560px;
	font-size: 100%;
	font-weight:bold;
}
.goods_list .vendor{
	width: 200px;
	text-align:center;
	padding-top:5px;
	font-size: 80%;
}
.goods_list .price {
	text-align:center;
	width: 200px;
	padding-left:20px;
}

.storing_point {
	position: relative;
	width: 100%;
	padding: 0 80px;
	border-bottom: 1px solid #bfbfbf;
	box-sizing: border-box;
	font-size:20px;
	line-height:18px;
}
.storing_point:last-child {
	border-bottom: 0;
}
.storing_point #fig01 {
	position: absolute;
	top: 0;
	left: 130px;
	width: 210px;
}
.storing_point #fig02 {
	position: absolute;
	top: -40px;
	right: 0;
	width: 300px;
}
.storing_point #fig03 {
	position: absolute;
	top: -40px;
	left: 80px;
	width: 300px;
}
.storing_point #fig04 {
	position: absolute;
	top: -40px;
	right: 50px;
	width: 25%;
}
.storing_point dl {
	width: 720px;
	padding: 20px 50px 50px 10px;
	margin-left: 320px;
	line-height: 1.8;
}
.storing_point dt,

.storing_point.reverse dl {
	margin-left: 0px;
}


@media (max-width: 768px) {
	.border_around {
		border: 2px solid #000;
	}
	.border_top_bottom {
		border-top: 2px solid #000;
		border-bottom: 2px solid  #000;
	}
.spt{margin-top:100px;}	
.price	{font-size:100%;font-weight:bold;color:#ff124c;text-align:center;}
.price span	{font-size:120%;}
.w200	{width:90%;}
.w500	{width:90%;}
.list_text	{margin-left:10px;font-weight:bold;margin-bottom:20px;color:#5c5c5c;}
.smat15	{margin-top:15px;}
.smat60	{margin-top:60px !important;}
.smab60	{margin-bottom:60px !important;}
.smat100	{margin-top:100px !important;}
.mal_text	{margin-left:3px;}
.matm	{margin-top:-5px !important;}
.fs18	{font-size:140%; font-weight:bold;color:#5c5c5c;}
.mat_text	{margin-top:20px;font-size:140%; font-weight:bold;}
.fs20	{font-size:110% !important;}
.sfs	{font-size:80%;}
.mal300	{margin-left:0px !important;}

.goods_header {
	height:53px;
}
.goods_header li:first-child {
	width: 1%;
}
.goods_header li:nth-child(2){
	width: 50%;
}
.goods_header li:nth-child(3){
	width: 25%;
}
.goods_header li:last-child {
	width: 20%;
}

.goods_list {
	overflow: hidden;
}
.goods_list ul {
	height: 80px;
	width:100%;
	font-size:80%;
}
.goods_list li {
	display: block;
	float: left;
}
.goods_list .title {
	width: 100%;
	font-size: 80%;
}

.goods_list .info{
	text-align: left;
	width:50%;
	padding-top: 5px;
	padding-right: 5px;
	font-weight:bold;
}
.goods_list .vendor {
	padding: 5px;
	text-align: left;
	width:24%;
}
.goods_list .price {
	width:24%;
	padding: 5px;
}	
	
	
.storing_point {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	font-size:100%;
}
.storing_point:first-child {
	padding: 0 0 20px;
}
.storing_point #fig01,.storing_point #fig03,.packaging #fig05 { position: relative; top: 0; left: 0; width: 60%; margin: 10px auto; }
.storing_point #fig02,.storing_point #fig04 { position: relative; top: 0; right: 0; width: 60%; margin: 10px auto; }
.storing_point dl {
	width: 100%;
	margin-left: 0;
	padding: 0 10px;
}
	
	
	
	#purchase_campaign section#usage,
	#purchase_campaign section#sells,
	#purchase_campaign section#features,
	#purchase_campaign section#moe_special_love,
	#purchase_campaign section#all_service {
			padding: 50px 20px 50px 20px;
	}

	#purchase_campaign #header .description {
		width: 60%;
		font-size: 60%;
		padding: 6px 0 0 0;
	}
	#purchase_campaign #header section,
	#purchase_campaign #footer section {
		padding: 0;
	}
	#purchase_campaign #header .various {
		width: 60%;
	}
	#purchase_campaign #main_bg {
		height: auto;
		background: none !important;
	}
	#purchase_campaign #main_visual {
		background: url("/moetaku/_assets/images/campaign/charagoods_lp/main_visual_sp.jpg") no-repeat center top;
		background-size: 100%;
		padding-bottom: calc(62px + 50%);
	}
	@media screen and (orientation: landscape) {
		#purchase_campaign #main_visual {
			padding-bottom: calc(62px + 57%);
		}
	}
	#purchase_campaign #dir_path {
		margin: 0 0 20px;
	}
	#purchase_campaign #dir_path section {
		padding: 6px 0;
		display: none;
	}
	#purchase_campaign section {
		padding: 0 20px;
	}

	#purchase_campaign #couponArea {
		padding-bottom: 0;
	}
	#purchase_campaign #couponArea .application_text {
		margin-bottom: 10px;
	}
	#purchase_campaign .coupon {
		margin-top: 15px;
		line-height: 1.5;
	}
	#purchase_campaign #baloonArea {
		margin-top: 30px;
	}
	#purchase_campaign #baloonArea h2{
		font-size:17px;
	}
	#purchase_campaign #baloonArea h3{
		font-size:24px;
		margin-top: 50px;
	}
	
	
	
	#purchase_campaign .comic_column {
		width: 90%;
		margin: 0 auto;
	}
	#purchase_campaign .com_left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#purchase_campaign .com_right {
		float: none;
		top: 0;
		width: 100%;
	}
	#purchase_campaign .privilege1,
	#purchase_campaign .privilege2,
	#purchase_campaign .privilege3,
	#purchase_campaign .privilege4,
	#purchase_campaign .privilege5,
	#purchase_campaign .privilege6 {
		width: 13%;
		left: 50px;
	}
	#purchase_campaign .limited_option {
		top: 0;
		height: auto;
		background: url("/moetaku/_assets/images/campaign/purchase_bonus_sp.png") no-repeat #f2f2f2 center top 100px;
		background-size: 100%;
		padding-top: 10px;
		padding-bottom: calc(50px + 76%);
	}
	@media screen and (orientation: landscape) {
		#purchase_campaign .limited_option {
			padding-bottom: calc(50px + 95%);
		}
	}
	#purchase_campaign .attachment_left,
	#purchase_campaign .attachment_right {
		width: 88px;
		height: 66px;
	}
	#purchase_campaign .attachment_left {
		top: 55%;
		margin-left: -150px;
	}
	#purchase_campaign .attachment_right {
		top: 57%;
		margin-right: -152px;
	}
	#purchase_campaign .float_char {
		top: 3%;
		left: 4%;
		width: 55px;
		height: 83px;
	}
	#purchase_campaign .comic .top .main,
	#purchase_campaign .comic .bottom .main,
	#purchase_campaign .comic .top .sub,
	#purchase_campaign .comic .bottom .sub {
		float: none;
		width: 100%;
	}
	#purchase_campaign .comic .top,
	#purchase_campaign .comic .bottom {
		width: 90%;
		height: auto;
		margin: 40px auto;
	}
	#purchase_campaign .comic .bottom {
		margin-top: 70px;
	}
	#purchase_campaign .comic .top::after {
		top: 100%;
		width: 20px;
		height: 44px;
		margin-left: -16px;
		background-size: contain;
		transform: rotate(-18deg);
	}
	#purchase_campaign .comic .top .sub,
	#purchase_campaign .comic .bottom .sub {
		margin: 20px 0;
	}
	#purchase_campaign .comic .top .sub {
		right: 0;
	}
	#purchase_campaign .comic .top .sub::after {
		top: -7px;
		left: 50%;
		margin-left: -10px;
		transform: rotate(45deg);
	}
	#purchase_campaign .comic .bottom .sub::after {
		top: 112px;
		right: 50%;
		margin-right: -10px;
		transform: rotate(135deg);
	}
	#purchase_campaign .comic .top .sub p,
	#purchase_campaign .comic .bottom .sub p {
		width: 100%;
		height: 120px;
		font-size: 120%;
	}
	#purchase_campaign .comic .top .main {
		width: 100%;
	}
	#purchase_campaign .comic_fullcolumn.option_t_zi {
		top: 0;
	}
	#purchase_campaign .com_search {
		top: -25px;
	}
	#purchase_campaign .consideration {
		height: 42vh;
		margin: 30px 0;
		padding: 0;
	}
	#purchase_campaign .consideration h1 {
		font-size: 150%;
		padding: 20px 0 10px;
	}
	#purchase_campaign .consideration p {
		font-size: 120%;
	}

	@media screen and (orientation: landscape)  {
		#purchase_campaign .consideration {
			height: 112vh;

		}
		#purchase_campaign .consideration h1 {
			font-size: 250%;
		}
		#purchase_campaign .consideration p {
			font-size: 165%;
		}
	}
	#purchase_campaign .blackboard {
		width: 90%;
		min-width: auto;
		margin: 30px auto 80px;
		padding: 20px;
	}
	#purchase_campaign .blackboard::before {
		bottom: -30px;
		right: -26px;
		width: 70px;
		height: 168px;
	}
	#purchase_campaign .blackboard::after {
		left: -10px;
		width: 100%;
		height: 30px;
		margin-top: -7px;
	}
	@media screen and (orientation: landscape) {
		#purchase_campaign .blackboard::after {
			left: -10px;
			width: 100%;
			margin-top: -16px;
		}
	}
	#purchase_campaign .privilege_text {
		width: 100%;
		margin: 10px 0;
		font-size: 100%;
	}
	#purchase_campaign .privilege_text li {
		width: 95%;
		padding: 5px 0;
	}


	#purchase_campaign .privilege_text li::after {
		width: 100%;
		bottom:-15px;
		background-size: cover;
	}
	#purchase_campaign .privilege_text .pri_circle {
		top: 21px;
		left: 0;
		width: 50px;
	}
	#purchase_campaign .privilege_text li:nth-child(4) .pri_circle,
	#purchase_campaign .privilege_text li:nth-child(5) .pri_circle,
	#purchase_campaign .privilege_text li:nth-child(6) .pri_circle  {
		top: 16px;
	}
	#purchase_campaign .privilege_text .b_text {
		width: auto;
		margin-left: 56px;
		font-size: 95%;
	}
	#purchase_campaign .campaign_span {
		width: 90%;
		margin: 30px auto 60px;
	}
	#purchase_campaign .campaign_span dl {
		width: 100%;
	}
	#purchase_campaign .campaign_span dd {
		height: auto;
		line-height: 1.8;
	}
	#purchase_campaign .attention ul {
		padding: 20px;
	}
	#purchase_campaign .attention ul li {
		text-indent: 0;
	}
	#purchase_campaign .attention .warning {
		padding: 20px;
		font-size: 118%;
	}
	#purchase_campaign .kind p {
		font-size:140%;
	}
	#purchase_campaign .kind ul {
		padding: 20px;
	}
	#purchase_campaign .kind ul li {
		text-indent: 0;
	}
	}

	
	#purchase_campaign .dither p  {
		font-size: 82%;
	}
	#purchase_campaign .dither ul li:nth-child(1),
	#purchase_campaign .dither ul li:nth-child(2),
	#purchase_campaign .dither ul li:nth-child(3),
	#purchase_campaign .dither ul li:nth-child(4) {
		float: none;
		width: 100%;
		height: auto;
		padding-left: 22px;
		font-size: 90%;
	}
	#purchase_campaign .dither ul li::before {
		top: 12px;
		left: 2px;
		width: 15px;
		height: 15px;
		background-size: contain;
	}
	#purchase_campaign .opportunity {
		font-size: 118%;
		margin-bottom: 30px;
	}
	#purchase_campaign .dither_copy {
		width: 100%;
		margin-bottom: 10px;
	}
}