@charset "UTF-8";
/* 
photo contest 2019
*/
body{ color:#73655e; position: relative;}

.mb{}
.section{ margin:0; padding: 0;}
.section>.mb{ padding:2.0em 0;}
.section-pink{ background:#00754E; color: #FFFFFF;}
.section-yellow{ background:rgba(255,244,98,0.2);}
.text-yellow{color:rgba(255,244,98,1.0) !important;}



.text-attention{ color: #7057A3;}

.table-outline{}
.table-outline th,.table-outline td{ background:none; padding: 0.3em 1.0em; line-height: 1.5; vertical-align: top; text-align: left;}
.table-outline th{ padding-left:0;}
.table-outline .period{ color:#E6485C; font-weight: 800; font-size:150%;}
.time02{ font-size:200%;}
.result_note{ background: #E6485C; color: #FFFFFF; font-size: 93%; padding: 0.2em 1.0em; text-align: center;}

.flow{ background:rgba(255,244,98,1.0); padding: 0.8em 1.0em; font-size: 108%; font-weight: bold;}

.list-group li{ width:20%; float: left;}
.list-group a{ display:block; border-left: solid 1px #999999; text-align: center;}
.list-group li:first-child a{ border-left:none;}

footer{ background: url("img/h03.png") repeat center center; color: #FFFFFF; padding: 1.0em 0;}

.strong-blue{ color: #92a6ee; font-weight: 600; font-size:150%;}
.me{ font-size:108%; margin-left: 2.0em;}

.ttl31{ color:#FFFFFF; font-weight: 800; font-size:116%;}
.ttl31 em{ color:#ef91ba;}
.bbg01{ background:#92a6ee; color: #FFFFFF; padding: 0.7em 1.0em; font-weight: 600; font-size:138%; border-radius: 3px;}

.instabtn{ color:#FFFFFF; border-radius: 5px; position: relative; display: inline-block; padding: 0.5em 3.0em; text-align: center; font-size:180%; vertical-align: middle;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  text-decoration:none;
}
.instabtn:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.instabtn span { display:inline-block; position: relative; transition: .5s; }
.instabtn:hover span{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

footer{ color: #222222;}

/* pc */
@media (min-width:480px){ 
  header{ margin:0; padding: 0; position: relative;}
  header *{ margin-top:0;}
  header img{ display:block;}

  .hp02{ background: url("img/h03.png") repeat center center; padding: 1.0em 0;}
  .hp02 img{ margin:0 auto; display: block;}
  .hp03{ padding:2.0em 0;}
  .hp03 img{ margin:0 auto; display:block;}
  .hp04 {padding:2.0em 0; background: #FFF152;}
  .hp04 img{ margin:0 auto; display:block;}
}

/* smart */
@media only screen and (max-width:480px){
	
  header{ margin:0; padding: 0; position: relative;}
  header *{ margin-top:0;}
  header img{ display:block;}
  
  .hp02{ background: url("img/h03.png") repeat center center; padding: 1.0em 0;}
  .hp02 img{ margin:0 auto; display: block;}
  .hp03{ padding:2.0em 1.0em;}
  .hp03 img{ margin:0 auto; display:block;}
  .hp04 {padding:2.0em 1.0em; background: #FFF152;}
  .hp04 img{ margin:0 auto; display:block;}

	
  .mb{ width:auto; padding-left: 1.0em; padding-right: 1.0em;}
  .mb.mb-narrow{ width:auto;}
	.section>.mb>*{ margin-top:0;}

	
  .table-outline{ display:block;}
  .table-outline th,.table-outline td{ display:block;}
  
  .list-group li{ width:33%;}
}