@charset "UTF-8";
/* CSS Document */
a img {
    border-style:none;
}
.imgSP {
	display: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
figure{
    text-align: center;
    margin: 0 auto;
}

.points-list {
	margin: 20px 0 30px 20px;
}
.points-list li {
	padding-left:1em;
	text-indent:-1em;
	font-size: 16px;
    line-height: 1.3;
	text-align: left;
    padding: 0 0 6px;
	list-style-type: none;
}
.sp .points-list {
	margin: 14px 0 14px 14px;
}
.sp .points-list li {
	font-size: 12px;
    padding: 0 0 6px;
}
.points-list li::before {
    content: "●";
    font-size: 10px;
    margin: 0 6px 0 0;
    position: relative;
    bottom:2px;
    color: #cbcbcb;
}
.sp .points-list li::before {
    margin: 0 4px 0 0;
}

.pdtInfo th {
    font-weight: normal;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background: #e0e0e0;
	font-weight: bold;
}

.releaseinfo .rightBox{
    padding: 14px 0 0 20px;
    max-width: 
}

.sp .releaseinfo .rightBox{
    padding: 0;
}

.pdtInfo th, .pdtInfo td {
	border: 1px solid #ccc;
	padding: 4px 6px;
    font-size: 12px;
    vertical-align: middle;
}

.sp .pdtInfo th, .sp .pdtInfo td {
    padding: 4x;
    font-size: 11px;
}
.w1200 {
	max-width: 1200px;
	margin: 0 auto;
    padding: 0 30px;
	line-height: 1.6;	
}
.w1200 p,.section p {
	font-size: 16px;
	text-align: center;	
	margin: 0;
	line-height: 1.6;
	color: #606060;
}
.section{
    padding: 50px 30px;
}
.pdtKeyVisualAmodeContainer h1.pdtTitleCategory,.pdtKeyVisualAmodeContainer .pdtTitleSeries{
    display: none!important;
}
.left{
    width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.left .section{
    margin: 0 auto;
    width: 45%;
    padding: 20px 0;
}


.left .section figure{
    margin: 0 auto;
}
.left .section figure img{
    max-width: 80% !important;
}

.sp .left .section figure img{
    max-width: 80% !important;
}



.sp .left{
    width: 100%;
    display: inherit;
}
.sp .left .section figure{
    text-align: center;
    margin: 0 auto;
}


.sp .left .section{
    width: 100%;
    padding: 20px 8px;
}
.w1200 .section {
	text-align: center;
	margin-top: 50px;
    padding: 50px 0;
}
.img_max{
    max-width: 890px;
}
.sp .img_max{
    max-width: 100%;
}
.note{text-align: center;padding: 4px 0 0 0;}

.contrast-01{
background: #57bec6;
}

.contrast-02{
background: #fff2e1;
}

.contrast-03{
background: #dce5cc;
}

.contrast-04{
background: #e4d8ef;
}

.contrast-05{
background: #ebf7f5;
}

.contrast .section{
    color: #fff;
}
.contrast .section p{
    color: #fff;
}
.sp .w1200 {
    padding: 0 8px;
}
.sp .w1200 p,.sp .section p {
	font-size: 14px;
    text-align: left;
}
.sp .section{
    padding: 24px 8px;
}
.sp .left .section{
    margin: 0;
    padding: 16px 8px;
}
.sp .w1200 .section {
	margin-top: 30px;
    padding: 30px 0;
}


.left .section h5, .left .section p {

}
.left .section p {
	padding-top: 5px;
}
h4 {
font-size: 34px;
    text-align: center;
    padding-bottom: 8px;
    margin: 0 auto 14px;
    line-height: 1.4;
    border-bottom: solid 1px #ECECEC;
}

p.ti1{
    font-size: 24px;
    text-align: center;
    padding-bottom: 4px;
    margin: 14px auto 0;
    line-height: 1.4;
}

h5 {
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 1.4;
	padding-bottom: 5px;
	border-bottom: solid 1px #ECECEC;
}
.flexBox {
display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
.flexBox .sale{
    text-align: left;
    padding: 8px 0 0 0;
}
.flexBox .leftBox{padding: 0 20px 0 0;}
.sp .flexBox .leftBox{padding: 0 0 0 0;}
.leftBox h2 span{
    line-height: 1.5;
}
.note {
    text-align: center;
    padding: 10px 0 0 0;
    line-height: 1.4;
}

.left .note {
    padding: 30px 0 20px;
    line-height: 1.4;
}

.left .note_s {
    padding: 14px 0 6px;
    line-height: 1.4;
}

.sp .left .note {
    padding: 14px 0;
}


.sp .note {
    text-align: left;
    font-size: 90%;
    text-indent: -1em;
    padding: 0 0 0 1em;
}
.releaseinfo {
	background: #fff;
	color: #333;
}
.hdarea h4 {
	color: #fff;
}

.wrap {
	max-width: 1920px;
	margin: 0 auto;
}

ul.ico_li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1000px;
    margin: 30px auto 30px;
}

.sp ul.ico_li{
    width: 100%;
    margin: 30px auto 30px;
}

.sp ul.ico_li li{
    width: 100%;
    margin: 0 0 16px 0;
    border: 3px solid #ddd;
    padding: 7px;
    border-radius: 14px;
}

ul.ico_li li{
    width: 32%;
    margin: 0 0 16px 0;
    border: 3px solid #ddd;
    padding: 7px;
    border-radius: 14px;
}
ul.ico_li li dl{
    width: 100%;
    display: table;

}
.sp ul.ico_li li dl dt{
    width: 45px;
}
ul.ico_li li dl dt{
    width: 60px;
}
ul.ico_li li dl dt img{
    width: 100%;
}
ul.ico_li li dl dd{
    display: table-cell;
    width: 100%;
    vertical-align: top;
    text-align: left;
    padding: 0 0 0 6px;
}
ul.ico_li li dl dd h6{
    font-size: 140%;
    padding: 0 0 6px;
}
ul.ico_li li dl dd p{
    font-size: 100%;
    text-align: left;
    line-height: 1.4;
}

.tab-group{
    display: flex;
    justify-content: center;
	padding: 0;
	margin: 0 0 20px 0;
}
.tab{
    flex-grow: 1;
    padding: 2px;
    list-style: none;
    text-align: center;
    cursor: pointer;
}
.tab_content {
	margin-bottom: 20px;
}
.tab_content img {
		display: inline-block;
}
.sp .tabContents .contentsInner table tr th, .sp .tabContents .contentsInner table tr td {
    padding: 4px;
    font-size: 90%;
    line-height: 1.5;
}
.w600 {
	max-width: 600px;
}
.w600 p {
	text-align: left;
}
.hdarea {
	background: #000;
	padding: 60px 0 40px 0;
}
.hdarea .leftBox {
	padding-right: 60px;
}



.tabs li { float:left; margin-right:5px; }
.tabs a { display:block; color:#333; text-decoration:none; background:#eee; padding:5px 8px; }
.tabs li.active a,.tabs a:hover { color:#fff; background:#3888FF; }

p.note { 
	font-size: 14px; 
	padding-left:1em;
	text-indent:-1em;
    color: inherit;
}

p.ttl {
	font-size: 20px;
	color: #3888FF;
}
#spec tr th {
background: #eaeaea;
    color: #333;
	padding: 6px 6px 6px 15px;
	width: 22%;
	line-height: 1.4;
	text-align: left;
}
#spec tr td {
	padding: 6px 6px 6px 15px;
}
.spec h5 {
	border-left: 10px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px;
	padding-left: 8px;
	text-align: left;
}

.caution {
	width: 70%;
	margin: 40px auto 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: 20px 0;
}

ul.colum_mode{
    width: 85%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:30px 0 0;
    margin: 0 auto;
    max-width: 900px;
}
.sp ul.colum_mode{
    width: 96%;
    padding:30px 0 0;
}

ul.colum_mode li{
width: 13%;
    padding: 0;
}
.sp ul.colum_mode li{
width: 29%;
    padding: 0 0 20px;
}
.sp ul.colum_mode li:last-child{
width: 29%;
    padding: 0 0 20px;
    margin: 0 auto;
}
ul.colum_mode li h5{
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: none;
}
.sp ul.colum_mode li h5{
font-size: 100%;
}
@media screen and (max-width: 768px) {
.breadOuter {
    padding: 8px 0 14px;
}
	.w1200 {
		padding: 0 15px;		
	}
	.w1200 p {
		text-align: left;
	}
	h4 {
		font-size: 22px;
	}

	.tab_content img {
		width: 80%;
		display: block;
		margin: 0 auto;
		}
	.img60 {
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	.imgSP {
		display: none;
	}
	div.caution {
		width: 96%;
	}
	.hdarea {
		padding-top: 0;
	}
	.points {
		padding-bottom: 0;
	}
	.rightBox img {
		width: 75%;
		display: block;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
	}
	.pdtInfo {
		margin-bottom: 20px;
	}
	.hdarea .leftBox {
		padding-right: 0;
	}
	.flexBox {
		display: block;
	}
	.topBox .rightBox {
		padding-left: 25px;
	}
	.pdtimg img {
		width: 600px;
	}
	.imgSP {
		display: none;
	}	

}

.sp .contentsInner {
    padding: 20px 8px!important;
}

.sp #spec tr th,.sp #spec tr td {
    padding: 6px;
}

.sp #spec tr th{
    width: 30%;
}