@charset "UTF-8";
/*
----------------------------------------*/
/* contents 2column
   2カラムレイアウト用のcss
   #codenameは指定の案件コードを使用すること
--------------------------------------*/
/* 
   cssプロパティの指定は変更しないでください */
#srbromide2504 {
	position: relative;
	width: 100%;
	padding: 0 0;
	box-sizing: border-box;
	max-width:970px;
	font-size:100%;
	line-height:1.6;
	text-align:left;
	background-color:#fff;
	font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#srbromide2504 img {
	max-width: 100%;
}
#srbromide2504 * {
	box-sizing: border-box;
}
/*----------------
 base layout
--------------- */
/* reset */
h2,h3,h4,h5 {
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}
ul,li,dl,dd,dt {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}
#srbromide2504 .nw {
    white-space: nowrap;
    display: inline-block;
}

/* ページトップ */
#srbromide2504 h1{
	margin-bottom:5px;
}
#srbromide2504 h1 img {
	width: 100%;
}
#srbromide2504 .title{
	width: auto;
	max-width:970px;
	min-height:70px;
	height:auto;
	padding:20px 10px;
	background-color:#001121;
	color:#FFF;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
/* 概要 */
#srbromide2504 .summary {
	width: 100%;
	max-width:970px;
	font-size:100%;
	line-height:140%;
	margin:0 auto 30px;
	text-align:left;
	/*--------------------*/
	/*   結果発表 PC/SP    */
	/*--------------------*/
  background-color: #fff;
  background-image:
  radial-gradient(#fdf0f7 20%, transparent 20%),
  radial-gradient(#fdf0f7 20%, transparent 20%);
  background-size: 30px 30px;
  background-position: 0  0 ,15px 15px;
}


#srbromide2504 .summary {
  margin-bottom: 40px;
	
}

/*バナー追加*/
#srbromide2504 .other_bnr {
	width: 928px;
	margin: 0 auto;
	padding: 4% 0;
	text-align:center;
	padding-top: 0; /*20240527*/
}
#srbromide2504 .other_bnr p {
	font-size:1.3rem;
	padding-bottom:0.8rem;
	font-weight:bold;
	margin-bottom: 1.2rem;
}
/*戻るボタン*/
#srbromide2504 .btnBack {
	text-align: left;
	font-size: 15px;
}
#srbromide2504 .btnBack a {
	display:inline-block; 
	position:relative; 
	padding:5px 10px; 
	width:15rem;
	color:#666; 
	text-align:center; 
	text-decoration:none;
  	border:1px solid #ccc; 
	background: #fff;
	margin: 0 auto;
}
#srbromide2504 .btnBack a:after {
	display:block; position:absolute; left:10px; top:50%; margin-top:-3px; height:5px; width:5px; content:""; 
	-webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg);
	 border-right:2px solid #666; border-top:2px solid #666;}
#srbromide2504 .btnBack a:hover {
	opacity: 0.8 ;
}
/*  コピーライトが見切れる対策*/
#srbromide2504 .mb30{
	word-break: break-all;
}
/* サンリオ大賞用  */
	#srbromide2504 .summary p{
		font-weight: 700;
	}

	#srbromide2504 .ItemArea ul {
		-js-display: flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: 30px;
	}
	#srbromide2504 .ItemArea .clm2 li dt{
		color:#0068b7;
		background: #f6c7cf;
		font-weight: bold;
		}
	#srbromide2504 .ItemArea .clm2 li dt.level {
		}
	#srbromide2504 .summary .main_title{
		margin: 0 2%;
	}
	#srbromide2504 .ItemArea .new-product{
		background-color:#004898;
		border-radius:10px;
		border:5px solid #004898;
		color: #fff;
	}

	#srbromide2504 .summary p{
	/*	width: 928px;
		margin: 0 auto;
		padding: 5% 0;*/
		text-align:center;
		font-size:1.4rem;
		line-height: 1.8;
	}

	#srbromide2504 .summary .main_title h2 {
		margin:20px auto;
		width: 87%;
	}
	#srbromide2504 .other_bnr {
		width: 928px;
		margin: 0 auto;
		padding: 4% 0;
		text-align:center;
		border-top:1px solid #ccc;
	}
	#srbromide2504 .summary .main_title{
		margin:0 auto;
		padding:4rem 0 3rem; 
	}
	#srbromide2504 .other_bnr p{
	font-size:1.3rem;
		padding-bottom:0.8rem;
		font-weight:bold;
	}
