@charset "utf-8";

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
	width: 100%;
}

html {
	width: 100%;
	height: 100%
}

li, ul {
	list-style: none
}

dd, p, td, th {
	font-style: normal;
	font-weight: 0;
	word-break: break-all
}
p{
	word-break: break-word
}
dd {
	word-break: break-all
}

a {
	margin: 0;
	padding: 0;
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@media screen and (min-width:769px) {
	.pc {
		display: block
	}

	.sp {
		display: none
	}

	.dt_hs_inner {
		width: 860px;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		position: relative;
		color: #231815
	}

	.dt_hs_nav {
		border-bottom: 2px solid #F3EEE6
	}

	.dt_hs_nav ul.dt_hs_nav_main {
		width: 940px;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		font-size: 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li {
		vertical-align: top;
		padding: 10px 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li:nth-of-type(n+2) {
		position: relative
	}

	.dt_hs_nav ul.dt_hs_nav_main li:nth-of-type(n+2):before {
		content: '';
		width: 2px;
		height: 34px;
		background-color: #CCC;
		position: absolute;
		top: 10px;
		left: 0
	}


	.dt_hs_nav ul.dt_hs_nav_main li.n3 {
		position: relative
	}

	.dt_hs_nav ul.dt_hs_nav_main li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		padding: 0 60px;
		height: 34px
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li:nth-of-type(1)>a {
		padding: 0 25px;
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li:nth-of-type(2)>a {
		padding: 0 20px;
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li:nth-of-type(3)>a {
		padding: 0 15px;
	}
	.dt_hs_nav.addPdf ul.dt_hs_nav_main>li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none;
	}
	.dt_hs_nav ul.dt_hs_nav_main li.n1 a {
		width: 156px;
		background-image: url(../images/hakusyo2020/nav_01_pc.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto 28px;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n2 a {
		width: 156px;
		background-image: url(../images/hakusyo2020/nav_02_pc.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto 28px;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 a {
		width: 252px;
		background-image: url(https://jp.rohto.com/~/Media/com/dotest/committee/images/hakusyo2019/data/common/nav_05_pc.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto auto;
	}
	.dt_hs_nav ul.dt_hs_nav_main li.n1 a:hover {
		background-image: url(../images/hakusyo2020/nav_01_on_pc.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto 28px;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n2 a:hover {
		background-image: url(../images/hakusyo2020/nav_02_on_pc.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto 28px;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub {
		position: relative;
		background-color: #FFDBB9;
		position: absolute;
		top: 55px;
		z-index: 10;
		width: 100%;
		display: none;
		font-size: 0;
		padding: 20px
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		width: 284px;
		left: -70px
	}

	.dt_hs_nav.addPdf ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		width: 284px;
		left: -104px
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #FFDBB9
	}

	.dt_hs_nav ul.dt_hs_nav_main li:hover ul.dt_hs_nav_sub {
		display: block
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li {
		display: inline-block;
		vertical-align: top;
		width: 132px;
		padding: 0;
		border: none
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(n+2) {
		margin-left: 20px
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:before {
		content: none
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a {
		display: inline-block;
		vertical-align: top;
		width: 132px;
		height: 28px;
		padding: 0
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none
	}

	.dt_hs_container ul.dt_hs_data_pager {
		margin: 120px 0 0 0;
		font-size: 0;
		text-align: center
	}

	.dt_hs_container ul.dt_hs_data_pager li {
		display: inline-block;
		vertical-align: top
	}

	.dt_hs_container ul.dt_hs_data_pager li:nth-of-type(n+2) {
		margin: 0 0 0 40px
	}

	.dt_hs_container ul.dt_hs_data_pager li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0
	}

	.dt_hs_container p#toTop {
		margin: 30px 0 0 0;
		text-align: right
	}

	.dt_hs_container p#toTop a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 40px;
		height: 40px;
		background-image: url(../images/hakusyo2019/index/toTop.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto
	}

	.dt_hs_container p#toTop a:hover {
		cursor: pointer
	}
}

@media screen and (max-width:768px) {
	.pc {
		display: none
	}

	.sp {
		display: block
	}

	#dt_buy {
		display: none !important
	}

	.dt_hs_inner {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		color: #231815
	}

	.dt_hs_nav {
		border-bottom: 2px solid #F3EEE6
	}

	.dt_hs_nav ul {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		padding: 2vw 0 4vw 0;
		font-size: 0;
	}

	.dt_hs_nav ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	.dt_hs_nav ul li:nth-of-type(1) {
		border-right: 2px solid #CCC
	}

	.dt_hs_nav ul li a {
		display: block;
		vertical-align: top;
		font-size: 0;
		height: 18vw;
		width: 100%;
	}

	.dt_hs_nav ul li a:hover {
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
	}

	.dt_hs_nav ul li.n1 a {
		background-image: url(../images/hakusyo2020/nav_01_sp.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	.dt_hs_nav ul li.n2 a {
		background-image: url(../images/hakusyo2020/nav_02_sp.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}
	.dt_hs_nav ul li.n3{
		display: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub {
		position: relative;
		background-color: #FFDBB9;
		position: absolute;
		top: 33vw;
		z-index: 10;
		width: 100%;
		display: none;
		font-size: 0;
		width: 65vw;
		padding: 4vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 ul.dt_hs_nav_sub {
		left: 15vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub {
		right: 5vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub:before {
		content: "";
		position: absolute;
		top: -6vw;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #FFDBB9
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n3 ul.dt_hs_nav_sub:before {
		left: 50vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li.n4 ul.dt_hs_nav_sub:before {
		left: 66vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li:hover ul.dt_hs_nav_sub {
		display: block;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li {
		display: inline-block;
		vertical-align: top;
		width: 30vw;
		padding: 0;
		border: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(2n) {
		margin-left: 4vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:nth-of-type(n+3) {
		margin-top: 2vw;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li:before {
		content: none;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a {
		display: inline-block;
		vertical-align: top;
		width: 30vw;
		height: 7vw;
		padding: 0;
	}

	.dt_hs_nav ul.dt_hs_nav_main li ul.dt_hs_nav_sub li a:hover {
		opacity: .7;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-decoration: none
	}

	.dt_hs_container ul.dt_hs_data_pager {
		margin: 20vw 0 0 0;
		font-size: 0;
		text-align: center
	}

	.dt_hs_container ul.dt_hs_data_pager li {
		display: inline-block;
		vertical-align: top
	}

	.dt_hs_container ul.dt_hs_data_pager li:nth-of-type(2) {
		margin: 5vw 0 0 0
	}

	.dt_hs_container ul.dt_hs_data_pager li a {
		display: inline-block;
		vertical-align: top;
		font-size: 0
	}

	.dt_hs_container p#toTop {
		margin: 5vw 5vw 0 0;
		text-align: right
	}

	.dt_hs_container p#toTop a {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		width: 12vw;
		height: 12vw;
		background-image: url(../images/hakusyo2019/index/toTop.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100% auto
	}
}