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

/* reset
-------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
table,
th,
td,
figure,
section,
article {
 margin: 0;
 padding: 0;
}

body {
 font: 13px/1 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

* html body {
 font-size: small;
}

*:first-child+html body {
 font-size: small;
}

img {
 border: 0;
 vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-size: 100%;
 font-weight: normal;
}

ul,
dl,
ol {
 text-indent: 0;
}

li {
 list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
 font-style: normal;
 font-weight: normal;
}

sup {
 vertical-align: text-top;
}

sub {
 vertical-align: text-bottom;
}

input,
textarea,
select {
 font-family: inherit;
 font-size: inherit;
 font-weight: inherit;
}

* html input,
* html textarea,
* html select {
 font-size: 100%;
}

*:first-child+html+input,
*:first-child html+textarea,
*:first-child+html select {
 font-size: 100%;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
 font-size: inherit;
}

th,
td {
 text-align: left;
 vertical-align: top;
}

caption {
 text-align: left;
}

pre,
code,
kbd,
samp,
tt {
 font-family: monospace;
}

* html pre,
* html code,
* html kbd,
* html samp,
* html tt {
 font-size: 100%;
 line-height: 100%;
}

*:first-child+html pre,
*:first-child html+code,
*:first-child html+kbd,
*:first-child+html+samp,
*:first-child+html tt {
 font-size: 108%;
 line-height: 100%;
}

input,
select,
textarea {
 font-size: 100%;
 font-family: Verdana, Helvetica, sans-serif;
}

*:focus {
 outline: none;
}


body{
	font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; box-sizing: border-box;
	background: url(../images/bg_line.gif) repeat;
}
header{
	padding-top:6px;
}

.contentWrap {
    width: 1000px;
    margin: 0px auto;
}

.head_logo{
	display:table;
	margin: 0 auto;
}

.head_logo:hover{
 	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	opacity:0.6;
}




.header_bg{
	background:#ffffff;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	position: relative;
	z-index: 2;
}

.main_catchArea{
	background:#fff;
}
.main_catchArea img,.center_img{
	display: table;
	margin: 0 auto;
}
.yoyaku_houhouArea{

	padding:50px 0;
	background:#f1fbff;
}

.houhouArea{
	padding: 70px 0;
}
.houhouArea a{
	width:100%;
	display: block;
}

.houhou_title{
	margin-bottom: 20px;
}
.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px	;
}
.f_l{
	float:left;
}
.f_r{
	float: right;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.mapArea{
	width:350px;
	height:350px;
}


.shop_list{

	width:100%;
}
.shop_list,.shop_list th,.shop_list td{
	color:#333333;
	font-size:16px;
	border: 1px solid #127bbd;

}

.shop_list th,.shop_list td{

	padding:10px;

}

.btnArea{
	padding:20px 0;
}
.touhyou_btn{
	width:100%;
	background:#f65d62;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	padding:30px 0;
	border:none;
	border-radius:5px;
	position:relative;
	cursor: pointer;

}
.touhyou_btn:hover{
	background: #f89ea1;
}

.touhyou_btn:after{
	position: absolute;
	right:20px;
	top:35%;
	content: "\f054";
  	font-family: FontAwesome;
}
.sp_display{
	display:none;
}


.copy{

	background:transparent;
	color:#333333;
	margin: 0;
	text-align:center;
}

.inner{
	width:1000px;
	margin:0 auto;
}

/*投票ページ*/

.mb40{
	margin-bottom:40px;
}

.touhyou_mainArea{
	padding: 20px 0;
	text-align: center;
	background:url(../img/bg.jpg)repeat;
}

h1.touhyou_main img{
	width: 867px;
	margin:0 auto;
}

#contentWrap{
	width: 1000px;
    margin: 0 auto;
}

#shichigosan {
	text-align: center;
	margin: 0px auto 0px;
	padding:15px 0;

}

#shichigosan img:first-child{
	margin-bottom:10px;
}


#title{
	text-align:center;
}

