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

body {
	background: url("../img/photocontest3/bg.jpg")top center no-repeat fixed;
	background-size: cover;
	margin: 0;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	line-height: 1.8;
	color: #333;
	overflow-wrap: break-word;
}
a{
	text-decoration: none;
	color: #333;
}
a:hover {
	color: crimson;
	}

.fo_cn {
	 font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fo_ko {
	font-family: 'Segoe UI',SegoeUI,'Malgun Gothic',Gulim,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fo_en {
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fo_tw {
	font-family: 'Segoe UI',SegoeUI,'Microsoft JhengHei',微軟正黑體,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼文字▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
h4 {
	font-size: 1.2em;
}
.tt{
	font-size: 0.7em;
	color: rgb(45, 110, 175);

}
.t{
	font-size: 0.8em;
	color: #333;
	text-align: center;
	word-break: break-all;
	display: block;

}

.catch{
	font-size: 2em;
	text-align: center;
	color: crimson;
	line-height: 1.6;
}

.lead {
	line-height: 1.9;
	text-align: center;
	margin: 4% 0;
	font-size: 1.2em;
}
.title {
	font-size: 2.2em;
	text-align: center;
	color: crimson;
	line-height: 1.8;
	margin-bottom: 40px;
}

.sub-title {
	text-align: center;
	font-size: 1.5em;
	color: crimson;
	line-height: 1.2;
	margin: 8px 0;
}

.text-lead {
	font-size: 1.1em;
	margin-top: 1%;
	color:#555;
}

.text-lead strong{
	font-size: 150%;
}

.text {
	color: #333;
	font-size: 1em;
	line-height: 1.8;

}

.update {
	display: inline-block;
	width: 100px;
    background-color: #faff00;
    color: #333;
    font-size: 16px;
    border-radius: 20px;
    padding: 5px 10px;
    font-weight: 600;
    line-height: 1;
    font-style: italic;
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼文字▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-width: 1024px;
}
header {
	text-align: center;
	margin: 0 auto 10px;
}

header img {
	max-width:960px;
}

section {
	background: rgba( 255, 255, 255, 0.8 );
	padding: 40px 0 80px;
	margin-bottom: 40px;
}

.section_body {
	max-width: 960px;
	margin: 2% auto;

}
main {
	width: 95%;
	margin:0 auto;
	display: block;
}

.update-content {
	border: 5px solid crimson;
	width: 100%;
	padding: 4%;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 5%;
}

li{
	list-style-type: none;
}
ul.disc li,ul.asterisk li{
	padding-left:1em;
	text-indent: -1em;
}
ul.disc>li::before{
	content:"・";
}
ul.asterisk>li::before{
	content:"※";
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  開催フロー　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.flow {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.flow_box {
	width: 22%;
	border: crimson 5px solid;
	background: #fff;
	padding: 6% 1% 2%;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	border-radius: 20px;
}


#flow1 {
	margin: 0;
	padding: 0 ;

}
#flow1:before {
	background:  url("../img/photocontest3/1.png")no-repeat;
	}
#flow2:before {
	background:  url("../img/photocontest3/2.png")no-repeat;
	}
#flow3:before {
	background:  url("../img/photocontest3/3.png")no-repeat;
	}
#flow4:before {
	background:  url("../img/photocontest3/4.png")no-repeat;
	}

#flow1:before,#flow2:before,#flow3:before,#flow4:before {
	content: '';
	display:block;
	background-size: contain;
	position: absolute;
	left: 50%;
	top:0;
	width: 40%;
	padding-top: 40%;
	transform: translate(-50%,-50%) ;
	z-index: 2;
}
#flow1:after,#flow2:after,#flow3:after{
	content: '';
	display:block;
	background:  url("../img/photocontest3/right.png")no-repeat;
	background-size: contain;
	position: absolute;
	right: -20%;
	bottom:50%;
	transform: translate(0,50%) ;
	width: 20%;
	height: 20%;
	z-index: 2;
}

 .category {
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
	flex-wrap: wrap;
 }
 .category > div{
	width: 49%;
	margin-bottom:2%;
}

.category-1{
	width: 33%;
	border: hotpink 4px solid;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;

}
.title-1 {
	background: hotpink;
	padding:10px;
	color: white;
	font-size: 1.3em;
	text-align: center;
}

