/*
Theme Name: onna
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

@charset "utf-8";



@import url('css/reset.css');

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, sans-serif;
	font-size:16px;
	line-height:1.5em;
	color:#111;
	margin:0;
}

a { color:#0099cc; text-decoration:underline; }
a:hover { /*color:#111;*/ opacity: 0.8;}
/*--------------------------------------------------------------
page_wrap
--------------------------------------------------------------*/

.page_wrap01 { width:100%; height:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FBEAD3), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #FBEAD3 0%, #fff 100%);
	background: -moz-linear-gradient(top, #FBEAD3 0%, #fff 100%);
	background: -o-linear-gradient(top, #FBEAD3 0%, #fff 100%);
	background: -ms-linear-gradient(top, #FBEAD3 0%, #fff 100%);
	background: linear-gradient(top, #FBEAD3 0%, #fff 100%);
}
.page_wrap02 {
	background-image:url(images/background_01.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:300px 318px;
}

@media screen and (min-width: 480px) {
.page_wrap02 {
	background-size:300px 318px;
}
}
@media screen and (min-width: 768px) {
.page_wrap02 {
	background-image:url(images/background_01.png),url(images/background_02.png);
	background-repeat:no-repeat,no-repeat;
	background-position:0 0,right top;
	background-size:379px 402px,379px 402px;
}
}


/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
header { width:100%; margin-bottom:40px !important; }
.header_wrap { width:90%; margin:0 5%; padding-top:32px;
	background-image:url(images/icon_recruite@2x.png);
	background-repeat:no-repeat;
	background-position:right 16px;
	background-size:50px 50px; }

.ttl_area01,
.ttl_area02,
h1.main_ttl { text-align:center; }

h1.main_ttl a:hover  { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }

.main_ttl01 img { width:113px; }
.main_ttl02 img { width:62px; }
.main_ttl03 img { width:171px; }
.main_ttl04 img { width:241px; }
.main_ttl05 img { width:264px; }

.prize_list { margin-bottom:16px; }
.prize_list ul { text-align:center; }
.prize_list ul li { font-size:0.75rem; font-weight:bold; text-align:center; }
.prize_list ul li span { font-weight:bold; }
.prize_list ul li .prize { margin-left:5px; font-size:1rem; color:#ff0000; }
.prize_list ul li .prize .prize_value { font-size:1.25rem; }
.prize_list ruby{ font-weight: bold; }



/* nav ****************************/
.g-nav ul { width:100%; text-align:center; }
.g-nav ul li { display:inline-block; margin-bottom: 5px; width: 80%;}
.g-nav ul li:first-child { margin-left: 0; }
.g-nav ul li a { width: 100%; display:inline-block; padding:9px 0; font-size:87.5%; line-height:1em; color:#F8B62C; font-weight:bold; text-decoration:none; background-color:#fff;  border:1px solid #F8B62C;}
.g-nav ul li a:hover { color:#fff; background-color:#F8B62C; }


@media screen and (max-width: 1025px) {
	.g-nav ul li:nth-child(3) { margin-left:0; }
}


@media screen and (min-width: 480px) {

.header_wrap { background-size:80px 80px; }

}


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

.header_wrap { background-size:120px 120px; }

.main_ttl01 img { width:226px; }
.main_ttl02 img { width:123px; }
.main_ttl03 img { width:342px; }
.main_ttl04 img { width:325px; }
.main_ttl05 img { width:356px; }

h1.main_ttl { margin-bottom:16px; }

.prize_list { margin-bottom:16px; }
.prize_list ul li { display:inline-block; margin-left:16px; margin-bottom:8px; font-size:1.0rem; line-height: 1.2;}
.prize_list ul li:first-child { margin-left:0; }
.prize_list ul li .prize { font-size:1.25rem; }
.prize_list ul li .prize .prize_value { font-size:2rem; }

/* nav ****************************/
.g-nav { display: flex; flex-direction: column; }
.g-nav ul { justify-content: center; flex-direction: row; display: flex; flex-wrap: wrap;}
.g-nav ul:after { content: ""; width: 40%; height: 0; display: block; margin-left: 16px; }
.g-nav ul li { margin-left:16px; width: 40%;}

.g-nav ul li a { width:100%; padding:16px 0; font-size:100%; line-height:1em; }

}

@media screen and (min-width: 1024px) {
	.g-nav { flex-direction: row; }
	.g-nav ul { display: flex; justify-content: center; flex-wrap: nowrap; }
	.g-nav ul:after{ display: none; }
	.g-nav ul li,.g-nav ul li a { width:200px; }
	.header_wrap { max-width:960px; margin:0 auto; padding-left:0; padding-right:0; }

}


/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/

footer { width:100%; }

footer .footer_wrap01 { width:100%; background-color:#ccc; }
footer .about { width:90%; margin:0 5%; padding:24px 0; }

footer .about_logo { margin-bottom:16px;}
footer .about_logo img { width:200px; }

footer .about ul { overflow:hidden; }
footer .about ul li { float:left; margin-bottom:8px; padding:14px 0 0 32px; font-size:87.5%; line-height:1em; }
footer .about ul li.about_site { background-image:url(images/icon_site@2x.png); background-repeat:no-repeat; background-position:0 0; background-size:28.5px 28px; }
footer .about ul li.about_address { background-image:url(images/icon_address@2x.png); background-repeat:no-repeat; background-position:0 0; background-size:28.5px 28px; }
footer .about ul li.about_tel { background-image:url(images/icon_tel@2x.png); background-repeat:no-repeat; background-position:0 0; background-size:28.5px 28px; }

footer .footer_wrap02 { width:100%; padding:8px 0; background-color:#111; }
footer .copyright { width:90%; margin:0 5%;}
footer .copyright p { text-align:center; font-size:75%; line-height:1em; color:#fff; }

/*--------------------------------------------------------------
common style
--------------------------------------------------------------*/

@media screen and (min-width: 480px) {

footer .about ul li { margin-right:8px; }
footer .about ul li:last-child { margin-right:0; }

}

@media screen and (min-width: 1024px) {

footer .footer_wrap01 { width:100%; }
footer .about { max-width:1024px; margin:0 auto; }

footer .footer_wrap02 { width:100%; }
footer .copyright { max-width:960px; margin:0 auto;}

footer .about_logo { text-align:center; }
footer .about ul { text-align:center; }
footer .about ul li { display:inline-block; float:none; }

}


/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/

.contents_wrap { width:90%; margin:0 auto; }
.contents { width:90%; padding:16px 5%; margin-bottom:32px; border-top:8px solid #F8B62C; background-color:#fff; overflow:hidden;
	-moz-box-shadow: 0px 1px 10px #999;
	-webkit-box-shadow: 0px 1px 10px #999;
	box-shadow: 0px 1px 10px #999;
}

.contents h2.contents_ttl { margin-bottom:24px; font-size:150%; line-height:1.5em; color:#F8B62C; font-weight:bold; border-bottom:1px solid #F8B62C; }
.contents h3.contents_subttl { margin-bottom:8px; font-size:125%; line-height:1.5em; color:#FCA300; font-weight:bold; text-indent:-12px; }


/*** concept ***/
.concept { background-image:url(images/background_02.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:270px;
}
.concept .character { margin-bottom:16px; }
.concept .character p { font-size:87.5%; line-height:1.5em; color:#FCA300; font-weight:bold; }
.concept .character img { width:90px; }
.concept .concept_text p { font-size:87.5%; line-height:1.5em; font-weight:bold; }


/*** recruite ***/
.recruite_theme { margin-bottom:32px; }
.recruite_theme_text { margin-bottom:16px; font-size:125%; line-height:1.5em; font-weight:bold; }

.recruite_theme_left { margin-bottom:16px; }
.recruite_theme_left p { margin-bottom:16px; font-size:87.5%; line-height:1.5em; }
.recruite_theme_left p img,
.recruite_theme_right p img { width:100%; }
.recruite_theme_left p span,
.recruite_theme_right p span { font-size:0.75rem; line-height:1.5em; }

.contest_outline dl { margin-bottom:32px; }
.contest_outline dl dt { margin-bottom:4px; font-size:87.5%; line-height:1.5em; font-weight:bold; }
.contest_outline dl dd { margin-left:16px; margin-bottom:16px; font-size:87.5%; line-height:1.5em; }

.link_btn { text-align:center; }
.link_btn a { display:inline-block; padding:16px 24px; font-size:100%; line-height:1em; color:#fff; text-decoration:none; background-color:#F8B62C; border:1px solid #F8B62C; }
.link_btn a:hover { color:#F8B62C; background-color:#fff; }

/*** form ***/
.recuite_form dl { margin-bottom:32px; border-top:1px solid #ccc; padding-top:24px; }
.recuite_form dl dt { margin-bottom:4px; font-size:87.5%; line-height:1.5em; font-weight:bold; }
.recuite_form dl dd { margin-left:0px; margin-bottom:24px; font-size:87.5%; line-height:1.5em; }

.recuite_form .form_notes { margin-bottom:16px; font-size:87.5%; line-height:1.5em;}
.recuite_form .form_notes span.fc_red { color:#ff0000; }

/*** contract ***/
.contract { border-top: none; background-color:f0f0f0;}
.contract h2.contents_ttl { color:#111; border-bottom-color:#111; }
.contract ul li { font-size:87.5%; line-height:1.5em; list-style:disc; list-style-position:outside; margin-left:20px; margin-bottom:16px; }
.contract p { font-size:87.5%; line-height:1.5em; }

/*** pagetop ***/
.pagetop { position:fixed; right:16px; bottom:16px; width:64px; height:64px; }
.pagetop a { display:block; width:64px; height:64px; }
.pagetop a img { width:100%; }
.pagetop a:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }


/*** close ***/
.close p.text { font-weight:bold; margin-bottom:24px; }
.close p.name { font-size:87.5%; line-height:1.5em; margin-bottom:0; text-align:right; font-weight:bold; }

@media screen and (min-width: 480px) {

/*** concept ***/
.concept { text-align:left;}
.concept .character { display:inline-block; margin-bottom:0; margin-right:16px; }
.concept .concept_text { display:inline-block; text-align:left;}


}

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

.contents_wrap { width:84%; margin:0 auto; }
.contents { width:85%; margin:0 auto 48px; padding:24px 5%; }

.contents h2.contents_ttl { padding-bottom:8px; }
.contents h3.contents_subttl { margin-bottom:16px; }

/*** recruite ***/
/*.recruite_theme { overflow:hidden; }*/
.recruite_theme_left { float:left; width:50%; margin-bottom:0; }
.recruite_theme_right { float:right; width:45%; margin:0 0 0 2.5%; }

.contest_outline dl { margin-bottom:32px; }
.contest_outline dl dt { width:20%; margin-bottom:16px; float:left; padding-top:16px; border-top:1px solid #ccc; }
.contest_outline dl dd { margin-left:20%; padding-left:2.5%; margin-bottom:16px; clear:right; padding-top:16px; border-top:1px solid #ccc; }

/*** form ***/
.recuite_form dl dt {float:left;clear: left;width: 20%;margin-bottom:24px;}
.recuite_form dl dd { margin-left:20%; padding-left:2.5%; margin-bottom:24px; clear:right; }

/*** close ***/
.close p.text { font-size:125%; line-height:1.5em; }

}

@media screen and (min-width: 850px) {

.concept .character { margin-right:24px; }
.concept .concept_text p { font-size:100%; line-height:1.5em; }

}


@media screen and (min-width: 1024px) {

.contents_wrap { width:960px; margin:0 auto; }

}

/*--------------------------------------------------------------
form入力部分
--------------------------------------------------------------*/

.recuite_form dl dd { }

div.wpcf7-validation-errors { border:none; background-color:#f0f0f0; font-size:100%; color:#ff0000; }
div.wpcf7-mail-sent-ok { border:none; background-color:#f0f0f0; font-size:87.5%; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 2em;}
span.wpcf7-not-valid-tip {color: #F00; font-size: 87.5%; display: block;}


.recuite_form dl dd input[type=text],
.recuite_form dl dd input[type=tel],
.recuite_form dl dd input[type=email],
.recuite_form dl dd input[type=date],
.recuite_form dl dd input[type=number],
.recuite_form dl dd input[type=file],
.recuite_form dl dd textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, sans-serif; }

.recuite_form dl dd input[type=text],
.recuite_form dl dd input[type=tel],
.recuite_form dl dd input[type=email],
.recuite_form dl dd input[type=date],
.recuite_form dl dd input[type=number],
.recuite_form dl dd textarea {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none ;
	box-shadow:none;
	font-size:87.5%;
	line-height:1.5em;
	padding:8px 4px;
	background-color:#f0f0f0;
	border:1px solid #ccc;
}
.recuite_form dl dd input[type=text]:focus,
.recuite_form dl dd input[type=tel]:focus,
.recuite_form dl dd input[type=email]:focus,
.recuite_form dl dd input[type=date]:focus,
.recuite_form dl dd input[type=number]:focus,
.recuite_form dl dd textarea:focus{	background-color:#fff; }

.recuite_form dl dd input[type=text]:hover,
.recuite_form dl dd input[type=tel]:hover,
.recuite_form dl dd input[type=email]:hover,
.recuite_form dl dd input[type=date]:hover,
.recuite_form dl dd input[type=number]:hover,
.recuite_form dl dd textarea:hover{	background-color:#fff; }

.recuite_form dl dd input[type=file] { font-size:87.5%; line-height:1em; padding:4px;}
.recuite_form dl dd input[type=checkbox] {margin:0 8px 0 0}

.recuite_form dl dd input[type=text] { width:80%; }
.recuite_form dl dd input[type=tel] { width:80%; }
.recuite_form dl dd input[type=email] { width:80%; }
.recuite_form dl dd input[type=date] { width:60%; }
.recuite_form dl dd input[type=number] { width:60%; }
.recuite_form dl dd input[type=file] { width:80%; }
.recuite_form dl dd textarea { width:90%; }

.submit_btn { width:100%; text-align:center; }
.submit_btn input[type=submit] { display:inline-block; padding:16px 48px; font-size:100%; line-height:1em; color:#fff; text-decoration:none; background-color:#F8B62C; border:1px solid #F8B62C; cursor:pointer; }
.submit_btn input[type=submit]:hover { color:#F8B62C; background-color:#fff; }

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

.recuite_form dl dd input[type=text] { width:60%; }
.recuite_form dl dd input[type=tel] { width:60%; }
.recuite_form dl dd input[type=email] { width:60%; }
.recuite_form dl dd input[type=date] { width:40%; }
.recuite_form dl dd input[type=number] { width:40%; }
.recuite_form dl dd input[type=file] { width:60%; }
.recuite_form dl dd textarea { width:70%; }

}
.monthly-theme {margin-bottom:18px}
.monthly-theme dt{font-size:16px; margin-bottom:6px;}
.monthly-theme dt p{display:inline; border-bottom:2px solid #000; font-weight:bold;}
.monthly-theme dt span{font-size:20px; font-weight:bold;}
.monthly-theme dd {font-size:14px; display:inline-block;}
.deadline td,.deadline th {font-size:12px; border: 1px solid #ccc; border: 1px solid #ccc; text-align: center; padding: 0 0.5em;}
.page-id-27 nav,.page-id-27 .prize_list{display:none;}
.recruite_theme_text{font-size:1rem;}
.recruite_theme_text small {font-size:75%; line-height:1.5em;}
.recruite_theme_right {font-size:14px;}
.prize-dtl{font-weight:bold; text-align:center; margin-top: 30px; margin-bottom:30px;}


@media screen and (min-width: 480px){
.recruite_theme_text{font-size:1.25rem;}
  .deadline td,.deadline th {padding: 0 2em; font-size:14px;}
.monthly-theme-wrapper{margin-bottom:20px;}
}
@media screen and (min-width: 768px){
dl.monthly-theme {display: inline-block; width: 49%;}
.monthly-theme dd {font-size:14px;}
.recruite_theme_left {width:40%;}
.recruite_theme_right {width:57.5%;}
}
@media screen and (min-width: 1024px){
}
/*************************************
#result 20151113　hayasaka
*************************************/
#result{
	line-height: 1.5;
}
#result .header_wrap{
	background-image:url(images/icon_result@2x.png);
}
#result .concept_text{
	font-size: 14px;
}
#result .concept_text span{
	margin-top: 1em;
	display: block;
	font-size: 12px;
}
.award_list{
	font-size: 0;
}
.award_list li{
	display: inline-block;
	margin-right: 10px;
}
.award_list li a{
	font-size: 12px;
	font-weight: bold;
	color: #F8B62C;
}
.comment_click{
	font-size: 12px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 24px;
}
.award-photo{
	margin-top: 10px;
	margin-bottom: 10px;
}
.award-tmb{
	width: 102.5%;
}
.award-title{
	margin-bottom: 15px;
	font-size: 0;
}
.award-title dt {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}
.award-title dd{
	display: inline-block;
	font-size: 16px;
	color: #2196f3;
	font-weight: bold;
}
.award-detail table{
	width: 100%;
	border:1px solid #ccc;
	font-size: 12px;
	margin-bottom: 15px;
}
.award-detail tr{
	border-bottom:1px solid #ccc;
}
.award-detail th{
	width: 30%;
	background-color: #f5f5f5;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	padding: 7px 0;
}
.award-detail td{
	width: 70%;
	box-sizing:border-box;
	padding: 7px 0;
	padding-left: 1em;
}
.award-detail .comment{
	font-size: 12px;
	margin-bottom: 10px;
}
.award-detail .comment dt{
	font-weight: bold;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
}
.displace{
	margin-left:-2.5%;
}
.clearfix.column-2,.clearfix.column-3{
	display: none;
}
.award-wrapper.sub{
	margin-top: 20px;
}
#best .contents_subttl,#excellence .contents_subttl{
	margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
	.comment_click{
		margin-bottom: 35px;
		margin-top: 0;
	}
	.award_list{
		float: left;
	}
	.award_list li{
		margin-right: 15px;
	}
	.comment_click{
		text-align: right;
	}
	.award-photo.main{
		width: 50%;
		float: left;
		padding: 0 10px;
		box-sizing: border-box;
		margin-top: 0;
	}
	.award-detail.main{
		width: 50%;
		float: left;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.award-wrapper.sub{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 0 10px;
		/*height: 530px;*/
	}
	.award-detail th{
	width: 35%;
	padding-left: 0.3em;
	}
	.award-detail td{
	width: 65%;
	padding-left: 1em;
	padding-right: 0.5em;
	}
	.sub .award-detail table{
	width: auto;
	border:none;
	font-size: 12px;
	margin-bottom: 15px;
	}
	.sub .award-detail tr{
		border-bottom:none;
	}
	.sub .award-detail th{
		width: auto;
		background-color: transparent;
		border-right:none;
		box-sizing:border-box;
		padding: 10px 0;
		display: inline;
	}
	.sub .award-detail td{
		width: auto;
		box-sizing:border-box;
		padding: 10px 0;
		padding-left: 0;
		display: inline;
	}
	.clearfix.column-2{
		display: block;
	}
	.displace{
		margin-left:-5%;
	}
	.award-tmb{
		width: 105%;
	}
	.sm-mt10{
		margin-top: 10px;
	}
	.sm-mt20{
		margin-top: 20px;
	}
	.award-wrapper.sub{
		margin-top: 0;
	}
	#best .contents_subttl,#excellence .contents_subttl{
	margin-bottom: 16px;
	}
}
@media screen and (min-width: 1024px) {
	.award-wrapper.sub{
		width: 33.3%;
	}
	.clearfix.column-2{
	display: none;
	}
	.clearfix.column-3,.clearfix.column-2.column-3{
	display: block;
	}
	.award-detail th{
	width: 25%;
	}
	.award-detail td{
	width: 75%;
	padding-left: 1.5em;
	}
}

/*************************************
第4回フォトコンテスト結果ページ 20170201 shimizu
*************************************/

.photo-box {
  width: 100%;
  box-sizing: border-box;
  border: 5px solid #fcf0e0;
  padding: 5px;
  position: relative;
}
.photo-box a {
  display: block;
  text-align: center;
}
.photo-box a img {
  width: 100%;
  vertical-align: top;
  line-height: 0;
}
.photo-box.portrait a img { width: 50%;}
.photo-box.icon-1st.portrait a img { width: 66.66%;}

/*特選リボン*/
.photo-box.icon:after {
  position: absolute;
  top: -15px;
  left: -15px;
  display: block;
  width: 56px;
  height: 60px;
  content: "";
  background: url(images/icon-3rd.png) no-repeat 50% 50%;
  background-size: contain;
}

/*最優秀リボン*/
.photo-box.icon.icon-1st:after {
  width: 70px;
  height: 75px;
  background-image: url(images/icon-1st.png);
}

/*優秀リボン*/
.photo-box.icon.icon-2nd:after {
  width: 70px;
  height: 75px;
  background-image: url(images/icon-2nd.png);
}

/*万座毛賞リボン*/
.photo-box.icon.icon-manzamo:after {
  width: 70px;
  height: 75px;
  background-image: url(images/icon-manzamo.png);
}

/*デケイド賞リボン　10周年用*/
.photo-box.icon.icon-decade:after {
  width: 70px;
  height: 75px;
  background-image: url(images/icon-decade.png);
}

/*うんなの魅力リボン*/
.photo-box.icon.icon-kakureta:after {
    width: 70px;
    height: 75px;
    background-image: url(images/icon-kakureta.png);
  }

/*愛々リボン*/
  .photo-box.icon.icon-kanagana:after {
    width: 70px;
    height: 75px;
    background-image: url(images/icon-kanagana.png);
  }

/*入選リボン*/
.photo-box.icon-selected:after {
    position: absolute;
    top: -15px;
    left: -15px;
    display: block;
    width: 56px;
    height: 60px;
    content: "";
    background: url(images/icon-selected.png) no-repeat 50% 50%;
    background-size: contain;
}


.ttl_area02 .title-sub {
  width: 70%;
  max-width: 320px;
}

/*************************************
フォトコンテスト過去作品一覧 20180920 namikawa
*************************************/

.photo-application-form__button{
	display: inline-block;
    padding: 9px 20px;
    margin-top: 5px;
    font-size: 87.5%;
    line-height: 1em;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #F8B62C;
    border: 1px solid #F8B62C;
}

#past-prize-wrapper .contents.concept{
	display:flex;
}

p.pdf-btn {
    text-align:center;
    margin: 15px 15px;
}



/*************************************
ヘッダーnewアイコン　21/04/22 追記
*************************************/
.prize_list ul li .new-icon {
	background: no-repeat center / 100% url('images/new_bg.png');
	padding: 22px 14px;
	margin-right: 4px;
	line-height: 0px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
}

@media screen and (max-width: 769px) {
	.prize_list ul li.new-icon_wrap {
		line-height: 32px;
		position: relative;
		display: inline-block;
	}
	.prize_list ul li .new-icon {
		position: absolute;
		left: -54px;
		font-size: 10px;
		padding: 16px 12px;
	}
}


/*************************************
ヘッダーnewアイコン　22/04/25 追記
*************************************/
.prize_list ul li .anniversary10th_icon {
	margin-right: 8px;
	line-height: 0px;
	display: inline-block;
	width: 60px;
	vertical-align: bottom;
}

@media screen and (max-width: 769px) {
	.prize_list ul li .anniversary10th_icon {
		width: 50px;
		padding-bottom: 8px;
		vertical-align: middle;
	}
}

/*************************************
応募フォーム（https://onnanavi.org/form/）項目に注釈テキスト追加　22/04/25 追記
*************************************/
.recuite_form dl dt .notes {
	font-size: 12px;
	line-height: 1.2;
}
.recuite_form dl dt .mb0{
	margin-bottom: 0px;
}