h2.title_h2 {
    width: 80%;
    font-size: 32px;
    text-align: center;
    padding: 18px 25px;
    margin: 40px auto 20px;
    /*border: 1px #14a18c solid;*/
	color: #ffffff;
	background: #59b1a4;
	line-height: 1.4;
}
h2.title_h2 span{
	font-size:18px;
}

#touhyouArea p{
	font-size:16px;
	text-align: center;
	color: #333;
}

.sp_display {
    display: none;
}

.gallery ul li{
	display:inline-block;
	width:180px;
	margin-right:15px;
	text-align:center;
	margin-bottom:60px;
}

.gallery ul li:nth-child(5n){
	margin-right:0;
}




@media screen and (max-width:767px) {
h1.touhyou_main img{
	width: 100%;
	margin:0 auto;
}
	#contentWrap{
	width: 96%;
    margin: 0 auto;
}

	.gallery ul li:nth-child(5n){
	margin-right:inherit;
}
.gallery ul li{
	display:inline-block;
	width:48%;
	margin-right:1%;

}
.gallery ul li:nth-child(2n){
	margin-right:0;
}
}
.gallery ul li a{
	display:block;
	width:100%;
	margin:10px auto;
}
.gallery ul li img{
	width:100%;
	margin: 5px 0;
}

label{
	position: relative;
	padding: 0 0 0 7px;
}

/* label input{
	opacity: 0;
} */

label .image{
	position: absolute;
	left:-80px;
	top: -16px;
	display: block;
 background-image:url(../img/off.png);
 background-size: 164px 38px;
	background-repeat:no-repeat;
	background-position:0 0;
	width: 164px;
	height: 38px;
}

label input:checked + .image{
 background-image:url(../img/on.png);
	/* background-position:0 -30px; */
}


.ap-result{
	display:none;
}

/* .thanks-fix-footer {
	position: fixed;
	bottom: 0px;
	right: 50%;
	margin-right: -270px;
	width: 500px;
	z-index: 999;
	background-color: #fff;
	padding: 20px;
}

.thanks-fix-footer {
	position: fixed;
	bottom: 30px;
	right: 50%;
	margin-right: -270px;
	width: 500px;
	z-index: 999;
	background-color: #fff;
	padding: 20px;
} */

.thanks-fix-footer .al-center {
	display: inline-block;
	margin-right: 10px;
	border-bottom: solid 2px #751432;
	margin-left: -20px;
	display: none;
}

.thanks-fix-footer footer {
	display: inline-block;
}

.thanks-fix-footer footer .back_btnArea {
	margin-top: 0px;
}

.thanks-fix-footer footer .back_btnArea li button{
	width:500px;
	margin:0 auto;
}


footer:before{
	background: none;
}

.fix-footer {
	position: fixed;
	bottom: -10px;
	right: 50%;
	margin-right: -250px;
	width: 500px;
	z-index: 999;
	background: transparent;

}
.fix-footer ul { /* 20180830 Add */
	position: fixed;
 bottom: 30px;
 left: 50%;
 transform: translateX(-50%);
}

.fix-footer .poll-button img {
	width: 100%;
}

.touhyou-footer {
	margin-top: 120px;
}

/*二重投稿をリセットするボタン*/
.ap-clear-block {
 display: block;
}

.contentWrap .banner {
	padding-top: 20px;
}

.kekka_linkArea img {
	width: 650px;
}
.kekka_linkArea a {
	display: block;
	height: 100%;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

.kekka_linkArea img:hover {
	opacity: 0.7;
}


@media screen and (max-width:767px) {
.inner{
		width:100%;
	}
	.poll-touhyou-tipbox-thankyou{
		display:block;
		left:0!important;
	}
/* .thanks-fix-footer{
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0;
	z-index: 999;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
} */

.thanks-fix-footer .al-center {
	display: inline-block;
  margin-right: 10px;
	border-bottom: solid 2px #751432;
	margin-left: -10px;
	display: none;
}
footer {
 padding: 8px 0;
}

.thanks-fix-footer footer {
	display: inline-block;
}

.thanks-fix-footer footer .back_btnArea {
	margin-top: 0px;
}

.fix-footer {
	width:100%;
	position: fixed;
	bottom: -10px;
	left: 0;
	z-index: 999;

}

.touhyou-footer {
	margin-top: 100px;
}

.thanks-fix-footer footer .back_btnArea li button {
 width: auto;
	padding:0 100px;
}


.contentWrap .banner {
	padding-top: 20px;
	width: 100%;
}

.kekka_linkArea img {
	width: 95%;
}

#shichigosan img {
    width: 100%;
	margin-bottom: 10px;
}

}