.category-2{
	width: 33%;
	border: blueviolet 4px solid;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;

}
.title-2 {
	background: blueviolet;
	padding:10px;
	color: white;
	font-size: 1.3em;
	text-align: center;
}
.category-text {
	font-size: 0.9em;
	color: #333;
	margin: 4%;
}


.category-3{
	width: 33%;
	border: rgb(61 223 182) 4px solid;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;

}
.title-3 {
	background: rgb(61 223 182);
	padding:10px;
	color: white;
	font-size: 1.3em;
	text-align: center;
}

.category-4{
	width: 33%;
	border: deepskyblue 4px solid;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;

}
.title-4 {
	background: deepskyblue;
	padding:10px;
	color: white;
	font-size: 1.3em;
	text-align: center;
}

.original-swimsuit{
	text-align: center;margin-top: -3%;margin-bottom: 4%;
}
.original-swimsuit a{color: crimson;}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  開催フロー　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  入賞賞品　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.award {
	width: 100%;
	margin: 2% auto 4%;
	border: gold 6px solid;
	padding: 1% 0 5%;
	box-sizing: border-box;
	text-align: center;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );
}
.section_body .award li {
	display: inline-block;
	list-style: none;
	width: 27%;
	margin-right: 2%;
	padding: 3% 1% 0;
	vertical-align: top;

}
.section_body .award li:last-child {
	margin-right: 0;
}

 .award2 {
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 	text-align: center;
	margin-bottom:4%;
	box-sizing: border-box;
 }

.award_a{
	width: 48%;
	border: silver 6px solid;
	padding:  2% 2% 5%;
	box-sizing: border-box;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );

}
.award_b{
	width: 48%;
	border: darkgoldenrod 6px solid;
	padding:  2% 2% 5%;
	box-sizing: border-box;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );
}
.award_c{
	width: 48%;
	border: #02bfff 6px solid;
	padding:  2% 2% 5%;
	box-sizing: border-box;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );

}
.award_d{
	width: 48%;
	border: rgb(230, 133, 217) 6px solid;
	padding:  2% 2% 5%;
	box-sizing: border-box;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );
}

.award3 {
	width: 100%;
	margin: 4% auto 4%;
	border: crimson 6px solid;
	padding: 3% 0 5%;
	box-sizing: border-box;
	text-align: center;
	border-radius: 20px;
	background: rgba( 255, 255, 255, 0.7 );
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  入賞賞品	　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  応募方法　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#vote3 {
	margin-top: 6%;
}


.apply {
	width: 100%;
	margin-bottom: 5%;
	text-align: center;
}

.apply a{
	display: inline-block;
	margin:0 auto;
	color:#fff;
	padding: 10px 50px;
	/* height: 55px; */
	background:deepskyblue;
	border-radius: 20px;
	text-align: center;
	font-size: 30px;
}

.apply span{
	display: block;
	margin:0 auto;
	color:#fff;
	padding: 10px;
	width: 200px;
	height: 55px;
	background:gray;
	border-radius: 20px;
	text-align: center;
}

.apply-content{
	border: 5px solid crimson;
	width: 100%;
	padding: 1% 4% 3%;
	background: rgba( 255, 255, 255, 0.7 );
	box-sizing: border-box;
	border-radius: 20px;
	margin-bottom: 5%;
}

.original-swimsuit-list{display: flex;flex-wrap: wrap;justify-content: center;font-size: 0.9em;text-align: center;}
.swimlist {width: 30%;max-width: 300px;margin:1%;}
.swimlist img{width: 100%;}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  応募方法　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  フッター　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


#back {
	color:#fff;
	padding: 16px;
	vertical-align: middle;
	width: 200px;
	height: 70px;
	background:deepskyblue;
	border-radius: 20px;
	margin: 5% auto;
	text-align: center;
}



footer {
	color: #666;
	text-align: center;
	padding-top: 50px;
	width: 100%;
	height: 150px;
	background: #fff;
}



