@charset "utf-8";
/* CSS Document */

p{
	font-size: 16px;
	line-height: 1.6;
}

.txt-red{
	color:red;
	font-weight: bold;
	text-decoration: underline;
}
.txt-red-noline{
	color:red;
	font-weight: bold;
}
.txt-line{
	background:#ffff00;
	font-weight: bold;
}
.txt-bold{
	font-weight: bold;
}
.txt-bold-line{
	font-weight: bold;
	text-decoration: underline;
}



#Header{
	max-width: 840px;
	margin:0 auto 20px auto;
}
.copy-ranking{
	text-align: center !important;
	font-weight: bold;
	font-size: 16px;
}
.copy-erabipoint{
	font-weight: bold;
	font-size:18px;
	text-align: center !important;
}
.txt-obi{
	display: block;
	background: #f7583a;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px;
	margin-bottom: 10px;
}



/*リサイクルに持ち込むと大変*/
.wrap-stop{
	padding: 40px 35px 35px;
	background: #ffedfe;
	margin-bottom: 20px;
}
.wrap-stop p:last-child{
	margin-bottom: 0 !important;
}
.title-stop{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 1.6;
}
.icon-stop{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
background: -webkit-linear-gradient(#ea4945, #9f0000);
background: -moz-linear-gradient(#ea4945, #9f0000);
background: -o-linear-gradient(#ea4945, #9f0000);
background: -ms-linear-gradient(#ea4945, #9f0000);
background: linear-gradient(#ea4945, #9f0000);
color: #fff;
border-radius: 300px;
padding: 3px 9px;
position: relative;
top: -2px;
margin-right: 5px;
}
.icon-stop i{
	font-weight: normal;
}
.font-first-big{
	font-size: 140%;
	font-weight: bold;
}


/*一番おすすめなのは*/
.list-recomend{
	list-style: none;
	padding: 8px 0 5px 15px !important;
	border-left: 4px solid #3d74ff;
	margin-left: 5px;
	margin-bottom: 15px;
}
.list-recomend li{
	padding: 0;
	font-weight: bold;
	font-size:20px;
	margin-bottom: 10px;
	color: #3d74ff;
}
.list-recomend li:last-child{
	margin-bottom: 0;
}
.title-recomend{
	font-weight: bold;
	margin-bottom: 15px;
}
.title-recomend-black{
font-weight: bold;
    margin-bottom: 15px;
    font-size: 180%;
    background: #333;
    color: #fff;
    padding: 15px;
    line-height: 1.4;
}


/*抑えておくべきポイント*/
.wrap-point{
	border:2px solid #ff0000;
	padding: 30px 30px;
	background: #f5f5f5;
	margin-bottom: 20px;
}
.box-point{
	margin-bottom: 30px;
}
.wrap-point .box-point:last-child{
	margin-bottom: 0;
}
.box-point p{
	margin-bottom: 10px;
}
.box-point p:last-child{
	margin-bottom: 0;
}
.title-point{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 1.1;
}
.title-point-detail{
	color: red;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 8px;
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 20px;
}
.img-point{
	display: inline-block;
	margin: 0 10px 10px 0;
	max-width: 45px;
}
.wrap-point-txt p{
	margin-bottom: 30px;
}
.wrap-point-txt p:last-child{
	margin-bottom: 0;
}


/*すごく簡単*/
.title-best3{
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.4;
	font-size: 30px;
	color: red;
	font-weight: bold;
}


/* 業者の一覧表 */
.list-kimonogaiyo{
	width: 100%;
	text-align: center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom: 40px;
}
.list-kimonogaiyo th,.list-kimonogaiyo td{
	text-align: center;
	vertical-align: top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 10px 10px;
	width:25%;
    line-height: normal !important;
}
.list-kimonogaiyo th{
	background: #ffedfe;
	font-weight: bold;
}
.list-kimonogaiyo a{
	text-decoration: underline;
}
.icon-mark{
	font-size: 50px;
	display: block;
	font-weight: normal;
	font-family: 'HGP創英角ｺﾞｼｯｸUB', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif !important;
}
.icon-m-red{
	color: #ff5454;
}
.icon-m-orange{
	color: #ffa530;
}
.icon-m-blue{
	color: #068ba3;
}
.icon-mark-txt{
	background:#ffff00;
	font-weight: bold;
}
.icon-ranking{
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
.icon-ranking img{
	margin: 0 auto;
}
article .the-content .icon-ranking img{
	width: auto;
}



/* 業者エリア */
.itembox{
	padding: 15px 15px;
	border:1px dotted #ccc;
	border-radius: 10px;
	margin-bottom: 30px;
}
.itembox-innner{
	padding: 15px 15px;
	background:#fff3cb;
	border-radius: 10px;
	margin-bottom: 15px;
}
.copy-item{
	color: #ff0000;
	text-align: center;
	font-size: 20px;
	font-weight:bold; 
	margin-bottom: 20px;
}
.ranking-label{
	display: block;
}
.title_item{
	text-align: center;
	margin:0 0 15px 0;
	font-weight: bold;
}
.title_item a{
	background: #d7a301;
	border-radius: 50px;
	padding: 15px 15px;
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: underline;
	margin-bottom: 0;
}
.title_item a:hover{
	background: #e4b426;
	text-decoration: none;
}
.list-item-point{
	list-style: none;
	padding-left: 0 !important;
	margin-left: 0;
}
.list-item-point li{
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 10px;
}
.list-item-point li:last-child{
	margin-bottom: 0;
}
.company-gaiyo{
	border-left:1px dotted #ccc;
	border-top:1px dotted #ccc;
	margin-bottom: 15px;
}
.company-gaiyo dl{
	text-align: center;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom: 0px;
}
.company-gaiyo dt{
	background: #fce6d4;
	padding: 10px 5px;
}
.company-gaiyo dd{
	background:#fff;
	padding: 10px 5px;
	margin: 0;
}
.star-5:after{
  content: " \f005  \f005  \f005  \f005  \f005";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:16px;
}
.star-4-half:after{
  content: " \f005  \f005  \f005  \f005  \f123";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:16px;
}
.star-4:after{
  content: " \f005  \f005  \f005  \f005  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:16px;
}
.star-3-half:after{
  content: " \f005  \f005  \f005  \f123  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:16px;
}
.star-3:after{
  content: " \f005  \f005  \f005  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:16px;
}
.title-cta-copy{
	text-align: center;
	font-weight: bold;
	font-size:20px;
	color: #ff0000;
	margin-top: 0;
}
.btn-official{
	border:solid 2px #f60000;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	padding: 0 !important;
	border-radius: 5px;
	width: 100%;
	max-width: 700px;
	margin:0 auto !important;
	box-sizing: border-box;
}
.btn-official a{
text-align: center;
padding:20px 10px;
display: block;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd8f9b), color-stop(0.50, #f55), color-stop(0.50, #f60000), color-stop(1.00, #ffa7b0));
background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
background: -moz-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
background: -o-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
background: -ms-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
background: linear-gradient(to bottom, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);
color: #fff;
font-size: 30px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
border-radius: 5px;
border:solid 2px #fff;
position: relative;
}
.btn-official:hover{
	position: relative;
	bottom: -5px;
	left: 5px;
}

.btn-cv a:after {
  content: " " !important;
}
/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


.link-hp{
	margin-bottom: 0;
	text-align:center;
	word-break: break-all;
}
.link-hp a{
	word-break: break-all;
}
.img-num-width{
	max-width:60px;
}

.wrap-last{
	margin-bottom: 40px;
}
.wrap-last p{
	margin-bottom: 20px;
}
.wrap-last p:last:child{
	margin-bottom: 0;
}
.title-last{
	color: #4b84d5;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 8px;
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 24px;
}

.wrap-last-box{
	border-left: 4px solid #f7583a;
	padding-left: 10px;
}
.wrap-last-link{
	margin-bottom: 30px;
}
.wrap-last-link i{
	font-size: 160%;
	font-weight: bold;
	margin-right: 10px;
	color: #f7583a;
}

.wrap-cm{
	background:#faf208;
	padding:20px 10px 30px 10px;
}
.wrap-cm h2{
	text-align:center;
	font-weight:bold;
	font-size:24px;
	margin-bottom:20px;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*--------------------------------------------------------
■■■■■モバイル用レイアウト
------------------------------------------------------*/

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

#title-kaitori{
	font-size: 24px;
}
.copy-ranking{
	text-align: center !important;
	font-weight: bold;
	font-size: 16px;
}
.copy-erabipoint{
	font-weight: bold;
	font-size:18px;
	text-align: center !important;
}





/*リサイクルに持ち込むと大変*/
.wrap-stop{
	padding: 20px 15px 15px;
}
.title-stop{
	font-size: 20px;
}
.icon-stop{
padding: 4px 9px;
}



/*一番おすすめなのは*/
.list-recomend{
	padding: 8px 0 5px 10px !important;
	margin-left: 0px;
}
.list-recomend li{
	font-size:18px;
}
.title-recomend{
	font-size: 18px !important;
}


/*抑えておくべきポイント*/
.wrap-point{
	padding: 20px 20px;
}
.title-point{
	font-size: 20px !important;
}


/*すごく簡単*/
.title-best3{
	font-size: 20px !important;
}


/* 業者エリア */
.itembox{
	padding: 15px 0px;
	border: none;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	border-radius: 0px;
	margin-bottom: 30px;
}
.btn-official a{
	font-size: 20px;
}
.title_item a{
	font-size: 20px;
}
.title-last{
	font-size: 20px;
	line-height: 1.6;
}
}