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

}

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


	.container{
		width:96%;
	}
	.back_harts{
		position:relative;width:1024px;
		max-width:1024px;
		margin:0 auto;
	}

	.sp_oubo_content{
		text-align:center;
		text-align: -webkit-center;
	}
	.oubo_table{
		text-align:center;
		text-align: -webkit-center;
		 width: 600px;
	}

		.sp_oubo_content{
			text-align:center;

		}

	.pc_view{
		display:none;
	}
	.sp_view{
		display:block;
	}
}
@media screen and (max-width:768px) {
		.t2021 {
			top:0px !important ;
		}
		.back_result li {
			width: 100% !important;

		}
		.menu_s {
			display: grid;
		}
		.logo img {
			width: 60px;
		}
		.logo a.logo_projectc img {
			width: 75px;
			margin: 8px 0 0 20px;
		}
		.container{
			width:100%;
			padding-left:15px;
			padding-right:15px;
		}
		.contest_head{
			width:99.9%;
		}
		.back_harts{
			width:100%;

		}

		.main_image{
			position: static;
			top: 0;
		}
		header .member-actions {
			width:100%;
			 text-align: right;
			 top:10px;
		}

		img.ar_text01{
			width:38px;
		}
		.container{
			width:100%;
			padding-left:15px;
			padding-right:15px;
		}
		.contest_head{
			width:99.9%;
		}
		.back_harts{
			width:100%;

		}
		.table .td01 img{
			width:100%;
		}
		.table .td01{
			max-width:20%;
			vertical-align:middle;
		}
		.table .td02{
			width:80%;
			padding-left:10px;
		}
		.judge_member ul li{
			width:33%;
		}
		.plus{
			width:30px;
		}
		.theme_text3{
			font-size:16px;

		}
		.theme_salon_text{
			font-size:16px;
		}
		.theme_creative_text{
			font-size:16px;
		}
		.step{
			font-size:14px;
		}
		.information_outer{
			width:99.9%;
			border:4px solid #000;
			border-top:none;
			border-radius:0px 0px 5px 5px;
		}
		.information_main{
			width:100%;
		}
		.information_main .title01{
			font-size:18px;
		}
		.information_main .title02{
			font-size:16px;
			padding-top:0px;
			padding-bottom:0px;

		}
		.information_main .text{
			padding-top:10px;
			font-size:14px;
			margin-top:0px;
			padding-left:15px;
			padding-right:15px;
		}
		.information_main .other_text{
			font-size:16px;
			margin:0 auto;
			width:100%

		}
		.information_main .other_text div{top:10px;
		 padding-right: 15px;
		}
		.information_main .other_text img {
			height: 100px;
			}
		.sp_title_head{
			display:block;
		}
		.table{
			display:table;width:100%;
			margin-top:40px;
		}

		br.sp_br{
			display:block;
		}
		.caption{
		margin-top:0px;
	}
		.table .judge{
			display:block;
			text-align:left;
		}
		.judge_table{
			width:90%;
		}
		.other_judge{
			float:left;
		}
		.other_judge02{
			padding-left:10px;
			}

		ul.judge_member_list{
			margin: 0 auto;
			width: 93%;
		}
		.judge_text{
			margin: 0 auto;
			width: 93%;
			text-align:left;
			padding-left:5px;
		}
		ul.judge_member_list li{
			float:left;
			padding:5px;
			padding-bottom:10px;
			box-sizing:border-box;

		}
		ul.judge_member_list01 li{
			width:25%;
		}
		ul.judge_member_list02 li:not(:last-child){
			width:25%;
		}
		ul.judge_member_list02 li:last-child img{
			width:60%;
		}
		.other_judge img{
			width:88%;
		}
		.other_judge02 img{
			width:40%;
		}
		.title_bar{
			width:90%;
		}
		.winning_table{
		width:80%;

		}
		.winning_table .comment{
			display:none;
		}
		.rows .rank_content div{
			max-width:100%;
		}
		.winning_table .sp_comment{
			display:block;
			margin-bottom:20px;
		}
		.rows .rank_content:not(:first-child) {
			padding-left:10px;
		}
		.rows .rank_content:first-child{
			padding-right:10px;
		}

		.content_area01{
			width:90%;
			margin:0 auto;
		}
		.content_area02{
			width:80%;
		}
		.content_area03{

			width:80%;
			margin:0 auto;
			margin-top:30px;
		}
		.text01{
			margin-top:50px;margin-bottom:15px;text-align:center;
		}

		.weekly_border_head{
			border-bottom:0px solid #000;
		}
		.content_weekly{
			width:100%;
			top:0px;
		}
		.ranking1{
			width:60%;
		}
		.ranking2{
			width:60%;
		}
		.ranking3{
			width:60%;
		}
		.photo_post_title{
			width:50%;
			padding-bottom:15px;
		}
		ul#result{
			width:100%;
		}
		#result li{
			margin-right:3.03%;
			width:31.3%;
			margin-bottom:3.03%;
		}

		#result li:nth-child(3n){
			margin-right:0;
		}
		#result li img{
			width:100%;
		}
		.more_btn{
			width:50%;
			margin:0 auto;

		}
		.title{
			width:85%;
		}
		.oub_text_gray,.oub_text_gray2
		{
			width:85%;
		}

		.oub_text_rank{
			width:85%;
		}
		.footer_btn{
			width:99%;
		}
		.oub_text{
			width:90%;
			/*
			padding-top:15px;
			padding-bottom:25px;
			*/
			padding-left:10px;
		}
		.no_content_text1{
			color:#e3007f;
			font-size:18px;
			text-align:center
		}
		.no_content_text2{
			color:#e3007f;
			font-size:14px;
			text-align:center;
			margin-bottom:50px;
		}
		.information_outer .oub_text_gray ul,
		.information_outer .oub_text_gray2 ul{
			padding-left:10px;
		}
		.weekly_date_text{
			font-size:11px;
		}
		.weekly_caution_text{
			font-size:10px;
		}
		.circle_link{
			font-size:10px;
		}
		.good_counter{
			font-size:10px;
		}
		.ranking_photo1{
			border:5px solid #BF870B;
		}
		.ranking_photo2{
			border:5px solid #AAA9A3;
		}
		.ranking_photo3{
			border:5px solid #E3007F;
		}
		.instagram_modal  p {
			float: none;
			padding-top: 17px;
			width: auto;
		}

		.judge_member ul{
			width: 100%;
		margin: 0 auto;
		}

