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

/*----------------------------------
	第9回用
-----------------------------------*/
/*--- 学生部門　視覚誘導効果 ---*/
.photo_new {
    font-size: 14px;
    background-color: #ff0026;
    color: #ffffff;
    border: #ffffff solid 1px;
	padding: 0;
}

.student_area{
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	vertical-align: middle !important;
}

.student_area_normal{
	background-color: #b8eaea;
	vertical-align: middle !important;
}

p.prize_text02_9th {
	font-size:19px;
	/*font-weight:bold;*/
	color:#f00;
}

p.prize_title02_9th {
    font-size: 20px;
    border: #184a9e solid 2px;
    color: #184a9e;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 15px;
    margin-top: 30px;
    border-radius: 15px;

}/*--- インスタグラム部門　視覚誘導効果 20200623追加---*/
.insta_area{
	background-color: #C4D700;
	color: #fff;
	font-weight: bold;
	vertical-align: middle !important;
}


/*--- グランプリ写真の位置調整 ---*/
.postion_9th_left {
	position: relative;
	left: 40px;
}

.postion_9th_right {
	position: relative;
	right: 45px;
}


/*----------------------------------
	第8回用
-----------------------------------*/
.photo_menu08 {
	font-size:18px;
	background-color: #e92a7f;
	color:#ffffff;
	border:#ffffff solid 2px;
	padding-bottom:10px;
	padding-top:10px;
}
.photo_menu09 {
	font-size:18px;
	background-color: #00cc79;
	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;
	}
.icon-position {
	vertical-align: 3px;
}

.photo-box {
	margin-top: 70px;
	height: 240px;
	margin-left: 20px;
}

.photo-box-9th {
	margin-top: 20px;
	height: 150px;
	/*margin-left: 20px;*/
}
.box-line-sub {
	border-bottom: dotted 3px #f39800;
	display: block;
	margin: 30px 0 30px 0;
}

.shadow01 {
	background-color: #ffffff;
	box-shadow: 0 10px 8px -6px #8d8c8c;
	/* margin: 10px; */
}
.space {
	width: calc(100% - 30px);
}
.txt-penname {
	font-size: 1.5rem !important;
	letter-spacing: 0rem;
	text-align: left;
}
.txt-penname-center {
	letter-spacing: 0rem;
	text-align: center;
}
.photo-title-09 {
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: -0.1rem;
	line-height: 4rem;
}

/*----------------------------------
	微調整
-----------------------------------*/
#wrapper .space_bottom{
	margin-bottom: 20px;
}
#wrapper.space_top{
	margin-top: 20px;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.tate-pc { display: inline-block!important; }
.tate-sp { display: none !important; }

@media screen and (max-width: 767px){

.txt-penname {
	font-size: 1.5rem !important;
	text-align: center;
}
.photo-box {
	margin-top: 20px;
	height: auto;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.tate-pc { display: none !important; }
.tate-sp { display: inline-block!important; }
}

@media screen and (max-width: 320px){

.txt-penname {
	font-size: 1.5rem !important;
	text-align: center;
}
}


/*----------------------------------
	別データの引用
-----------------------------------*/

.wrap {
	overflow:hidden;
}

body {
	font-size: 16px;
}

body .photo45 {
	font-size: 16px;
}

.photo6_bs_box {
	width:598px;
}

.PageTop {
	text-align: right;
}

#request {
	margin-top: 20px;
}

.photo_news_area {
	margin: 10px 0 10px 0;
	padding: 20px 20px 10px;
	background-color: #EEE;
	font-size: 1.4rem;
}

.photo_news_area p {
	margin-bottom: 0;
}

	.photo_news_text01 {
		font-weight:bold;
		font-size: 1.6rem;
		color: #555;
		}

		.photo_news_text02 {
			text-align: left;
		}

		.photo_news_text03 {
			text-align: left;
		}
.news_box {
	margin: 0 auto 10px;
}