#srbromide2504 ul.clm2 p.itemImg{
	border: #f6c7cf 3px solid;
}
/* SP*/
@media screen and (max-width: 768px) {
	#srbromide2504 {
		padding: 0 10px;
	}
   
	#srbromide2504 h1,
	#srbromide2504 .title {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#srbromide2504 .dispPC {
		display: none;
	}
	#srbromide2504 .dispSP {
		display: block;
	}
/*告知用*/
	#srbromide2504 .summary p{
	width: 100%;
	padding: 30px 10px;
	text-align:left;
	font-size: 135%;
	line-height: 1.7;
}
  /*バナー追加*/
  #srbromide2504 .other_bnr {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0;
  }
  #srbromide2504 .other_bnr img {
      width: 100%;
  }
  #srbromide2504 .other_bnr p {
    font-size:1.0rem;
    padding-bottom:0.5rem;
  }
  /*戻るボタン*/
  #srbromide2504 .btnBack {
    padding:20px 0 20px 10px;
    text-align: center;
    font-size: 15px;
  }
  #srbromide2504 .btnBack a {
    width:95%; 
  }
	/*サンリオ大賞用*/

	#srbromide2504 .summary p{
	width: 100%;
	padding: 30px 10px;
	text-align:center;
		font-size: 140%;
		line-height: 1.7;

}
	#srbromide2504 .summary h2{
		margin:0 2% 20px;
	}
	#srbromide2504 .ItemArea{
		background-image: url(/library/contents/products/bromide/srbromide2504/result/bg_side_l.png),url(/library/contents/products/bromide/srbromide2504/result/bg_side_r.png);
    	background-position:left top, right top;
    	background-repeat: repeat-y;
    	background-size: 28%;
	}
	#srbromide2504 .summary .main_title{
    text-align: center;
	padding:1rem 0 0;

	}
	#srbromide2504 .summary .main_title p{
		width:75%;
		padding: 0.5rem 0;
		margin: 0 auto;
		color:#4e4e4e;
		font-size:130%;
	}
	#srbromide2504 .ItemArea{

	}
	#srbromide2504 .ItemArea ul{
	margin-top:10px;
}
	#srbromide2504 .ItemArea li dl {
	text-align:center;
	line-height: 1.3;
}
#srbromide2504 .ItemArea li dt {
	font-size:1.05rem;
	padding-bottom: 0.2rem;
}

	#srbromide2504 .ItemArea li dt {
    padding: 5px 0.1em;
}
	#srbromide2504 .other_bnr {
		margin: 0 auto;
		padding:0 10px;
		width:100%;
		text-align: center;
	}
	
	#srbromide2504 .other_bnr a{
		margin: 0 10px;
		/*display: inline-block;*/
	}
	#srbromide2504 .other_bnr img{
		width:100%;
	}
	#srbromide2504 .other_bnr p{
			font-size:1.0rem;
		padding: 3.2rem 0 0.5rem;
	}
	#srbromide2504 .mb30{
		padding:0 10px;
	}
	/* 4位以降 20210608追加 */
	#srbromide2504 .ItemArea{
		padding-bottom:2.5rem;
	}
	#srbromide2504 .ItemArea .Detail{

	}
	#srbromide2504 .ItemArea p{
			padding: 0;
		}
	#srbromide2504 .ItemArea .new-product{
		margin:2rem 1rem;
		padding:1rem 0.8rem;

	}
	#srbromide2504 .ItemArea .itemList.clm2 {
		margin-top:2rem;
		padding-bottom: 2rem;
	}
	#srbromide2504 .ItemArea .itemList.clm2 li {
		width:50%;
		margin:0 auto;
		padding: 0.8em;
	}
	#srbromide2504 .ItemArea .itemList.clm1 li {
		/*width:82%;*/
		width:90%;
		margin:1rem auto 0;
		padding: 0.8em;
	}
	#srbromide2504 .ItemArea li p.itemImg img {
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width: 480px) and (max-width: 768px) {

}
@media screen and (max-width: 619px) {
	#srbromide2504 .itemArea .item_products .Column.Column2 .item {
		width: 96%;
		margin: 0 auto;
		padding: 0 0 20px
	}
	#srbromide2504 .itemArea .item_products .Column.Column2 .item.yoko {
		padding-top: 0;
	}
}
/*@media screen and (max-width: 479px) {
 
}*/
/* PC*/
@media print, screen and (min-width: 769px) {
  #srbromide2504 .summary {
    margin-bottom: 60px;
	}
  
	#srbromide2504 .note {
		clear: both;
	}

	#srbromide2504 .dispPC {
		display: block;
	}
	#srbromide2504 .dispSP {
		display: none;
	}
