/* == layout == */

/* == common == */
sub{
font-size:11px;
vertical-align:0;
}
img{
max-width:100%;
}
.inline-block{
display:inline-block;
vertical-align:middle;
}
.table-cell{
display:table-cell;
vertical-align:middle;
}
.cmp_block_title{
font-size:24px;
font-weight:bold;
text-align:center;
padding:6px;
line-height:150%;
color:#fff;
background:#f30e8d;
position: relative;
z-index:1;
}
.cmp_block{
margin: 0 auto 60px;
border: 10px solid #f9d6dd;
background: #fff;
}

/* == cmp_head == */
.catch_copy{
background:#2ca7e0;
color:#fff;
font-size:18px;
font-weight:bold;
text-align:center;
padding:6px 0 5px;
}
.cmp_head{
margin: 0 auto 60px;
}
.cmp_head_title {
background:url(/img/campaign/20200304/head_title_pc_bg.jpg) no-repeat center center;
background-size:cover;
}

.cmp_head_title img{
display:block;
max-width:100%;
margin:0 auto;
}

.cmp_head_howto{
padding:5px 0 0;
background:#f00;
color:#fff;
font-size:18px;
font-weight:bold;
line-height:150%;
text-align:center;
}
.cmp_head_limit{
color:#f00;
font-size:18px;
font-weight:bold;
line-height:150%;
text-align:center;
border-left:5px solid #f00;
border-right:5px solid #f00;
border-bottom:5px solid #f00;
padding:3px;
}

.cmp_body{
width:840px;
margin:0 auto;
}
/* == cv_button == */
.cv_button{
text-align:center;
margin:0 5px 60px;
}
.cv_button a{
position: relative;
display:inline-block;
box-sizing: border-box;
padding: 25px 30px 20px;
border-radius: 3px;
font-weight: bold;
text-decoration:none;
cursor: pointer;
white-space:nowrap;
font-size:24px;
line-height:100%;
}
.cv_button .twitter{
background-color: #1b95e0;
color: #fff;
}
.cv_button .search_item{
background-color: #81BC23;
color: #fff;
}

/* == howto == */
.howto ul{
margin:10px 0;
}
.howto li{
padding:0 10px;
margin:0 0 50px;
}
.howto li:last-child{
margin:0 0;
}
.howto h4{
font-weight:bold;
font-size:18px;
margin:0 30px 0.75em;
line-height: 150%;
}
.howto p{
font-size:13px;
margin:0 30px;
}

.twitter_text{
color:#1b95e0;
}
.stepno{
font-size:24px;
font-weight:bold;
line-height: 125%;
font-family:"arial", "Hiragino Kaku Gothic Pro", sans-serif;
margin-bottom:16px;
color:#e5b94b;
text-align:center;
display:block;
}
.stepno:before{
content:"";
display:block;
border-bottom: 4px dashed #ccc;
position:relative;
top:1em;
}
.stepno span{
background:#fff;
padding: 0 10px;
display:inline-block;
z-index: 10;
position: relative;
}
.stepno strong{
font-size:40px;
margin-left:0.1em;
line-height:100%;
}
.step_img{
text-align:center;
margin:1em auto 0;
border:1px solid #ccc;
padding:5px;
display:table;
}
.step_img img{

display:block;
margin:0 auto;
}

/* == cmp_summary == */

.cmp_summary_table{
display:block;
}
.cmp_summary_table tr{
display:block;
}
.cmp_summary_table th{
display:block;
text-align:center;
vertical-align:top;
font-size:16px;
padding:8px;
background: linear-gradient(#fcecf0, #fef4f6 35%, #fcecf0);
color:#000;
}
.cmp_summary_table td{
display:block;
font-size:14px;
padding:30px 10px;
}

.cmp_summary_table tr:last-of-type th{border-bottom:none;}
.cmp_summary_table tr:last-of-type td{border-bottom:none;}

.cmp_summary_table a{
word-break:break-all;
}
.cmp_summary_li li {
margin-left:1em;
text-indent:-1em;
}
.circled_decimal li{
margin-left:1em;
text-indent:-1em;
}

/* == contact_link == */

.contact_link{
margin:0 0 0 1em;
padding:10px;
}

/* == timer == */

.cmp_head{
position:relative;
}

.cmp_head h2{
width:1110px;
margin:0 auto;
position:relative;
}

.cmp_head.before_start h2:before{
content:"";
display:block;
width:120px;
height:124px;
background:url(/img/campaign/20200304/before_start_icon.png);
background-size:contain;
position:absolute;
left:5px;
top:-37px;
}

.cmp_head.finished:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
background:#ccc;
opacity:0.5;
}

.cmp_head.finished h2:before{
content:url(/img/campaign/20200304/end.png);
position:absolute;
left:20%;
bottom:25%;
display:block;
color:#000;
z-index:2;
text-align:center;
}

@media (max-width: 321px) {
	.cv_button a{
		width:100%;
		margin:0 0 10px;
	}
	.cmp_head.before_start:before{
		width:40px;
		height:41.33px;
	}
	.cmp_head.finished:before{
		width:40px;
		height:41.33px;
	}
	.cmp_head_limit{
		font-size: 14px;
	}
}


@media (max-width: 376px) {
	.cv_button a{
		padding:15px 10px;
	}
}