/* 20170519 各期のリンクボタン追加 */
.link_box {
	margin: 50px auto;
}
.square_btn {
	background: #f7f7f7;
	border-left: solid 10px #e92982;/*左線*/
	padding: 5px 0;
	margin: 5px;
	text-decoration: none !important;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	border-bottom: solid 0.5px #ccc;
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}
.square_btn.notlink {
	border-left: solid 10px #00a0e9 !important;/*左線*/
}
.notlink.txt_time {
	color: #00a0e9 !important;
}
.txt_time {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	color: #e92982;
	font-size: 1.7em !important;
	line-height: 1em !important;
}
.txt_day {
	color: #184a9e;
	font-size: 0.9em !important;
}
.btn_notlink {
	opacity: 0.5;
}

.photo45 #GrandPrix #GP01 .photo_title,
.photo45 #SemiGrandPrix .SGP01 .photo_title,
.photo45 #Selecting .SL01 .photo_title {
	margin-top: 16px;
}

.photo45 #GrandPrix #GP01 .photo_text,
.photo45 #Selecting .SL01 .photo_text {
	margin-bottom: 16px;
}

.photo45 table.todofuken {
	text-align: left;
}

.photo45 table.todofuken tbody tr td {
	border-bottom: 2px #ffffff solid;
}

#body .photo45 .entry .nav01 li {
	background-image: none;
}

#body .photo45 .entry .nav01 li a i {
	color: #f59900;
}

.photo45 .title_prize {
	width: 100%
	}

.photo_some {
	background-color: #45c66e;
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.photo_some a,.photo_one a {
	color:#ffffff;
	text-decoration:none;
}
.photo_some a:hover,.photo_one a:hover {
	opacity:0.8;
}
.photo_one {
	background-color:#f9a106;
	font-size:20px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
	border-radius: 5px;
}

.link_red {
	color:red !important;
	font-size:15px;
}

/*--- 第7回総合グランプリページ ---*/
.gp_box {
	background-color: #ceeff9;
	padding: 0px 50px 30px;
	margin-bottom: 50px;
}
.gp_box02 {
	background-color: #ceeff9;
	padding: 20px;
	margin-bottom: 50px;
}

.title_box {
	background-color: #184a9e;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 50px;
	padding: 5px;
	margin-bottom: 15px;
}
.title_box02 {
	background-color: #e4007f;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 50px;
	padding: 5px;
	margin-bottom: 15px;
}
.title_box03 {
	background-color: #00a0e9;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 100px;
	padding: 5px;
	margin-top: 0 !important;
	margin-bottom: 15px;
}
.title_box04 {
	background-color: #00a0e9;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 100px;
	padding: 5px;
	margin-top: 0 !important;
	margin-bottom: 30px;
}

.txt_theme {
	font-size: 1.5em;
	font-weight: bold;
}

.box_white01 {
	background-color: #fff;
	margin: 0 auto 20px;
	padding: 0 50px 30px;
}
.box_white02 {
	background-color: #fff;
	margin: 0 auto 20px !important;
	padding: 30px;
}
.box_white03 {
	background-color: #fff;
	margin: 0 auto !important;
	padding: 30px;
}

.txt_point {
	color: #e4007f;
	font-size: 2em;
	font-weight: bold;
}
.txt_name {
	color: #184a9e;
	font-size: 1.3em;
}
.title_course {
	color: #184a9e;
	font-size: 1.5em;
	font-weight: bold;
	padding: 4px 0;
	border-bottom: 4px solid #00a0e9;
	border-top: 4px solid #00a0e9;
	margin: 0 0 10px;
}
.title_course02 {
	color: #184a9e;
	font-size: 1.5em;
	font-weight: bold;
	padding: 4px 0;
	border-bottom: 4px solid #00a0e9;
	border-top: 4px solid #00a0e9;
	margin: 50px 0 40px;
}

.txt_title {
	font-size: 1.1em !important;
	font-weight: bold;
	margin-top: 10px;
}
.txt_lank {
	color: #e4007f;
	font-size: 1.5rem;
}
.title_some {
	margin: 20px 0 30px !important;
	padding-bottom: 20px;
	border-bottom: dotted 3px #00a0e9;
}
.title_some {
	margin: 20px 0 30px !important;
	padding-bottom: 20px;
}
.box_comment {
	margin-bottom: 0 !important;
	text-align: justify;
	padding-bottom: 0 !important;
}
.txt_gp {
	font-size: 1.2em;
	font-weight: 800;
	color: #e4007f;
	border-bottom: dashed 1px #e4007f;
	padding-bottom: 3px;
}
.box_gp {
	border: dotted 5px #184a9e;
	padding: 30px;
	margin-bottom: 30px;
}
.txt_single {
	font-size: 0.9em !important;
	font-weight: 800;
}
.box_border {
	border-bottom: dotted 3px #00a0e9;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

/*----------------------------------
	2015.07
	第6回 index.html用
-----------------------------------*/

.container.photo6_bs_box div.forth div#third201207 div#body div#result01 div#content02 div.PhotoCont.forth div.overallGP div.row,
.container.photo6_bs_box div.forth div#third201207 div#body div#result01 div#content02 div.PhotoCont.forth div.gP div.row {
	margin: 0;
}

.forth #third201207 #body #result01 #content02 .PhotoCont .overallGP .photo, .forth #third201207 #body #result01 #content02 .PhotoCont .gP .photo.fortwo {
	margin-left: 32px;
}