.main_text_img img{
	margin:0 auto;
	width:90%;
}
}

@media screen and (max-width:640px) {
.oubo_fin_area {
	width:90%;
	font-size:15px;
}
		.common_header{
			min-height:80px;
		}
		header {
			height:80px;
		}
		header {
			width: 90%;
			padding-left: 25px;
		}
		.main_image{
			position: static;
			top: 0;
		}
		header .member-actions {
			width:100%;
			 text-align: right;
			 top:10px;
		}


	img.ar_text02 {
    width: 35px;
	}


		.container{
			width:100%;
			padding-left:15px;
			padding-right:15px;
		}
		.contest_head{
			width:99.9%;
		}
		.back_harts{
			width:100%;

		}
		.table .td01 img{
			width:100%;
		}
		.table .td01{
			max-width:20%;
			vertical-align:middle;
		}
		.table .td02{
			width:80%;
			padding-left:10px;
		}

		.information_outer{
			width:99.9%;
			border:3px solid #000;
			border-top:none;
			border-radius:0px 0px 5px 5px;
		}
		.information_main{
			width:100%;
		}
		.information_main .title01{
			font-size:18px;
		}
		.information_main .title02{
			font-size:16px;
			width:90%;
		}
		.information_main .text{
			padding-top:10px;
			font-size:14px;
			margin-top:0px;
			padding-left:15px;
			padding-right:15px;
			margin-bottom:30px;
		}
		.information_main .other_text{
			font-size:16px;
			margin:0 auto;
			width:100%

		}
		.information_main .other_text div{top:10px;
		 padding-right: 15px;
		}
		.information_main .other_text img {
			height: 100px;
			}
		.sp_title_head{
			display:block;
		}
		.table{
			display:table;
			margin-top:0px;
		}

		br.sp_br{
			display:block;
		}
		.caption{
		margin-top:0px;
	}
		.table .judge{
			display:block;
			text-align:left;
		}
		.judge_table{
			width:90%;
		}
		.other_judge{
			float:left;
		}
		.other_judge02{
			padding-left:10px;
			}

ul.judge_member_list{
	margin: 0 auto;
    width: 93%;
}
.judge_text{
	margin: 0 auto;
    width: 93%;
	text-align:center;
	padding-left:5px;
}
ul.judge_member_list li{
	float:left;
	padding:5px;
	padding-bottom:10px;
	box-sizing:border-box;

}
ul.judge_member_list01 li{
	width:25%;
}
ul.judge_member_list02 li:not(:last-child){
	width:25%;
}
ul.judge_member_list02 li:last-child img{
	width:60%;
}
		.other_judge img{
			width:88%;
		}
		.other_judge02 img{
			width:40%;
		}
		.title_bar{
			width:90%;
		}
		.winning_table{
		width:80%;

		}
		.winning_table .comment{
			display:none;
		}
		.rows .rank_content div{
			max-width:100%;
		}
		.winning_table .sp_comment{
			display:block;
			margin-bottom:20px;
		}
		.rows .rank_content:not(:first-child) {
			padding-left:10px;
		}
		.rows .rank_content:first-child{
			padding-right:10px;
		}

		.content_area01{
			width:90%;
			margin:0 auto;
		}
		.content_area02{
			width:80%;
		}
		.content_area03{

			width:80%;
			margin:0 auto;
			margin-top:30px;
		}
		.text01{
			margin-top:50px;margin-bottom:15px;text-align:center;
		}

		.weekly_border_head{
			border-bottom:0px solid #000;
		}
		.content_weekly{
			width:100%;
			top:0px;
		}
		.ranking1{
			width:60%;
		}
		.ranking2{
			width:60%;
		}
		.ranking3{
			width:60%;
		}
		.photo_post_title{
			width:50%;
			padding-bottom:15px;
		}
		ul#result{
			width:100%;
		}
		#result li{
			margin-right:3.03%;
			width:31.3%;
			margin-bottom:3.03%;
		}

		#result li:nth-child(3n){
			margin-right:0;
		}
		#result li img{
			width:100%;
		}
		.more_btn{
			width:50%;
			margin:0 auto;

		}
		.title{
			width:85%;
			padding-right:0px;
		}
		.oub_text_gray,.oub_text_gray2{
			width:85%;
		}
		.oub_text_rank{
			width:85%;
		}
		.footer_btn{
			width:99%;
		}
		.oub_text{
			width:97%;
			/*
			padding-top:15px;
			padding-bottom:25px;
			*/
			padding-left:10px;
		}
		.sp_oubo_content{
			text-align:left;

		}
		.trophy_content{
			font-size:14px;
			}
		.oubo_bt_guide{
			font-size:13px;font-weight:bold;margin-top:10px;
		}
}
@media screen and (max-width:480px) {
		header {
    height: 60px;
	padding: 8px 0 10px 0;
}
.oubo_fin_area {
	width:95%;
	font-size:16px;
}
		.common_header{
			min-height:60px;
		}
		.trophy_content{
			font-size:11px;
			}
/* add murai 20160715 */


.caption{
	font-size:13px;
}
.caption span.color{
	font-size:16px;
}
.caption img.icon_instagram{
	width:45px;
}

.title_theme {
    margin: 10px auto;
}

.table .title_kikan img,
.table .title_theme img
	{
	width:80%;
	}

.table .condition_term
	{
	display:none;
	}

.table .condition_text01
	{
	display:block;
	}

.table .condition_text02 img
	{
	width:80%;
	}
.text01 {
	font-size:11px;
	text-align:left;
}
.sp_view {
    display: block;
    font-size: 11px;
}
.weekly_main_text {
    font-size: 13px;
}

.sp_oubo_content{
	width:90%;
	font-size:11px;
	}

.information_outer .title{
	font-size:12px;
	}


.table .condition_text02
	{
	font-size:12px;
	}
.information_main .text{
	font-size:12px;
	}
.information_outer {
    padding-top: 20px;
	}
.information_outer .oub_text{
    font-size:13px;
	}
.information_outer .oub_text_rank{
    font-size:12px;
	}
.information_outer .oub_text_gray,
.information_outer .oub_text_gray2{
    font-size:12px;
	}
	.oub_text div {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
	}

	.copyright {
		font-size: 10px;
	}
	* {

	/* /add murai 20160715 */

	}
	.weekly_main_text{
		margin-top:15px;
	}
	.ranking1,
	.ranking2,
	.ranking3{
		margin-bottom:15px;
	}
}
@media screen and (max-width:320px) {
		.common_header{
			min-height:0px;
		}
}