.pc_view_inline{
	display:inline;
}
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:768px) {
	.sp_view_inline{
		display:inline-block;
	}
	.ranking_flag_salon,
        .ranking_flag_creative{
		top:0px;
	}
	.other_ranking_bottom{
		margin-bottom:30px;
	}
	.result_creative_margin{
		margin-top:20px;
	}
	.container{
	}
	.pc_view_inline{
		display:none;
	}
	.pc_br{
		display:none;
	}
	.main_logo_19 {
			max-width: 200px;
	}
	.main_text{
		width:100%;
	}
	ul.link_menu{
		width:100%;
		padding:0;
	}
	ul.link_menu li {
		width:50%;
		padding:2px;
	}
	.subscripttion_btn_area{
		width:100%;
		padding-bottom:20px;
	}
	.subscription_btn{
		margin-bottom:5px;
	}
	.subscription_title img{
		width:100%;
	}
	.subscription_title{
		padding-top:30px;
		padding-bottom:30px;
		width:80%;
		margin:0 auto;
	}
	.project_c_btn {
		margin:0 auto;
	}
	.project_c_btn img{
		width:60%;

	}
	.main_information{
		margin-bottom:30px;
	}
	.link_bottom{
		margin-bottom:10px;
	}
	.btn_disc{
		margin-top:5px;
		margin-bottom:10px;
	}
	.overview_image{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.overview_image2{
		width:90%;
		margin-left:auto;
		margin-right:auto;

	}
    .bumon_style {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 200px;
        border-radius: 10px;
        font-size: 16px;
        }
	.bumon_salon_style{
		padding-top:5px;
		padding-bottom:5px;
		width:200px;
		border-radius:10px;
		font-size:16px;
	}
	.bumon_creative_style{
		padding-top:5px;
		padding-bottom:5px;
		width:200px;
		border-radius:10px;
		font-size:16px;
	}
    .bumon_text{
        font-size:15px;
        }

	.outer_judge_5,
	.outer_judge_4{
		display:inline;
	}
	ul.judge_5,
	ul.judge_4{
		width:100%;
	}
	ul.judge_5 li,
	ul.judge_4 li{
		width:50%;
		padding:0;
		float:left;
		padding:20px;
		box-sizing: border-box;
	}
	.salon_award,
	.creative_award{
		width:95%;
		vertical-align: top;
	}
	div.award_1, div.award_2, div.award_3, div.award_4, div.award_5, div.award_6{
		width:272px;
	}
	.award_name{
		width:160px;
	}
	.award_detail_text{
		width:272px;
		margin:0 auto;
		font-size:14px;
		margin-bottom:20px;
	}
	.award_guide{
		width:95%;
		padding-left:1em;
		text-indent:-1em;
		line-height:160%;
	}
	.post_switch{
		width:360px;
		display:block;
	}
	.post_switch .active.salon_switch,
	.post_switch .salon_switch,
	.post_switch .active.creative_switch,
	.post_switch .creative_switch{
		display:list-item;
		list-style:none;
		width:40%;
		float:left;
	}

	.post_switch .active.salon_switch,
	.post_switch .salon_switch{
		margin-right:3px;
	}

	.post_switch .active.creative_switch,
	.post_switch .creative_switch{
		margin-left:3px;
	}
	.post_switch .salon_switch,
	.post_switch .creative_switch{
		border-width:4px;
		padding:5px 10px;
		padding-top:15px;
		padding-bottom:15px;
		position: relative;

	}
	.post_switch .active.salon_switch,
	.post_switch .active.creative_switch{
		border-width:5px;
		padding:5px 10px;

		padding-top:10px;
		padding-bottom:20px;

	}
	.post_switch .active.salon_switch::after,
	.post_switch .active.creative_switch::after{
		content:'';
		width:8px;
		height:8px;
		position: absolute;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
		transform:rotate(45deg);
		left:50%;
		bottom:20%;
	}
	.title_1{
		margin-top:50px;
	}
	.title_border{
		margin-bottom:50px;
	}
	.oub_text{
		font-size:16px;
line-height:160%;
	}
	.guide_image{
		width:90%;
		margin:0 auto;
		margin-bottom:50px;
	}
	.method1{
			width: 77%;
			margin-left: 7%;
	}

	.guide_image .sp_guide_1{
    position: absolute;
    top: 29%;
    left: 6%;
    width: 93%;
    font-size: 15px;
    line-height: 160%;
    text-align: center;
	}
	.guide_image .sp_guide_1 span{
		color:#e4007f;
	}

	.guide_image .sp_guide_2{
    position: absolute;
    top: 51%;
    left: 6%;
    width: 93%;
    font-size: 15px;
    line-height: 160%;
    text-align: center;
	}
	.guide_image .sp_guide_2 span{
		color:#e4007f;
	}
	.guide_image .sp_guide_3{
    position: absolute;
    top: 59%;
    left: 4%;
    width: 93%;
    font-size: 15px;
    line-height: 160%;
    text-align: center;
	}
	.method_background_padding{
		padding-bottom:30px;
	}
	.guide_image .sp_guide_3 span{
		color:#e4007f;
	}
	.guide .oub_text .bottom_margin{
		margin-bottom:0px;
		padding-bottom:20px;
	}

	.guide_text{
		width:90%;
		margin:0 auto;
		margin-top:10px;
		font-size:16px;
		margin-bottom:20px;
	}
	.guide_text p{
		padding:0;margin:0;    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
		padding-left:1em;
		text-indent:-1em;
	}
	.method_background{
		width:100%;
	}
	.guide{
		width:100%;
    padding-bottom: 30px;
	}
	.guide_btn{
		width:100%;
		left:0;
	}
	.guide .title{
		margin:0 auto;
		margin-bottom:10px;
		width:95%;
		font-size:20px;

	}
	ul.circle_icon li{
		line-height:160%;
	}

	.main_logo_margin{
		padding-top:25px;
		padding-bottom:25px;
	}
	.main_logo_margin img{
		max-width:50%;
		display:block;
		margin:0 auto;
		width:50%;
	}
	.form_bottom_margin {
    margin-bottom: 40px;
	}


	#result_1,
	#result_2{
		width:100%;
		margin:0 auto;
		margin-top:120px;
		padding-left:10px;
		padding-right:10px;

		/* flexboxで等間隔に並べる*/
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: start;
		justify-content: start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#result_1 li,
	#result_2 li{
		margin:0;
		width:32%;
		height:auto;
		margin-right:1%;
		box-sizing: border-box;
		margin-bottom:10px;
    float: none;
		display: inline-block;
		height: auto;
  	position: relative;
/*		border:1px solid #000;*/
	}
	#result_1 li:before,
	#result_2 li:before {
		content: "";
		display: block;
		padding-top: 100%; /* ここを100％にすることで正方形になる */
	}
	#result_1 li a,
	#result_2 li a{
		/* 正方形にするのに必要な部分 */
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* 中央寄せ */
		text-align: center;
		padding: 2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

