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

*{ box-sizing: border-box;}
.index_5th_contents{ margin: 0 0 10vw 0;}
.bg_winner{ background-color: #ede8e3; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }
.bg_winner .imgArea{ width: 50%; line-height: 0; background-color: #fff; box-sizing: border-box; }
.bg_winner .txtArea{ width: 50%; font-size: 20px; line-height: 200%; display: flex; align-items: center; box-sizing: border-box; padding: 30px; }
.bg_winner .txtArea .inner{ width: 100%; max-width: 440px; margin: 0 auto; }
.bg_winner .txtArea .pc{ display: block;}
.bg_winner .txtArea .title{ font-size: 35px; font-weight: bold; margin: 0 0 5vw 0;}
.bg_winner .txtArea .txt_red{font-size: 25px; margin: 0 0 2vw 0; color: #D43F3A;}

/*20200205 about indexページ投票誘導部分*/
.lead3rd{}
.lead3rd i{margin: 0 0.2em 0 0;}
.lead3rd_01{ position: relative; margin: 0 0 2px 0;}
.lead3rd_01 .txtArea01{ padding: 0 0 20px 37%; display: flex; align-items: stretch; justify-content: flex-start;}
.lead3rd_01 .txtArea01 .redArea{ width: 55%;}
.lead3rd_01 .txtArea01 .btn{width: 40%; margin: 0 0 0 auto; position: relative;}
.lead3rd_01 .txtArea01 .btn a{ background-color: #a37e39; display: flex; text-align: center; font-weight: bold; color: #fff; font-size: 22px; position: absolute; width: 100%; height: 100%; border-radius: 4px; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #a37e39; padding: 7px 1em; }
.lead3rd_01 .txtArea01 .btn a:hover{ color: #a37e39; background-color: #fff; }
.lead3rd_01 .txtArea02{ background-color: #c3a47f; padding: 25px 3% 25px 37%; box-sizing: border-box;}
.lead3rd_01 .txtArea02 .title{ font-weight: bold; font-size: 27px; margin: 0 0 5px 0;}
.lead3rd_01 .txtArea02 p{ font-size: 18px; line-height: 2;}
.lead3rd_01 .logo{ position: absolute; top:0; left: 2%; width: 35%;}

.lead3rd_02{ background-color: #a7342a; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; padding: 35px 3%; color: #fff;}
.lead3rd_02 .txtArea01{ width: 33%; text-align: center; }
.lead3rd_02 .txtArea02{ width: 64%; font-size: 16px; margin: 0 0 0 auto}
.lead3rd_02 .txtArea02 .txtBig{ font-weight: bold; font-size: 25px;}
.lead3rd_02 .txtArea02 .imgArea{ display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0 0;}
.lead3rd_02 .txtArea02 .imgArea img:first-child{ margin: 0 10px 0 0;}
.lead3rd_02 .txtArea02 .btn{ margin: 25px 0 0 0;}
.lead3rd_02 .txtArea02 .btn a { line-height: 1; display: block; text-align: center; background-color: #fff; padding: 7px 1em; color: #a7342a; font-weight: bold; border-radius: 25px; border: 1px solid #fff; font-size: 22px; box-sizing: border-box;}
.lead3rd_02 .txtArea02 .btn a:hover{ background-color:#a7342a; color: #fff; }

.up0310 .lead3rd_01 .txtArea01{ padding: 0 0 20px 46%; }
.up0310 .lead3rd_01 .txtArea01 .btn a{ line-height: 150%;}
.up0310 .lead3rd_01 .txtArea01 .btn i{margin: 0 0.5em 0 0;}
.up0310 .lead3rd_01 .txtArea02{ padding: 35px 3% 35px 46%; box-sizing: border-box;}
.up0310 .lead3rd_01 .txtArea02 .title{ font-weight: bold; font-size: 27px; margin: 0 0 5px 0;}
.up0310 .lead3rd_01 .logo{ position: absolute; top:0; left: 2%; width: 43%;}

.pcOnly{display: block;}
.spOnly{display: none;}

.title_3rd{ font-weight: bold; font-size: 18px; text-align: center; margin: 0 0 60px 0;}
.title_3rd span{ border-bottom: #c3a47f 5px solid; padding: 0 0 10px 0; }

.category{ max-width: 1000px; margin: 0 auto 10vw;}
.category .inner{ display: flex; justify-content: space-between; vertical-align: middle; flex-wrap: wrap;}
.category .item{ width: calc( (100% - 40px)/2); margin-bottom: 40px; box-shadow: 0 0 20px 0 hsla(0,0%,0%,0.2); -webkit-box-shadow: 0 0 20px 0 hsla(0,0%,0%,0.2); box-sizing: border-box; padding: 30px; font-size: 15px; line-height: 28px; text-align: center; }
.category .item .title{ font-weight: bold; color: #c3a47f; font-size: 27px; text-align: center; margin: 10px 0 15px 0;}
.category .item .sub{ font-weight: bold; font-size: 18px; text-align: center; margin: 0 0 10px 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.category .item .sub .caption{ font-weight: normal; font-size: 80%;}
.category .item.small .title{ font-size: 22px;}
.category .item:last-child{ width: 100%; text-align: left;}

.category .txt{ width: 100%; margin: 0 auto 40px;}

.examine{}
.examine p{ font-size: 120%; line-height: 2; text-align: center;}
.examine .imgArea{ float: right; width: 30%; text-align: center;}
.examine .txtArea{ float: left; width: 65.8%}
.examine .txtArea dl{ width: 100%; margin: 50px 0 0 0; font-size: 16px; line-height: 30px;}
.examine .txtArea dt{ color: #fff; background-color: #c3a47f; padding: 0.2em 1em; margin: 0 0 10px 0 }
.examine .txtArea dd{ margin: 0 0 20px 0; }

.schedule{ }
.schedule .inner{ text-align: center;}
.schedule .pc{ display: inline-block;}
.schedule .sp{ display: none;}
.schedule .caption{ text-align: left; margin: 10px auto 0; max-width: 1000px; width: 100%;}

.application{}
.txt_big{ font-weight: bold; font-size: 16px; text-decoration: underline; margin: 0 0 10px 0;}
.pl_1em{ padding: 0 0 0 1em;}

#content_wrap .wrapper .btn_list.about_3rd{ padding:0;}
#content_wrap .wrapper .btn_list.about_3rd li{ padding: 15px;}

/*第3回　ファイナリスト*/
.finalist_3rd{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.finalist_3rd .block{ width: calc((100% - 30px)/2); box-sizing: border-box; margin: 0 0 30px 0; border: 1px solid #b7a876 ; border-radius: 4px; padding: 10px;}
.finalist_3rd .block:nth-child(2n){ margin: 0 0 30px auto;}
.finalist_3rd .block .nameArea{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; margin: 0 0 10px 0;}
.finalist_3rd .block .nameArea .imageArea{ margin: 0 15px 0 0; width: 100px; height: 100px;}
.finalist_3rd .block .nameArea .txtArea{ width: calc(100% - 115px); font-weight: bold; }
.finalist_3rd .block .nameArea .txtArea .prefecture{ border-right: 1px #000 solid; border-left: 1px #000 solid; line-height: 1; padding: 0 0.5em; display: inline-block; margin: 0 0 1em 0;}
.finalist_3rd .block .nameArea .txtArea .name01{ font-size: 18px; color: #c2a17c;}
.finalist_3rd .block .nameArea .txtArea .name02{ font-size: 16px; }
.finalist_3rd .block .nameArea .txtArea .name02 span{ font-size: 14px;}
.finalist_3rd .block .nameArea .txtArea .name02 span.dantai{ font-weight: normal;}
.finalist_3rd .block .nameArea .txtArea .website{ font-size: 80%;}
.finalist_3rd .block .nameArea .txtArea .website a{ color: #999; font-weight: normal;}
.finalist_3rd .block .nameArea .txtArea .website a:hover{ opacity: 0.7;}

.finalist_3rd .accordion-container .accordion-title {position: relative; margin: 0; padding: 0.625em 2.5em 0.625em 1em; font-weight: bold; cursor: pointer; border-radius: 2px; background-color: #ede7d6;}
.finalist_3rd .accordion-container .accordion-title:hover,
.finalist_3rd .accordion-container .accordion-title:active,
.finalist_3rd .accordion-title.open { border-radius: 2px 2px 0 0s; }
.finalist_3rd .accordion-container .accordion-title::before { font-family: "Font Awesome 5 Free"; content: "\f0dd"; position: absolute; right: 20px; top: 20%; transition: all 0.2s ease-in-out;}

.finalist_3rd .accordion-container .accordion-title::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); 
/* .openクラスがついた時の要素の角度を指定 */}
.finalist_3rd .accordion-container .accordion-title.open::before {transform: rotate(-180deg);top: 30%;}
.finalist_3rd .accordion-content {padding: 0.5em 1em; margin: 0 0 10px 0;background-color: #ede7d6; border-radius: 0 0 2px 2px;}
.finalist_3rd .accordion-container {width: 100%;margin: 0 auto;}

.finalist_3rd .ouboTitle{ margin: 0 0 10px 0;}
.finalist_3rd .ouboTitle p{ margin: 0 0 4px 0; font-size: 16.4px; font-weight: bold;}
.finalist_3rd .ouboTitle p.title{ font-size: 80%; padding:0; color: #666; position: relative; font-weight: normal;}
.finalist_3rd .ouboTitle p.title:before{ content:""; border-bottom: 1px solid #999; display: block; position: absolute; top: 43%; left: 0; width: 100%; z-index: 1;}
.finalist_3rd .ouboTitle p.title span{ background-color: #fff; display: inline-block; z-index: 5; position: relative; padding: 0 0.7em 0 0;}

/*ファイナリスト詳細ページ*/
.finalist_3rd_detail{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.finalist_3rd_detail .block{ width: 47%; box-sizing: border-box; margin: 0 0 80px 0; position: relative; }
.finalist_3rd_detail .block.even{ margin: 0 0 80px auto;}
.finalist_3rd_detail .block .nameArea{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin: 0 0 10px 0;}
.finalist_3rd_detail .block .nameArea .imageArea{ margin: 0 0 10px 0; width: 100%; display: flex; }
.finalist_3rd_detail .block .nameArea .imageArea .item:first-child{ width: 43%;}
.finalist_3rd_detail .block .nameArea .imageArea .item:nth-child(2){ width: 57%;}

.finalist_3rd_detail .block .nameArea .txtArea{ width:100%; font-weight: bold; }
.finalist_3rd_detail .block .nameArea .txtArea .prefecture{ border-right: 1px #000 solid; border-left: 1px #000 solid; line-height: 1; padding: 2px 0.5em 0; display: inline-block; margin: 0 0 10px 0;}
.finalist_3rd_detail .block .nameArea .txtArea .name01{ font-size: 22px; color: #c2a17c;}
.finalist_3rd_detail .block .nameArea .txtArea .name02{ font-size: 18px; }
.finalist_3rd_detail .block .nameArea .txtArea .name02 span{ font-size: 14px;}
.finalist_3rd_detail .block .nameArea .txtArea .name02 span.dantai{ font-weight: normal;}
.finalist_3rd_detail .block .nameArea .txtArea .website{ font-size: 80%;}
.finalist_3rd_detail .block .nameArea .txtArea .website a{ color: #999; font-weight: normal;}
.finalist_3rd_detail .block .nameArea .txtArea .website a:hover{ opacity: 0.7;}

.finalist_3rd_detail .ouboTitle{ margin: 0 0 10px 0;}
.finalist_3rd_detail .ouboTitle p{ margin: 0 0 4px 0; font-size: 16.4px; font-weight: bold;}
.finalist_3rd_detail .ouboTitle p.title{ font-size: 80%; padding:0; color: #666; position: relative; font-weight: normal;}
.finalist_3rd_detail .ouboTitle p.title:before{ content:""; border-bottom: 1px solid #999; display: block; position: absolute; top: 43%; left: 0; width: 100%; z-index: 1;}
.finalist_3rd_detail .ouboTitle p.title span{ background-color: #fff; display: inline-block; z-index: 5; position: relative; padding: 0 0.7em 0 0;}
/*20200203追加*/
dd.profiledate{}
dd.profiledate span{ width: 5em; margin: 0 1em 0 0; display: inline-block;}
dd.profiledate02{}
dd.profiledate02 span{ width: 7.5em; margin: 0 1em 0 0; display: inline-block;}
dd.profiledate03 p{ width: 100%; padding: 0 0 0 5em; position: relative; box-sizing: border-box;}
dd.profiledate03 p.no_dd{padding: 0; }

dd.profiledate03 span{ width: 4em; margin: 0 1em 0 0; display: inline-block; position: absolute; top: 0; left: 0;}

/*詳しくはボタン、効果*/
.btn_detail{ max-width: 80%; font-size: 14px; line-height: 1; position: absolute; box-sizing: border-box; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #202124; color: #fff; padding: 0.5em 1em; border-radius: 2px; opacity: 0; transition:all .5s ease; z-index: 7;}
.btn_detail i{ margin-right: 0.5em;}

.finalist_3rd_detail .block a.modalLink{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color:hsla(0,0%,0%,0.00); z-index: 4; }
.finalist_3rd_detail .block:hover a.modalLink{ background-color: hsla(0,0%,100%,0.60); z-index: 6;}
.finalist_3rd_detail .block:hover .btn_detail{ opacity: 1;background-color: #202124; color: #fff; }

/*20200129詳細ボタン変更*/
a.modalLink_new{max-width: 80%; font-size: 13px; line-height: 1; opacity: 1;background-color: #202124; color: #fff; padding: 0.4em 1em 0.3em; border-radius: 2px; margin: -4px 0 0 2em; display: inline-block;}
a.modalLink_new i{ margin-right: 0.5em;}
a.modalLink_new:hover{ opacity: 0.6;}

/*モーダル*/
.modalWindow { display:none; position:fixed; width:100%; height:100%; top:0; left: 0; background-color:hsla(0,0%,100%,0.9); font-size: 14px; line-height: 28px; text-align: left; z-index: 5; }
.modalWindow.active { display:block; z-index:99999999;}
.modalWindow .content_modal{ width: 90%; max-width: 840px; margin: 0 auto; position: relative; }
.modalWindow .content_modal .inner{ margin: 5vh 0 0 0; overflow:auto; height:90vh; box-sizing:border-box; position: relative; max-height: 90vh; padding: 0 20px;}
.modalWindow .btn_close{ z-index:999999999; line-height: 1; cursor: pointer; font-size: 14px; display: block; padding: 0.5em; border: 1px solid #202124; border-radius: 2px; margin: 40px auto 0px; box-sizing: border-box; width: 6em; text-align: center;}
.modalWindow .btn_close i{ margin: 0 0.2em 0 0;}
.modalWindow .content_modal .mgt_tit{ background-color: #c2a17c; font-weight: bold; color: #fff; font-size:128%; padding: 0.2em 1em; margin: 0 0 30px 0;}
.modalWindow .nameArea{ display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin: 0 0 10px 0;}
.modalWindow .nameArea .imageArea{ margin: 0 0 20px 0; width: 100%; display: flex; }
.modalWindow .nameArea .imageArea img:first-child{ margin: 0 10px 0 0; }
.modalWindow .nameArea .txtArea{ width:100%; font-weight: bold; margin: 0 0 20px 0 }
.modalWindow .nameArea .txtArea .prefecture{ border-right: 1px #000 solid; border-left: 1px #000 solid; line-height: 1; padding: 0 0.5em; display: inline-block; margin: 0 0 15px 0; font-size: 15px; padding: 2px 0.5em 0;}
.modalWindow .nameArea .txtArea .name01{ font-size: 27px; color: #c2a17c; display: inline-block; margin: 0 1em 0 0;}
.modalWindow .nameArea .txtArea .name02{ font-size: 23px; display: inline-block; margin: 0 1em 0 0; }
.modalWindow .nameArea .txtArea .name02 span{ font-size: 18px;}
.modalWindow .nameArea .txtArea .name02 span.dantai{ font-weight: normal; font-size: 14px;}
.modalWindow .nameArea .txtArea .website{  display: inline-block;}
.modalWindow .nameArea .txtArea .website a{ color: #999; font-weight: normal;}
.modalWindow .nameArea .txtArea .website a:hover{ opacity: 0.7;}
.modalWindow dl{border-top: 1px solid #c2a17c; padding: 10px 0 0 0; margin: 0 0 20px 0;}
.modalWindow dl dt{ font-weight: bold; font-size: 18px; margin: 0 0 10px 0;}
.modalWindow dl .tit{ font-weight: bold; font-size: 110%;}
.modalWindow .ouboTitle{ display: block; width: 100%; margin: 0 0 25px 0;}
.modalWindow .ouboTitle p{ margin: 0 0 5px 0; font-size: 18px;}
.modalWindow .ouboTitle p.title{line-height: 1;}
.modalWindow .ouboTitle p.title:before{ content:""; border-bottom: 1px solid #999; display: block; position: absolute; top: 43%; left: 7em; width:calc( 100% - 7em); z-index: 1;}
.modalWindow .ouboTitle p.title span{ background-color:hsla(0,0%,0%,0.00); display: inline-block; z-index: 5; position: relative; padding: 0 0.7em 0 0;}

.modalWindow dl.comment{border-top: none; background-color: hsla(46,31%,59%,0.20); padding: 20px; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.modalWindow dl.comment dt{font-size: 14px; color: #202124; background-color:#b7a876;line-height: 1.2;  padding: 10px 1em; border-radius: 4px; width: 6em; box-sizing: border-box; position: relative; }
.modalWindow dl.comment dt:after{ content: ''; border-top: 7px solid #b7a876; border-right: 7px solid #b7a876; border-bottom: 7px solid transparent; border-left: 7px solid transparent; position: absolute; bottom: -12px; right: 10px}
.modalWindow dl.comment dd{ width: calc( 100% - 7.5em);}

.caption12{ font-size: 12px;}


@media screen and (min-width: 0) and (max-width: 980px) {
.bg_winner .txtArea{ font-size: 1.8vw; padding: 3vw; }
.bg_winner .txtArea .title{ font-size: 3.5vw;}
.bg_winner .txtArea .txt_red{font-size: 2.4vw;}

.category .item .title{ font-size: 2.2vw;}

.examine p{ text-align: left;}
.examine .imgArea{ float: none; width: 100%; margin: 0 0 20px 0;}
.examine .txtArea{ float: none; width: 100%;}
.examine .txtArea dl{ margin: 30px 0 0 0;}
    
/*200302 3月10日up分*/
.up0310 .lead3rd_01 .txtArea01 .btn a{ font-size: 2vw}
}
@media screen and (min-width: 0) and (max-width: 768px) {
.category .inner{ display: block; }
.category .item{ width: 90%; margin: 0 auto 30px;}
.category .item .title{ font-size: 28px; margin: 20px 0 25px 0;}
.category .item .sub{ margin: 0 0 20px 0;}
.category .item.small{ width: 90%; margin: 0 auto 30px}
	
.schedule .pc{ display: none;}
.schedule .sp{ display: inline-block; max-width: 90%;}

/*第3回　ファイナリスト*/
.finalist_3rd .block{ width: 100%;}

/*ファイナリスト詳細ページ*/
.finalist_3rd_detail .block{ width: 100%; }
    
/*20200203追加*/
dd.profiledate span,dd.profiledate02 span,dd.profiledate03 span{font-weight: bold; font-size: 90%; margin: 0 1em 0 0; width: auto;}
dd.profiledate03 p{ padding: 0;}
dd.profiledate03 span{ position: relative;}
 
/*20200205 about indexページ投票誘導部分*/
.lead3rd_01 .logo{ position:relative; left: 0%; width: 60%; margin: 0 auto; text-align: center;}
.lead3rd_01 .txtArea01{ padding: 0 0 20px 0;}
.lead3rd_01 .txtArea02{ padding: 25px 3% 25px 3%; }
.lead3rd_02{ flex-direction: column;}
.lead3rd_02 .txtArea01{ width: 100%; margin: 0 auto 30px 0;}
.lead3rd_02 .txtArea01 img{ margin: 0 auto; max-width: 70%;}
.lead3rd_02 .txtArea02{ width: 100%; font-size: 16px; margin: 0}
.lead3rd_02 .txtArea02 .imgArea{ flex-direction: column;}
.lead3rd_02 .txtArea02 .imgArea img:nth-child(2){ margin: 0 0 15px 0;}

/*200302 3月10日up分*/
.up0310 .lead3rd_01 .txtArea01{ padding: 0 0 20px 0;}
.up0310 .lead3rd_01 .txtArea01 .btn a{ font-size: 3vw;}
.up0310 .lead3rd_01 .txtArea02{ padding: 25px 3% 25px 3%; }
.up0310 .lead3rd_01 .logo{ position:relative; left: 0%; width: 60%; margin: 0 auto; text-align: center;}

.pcOnly{display: none;}
.spOnly{display: block;}
    
.modalWindow dl.comment dt{ width: 100%; margin-bottom: 20px;}
.modalWindow dl.comment dt:after{border-top: 7px solid #b7a876; border-right: 7px solid transparent ; border-bottom: 7px solid transparent; border-left: 7px solid #b7a876; position: absolute; bottom: -12px; left: 10px; right: auto}
.modalWindow dl.comment dt br{ display: none}
.modalWindow dl.comment dd{ width: 100%;}
}

@media screen and (min-width: 0) and (max-width: 570px) {
.bg_winner{ flex-direction: column-reverse;}
.bg_winner .txtArea .pc{ display: none;}
.bg_winner .imgArea{ width: 100%; text-align: center; }
.bg_winner .imgArea img{ width: 100%;}
.bg_winner .txtArea{ width: 100%; float: none; font-size: 17px; padding: 30px;}
.bg_winner .txtArea .inner{ max-width: 100%; margin: 0 auto; }
.bg_winner .txtArea .title{ font-size:24px; margin: 0 0 20px 0; }
.bg_winner .txtArea .txt_red{font-size: 22px;}

 /*ファイナリスト詳細ページ*/   
.modalWindow .nameArea .imageArea{ flex-direction: column; }
.modalWindow .nameArea .imageArea img:first-child{ margin: 0 auto 10px auto; width: 70% }
    
/*モーダル*/
.modalWindow .content_modal .mgt_tit{ font-size:100%;}
.modalWindow .content_modal .inner{ padding: 0;}

/*20200205 about indexページ投票誘導部分*/
.lead3rd_01 .logo{ position:relative; width: 100%; }
.lead3rd_01 .txtArea01 {flex-direction: column; }
.lead3rd_01 .txtArea01 .btn a{ font-size: 20px}
.lead3rd_01 .txtArea01 .redArea{ width: 100%; text-align: center; margin: 0 0 10px 0; align-items: flex-start;}
.lead3rd_01 .txtArea01 .btn { width: 100%; }
.lead3rd_01 .txtArea01 .btn a{ padding: 1em; position: relative;}
.lead3rd_01 .txtArea02 .title{ font-size: 22px; }
.lead3rd_01 .txtArea02 p{ font-size: 16px;}

/*200302 3月10日up分*/
.up0310 .lead3rd_01 .txtArea01 .btn a{  font-size: 20px;}
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}