.photo.fortwo  .col-sx-12.col-sm-3 {
	padding:0;
	}

.result6_menu_btn .row {
	padding: 0;
	margin:0;
	}

	.result6_menu_btn .row .col-xs-6,
	.result6_menu_btn .row .col-xs-4	 {
	padding: 0;
	margin:0;
	}

	.result6_title_01 {
		font-size: 93.75% !important;
		padding-top: 8px !important;
		padding-bottom: 10px !important;
	}
.hyouka02 {
	margin-bottom:20px;
	border:none !important;
	padding:0 !important;
}
.forth .PhotoCont .overallGP {
    background: none !important;
}

/*----------------------------------
	2014.07
	第5回 index.html用
-----------------------------------*/

.overallGP {
	background-image: none;
	border: 2px solid #C8A921;
}
.fortwo img {
	margin-bottom:5px;
}

/*----------------------------------
	2013.07
	第4回 index.html用
-----------------------------------*/

.gP {
	width:526px;
}

.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

.link04 {
	font-size:16px;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:20px;
}

.link04 a {
	color:#F38200 !important;
	text-decoration:none;
}

.link04 a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.centerbox {
	border-left:#F28100 1px solid !important;
	border-right:#F28100 1px solid !important;
}

@media screen and (max-width: 767px){

#wrapper {
    margin-top: 70px;
}
.menu_btn {
	margin-top:5px;
}

}




@media screen and (max-width: 598px){

#body {
	width: 100% !important;
	}

.photo6_bs_box {
	width: 100% !important;
}

.photo45 .menu_btn {
    width: 100%;
}

.photo45 .menu_btn a {
    margin-bottom: 10px;
}

.photo45 .menu {
    width: 100%;
}
}

@media screen and (max-width: 566px){

/*----------------------------------
	2015.07
	第6回 index.html用
-----------------------------------*/

body {
	font-size: 14px;
}

#body #result01 {
	width: 100%;
	}

	#result01 #r1_head {
	width: 100%;
	}

	#result01 #content02 {
	width: 100%;
	}

	.PhotoCont {
	width: 90%;
	}

	.forth .PhotoCont .overallGP {
	width: 100%;
	}

	.forth #third201207 #body #result01 #content02 .PhotoCont .overallGP .title {
		width: 80%;
		}

	.forth #third201207 #body #result01 #content02 .PhotoCont.forth .overallGP .photo.fortwo {
		width: 80%;
		}

	.forth #third201207 #body #result01 #content02 .PhotoCont .overallGP .comment {
		width: 80%;
		}

	.forth #third201207 #body #result01 #content02 .PhotoCont .gP {
		width: 100%;
	}
	.forth #third201207 #body #result01 #content02 .PhotoCont .gP .attention{
		width: 80%;
	}
	.forth #third201207 #body #result01 #content02 .PhotoCont.forth .gP .photo.fortwo{
		width: 80%;
	}

	.forth #third201207 #body #result01 #content02 .PhotoCont .PCon_Title {
		width: 100%;
		}
		#third201207 .result_Cont {
			width: 100%;
			}
		#third201207 .ranking_Table {
		width: 100%;
	}
	.forth #third201207 #body #result01 #content02 .PhotoCont .overallGP .photo {
		width: 80%;
		}

		.forth #third201207 #body #result01 #content02 .PhotoCont .overallGP .attention, .forth #third201207 #body #result01 #content02 .PhotoCont .gP .attention {
			width:80%;
			}

}