@media screen and (max-width: 768px) {
	.pc_display{
		display:none;
	}
	.sp_display{
		display:block;
	}
	img.head_logo{
		width:100px;
		/* height:44px; */
	}
	.contentWrap {
   		width: 96%;
		margin: 0 auto;
    }
	.f_l,.f_r{
		float:none;
	}
	.mapArea{
		width:100%;
	}
	.houhouArea,.yoyaku_houhouArea{
		padding:30px 0;

	}
	.houhou_title{
		margin-bottom: 0px;
	}
	.touhyou_btn{
		font-size:20px;
		padding:20px 0;
	}

}


/*結果発表*/
figure{
	position:static;
}

figure:before{
	filter: none;
	opacity:1;
	z-index:0;
}

figure img{
	position:static;
	width:auto;
}
div#rank01,div#rank02,div#rank03{
	display:block;
	background-color:#FFF;
	padding:20px 5px 30px;
	margin:10px auto 50px auto;
	width:700px;

}

div#rank01{ border:3px solid #EFAF25;}
div#rank02{ border:3px solid #AAAAAA;}
div#rank03{ border:3px solid #C06B6C;}


div#rank01 figure img,div#rank02 figure img,div#rank03 figure img{
	display:block;
	height:100%;
	max-height:426px;
	margin:auto;
	border:1px #EEE solid;
}
div#rank01 figure ul,div#rank02 figure ul,div#rank03 figure ul{
	text-align:center;
	margin-top:10px;
}
div#rank01 figure ul li,div#rank02 figure ul li,div#rank03 figure ul li{
	font-size:24px;
	display:block;
	margin-right:25px;
	font-weight:bold;
	/*他のCSS設定削除*/
	width:auto;
	margin-bottom:0;
	color:#601111;
	line-height: 2;
}
div#rank01 figure ul li:last-child,div#rank02 figure ul li:last-child,div#rank03 figure ul li:last-child{
	margin-right:0;
}

div#rank01 figure ul .total,div#rank02 figure ul .total,div#rank03 figure ul .total {
	font-weight: bold;
	border-bottom: solid 2px #751432;
	display: inline-block;
	margin-right: 0px;
}

div#rank01 figure ul li:nth-child(4),div#rank02 figure ul li:nth-child(4),div#rank03 figure ul li:nth-child(4){
	margin-right:0;
}
div#rank01 figure ul li:last-child,div#rank02 figure ul li:last-child,div#rank03 figure ul li:last-child{
	margin-right:0;
}



.description{
	margin-bottom: 50px;
}

.touhyou_mainArea{
	font-size:16px;
	line-height:1.4;
	color:#333333;

}


.btnArea{
	padding:20px 0;
}
.touhyou_btn{
	width:100%;
	background:#f65d62;
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	padding:30px 0;
	border:none;
	border-radius:5px;
	position:relative;
	cursor: pointer;

}
.touhyou_btn:hover{
	background: #f89ea1;
}

.touhyou_btn:after{
	position: absolute;
	right:20px;
	top:35%;
	content: "\f054";
  	font-family: FontAwesome;
}

.shop_title{
	text-align: center;
	color:#14a18c;
	font-size: 2em;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px){

	.touhyou_mainArea img{
		width:100%;
	}
	div#rank01,div#rank02,div#rank03{
		width:78%;
		padding: 10%;
	}

	div#rank01 figure img,div#rank02 figure img,div#rank03 figure img{
		width:100%;
		max-height: 100%;
	}

	#others ul li{
		font-size: 16px;
	}

	#others ul li .total{
		margin-left: 15px;
	}

	.touhyou_btn {
    	font-size: 20px;
    	padding: 20px 0;
	}

}

