

@media screen and (max-width:640px) {

  .title{
    width:85%;
    padding-right:35px;
  }
  .oub_text_gray,.oub_text_gray2{
    width:85%;
  }
  .oub_text_rank{
    width:85%;
  }
  .footer_btn{
    width:99%;
  }
}
@media screen and (max-width:1200px) {
  .content_weekly{
    width:100%;
  }
  .more_btn{
    width:100%;
    max-width:950px;
  }

}
 @media screen and (max-width:1024px) {
   .ranking_other_name{
  background:none;
}
   .main_image_btn5{
     margin-top:0px;
   }
   .content_weekly{
     width:100%
   }
   .more_btn{
    width:100%;
    max-width:602px;
  }
  .information_outer .oub_text {
    font-size: 12px;
}
#result_1, #result_2 {
  width:100%;
}
ul.circle_icon li{
  font-size:12px;
}
.oubo_outer{

  width: 80%;
}
.container {
  width:1024px;
}

/*

コンテスト概要
*/
.category_bar_text{
  margin-bottom:10px;
}
.bonus_outer {
  width:90%;
}
.bonus_text{
  width:90%;
}
.bonus_head1 {
width:80%;
}
.bonus_head2 {
  width:80%;
  }
.bar_title {
  text-align:center;
  margin-top:20px;
  margin-bottom:15px;
  width:90%;
}
.contest_date_sp{
  max-width:534px;
  width:90%;
  margin:0 auto;
}

.theme_text_img_sp{
  width:90%;
  margin-bottom:20px;
}
.category_bar{
  width:auto;
  margin-bottom:10px;
}

.bonus_content{
  display:block;
}
}
@media screen and (max-width:768px) {
.result_title_bar{
  width:95%
}
.saron_sinsain{
width:95%
}
.creative_sinsain{
width:95%
}
.ranking_margin{
margin:5px;
}
.bumon_table {
    display: block;
    width: 100%;
}
.bumon_table .cell {
    display: block;
}
.oubo_finish_top {
    border-radius: 10px;
    line-height: 160%;
    margin-top: 0px;
    background-color: #e3007f;
    border: 5px solid #e3007f;
    color: #FFF;
    box-sizing: border-box;
    padding: 6px;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    font-size: 16px;
    font-weight:700;
}
  .bonus_bottom{
    margin-bottom:10px;
  }
  .main_image{
    margin-top:20px;
    margin-bottom:20px;
  }

.weekly_section{
	margin-top:20px;
	margin-bottom:20px;
}
/*
@media screen and (max-width:640px) {
*/
.whats_projectc{
  width:70%;
}

.main_text1{
  width:60%;
}
.main_text2{
  width:90%;
}

.judge_member {
  text-align:left;
}
.judge_member ul {
  width: 100%;
}
.theme_text3 {
  margin-top:10px;
  margin-bottom:10px;
  line-height:130%;
}
.theme_salon_text, .theme_creative_text {
  margin-bottom:15px;
  line-height:160%;
  margin-top:3px;
}
.salon_color_bumon, .creative_color_bumon {
  width:65%;
  border-radius:10px;
  padding:5px;
  line-height: 150%;
  margin-bottom:6px;
}
.judge_member ul li {
  width:32%;
  padding:8px;
  float:none;
  display:inline-block;
}
#kikan_image {
  width:80%;
}
.social_margin {
  margin-right:0px;
}
.social_margin_tw {
  margin-right: -6px;
}
.social_fb {
}
.logo a.logo_projectc {
/*     width:80px; */
	}
.logo a.logo_projectc img {
  width: 75px;
  margin: 8px 0 0 20px;
}
.theme_title {
  font-size:14px;
}
.theme_text {
  font-size:22px;
}
.main_text1 {
  font-size: 18px;
  font-weight: bold;
  color:#e3007f;
}
.main_text2 {
  font-size:16px;
  color:#4c4b4b;
  margin-top:30px;
}
.member-actions img {
  width:60%;
}
header .member-actions {
  top:15px;
}
header ul.member-actions li {
  float:left;
}
ul.member-actions li:first-child {
}
.logo img {
  width: 60px;
}
.pc_view {
  display:none;
}
.sp_view {
  display:block;
}
header {
  width: 90%;
  padding-left: 0px;
  min-height:auto;
  height:60px;
}
.common_header {
  min-height:60px;
  height:60px;
}
.main_image {
  position: static;
  top: 0;
}
.container {
  width:100%;
  padding-left:15px;
  padding-right:15px;
}
.sp_text {
  line-height:160%;
  font-size:13px;
!important
}
.contest_head {
  width:99.9%;
}
.title02_sp_margin {
  margin-top:30px;
}
.title02_margin {
  margin:0;
}
.theme_margin_bottom {
  margin:0;
}
.information_outer {
  width:99.9%;
  border:4px solid #4c4b4b;
  border-top:none;
  border-radius:0px 0px 5px 5px;
  padding-bottom:20px;
}
.information_main {
  width:100%;
}
.information_main .title01 {
  font-size:18px;
}
.information_main .title02 {
  font-size:18px;
}
.information_main .text {
  padding-top:10px;
  font-size:14px;
  margin-top:0px;
  padding-left:15px;
  padding-right:15px;
}
.information_main .other_text {
  font-size:11px;
  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:90%;
  margin-top:0px;
  position: relative;
  /* top: -140px; */
}
.table .td01 img {
  width:100%;
}
.table .td02 .text {
  font-size: 12px;
  line-height: 200%;
  padding-top: 8px;
}
.table .td02 {
  font-size:12px;
  padding:5px;
}
br.sp_br {
  display:block;
}
img.ar_text01 {
  width:40px;
}
img.ar_text02 {
  width:35px;
}
.table .td01 {
  width:20%;
  vertical-align:middle;
}
.table .td02 {
  width:80%;
}


  .bumon_switch2,
  .bumon_switch1{
  width: 100%;
  font-size: 12px;
  margin: 5px;
  height: 38px;
  line-height: 20px;
  margin-bottom:20px;
  }
}
@media screen and (max-width:480px) {
/* add murai 20160715 */

.instagram img{
	width:105px;
  }
.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;
}
.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:11px;
}
.information_main .text {
  font-size:13px;
}
.information_outer {
  padding-top: 10px;
}
.information_outer .oub_text {
  font-size:10px;
}
.information_outer .oub_text_rank {
  font-size:10px;
}
.information_outer .oub_text_gray {
  font-size:10px;
}
.oub_text div {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  font-size:12px;
}
.copyright {
  font-size: 10px;
}
/* /add murai 20160715 */
}
 @media screen and (max-width:320px) {
}




@media screen and (max-width:1024px) {


	.container{
		width:1024px;
	}
	.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) {

    .cell img{

      width:100%;
      max-width:292px;
    }
    .main_text3{
      font-size:18px;
    }
	.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;
		}

.means_head {
    width: 100%;
    top: 0px;
}
		.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;
		}

		br.sp_br{
			display:block;
		}

		.weekly_border_head{
			border-bottom:0px solid #000;
		}
		.content_weekly{
			width:100%;
			top:0px;
		}
		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:100%;
			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:100%;
			/*
			padding-top:15px;
			padding-bottom:25px;
			*/
			padding-left:10px;
		}
	.instagram_modal  p {
		float: none;
		padding-top: 17px;
		width: auto;
	}
    .weekly_main{
      border-bottom:2px solid #000;
    }
}