@media screen and ( min-width:701px){
    div::-webkit-scrollbar{
      width: 12px;
    }
    div::-webkit-scrollbar-track{
      background: #fff;
      border: none;
      border-radius: 10px;
      box-shadow: inset 0 0 2px #777; 
    }
    div::-webkit-scrollbar-thumb{
      background: #aaa;
      border-radius: 10px;
      box-shadow: none;
    }
}
#topics {
	position: relative;
	width: 96%;
	max-width: 800px;
	margin: 0 auto 2px;
  border-bottom:4px solid #667666;
  padding-bottom:30px;
}@media screen and (min-width:0px) and ( max-width:500px){
	#topics   { padding-top: 90px;width:90%; }
}
#topics > #midashi {
	position: relative;
	font-size: 1.8rem;
  font-weight:bold;
}
#topics > #nakami  {
	position: relative;
  padding: 0px 1%;
font-size: 1.6rem;
   line-height: 200%;
  max-height: 280px;
  overflow-y:scroll;   overflow-x:hidden;
}@media screen and (max-width: 500px)  {
  #topics > #nakami  {
  display:  block;
	width: 97%;
    margin:0 1% 0 1%;
padding-left:2%;
   overflow-x:hidden;
}
}
#topics > #nakami  > span {
  display:  inline-block;
	width: 150px;
  color:#693;  font-weight:bold;
}@media screen and (max-width: 415px)  {
  #topics > #nakami  > span {
  position: relative;
  display:  block;
    left:-25px;
   margin-top:5px;
    color:#693;  font-weight:bold;
}
}

#topics > #nakami > #tokki {
	position: relative;
  padding: 10px 1%;
	color: rgba(178,17,20,1.00);
	font-size: 1.4rem;
}
#campain {
  position: relative;
	width: 90%;
  max-width:700px;
	margin: 30px auto 0;
}
#campain_btn {
   position: relative;
	width: 96%;
  max-width:1000px;
	margin: 10px auto 50px;
  text-align:center;
   
}
#campain_btn  > a.btn {
     position: relative;
    display: inline-block;
    padding: 0.5em 20px;
    text-decoration: none;
    color: #FFF;
  font-size: 1.8rem;
    background: #F00;/*色*/
    border: solid 1px #F30;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
#campain_btn  > a.btn:hover{ background-color: #FFF; color:#F00; }
/*-----------------------------------------
コンテンツ内
-----------------------------------------*/
.pickup_btn {
 position: relative;
  text-align:center;
}
.pickup_btn  > a.btn {
     position: relative;
    display: inline-block;
    padding: 0.5em 20px;
    text-decoration: none;
    color: #FFF;
  font-size: 1.8rem;
    background: #F00;/*色*/
    border: solid 1px #F30;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.pickup_btn  > a.btn:hover{ background-color: #FFF; }
/*こだわり*/
#kodawari_ti {
	position: relative;
	width: 90%;
	max-width: 595px;
	margin: 0 auto 80px;
	}
@media screen and (min-width: 0px) and (max-width: 480px) and (orientation: portrait){
	#kodawari_ti {
		margin-bottom: 10px;
	}
	.kodawari_cnt {
		position: relative;
		width: 100%;
		margin: 20px auto;
	}
		.kodawari_cnt > #photo {
			position: relative;
			width: 90%;
			margin: 0 auto 3px;
		}
		.kodawari_cnt > #note {
			position: relative;
			width: 90%;
			padding: 2px 2px ;
			margin: auto;
			color: #FFF;
			font-size: 1.4rem;
			font-weight: bold;
			line-height: 180%;
			text-align: justify;
			text-justify: inter-ideograph;
			border-radius: 18px 0 10px 0;
		}
		.kodawari_cnt > #note > #line01 {
		color: #505050;/*文字色*/
		padding: 0.5em;/*文字周りの余白*/
		/*display: inline-block;/*おまじない*/
		line-height: 1.3;/*行高*/
		background: #FFF;/*背景色*/
		vertical-align: middle;/*上下中央*/
		border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
		}
		#line01:before {
		content: '●';
		color: #667666;
		margin-right: 8px;
		}
		.kodawari_cnt > #note > #line02 {
			position: relative;
			padding: 10px;
			
	}
}
@media screen and (min-width: 481px) {
	.kodawari_cnt {
		position: relative;
		width: 100%;
		max-width: 800px;
		margin: 60px auto 100px;
      background-color:#000;
	}@media screen and (max-width: 896px) and (orientation: landscape){
		.kodawari_cnt {
			margin:  10px auto;
		}
	}
		.kodawari_cnt > #photo {
			position: absolute;
			top: -50px;
			left: 0;
			width: 300px;
			z-index: 2;
			mix-blend-mode: normal;
          border: 3px solid #FFF;
	}@media screen and (max-width: 896px) and (orientation: landscape){
		.kodawari_cnt > #photo {
			top: 10px;
			width: 33%;
			max-width: 280px;
			mix-blend-mode: normal;
			border: 2px solid #FFF;
		}
	}
		.kodawari_cnt > #note {
			position: relative;
			/*width: 560px;*/
			min-height: 180px;
			padding: 30px 20px 50px 70px;
			margin: 0 0 0 240px;
			background-color: #FFF;
			color: #FFF;
			font-size: 1.6rem;
			line-height: 180%;
			text-align: justify;
			text-justify: inter-ideograph;
			background: #efefef;
  			border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
			mix-blend-mode: screen;
		}@media screen and (max-width: 896px) and (orientation: landscape){
			.kodawari_cnt > #note {
				margin: 0 0 0 100px;
				padding: 30px 20px 30px 150px;
				font-size: 1.6rem;
			mix-blend-mode: normal;
			}
		}
		.kodawari_cnt > #note > #line01 {
			position: relative;
			font-size: 2.4rem;
			font-weight: bold;
			/*color:#667666;*/
			color: #FFF;
			border-bottom: 4px dotted #FFF;
			padding-bottom: 4px;
			margin-bottom: 10px;
		}
		.kodawari_cnt > #note > #line02 {
			position: relative;
			padding-left: 10px;
		}
}