#contest_shop_list li {
  display: inline-block;
  width: 23%;
  margin-right: 1.5%;
  margin-bottom: 30px;
  vertical-align: top;
}

#contest_shop_list li:nth-child(4n) {
  margin-right: 0px;
}

#contest_shop_list li a {
	display: block;
	padding: 10px;
	max-width: 200px;
	margin: auto;
	font-size: 20px;
	background-color: #f67700;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	min-height: 50px;
	line-height: 50px;
  text-decoration: none;
}

#contest_shop_list li a:hover {
	opacity: 0.6;
}

@media screen and (max-width: 768px){

#contest_shop_list li {
	display: inline-block;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 10px;
}

#contest_shop_list li a {
	width: 100%;
	box-sizing: border-box;
}

}

#modal-open {
	cursor: pointer;
}

#modal-content {
	width: 50%;
	margin: 1.5em auto 0;
	padding: 10px 20px;
	border: 2px solid #aaa;
	background: #fff;
	z-index: 2;
	display: none;
}

.modal-p {
	margin-top: 1em;
}

.modal-p:first-child {
	margin-top: 0;
}

.button-link {
	color: #00f;
	text-decoration: underline;
}

.button-link:hover {
	cursor: pointer;
	color: #f00;
}

#modal-content {
	width: 50%;
	margin: 0;
	padding: 10px 20px;
	border: 2px solid #999;
	border-radius: 5px;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 2;
	line-height: 1.4;
}

#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.35);
}

#modal-content {
	font-size: 2rem;
}

#modal-content p:first-child {
	margin-bottom: 3rem;
}

#modal-content p:nth-child(2) {
	margin-bottom: 1rem;
}

#modal-content p:nth-child(3) {
	margin-bottom: 3rem;
}

#modal-content ul {
	margin-bottom: 2rem;
	margin-left: 2rem;
}

.btn_openModal {
	margin: 0 auto 40px;
	width: 80%;
}

#modal-open {
	text-align: center;
	border-radius: 3px;
	background-color: #f7771a;
	color: #fff;
	font-size: 30px;
	padding: 30px 0;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	#modal-content {
		font-size: 1.3rem;
		width: 80%;
	}

	#modal-open {
		font-size: 20px;
	}
}


body , .header_bg h1 {
 margin: 0;
 padding: 0;
}
ul , li {
 list-style: none;
}
#title {
 background-color: #fff;
 padding: 70px 0;
}
.entryWrap_container {
 background-color: #fff;
 width: 100%;
}
.entryWrap {
 background: none;
	margin: 0 auto 60px;
	max-width: 1000px;
	width: 100%;
}
.entryWrap .entryOuter {
	background-color: #fff;
	border: 4px solid #6B5950;
	position: relative;
}
.entryOuter > p {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: -32px;
	margin: 0 auto;
	width: 55%;
}
.entryWrap .entryInner {
	margin: 100px auto 50px;
}
.entryInner p:nth-of-type(1) {
	font-size: 30px;
	text-align: center;
}
.entryInner p:nth-of-type(2) {
 font-size: 16px;
 font-weight: bold;
	margin-top: 20px;
	text-align: center;
}
.entryInner p:nth-of-type(1) span {
	background-color: #6B5950;
	padding: 10px 20px;
	color: #fff;
}
.entryInner p:nth-of-type(3) , .entryInner p:nth-of-type(4) {
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
}
.entryInner p:nth-of-type(3) {
 margin-top: 50px;
}
.p-ribbon {
 display: inline-block;
 position: relative;
 height: 61px;
 line-height: 61px;
 vertical-align: middle;
 text-align: center;
 font-size: 34px;
 background: #6B5950;
 color: #FFF;
 box-sizing: border-box;
}

.p-ribbon span {
 vertical-align: middle;
 margin: 0;
 padding: 10px 160px 4px;
 /* border-top: dashed 1px #FFF; */
 /* border-bottom: dashed 1px #FFF; */
 line-height: 46px;
}