@media screen and (max-width: 505px){

#SemiGrandPrix .SGP01 #hyouka {
    width: 100% !important;
        }
}

@media screen and (max-width: 400px){

.container #Selecting table tbody tr td #SLimg .photo .photoZoom img {
    width: 100% !important;
    height: auto !important;
    }

/*----------------------------------
	2013.07 第4回 index.html用
-----------------------------------*/
	.link04 {
		font-size:11px;
	}

}

@media screen and (max-width: 767px){

	/*--- 第7回総合グランプリページ ---*/
	.box-sp {
		margin: 0 5px;
	}
		.box-sp02 {
		margin: 0 10px;
	}

	.photo-some {
		margin-bottom: 5px;
	}
	.box_some img {
		margin-bottom: 5px;
	}

}


@media screen and (max-width: 767px){
/*----------------------------------
	第9回用
-----------------------------------*/
p.prize_title02_9th {
    font-size: 19px;
}

p.prize_text02_9th {
    font-size: 16px;
}

/*--- グランプリ写真の位置調整 ---*/
.postion_9th_left {
	left: 0px;
}

.postion_9th_right {
	right: 0px;
}
}

/*----------------------------------
	第11回用 20200627追加
-----------------------------------*/
img.quocard {
    width: 35%;
}

@media screen and (max-width: 767px){
img.quocard {
    width: 90%;
}
}

/*----------------------------------
	第14回用 20230524 レイアウト変更　小田追加追加
-----------------------------------*/
.one_gp_before {
    display: flex;
    align-items: center;
}
@media screen and (max-width:767px){
    .one_gp_before {
	display: block;
}
}

/*新しい全期遷移ボタン*/
.since14{
    margin: 40px 0 90px;
}
@media screen and (max-width:767px){
 .since14{
    margin: 10px 0 90px;
}
}
.since14 .txt_day {
    color: #e92982;
}

.since14 .txt_day.notlink {
    color: #184a9e;
}

.since14 .square_btn {
    margin:30px 5px 0 ;
    height: 80px;
}

.since14 .txt_course {
    color: #184a9e;
    font-size: 1.8rem;
    letter-spacing: 0;
    text-align: left;
}

.since14 .txt_course::after {
    content: "\f0da";
    font-family: "font Awesome 5 free";
    font-weight: bold;
    float: right;
    right: 25px;
}

.since14 .txt_course a {
    text-decoration: none;
    color: #184a9e;
}

.square_sub-btn {
    background: #f7f7f7;
    padding: 5px 20px;
    margin: 0.5px 5px 0;
    text-decoration: none !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	border-bottom: solid 0.5px #ccc;
}
.notlink.toggle_title:after {
    color: #184a9e !important;
}

.toggle_title:after{
  content: "\f077";
    font-family: "font Awesome 5 free";
    font-weight: bold;
    position: relative;
    top: -4em;
    left: 30%;
    color: #e92982;
}
.toggle_title.open:after{
  content: "\f078";
    font-family: "font Awesome 5 free";
    font-weight: bold;
    position: relative;
    top: -4em;
    left: 30%;
    color: #e92982;
}

/*----------------------------------
	第15回用 20250801 3枚組写真　注視効果　小田追加追加
-----------------------------------*/

/* NEW　吹き出し */
span.new {
	position: relative;
	padding: 7px 15px;
	border-radius: 50%;
	background-color: #ffba00;
	color: white;
	font-size: 20px;
	top: 20px;
	right: -43%;
}

span.new:before {
	position: absolute;
	top: 85%;
	left: 0px;
	border-style: solid;
	border-color: transparent;
	content: "";
	border: 5px solid transparent;
	border-right: 13px solid #ffba00;
	transform: rotate(-45deg);
}

/* 3枚組写真コース　ルール改訂　注視効果 */
.some-changes span.marker {
	background: linear-gradient(transparent 50%, #ffbb0050 50%);
	line-height: 2;
}

@media screen and (max-width: 991px) {
	span.new {
		right: -46%;
		top: 10%;
		padding: 6px 10px;
		font-size: 1.7rem;
		margin: 0;
	}
		.some-changes span.marker {
			letter-spacing: -0.03em;
		}
}