@charset "utf-8";

/* ------------------------------------------

ダスキンリンク集

------------------------------------------ */

.linkTop8 {
	margin-top: 8px;
}

#wrapper .commonH1 {
	margin: 8px 0 6px 0 !important;
	padding: 8px 0 6px 0;
	color: #555555;
	font-weight: bold;
	text-indent: 22px;
	background: url(/common/images/bg_com740.gif) no-repeat scroll left top #CCCCCC !important;
	width: 740px !important;
}

.linkList p {
  display: none;
}

/*インデックスページ*/

.titleh1-2{
	background-image:url(/common-images/tit02.gif);
	margin:0px 0px 10px;
	padding:10px 0px 1px;
	background-repeat: repeat-y;
}

div.title {
	border-bottom: 1px solid #0066cc;
}

h2.s-title02{
	display: inline-block;
	margin:0;
	border-bottom: 1px solid #0066cc;
}

.wrap ul{
	margin:5px 0 20px 10px;
	border:0;
	width:1190px;
}

p.present{
	text-align:right; }

	.wrap ul li{
		border-bottom:solid 1px #ccc;
		padding:7px 0px 5px;
	}
	.wrap ul li span{
		display: inline-block;
		width:200px;
		vertical-align:top;
		margin: 0 10px 0 0;
	}


	/*下層ページ*/

	.s-list { margin: 5px 0 15px 5px; }
	.s-list01 { width:215px; vertical-align: top;}
	.s-list02 { width:115px; vertical-align: top;}
	.s-list03 { width:185px; vertical-align: top;}

	.s-list02 img { margin-right:5px; }

	.s-title{
		margin: 15px 0px 0px;
		padding-top: 5px;
		padding-left: 10px;
		padding-bottom: 2px;
		text-align: left;
		font-weight: bold;
		background-color:#f3f3f3;
	}

	.pagetop{
		width:740px !important;
	}

	@media screen and (max-width: 667px) {
		#wrapper #content {
			float: none;
			width: auto;
		}
		#wrapper #content .linkList {
			position: relative;
			margin: 0 0 2em;
			padding: 0;
			background: #A70000;
		}
		#wrapper #content .linkList h1 {
			width: auto;
			height: auto;
			margin: 0;
			padding: 12px 3%;
			color: #ffffff;
			font-size: 17px !important;
			border-top: 1px solid #C84D4D;
			background: none;
		}
		#wrapper #content .linkList p {
			position: absolute;
			right: 3%;
			top: 12px;
			display: block;
			width: 23px;
			height: 26px;
		}
		#wrapper #content img {
			width: 100%;
		}

		.wrap {
			padding: 0 10px;
		}
		.wrap .title {
			margin: 0;
		}
		.wrap .title h2 {
			font-size: 17px;
			font-weight: bold;
			color: #0066cc;
			padding-left: 5px;
		}
		.wrap ul {
			margin: 0 0 20px;
			border: 0;
			width: auto;
		}
		.wrap ul li {
			font-size: 14px;
			margin: 0;
			padding: 15px 10% 15px 5px;
			background: url(../images/ico_arrow.png) no-repeat 95% 50%;
			background-size: 10px;
		}
		.wrap ul li span {
			display: block;
			width: auto;
			margin: 0 0 5px;
			font-size: 17px;
			font-weight: bold;
		}
		.wrap ul li img {
			display: none;
		}

		.wrap #etc {
			margin-bottom: 50px;
		}

		#content .tit_hiragino_dc, #prdList .prdListTtl {
			background-color: #ffc000;
		}
		#prdList .prdListTtl {
			border-left: 4px solid #a24500;
		}
		.pageTop {
			background: #ffc000;
		}

	}

.heading {
    border-bottom: #e6e5df solid 1px;
    margin-bottom: 40px;
}
.itemListH1 {
    display: flex;
    height: 70px;
    max-width: 1200px;
    margin: 0 auto;
}

.itemListH1 span {
    display: inline-flex;
    font-size: 32px;
    align-items: center;
    max-width: 1200px;
}
@media screen and (max-width: 667px) {
    .heading {
      margin-bottom: 20px;
    }
    .itemListH1 {
        height: inherit;
        padding: 20px 10px 15px;
    }
    .itemListH1 span {
        font-size: 22px;
        margin: 0;
    }
}