.p-ribbon:before,
.p-ribbon:after {
 position: absolute;
 content: '';
 width: 0px;
 height: 0px;
 z-index: 1;
}

.p-ribbon:before {
 top: 0;
 left: 0;
 border-width: 30px 0px 30px 15px;
 border-color: transparent transparent transparent #fff;
 border-style: solid;
}

.p-ribbon:after {
 top: 0;
 right: 0;
 border-width: 30px 15px 30px 0px;
 border-color: transparent #fff transparent transparent;
 border-style: solid;
}
.contentWrap-text {
 margin: 50px auto;
 line-height: 1.8;
 width: 100%;
 max-width: 1000px;
 text-align: left;
}
.entryInner p .bigT {
 font-size: 28px;
 font-weight: bold;
}
.entryInner .lineH {
 line-height: 1.75;
}
.contentWrap .gallery input[type=radio] {
 display: none;
}
label {
 position: relative;
}

label .image {
 position: absolute;
 left: -82px;
 top: 7px;
 display: block;
 background-image: url(../images/off.png);
 background-size: 164px 38px;
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 164px;
 height: 38px;
}

label input:checked+.image {
 background-image: url(../images/on.png);
}
.contentWrap .sectionTitle {
 margin: 30px auto;
 text-align: center;
 width: 100%;
}
.contentWrap .sectionTitle.u-blue {
 background: #12A1E9;
}
.contentWrap .sectionTitle.u-orange {
 background: #EA5104;
}
.contentWrap .sectionTitle.u-green {
 background: #52c658;
}
.contentWrap .sectionTitle {
 color: #fff;
 text-align: center;
 padding: 10px 0;
 font-size: 24px;
}
form.poll-form footer {
 background-color: transparent;
 border: solid 2px #625A58;
 position: fixed;
 bottom: 30px;
 left: 50%;
 margin: 0 auto;
 max-width: 500px;
 padding: 20px 0;
 transform: translate(-50%, 0);
 width: 100%;
}

form.poll-form footer.fix-footer {
 border: none;
 position: fixed;
 bottom: 30px;
 left: 50%;
 transform: none;
}
footer {
 text-align: center;
}
.u-sec03--Txt {
 font-size: 24px;
}