/* 高さの中央揃えに必要な部分 */
#result_1 li a:before,
#result_2 li a:before{
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}

#result_1 li a > *,
#result_2 li a > *{
  vertical-align: middle;
  display: inline-block;
}


#result_1 li img,
#result_2 li img{
	width:100%;
	height: 100%;
	object-fit: cover;
	min-width: auto;
	max-height: auto;
	max-width: 100%;
	max-height: 100%;
}
	#result_1 li:nth-child(5n),
	#result_2 li:nth-child(5n){
		margin-right:1%;
	}

	#result_1 li:nth-child(3n),
	#result_2 li:nth-child(3n){
		margin-right:0;
		padding-right:0px;
	}
	.more_pc{
		width:90%;
		margin:0 auto;
	}
	.more_sp{
		width:90%;
		margin:0 auto;
	}

	.entry_cap{
		line-height: 160%;
		font-size: 15px;
		width: 95%;
		margin: 20px auto;

	}

.finGuideTop{
width:100%;
		font-size:16px;
    padding: 10px 0px;
		margin-top:0px;
}
.finGuide{
width:98%;
		font-size:14px;
		text-align: center;
}
.guide_btn2,.guide_btn {
    width: 100%;
    left: 0;
		margin-top:20px;
		bottom: 70px;

}
	.rewards_btn{

		width:90%;
		margin:0 auto;
		margin-top:30px;
	}

	.rewards_btn img{
		width:100%;
	}
	.cell50{
		width:50%;
		padding:10px;
	}
	.ranking_flex_container > div,
	.ranking_flex_container_center > div{
		width: 50%;
	}
	.ranking_flex_container,
	.ranking_flex_container_center{
		flex-wrap:wrap;
	}
	.bottom_cell{
		padding:0;
	}
	.title_2{
		font-size:25px;
	}
	.main_text_2{
		font-size:14px;
	}
	.ranking_salon_judge_photo,
	.ranking_creative_judge_photo{
		padding-left:16px;
		padding-right:16px;
	}
	.overseas_cell{
		width: 50%;
		padding-left:3%;
		padding-right:3%;
	}
	.ranking1_photo{
		max-width:100%;
	}
	.table{
		width:90%;
	}

	.grand_padding{
		padding:0 10%;
	}
	.other_result_top{
		width:auto;
		margin-left:5%;
		margin-right:5%;
	}
}
@media screen and (max-width:480px) {

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

}