@charset "utf-8";

@media print, screen and (min-width: 768px){
	
	main {
		display: block;
	}
	
	.sp {
		display: none;
	}
	
	.dcDetail a:hover {
		opacity: 0.7;
	}
	
	.dcDetail .head {
		position: relative;
		display: block;
		height: 327px;
		margin: 0px 0px 60px 0px;
		background-color: #999;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 948px 327px;
		text-align: center;
		color: #fff;
		letter-spacing: 1px;
		line-height: 1.6;
	}
	
	.dcDetail .pic01 {
		background-image: url(../img/detail_01_main.jpg);
	}
	.dcDetail .pic02 {
		background-image: url(../img/detail_02_main.jpg);
	}
	.dcDetail .pic03 {
		background-image: url(../img/detail_03_main.jpg);
	}
	
	.dcDetail .head figure {
		padding: 44px 0px 0px 0px;
	}
	
	.dcDetail .head figure img {
		width: 132px;
		height: auto;
	}

	.dcDetail .head .headTxt {
		position: absolute;
		bottom: 18%;
		left: 5%;
		width: 90%;
	}

	.dcDetail .head h1 {
		font-size: 3.4rem;
		line-height: 1.4;
	}
	
	.dcDetail .head p {
		padding: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.dcDetail .read {
		max-width: 948px;
		margin: 0px auto;
		padding: 0px 20px 40px 20px;
		box-sizing: content-box;
	}
	.dcDetail .cts {
		max-width: 948px;
		margin: 0px auto;
		padding: 0px 20px 80px 20px;
		box-sizing: content-box;
	}
	
	.dcDetail .read h2 {
		margin: 0px 0px 40px 0px;
		font-size: 2.4rem;
		line-height: 1.6;
	}
	.dcDetail .cts h2 {
		margin: 0px 0px 40px 0px;
		border-top: #fc4949 3px solid;
		border-bottom: #fc4949 3px solid;
		font-size: 2.4rem;
		line-height: 1.6;
	}
	
	.dcDetail .cts h2 > span {
		display: block;
		padding: 20px 21px 15px 21px;
		background: #fff;
	}
	
	.dcDetail .cts h2 > span > span {
		display: block;
		width: 9em;
		margin: 0px 0px 10px 0px;
		padding: 2px 0px;
		background: #ff0000;
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 1px;
	}
	
	.dcDetail .cts .graph {
		display: table;
		margin: 0px 18px 35px 18px;
		border: #ffcdad 1px solid;
	}
	
	.dcDetail .cts .graph div {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		background: #fff3eb;
	}
	
	.dcDetail .cts .graph div p {
		padding: 0px 45px;
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.6;
	}
	
	.dcDetail .cts .graph div p span {
		display: block;
		margin: 10px 0px 0px 0px;
		font-size: 1.2rem;
		color: #868585;
		font-weight: normal;
	}
	
	.dcDetail .cts .graph figure {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		padding: 41px 0px;
		background: #fff;
	}
	
	.dcDetail .cts .graph figure img {
		width: 100%;
		height: auto;
	}
	
	.dcDetail .cts section {
		clear: both;
		margin: 0px 18px;
	}
	
	.dcDetail .cts section:after {
		visibility: hidden;  
		display: block;  
		font-size: 0;  
		content: " ";  
		clear: both;  
		height: 0;  
	}
	
	.dcDetail .cts section.line {
		clear: both;
		border-top: #d6d5d5 1px solid;
		padding: 25px 0px 0px 0px;
	}
	
	.dcDetail .cts section h3 {
		margin: 0px 0px 25px 0px;
		font-size: 1.9rem;
		line-height: 1.4;
		color: #f2833b;
	}
	
	.dcDetail .cts section p {
		margin: 0px 0px 25px 0px;
		font-size: 1.4rem;
		line-height: 1.8;
		color: #565656;
	}
	.dcDetail .cts section p.mgt40 {
		margin: 40px 0px 25px 0px;
	}
	
	.dcDetail .read p {
		margin: 0px 0px 25px 0px;
		font-size: 1.4rem;
		line-height: 1.8;
		color: #565656;
	}
	
	.dcDetail .cts section .fRight {
		float: right;
		width: 361px;
		margin: 0px 0px 20px 40px;
	}
	
	.dcDetail .cts section .fLeft {
		float: left;
		width: 361px;
		margin: 0px 40px 20px 0px;
	}
	.dcDetail .cts section .fLeft491 {
		float: left;
		width: 491px;
		margin: 0px 0 20px 0px;
	}
	.dcDetail .cts section .fRight491 {
		float: right;
		width: 491px;
		margin: 0px 0 20px 0;
	}
	.dcDetail .cts section .fLeft436 {
		float: left;
		width: 436px;
		margin: 0px 0 20px 0px;
	}
	.dcDetail .cts section .fRight436 {
		float: right;
		width: 436px;
		margin: 0px 0 20px 0;
	}
	.dcDetail .cts section .fLeft436 img,
	.dcDetail .cts section .fRight436 img {
		width: 100%;
	}
	
	.dcDetail .cts section .fRight img,
	.dcDetail .cts section .fLeft img{
		width: 359px;
		height: auto;
		border: #d6d5d5 1px solid;
	}
	
	.dcDetail .cts section .fRight figcaption,
	.dcDetail .cts section .fLeft figcaption{
		margin: 3px 0px 0px 0px;
		font-size: 1.2rem;
		line-height: 1.6;
		color: #868585;
	}
	
	.dcDetail .cts .banner {
		margin: 0px 18px 50px 18px;
		padding: 40px 83px;
		border-top: #d6d5d5 1px solid;
		border-bottom: #d6d5d5 1px solid;
		text-align: center;
		font-size: 0;
	}
	.dcDetail .cts .banner2 {
    	margin: 0px 18px 40px 18px;
    	padding: 20px 83px;
    	text-align: center;
    	font-size: 0;
	}
	.dcDetail .cts .banner img,
	.dcDetail .cts .banner2 img {
		width: 100%;
		height: auto;
	}
	
	.dcDetail .cts .two,
	.dcDetail .cts .one {
		margin: 0px 18px;
		padding: 50px 0px 0px 0px;
		border-top: #d6d5d5 1px solid;
	}
	
	.dcDetail .cts .two ul:after {
		visibility: hidden;  
		display: block;  
		font-size: 0;  
		content: " ";  
		clear: both;  
		height: 0;  
	}
	
	.dcDetail .cts .two ul a {
		display: block;
		float: left;
		width: calc(50% - 14px);
		text-decoration: none;
	}
	
	.dcDetail .cts .one ul a {
		display: block;
		width: calc(50% - 14px);
		margin: 0px auto;
		text-decoration: none;
	}
	
	.dcDetail .cts .two ul a:first-child {
		margin: 0px 27px 0px 0px;
	}
	
	.dcDetail .cts .two ul a li,
	.dcDetail .cts .one ul a li {
		display: table;
		width: 100%;
		list-style-type: none;
		border: #d1d1d1 1px solid;
	}
	
	.dcDetail .cts .two ul a li figure,
	.dcDetail .cts .one ul a li figure {
		display: table-cell;
		vertical-align: middle;
		width: 188px;
		font-size: 0px;
	}
	
	.dcDetail .cts .two ul a li figure img,
	.dcDetail .cts .one ul a li figure img {
		width: 188px;
		height: auto;
	}
	
	.dcDetail .cts .two ul a li dl,
	.dcDetail .cts .one ul a li dl {
		display: table-cell;
		vertical-align: middle;
	}
	
	.dcDetail .cts .two ul a li dl dt,
	.dcDetail .cts .one ul a li dl dt {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.6;
		color: #ff0000;
	}
	
	.dcDetail .cts .two ul a li dl dd,
	.dcDetail .cts .one ul a li dl dd {
		padding: 0px 20px 0px 0px;
		font-size: 1.3rem;
		line-height: 1.6;
		color: #565656;
	}
	
	.dcDetail .back {
		padding: 80px 0px;
		background: #f6f6f6;
		text-align: center;
		font-size: 1.3rem;
	}
	
	.dcDetail .back a {
		display: block;
		width: 362px;
		margin: 0px auto;
		padding: 15px 0px 15px 10px;
		background: #fff url(../img/arrow.png) no-repeat 40px 50%;
		border: #dcdcdc 1px solid;
		border-radius: 3px;
		box-sizing: border-box;
		text-decoration: none;
		color: #565656;
	}
	.dcDetail .cts h2.mgt40 {
	    margin-top: 40px;
    }
    .cts section figure.picLeft {
	    width: 446px;
		float: left;
	}
    .cts section figure.picLeftPad {
	    width: 446px;
		float: left;
		padding-right: 40px;
	}
    .cts section figure.picRight {
	    width: 446px;
		float: right;
	}
    .cts section figure.picLeft img,
    .cts section figure.picLeftPad img,
    .cts section figure.picRight img {
		width: 100%;
	}
	.pdb20 {
		padding-bottom: 20px;
	}

	.ml40 {
		margin-left: 40px !important; }
	.mr40 {
		margin-right: 40px !important; }

}

@media print, screen and (max-width: 767px){
	
	main {
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, san-serif;
	}
	
	.pc {
		display: none;
	}

	.dcDetail .read {
		margin: 0px auto;
		padding: 0px 20px 20px 20px;
		box-sizing: content-box;
	}
	.dcDetail .read h2 {
		margin: 20px 0px 20px 0px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.dcDetail .read p {
		font-size: 1.3rem;
		line-height: 1.8;
	}
	
	.dcDetail .head {
		position: relative;
		display: block;
		min-height: 210px;
		padding: 0px 15px;
		background-color: #999;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		text-align: center;
		color: #fff;
		letter-spacing: 1px;
		line-height: 1.6;
	}

	.dcDetail .pic01 {
		background-image: url(../img/detail_01_main.jpg);
	}
	.dcDetail .pic02 {
		background-image: url(../img/detail_02_main.jpg);
	}
	.dcDetail .pic03 {
		background-image: url(../img/detail_03_main.jpg);
	}
	
	.dcDetail .head figure {
		padding: 24px 0px 0px 0px;
	}
	
	.dcDetail .head figure img {
		width: 95px;
		height: auto;
	}
	
	.dcDetail .head .headTxt {
		position: absolute;
		bottom: 10%;
		left: 5%;
		width: 90%;
	}
	.dcDetail .head h1 {
		width: 100%;
		padding: 0;
		font-size: 1.7rem;
		line-height: 1.4;
		text-align: center;
	}
	
	.dcDetail .head p {
		padding: 5px 0px 0px 0px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	
	.dcDetail .cts {
		padding: 0px 0px 40px 0px;
	}
	
	.dcDetail .cts h2 {
		margin: 0px 0px 25px 0px;
		padding: 15px 15px 10px 15px;
		background: #f2f2f2;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	
	.dcDetail .cts h2 > span > span {
		display: block;
		width: 9em;
		margin: 0px 0px 10px 0px;
		padding: 2px 0px;
		background: #ff0000;
		color: #fff;
		font-size: 1.1rem;
		text-align: center;
		letter-spacing: 1px;
	}
	
	.dcDetail .cts .graph {
		margin: 0px 15px 25px 15px;
		padding: 20px 0px 0px 0px;
		background: #fff;
		border: #ffcdad 1px solid;
	}
	
	.dcDetail .cts .graph div {
		padding: 0px 15px 10px 15px;
		text-align: center;
	}
	
	.dcDetail .cts .graph div p {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.6;
	}
	
	.dcDetail .cts .graph div p span {
		display: block;
		margin: 3px 0px 0px 0px;
		font-size: 1.1rem;
		color: #868585;
		font-weight: normal;
	}
	
	.dcDetail .cts .graph figure {
		font-size: 0;
	}
	
	.dcDetail .cts .graph figure img {
		width: 100%;
		height: auto;
	}
	
	.dcDetail .cts section {
		clear: both;
		margin: 0px 15px;
	}
	
	.dcDetail .cts section.line {
		clear: both;
		border-top: #d6d5d5 1px solid;
		padding: 30px 0px 0px 0px;
	}
	
	.dcDetail .cts section h3 {
		margin: 0px 0px 10px 0px;
		font-size: 1.5rem;
		line-height: 1.4;
		color: #f2833b;
	}
	
	.dcDetail .cts section p {
		margin: 0px 0px 25px 0px;
		font-size: 1.3rem;
		line-height: 1.8;
		color: #565656;
	}
	
	.dcDetail .cts section .fRight,
	.dcDetail .cts section .fLeft {
		margin: 0px 0px 25px 0px;
	}
	
	.dcDetail .cts section .fRight img,
	.dcDetail .cts section .fLeft img{
		width: 100%;
		height: auto;
		border: #d6d5d5 1px solid;
	}

	.dcDetail .cts section .fLeft436 {
		float: none;
		width: 100%;
		margin: 0 0 25px 0;
	}
	.dcDetail .cts section .fRight436 {
		float: none;
		width: 100%;
		margin: 0 0 25px 0;
	}
	.dcDetail .cts section .fLeft436 img,
	.dcDetail .cts section .fRight436 img {
		width: 100%;
	}

	.dcDetail .cts section .fRight figcaption,
	.dcDetail .cts section .fLeft figcaption{
		margin: 3px 0px 0px 0px;
		font-size: 1.1rem;
		line-height: 1.6;
		color: #868585;
	}
	
	.dcDetail .cts .banner,
	.dcDetail .cts .banner2 {
		margin: 0px 15px 30px 15px;
		font-size: 0;
	}
	
	.dcDetail .cts .banner img,
	.dcDetail .cts .banner2 img {
		width: 100%;
		height: auto;
	}
	
	.dcDetail .cts .two,
	.dcDetail .cts .one {
		margin: 0px 15px;
	}
	
	.dcDetail .cts .two ul a,
	.dcDetail .cts .one ul a {
		display: block;
		text-decoration: none;
	}
	
	.dcDetail .cts .two ul a:first-child {
		margin: 0px 0px 19px 0px;
	}
	
	.dcDetail .cts .two ul a li,
	.dcDetail .cts .one ul a li {
		display: table;
		width: 100%;
		list-style-type: none;
		border: #d1d1d1 1px solid;
	}
	
	.dcDetail .cts .two ul a li figure,
	.dcDetail .cts .one ul a li figure {
		display: table-cell;
		vertical-align: middle;
		width: 130px;
		font-size: 0px;
	}
	
	.dcDetail .cts .two ul a li figure img,
	.dcDetail .cts .one ul a li figure img {
		width: 130px;
		height: auto;
	}
	
	.dcDetail .cts .two ul a li dl,
	.dcDetail .cts .one ul a li dl {
		display: table-cell;
		vertical-align: middle;
	}
	
	.dcDetail .cts .two ul a li dl dt,
	.dcDetail .cts .one ul a li dl dt {
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.6;
		color: #ff0000;
	}
	
	.dcDetail .cts .two ul a li dl dd,
	.dcDetail .cts .one ul a li dl dd {
		padding: 0px 20px 0px 0px;
		font-size: 1.1rem;
		line-height: 1.6;
		color: #565656;
	}
	
	.dcDetail .back {
		padding: 40px 0px;
		background: #f6f6f6;
		text-align: center;
		font-size: 1.4rem;
	}
	
	.dcDetail .back a {
		display: block;
		width: 340px;
		margin: 0px auto;
		padding: 15px 0px 15px 10px;
		background: #fff url(../img/arrow.png) no-repeat 20px 50%;
		border: #dcdcdc 1px solid;
		border-radius: 3px;
		box-sizing: border-box;
		text-decoration: none;
		color: #565656;
	}

    .cts section figure.picLeft img,
    .cts section figure.picLeftPad img,
    .cts section figure.picRight img {
		width: 100%;
	}
    .cts section figure.picLeft,
    .cts section figure.picLeftPad {
		margin-bottom: 15px;
	}
    .cts section figure.picRight {
		margin-bottom: 40px;
	}

	.pdt1emSP {
		padding-top: 1em; }
	.pdt2emSP {
		padding-top: 2em; }
	.pdt3emSP {
		padding-top: 3em; }

	.ml40 {
		margin-left: 0; }
	.mr40 {
		margin-right: 0; }
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

.pdt1em {
	padding-top: 1em; }
.pdt2em {
	padding-top: 2em; }
.pdt3em {
	padding-top: 3em; }

section > div.recommendBnr {
	width: 100%;
	padding: 60px 0;
	text-align: center;
	border-top: 1px solid #d1d1d1; }
	@media print, screen and (max-width: 767px){
		section > div.recommendBnr {
			margin-bottom: 0;
			padding: 40px 15px 15px;}
		section > div.recommendBnr img {
			vertical-align: bottom;
			margin-bottom: 0; } }
section > div.recommendBnr a {
	display: table;
    width: 413px;
    height: auto;
	margin: 0 auto;
    text-decoration: none;
	border: 1px solid #dcdcdc; }
	section > div.recommendBnr a>* {
		display: table-cell;
		vertical-align: middle; }
	@media print, screen and (max-width: 767px){
		section > div.recommendBnr a {
			width: 100%; } }
.bnr_image {
    overflow: hidden;
    position: relative;
    border-right: 1px solid #dcdcdc;
    width: 43.37349%; }
	.bnr_image img {
		width: 100%; }
.bnr_text_area {
	padding: 5px 14px; }

.dcDetail .cts section a .bnr_tit {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.33;
	text-align: left;
	color: #ff3030; }
.dcDetail .cts section a .bnr_tit:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	margin-bottom: 2px;
	background: url(/assets/img/common/icon/window_02.svg) 0 0 no-repeat;
	background-size: 100%;
	vertical-align: middle; }
.dcDetail .cts section a .bnr_txt {
	margin: 5px 0 0 0;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.42;
	color: #565656;
	text-align: left; }

.dcDetail .cts section .recommendTit {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 1em;
}