.u-sec03--Txt span {
 background: linear-gradient(transparent 65%, #E5017F 65%);
 font-size: 36px;
 font-weight: bold;
 padding: 0 5px;
 text-shadow:
  #fff 2px 0px, #fff -2px 0px,
  #fff 0px -2px, #fff 0px 2px,
  #fff 2px 2px, #fff -2px 2px,
  #fff 2px -2px, #fff -2px -2px,
  #fff 1px 2px, #fff -1px 2px,
  #fff 1px -2px, #fff -1px -2px,
  #fff 2px 1px, #fff -2px 1px,
  #fff 2px -1px, #fff -2px -1px;
}

.how .p-flexContainer .p-flexBlock {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 justify-content: space-between;
 -ms-flex-pack: justify;
}

.how .p-flexContainer .p-flexBlock .p-heading4 {
 background-color: #39BBC9;
 color: #fff;
 display: inline-block;
 font-size: 30px;
 font-weight: 500;
 letter-spacing: 5px;
 line-height: 1.4;
 margin: 0 auto;
 padding: 15px 0;
 position: relative;
 text-align: center;
 width: 90%;
}

.how .p-flexContainer {
 margin: 40px auto 0;
 max-width: 800px;
 padding: 0 15px;
}

.how .p-flexContainer .p-flexBlock .p-flexItem {
 width: 48%;
 margin: 20px auto 0;
}

.p-flexContainer .p-flexBlock .p-flexItem .p-heading4:before,
.p-flexContainer .p-flexBlock .p-flexItem .p-heading4:after {
 content: '';
 display: inline-block;
 height: 80%;
 position: absolute;
 top: 6px;
 width: 12px;
}

.p-flexContainer .p-flexBlock .p-flexItem .p-heading4:before {
 border-left: solid 2px #fff;
 border-top: solid 2px #fff;
 border-bottom: solid 2px #fff;
 left: 10px;
}

.p-flexContainer .p-flexBlock .p-flexItem .p-heading4:after {
 content: '';
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 border-bottom: solid 2px #fff;
 right: 10px;
}

.p-flexItem .p-flexItem__Vote {
 background-color: #fff;
 border: solid 2px #39BBC9;
 margin-top: -30px;
 height: 240px;
 padding: 50px 15px 20px;
}

.p-flexItem__Vote .p-heading5 {
 color: #EB465F;
 font-size: 20px;
 font-weight: 400;
 line-height: 1;
}

.p-flexItem__Vote .p-heading5 span {
 font-family: 'Pinyon Script', cursive;
 font-size: 80px;
 padding-left: 10px;
 padding-right: 50px;
 position: relative;
 vertical-align: middle;
}

.p-flexItem__Vote .p-heading5 span:before {
 background: url(../images/icon_pt.png);
 content: '';
 height: 51px;
 position: absolute;
 right: 0;
 top: 42%;
 transform: translateY(-50%);
 width: 34px;
}

.p-flexItem .p-flexItem__Vote .p-VoteTxt {
 font-size: 16px;
 line-height: 1.6;
 text-align: left;
}
.p-flexItem .p-flexItem__Vote .p-VoteTxt a {
 color: #E5147E;
 text-decoration: underline;
}
.p-voteposibTxt {
 font-size: 16px;
 margin-bottom: 30px;
 text-align: center;
}
.votephoto .p-voteposibTxt {
 font-size: 16px;
 margin-bottom: 20px;
 margin-top: 40px !important;
 text-align: center;
}
.other_category li {
 margin-bottom: 15px;
}
.other_category li a {
 font-size: 16px;
}

@media screen and (max-width: 768px) {
 .p-ribbon  {
  font-size: 24px;
 }
 .p-ribbon span {
  padding: 0;
 }
 .entryInner p:nth-of-type(1) {
  background-color: #6B5950;
  font-size: 22px;
  margin: 0 auto;
  padding: 20px 5px;
  width: 98%;
 }
 .entryInner p:nth-of-type(1) span {
  background-color: transparent;
  padding: 0;
 }
 .entryInner p:nth-of-type(3),
 .entryInner p:nth-of-type(4) {
  font-size: 18px;
 }
 .entryInner p .bigT {
  font-size: 22px;
 }
 .fix-footer .poll-button img {
  max-width: 300px;
  width: 300px;
 }

 form.poll-form footer {
  margin: 0 auto;
  width: 90%;
 }
 .poll-vote_linkphoto-tipbox-thankyou {
  left: 15% !important;
  width: 60% !important;
 }
 .how .p-flexContainer .p-flexBlock {
  flex-direction: column;
 }
 .how .p-flexContainer .p-flexBlock .p-flexItem {
  width: 98%;
 }
 .how.votepage .p-flexContainer .p-flexItem:nth-child(1) .p-flexItem__Vote {
  height: 280px;
 }
 .how.votepage .p-flexContainer .p-flexItem:nth-child(2) .p-flexItem__Vote {
  height: 100px;
 }
 .p-VoteTxt {
  background-color: transparent !important;
 }
}


#mid_report {
 font-family: sans-serif;
 font-weight: normal;
 text-align: center;
}
#mid_report .description{
 font-family: sans-serif;
 font-size: 16px;
 font-weight: 600;
}
#mid_report h1 {
 font-family: serif;
 font-size: 40px;
 font-weight: normal;
 line-height: 1.2;
 margin: 40px 0;
 text-align: center;
}
#mid_report h1 span {
 display: block;
 font-size: 18px;
}
#mid_report .sec04.vote {
 margin-bottom: 60px;
}
.p-categoryTit {
 color: #fff;
 font-size: 24px;
 font-weight: bold;
 margin-bottom: 60px;
 text-align: center;
}
.u-categoryTitlink {
 background-color: #12A1E9;
}
.u-categoryTitloca {
 background-color: #EA5104;
}
.u-categoryTitstu {
 background-color: #52c658;
}