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

/*--------------------------------------------
１１７グループ フォトコンテスト
--------------------------------------------*/
 
 #wrapper {  
  text-align: left;  
  margin: 0 auto;  
}  
 
.container{
	margin-top:30px;
}

#photo_gp {
	margin-top:20px;
	margin-bottom:10px;
}

.container-fluid {
	margin-top:20px;
	margin-bottom:20px;
}
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

.row--nopadding p {
	margin-top:10px;
	font-size:1.2rem;
}
 .row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.photo_menu {
	font-size:18px;
	background-color: #02b5a6;
	color:#ffffff;
	border:#ffffff solid 2px;
	padding-bottom:10px;
	padding-top:10px;
}
a:hover .photo_menu {
	background-color:#04dac8;
}
	
.photo_title01 {
	font-size:20px;
	background-color:#184a9e;
	color:#ffffff;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:15px;
	margin-top:30px;
	}
	
p.photo_contents {
	font-size: 18px;
	line-height: 36px;
}
p.period_contents {
	text-align:left;
	font-size: 18px;
	line-height: 36px;
	margin-left:30px;
	margin-bottom: 0 !important;
}

p.photo_contents02 {
	font-size: 15px;
	line-height: 30px;
}

#photo_period {
	width:600px;
	margin:auto 0;
}
.period_table {
	border:#184a9e solid 1px;
}
.period_title {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:solid #BFBFBF 2px;
	border-top:solid #BFBFBF 2px;
	font-size:18px;
	color:#184a9e;
}
	
p.prize_title {
	font-size: 18px;
	color: #184a9e;
	line-height: 22px;
}
p.prize_title02 {
	font-size:18px;
	border:#184a9e solid 2px;
	color:#184a9e;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:15px;
	margin-top:30px;
	border-radius:15px;
}
p.prize_text02 {
	font-size:22px;
	font-weight:bold;
	color:#CC9C00;
}
p.contest_text02 {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	}
.contest_line {
	border:contest_text02;
}
.shield_size {
	width: 40%;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	margin: 15px 0;
}
.text_gt01 {
	font-size:18px;
	color:green;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:#BFBFBF solid 1px;
}

table {
   table-layout: fixed; 
}

.photo_menu08 {
	font-size:18px;
	background-color: #e92a7f;
	color:#ffffff;
	border:#ffffff solid 2px;
	padding-bottom:10px;
	padding-top:10px;
}
a:hover .photo_menu08 {
	opacity: 0.8;
}
.photo_title08 {
	font-size:22px;
	background-color:#00a0e9;
	color:#ffffff;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:15px;
	margin-top:30px;
	border-radius: 10px;
	}

/*--20190619 小田追加--*/
.text_award {
	font-size:16px;
	text-align: left;
}
/*--20190619 小田追加ここまで--*/

/*--20200727 小田追加--*/
.display-none-pc {
	display:block;
}
/*--20200727 小田追加ここまで--*/

@media screen and (max-width:767px){
	#wrapper{
		margin-top:70px;
	}
	.shield_size {
	width: 70%;
}
	.text_gt01 {
	font-size:16px;
}
p.prize_text02 {
	font-size:18px;
}
	
.text_award {
	font-size:14px;
}
	p.prize_title {
	font-size: 16px;
}
/*--20200727 小田追加--*/
.display-none-pc {
	display: none;
}
	
/*--202407 小田追加--*/
p.period_contents {
	text-align:center;
	margin-left:0;
}
}

/*-----------------
follow-nav
------------------*/
.follow-nav {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 100000;
    text-align: right;
}
.follow-nav .tag {
    display: block;
}
.follow-nav .tag img {
    width: 36%;
}
@media screen and (max-width: 1199px) {
.follow-nav {
    right: 20px;
}
.follow-nav .tag img {
    width: 30%;
}
}
@media screen and (max-width: 991px) {
.follow-nav .tag {
    justify-content: right;
}
.follow-nav {
    right: -5px;
}
.follow-nav .tag img {
    width: 40%;
}
}
@media screen and (max-width: 566px) {
.follow-nav .tag img {
    width: 33.333%;
}
}



/*  余白調整  */

/*追加*/
.range20{
	display: block;
	width: 100%;
	height: 20px;
}
.range30{
	display: block;
	width: 100%;
	height: 30px;
}
.range40{
	display: block;
	width: 100%;
	height: 40px;
}
.range50{
	display: block;
	width: 100%;
	height: 50px;
}
.range60{
	display: block;
	width: 100%;
	height: 60px;
}
.range70{
	display: block;
	width: 100%;
	height: 70px;
}
.range80{
	display: block;
	width: 100%;
	height: 80px;
}
.range90{
	display: block;
	width: 100%;
	height: 90px;
}
.range100{
	display: block;
	width: 100%;
	height: 100px;
}
.range110{
	display: block;
	width: 100%;
	height: 110px;
}
.range120{
	display: block;
	width: 100%;
	height: 120px;
}