.cute_best{width: 100%;border: hotpink 5px solid;background: rgba( 255, 255, 255, 0.7 );box-sizing: border-box;border-radius: 20px;margin-bottom: 40px;padding-bottom: 5px;overflow: hidden;}
.cute_best .photo{display: block;width: 100%;margin-bottom: 5px}
.cute_title{background: hotpink;padding:5px;color: white;font-size: 1.2em;text-align: center;}
.sexy_best{width: 100%;border: blueviolet 5px solid;background: rgba( 255, 255, 255, 0.7 );box-sizing: border-box;border-radius: 20px;margin-bottom: 40px;padding-bottom: 5px;overflow: hidden;}
.sexy_best .photo{display: block;width: 100%;margin-bottom: 5px}
.sexy_title{background: blueviolet;padding:5px;color: white;font-size: 1.2em;text-align: center;}
.result_text{font-size: 1em;color: #333;margin: 2% 4%;line-height: 1.7;text-align: center;display: flex;text-align: left;align-items: center;line-height:1.4;}
.result_cate{width:45%;color: white;font-weight: 700;background: deepskyblue;display: inline-block;border-radius: 10px;margin-right:4%;padding: 0px 5px;text-align: center;}
.original_best{width: 100%;border:rgb(61 223 182) 5px solid;background: rgba( 255, 255, 255, 0.7 );box-sizing: border-box;border-radius: 20px;margin-bottom: 40px;padding-bottom: 5px;overflow: hidden;}
.original_best .photo{display: block;width: 100%;margin-bottom: 5px}
.original_title{background:rgb(61 223 182);padding:5px;color: white;font-size: 1.2em;text-align: center;}
.venus_best{width: 100%;border:#02bfff 5px solid;background: rgba( 255, 255, 255, 0.7 );box-sizing: border-box;border-radius: 20px;margin-bottom: 40px;padding-bottom: 5px;overflow: hidden;}
.venus_best .photo{display: block;width: 100%;margin-bottom: 5px}
.venus_title{background:#02bfff;padding:5px;color: white;font-size: 1.2em;text-align: center;}
.textbox{display: flex;justify-content: space-around;align-items: center;}
.textboxlist{width: 33%}
.result{display: flex;flex-wrap: wrap;justify-content: space-between;}
.resultbox{width: 49%;}
table {width: 100%;padding: 0 5%;}
tr {width: 100%; }
th{width: 35%;color: white;font-weight: 700;background: deepskyblue;border-radius: 10px;padding: 0px 5px;}
td{padding-left: 3%;}
.resultbox_spe{width: 32%;font-size: 85%;}
.spe{width: 100%;border: crimson 4px solid;background: rgba( 255, 255, 255, 0.7 );box-sizing: border-box;border-radius: 20px;margin-bottom: 40px;padding-bottom: 5px;overflow: hidden;}
.spe .photo{display: block;width: 100%;margin-bottom: 5px}
.spe_title{background: crimson;padding:5px;color: white;font-size: 1.2em;text-align: center;}

/*---------スマホ対応-----------------*/

/* @media screen and (max-width:600px){

	header img {
	max-width:100%;
}
section {
	padding: 10% 5% 10%;
}
.flow {
	display: block;
	margin-top:4%;
}

  .flow_box{
  	width: 100%;
  	margin: 8% auto;
  	position: relative;

  }
  .flow_box h5 {
  	text-align: center;
  }
#flow1,#flow2,#flow3,#flow4{
	padding: 0% 0 5%;
	width: 100%;
}
#flow1:before , #flow2:before , #flow3:before , #flow4:before{
	display: none;
}

#flow1:after,#flow2:after,#flow3:after{
	content: '';
	display:block;
	background:  url("../img/photocontest3/down.png")no-repeat;
	background-size: contain;
	position: absolute;
	right: 50%;
	bottom: 0;
	transform: translate(50%,100%) ;
	width: 20%;
	padding-top: 40%;
	z-index: 2;
}

.title{
	font-size:1.8em;
	margin-bottom:5%;
}

.catch{
	font-size: 1.3em;
}

.lead {
	font-size: 1em;
	text-align: left;
}

.category{
	display: block;
}
.category-1{
	width: 100%!important;
	margin-bottom: 4%!important;
}

.category-2{
	width: 100%!important;
	margin-bottom: 4%!important;
}

.category-3{
	width: 100%!important;
	margin-bottom: 4%!important;
}
.category-4{
	width: 100%!important;
	margin-bottom: 4%!important;
}

.award {
	margin-bottom: 5%;
}
.text-lead{
	font-size: 0.9em;
}
.award2 {
	display: block;
}

.award_a {
	width: 100%;
	margin-bottom: 5%;
}

.award_b {
	width: 100%;
	margin-bottom: 5%;
}
.award_c {
	width: 100%;
	margin-bottom: 5%;
}

.award_d {
	width: 100%;
	margin-bottom: 5%;
}

.apply {
	display: block;
}

.swimlist {width: 48%;margin:1%;} */