/* サンリオ大賞向け */
	#srbromide2504 .note {
		clear: both;
	}
	#srbromide2504 .ItemArea {
	/*	background-image: url(/library/contents/products/bromide/srbromide2504/result/bg_title_side.png);
		background-position: center bottom;
		background-repeat: repeat;
		background-size: 55%;*/
		background-image :url("/library/contents/products/bromide/srbromide2504/result/bg_main.png");
		background-position: center 200px;
		background-repeat:no-repeat,no-repeat;
		text-align: center;
		background-size: 98%;
	}
	#srbromide2504 .ItemArea .Detail{
		margin: 0;
		padding: 0;
		/*background-color: rgba(255,255,255,0.5);*/
		/*IE9ハック*/
		display:inline-block;
		width:100%;
	}
	#srbromide2504 .ItemArea .itemList.clm2 li {
		text-align: center;
		padding-top:0;
			margin-top:1.4rem;
		width:175px;
		margin-bottom:2.5rem;
	}

	#srbromide2504 .summary .main_title{
		width:100%;

		}
		#srbromide2504 .summary .main_title h2{
			width: 405px; 
		}
		#srbromide2504 .sanrio_ranking_title{
		width:360px;
			margin: 0 auto;
		}
	#srbromide2504 .ItemArea .clm1{
			/*width:920px;*/
			width:740px;
			margin: auto;
	}
	#srbromide2504 .ItemArea .clm1 li{
			margin-bottom:0.8rem;
	}
	#srbromide2504 .ItemArea .clm1 li img{
			width:54%;
	}
	#srbromide2504 .ItemArea .itemList.clm2 li p.itemImg {
			margin:0;
	}
	#srbromide2504 .ItemArea .clm1 li.first{
			margin-bottom:1.2rem;
	}
	#srbromide2504 .ItemArea .clm1 li.first img{
			width:92%;
	}

	#srbromide2504 .ItemArea .itemList.clm2 li p.itemImg {
		display: inline-block;
		vertical-align: middle;
	}
	#srbromide2504 .ItemArea .itemList.clm2 dl {

		display: inline-block;
		vertical-align: middle;
	}
	#srbromide2504 .ItemArea li dt {
		margin-top:0.3rem;
		font-size: 1rem;
	}
	#srbromide2504 .ItemArea .clm2 {
		width:800px;
		margin-left:58px;
	}

	#srbromide2504 .ItemArea .clm2 li {
		/*padding:0  0 0 50px;*/
	}
	#srbromide2504 .ItemArea .clm2 li:nth-of-type(1) {
		margin-left:58px;

	}
		#srbromide2504 .ItemArea .clm2 li:nth-of-type(5) {
		margin-left:89px;
	}
	#srbromide2504 .ItemArea .clm2 li:nth-of-type(7)
		{
		margin-right:32px;
	}

	#srbromide2504 .ItemArea .clm2 dl {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	#srbromide2504 .ItemArea .clm2 li dt {
		/*margin-bottom:0.3rem;*/
		margin-top:0;
		font-size: 1rem;
		padding:0.3rem 0 0.5rem;
		line-height: 1.6;
	}
	#srbromide2504 .ItemArea .clm2 li p.itemImg {
		width: 100%;
		margin: 0 auto 0.3rem auto;
		display: inline-block;
		vertical-align: middle;
	}
	#srbromide2504 .ItemArea .new-product{
			margin:1.5rem 150px 5rem;
			padding:40px 0;
		}

	#srbromide2504 .ItemArea{
		padding-bottom:1rem;

	}
		#srbromide2504 .ItemArea .clm1 .first{
		padding:0 250px;

	}
}
@media print {
  #srbromide2504 .summary .table + .ttl_usage {
		page-break-before: always;/*直前で強制的に改ページ*/
    break-before: always;
    margin-top: 2px;/*chrome印刷時のずれ対策*/
  }
  #srbromide2504 .summary dl.usage .acc-body.active {
		padding: 40px 0 60px;
  }
  #srbromide2504 .summary dl.usage + dl.usage .acc-body.active {
		padding: 40px 0 0;
  }
  #srbromide2504 .summary dl.usage.old .usage_howto img {
    border-top: #ffffff solid 2px;
  }
  #srbromide2504 .tab-groupe {
		page-break-before: always;/*直前で強制的に改ページ*/
    break-before: always;
    margin-top: 2px;/*chrome印刷時のずれ対策*/
  }
	#srbromide2504 .tab {
		display: block;
		height: 60px;
	}
	#srbromide2504 .itemArea .item_products .Column {
		display: block;
	}
	#srbromide2504 .tab:after,
	#srbromide2504 .itemArea .item_products .Column.Column2:after,
	#srbromide2504 .itemArea .item_products .Column.Column3:after,
	#srbromide2504 .itemArea .item_products .Column.Column4:after {
		content: '';
		display: block;
		width: 970px;
		padding: 0;
		height: 1px;
		clear: both;
	}
  #srbromide2504 .tab:after {
    background: #001121;
  }
	#srbromide2504 .itemArea .title_products {
		clear: both;
		page-break-before: always;/*直前で強制的に改ページ*/
   		break-before: always;/*直前で強制的に改ページ*/
    	margin-top: 2px;/*chrome印刷時のずれ対策*/  
	}
	#srbromide2504 .tab + .itemArea .title_products:first-of-type {
		page-break-before:avoid;/*直前で改ページを禁止*/
    	break-before: avoid;
   		margin-top: 0;
	}
	#srbromide2504 .itemArea .item_products .Column li {
		display: block;
		float: left;
		page-break-inside: avoid;/*内側で改ページを禁止*/
    break-inside: avoid;
    border-top: 1px solid transparent;/*chrome印刷時のずれ対策*/
	}
	#srbromide2504 .itemArea .item_products .Column.Column2 li {
		height: 500px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column2.a4 li {
		height: 600px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column3 li {
		height: 500px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column4 li {
		height: 500px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column2 li.yoko {
		padding-top: 58.5px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column3 li.yoko {
		padding-top: 47px;
	}
	#srbromide2504 .itemArea .item_products .Column.Column2 li:nth-of-type(4n),
	#srbromide2504 .itemArea .item_products .Column.Column3 li:nth-of-type(6n),
	#srbromide2504 .itemArea .item_products .Column.Column4 li:nth-of-type(8n) {
		page-break-after: always;/*後で強制的に改ページ*/
    break-after: always;/*後で強制的に改ページ*/
	}
	#footerArea {
		page-break-before: always;/*直前で強制的に改ページ*/
    break-before: always;/*直前で強制的に改ページ*/
	}
}
@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
	#srbromide2504 .itemArea .item_products .Column {
		display: inline-block;
	}
	#srbromide2504 .itemArea .item_products .Column.Column2.a4 li {
		height: 135mm !important;/*IE印刷時用A4（A3）サイズ高さ調整*/
		page-break-inside:avoid;/*内側で改ページを禁止*/
    break-inside: avoid;
	}
}