@charset "UTF-8";
@import url("/site_dns/share/css/font-awesome.min.css");

.sp{
	display:none !important;
}

/* accordion */
#informedChoiceMenu{
	margin-bottom:12px;
}

#informedChoiceMenuButton{
  cursor:pointer;
	width:100%;
	padding: 10px;
    color: #de0202;
    border: solid 1px #de0202;
    text-align: center;
    text-decoration: none;
	font-size: 14px;
    font-weight: bold;
}
#informedChoiceMenuButton:hover {
	background: #de0202;
	color: #fff;
	transition: all 0.3s ease;
}
#informedChoiceMenu ul{
	padding: 12px;
  background:#f2f2f2;
  display:none;
}
#informedChoiceMenu ul li{
	display:inline-block;
	margin:6px;
}
#informedChoiceMenu ul li.upDate{
	clear:both;
	width:100%;
	padding-right:12px;
	text-align:right;
	font-weight:bold;
}

#informedChoiceMenu ul li a:link{
	width: 98px;
	text-decoration: none;
	margin: 0;
	padding: 6px;
	font-size: 90%;
}

#informedChoiceMenu ul li a:link:nth-child(4n){
	padding-right:0;
}


/* link */
.siteLink{
	position:relative;
	border-radius:5px;
	background:#F4F4F4;
	border:1px solid #E6E6E6;
	padding: 5px;
	width: 100%;
	margin:6px 12px 12px 24px;
}
.siteLink span{
	font-size: 1.2rem;
	font-weight:bold;
	color:#333;
	margin:0 24px;
	display:inline-block;
	width:35%;
}
.siteLink a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	color: #000;
	text-decoration:none;
}
.siteLink:hover{
	color:#fff;
	background:#000;
	transition:0.3s;
}
.siteLink:hover span,.siteLink:hover a:after {
	color:#fff;
}

.siteLink a:after{
	font-family: FontAwesome;
	content: "\f08e";
	float:right;
	margin-right:12px;
}
.linkList a:before{
	font-family: FontAwesome;
	content: "\f0a9";
	margin-right:12px;
}

.marker_woman{
	background: linear-gradient(transparent 60%, #F8D4D4 0%);
}

/* エントリー内のみ */
.entrySup{ margin-bottom:3.2em; }
.entrySup .note{
	font-size: 75%;
	font-weight: bold;
}
.entrySup .productItem{
	position:relative;
	width: 590px;
	margin: 40px auto;
	padding:20px;
	transition:0.4s all;
}
.entrySup .productItem:hover{
	box-shadow: 0 0 10px #ccc;
	transition:0.4s all;
}
.entrySup .productItem .productName{
	font-size:2rem;
	font-weight:bold;
	margin-bottom:12px;
}
.entrySup .productItem .productLink{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:99 !important;
}
.entrySup .productItem img{
	display: block;
	margin: 0 auto 20px;
	width:190px;
	float:left;
}
.entrySup .productItem .productLink2{
	z-index:100 !important;
	position:relative;
	text-align: right;
}
.entrySup hr,.entrySup iframe{
	margin: 3.2em auto;
	display: block;
}

.entrySup .olList{ padding-left: 1.2em; }
.entrySup .olList li{ text-indent: -1.2em; margin-bottom:6px;}

.entrySup dl{float:left;}
.entrySup dt,.entrySup dd{float:left;}
.entrySup dt{max-width:100px; clear:both;}
.entrySup dd{min-width:300px;}

.entrySup .seibun{margin-bottom: 36px;}
.entrySup .seibun table th{ background:#DE0202; color:#fff; font-weight:bold; padding:6px; font-size:80%;}
.entrySup .seibun table td{ background:#fff; padding:6px; font-size:80%;}

 ul.training{	margin-bottom:20px; font-weight:bold;}
 ul.training li{ margin-bottom:6px !important;}
 ul.training li span{ display:inline-block; min-width:100px;}
 ul.training li.purpose{ color: #eb0202;}
 ul.training li.merit{ color: #0a0ae1;}

h4.training{
	text-align: center;
	font-size: 120%;
	background: #000;
	color: #fff;
	margin: 30px 0 12px 0;
	padding: 6px;
}
.pLine ul.productsLink{margin-left:0 !important;}
.productsLink ul{ margin:0; padding:0; width:100%;}
.productsLink li{ float: left; margin-right: 12px; padding:0; margin-bottom: 12px; width:209px; list-style-type:none !important;}
.productsLink li:nth-child(4n){margin-right:0;}
.productsLink li img{ border: #ccc 1px solid; width:100%;}

#bunseki{width:100%;}
#bunseki th{border-right:1px solid #fff !important;background:#ccc !important; text-align:center; font-weight:bold;}
#bunseki th,#bunseki td{border:1px solid #ccc; border-collapse:collapse;padding:10px; line-height:120%;}
#bunseki .itemNum:nth-child(even){background:#F6F6F6;}
#bunseki .itemNum:nth-child(odd){background:#ECECEC;}
.itemName{text-align:center; padding-top:12px !important;}
#bunseki img,#bunseki .btn-more, #bunseki a.btn-more{display:initial; margin-bottom:3px;}
#bunseki .btn-more{width: 80px; text-decoration: none; margin: 0; padding: 4px 10px; font-size: 80%;border-radius: 5px;}
#bunseki .certificate{display: block; margin-top: 6px;}
#bunseki a:link{text-decoration:none; font-weight:bold;}
#bunseki .itemName a:hover{color:#DE0202;}
.informed{text-align:center;}
.itemName{letter-spacing:-1px;}
.itemName img{margin:0 auto;}
.itemName a img {	display: inline !important;}
.view img{width:250px; border: 1px solid #ccc; margin:auto;}
.nowrap{white-space:nowrap;}

/*20180613 LineUp*/
.redLine {
border-top: 2px dashed #de0202;
padding-top: 20px;
margin-top: 10px!important;
}
.pLine h4 {
font-size: 1.6rem;
margin-bottom: 10px;
}
.pLine .w50 {
width: 31%;
margin: -10px 15px 25px 0!important;
float: left;
box-sizing: border-box;
}
.quickTop {
width: 100%;
}
.quick {
color: #de0202;
font-size: 2rem;
margin: 0 0 0.2em!important;
}
.quickComponent {
width: 40%;
float: left;
}

.quicklist {
border: 2px dashed #de0202;
padding: 20px;
width: 60%;
margin: 0 0 25px;
float: left;
}
.quicklist dt {
width: 30%;
font-weight: bold;
}
.quicklist dd{
width: 70%;
}
.quicklist dt,.quicklist dd {
float: left;
padding: 10px 0;
}
.quickTop + .btnUnit {
width: 60%!important;
margin: 10px auto 30px;
}

.quickTop + .btnUnit .label1 {
width: 100%!important;
}

/* section references
==========================================================================================*/
.references {
    background: #f5f5f5;
    padding: 5px;
    margin: 0 0 15px;
}

.references .wrap {
    background: #ffffff;
    margin: 5px 0px;
    padding: 10px 12px;
}

.references h4 {
    font-size: 12px;
    font-weight: 50;
    line-height: 15px;
}

.references ul {
    list-style: none;
	margin: 0;
}

.references ul li {
    font-size: 10px;
    font-weight: 50;
    line-height: 15px;
}

/* common-fixed-btn
==========================================================================================*/
.p-common-fixed-btn {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 3;
}

.p-common-fixed-btn__btn {
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 45px 10px 20px;
    color: #fff!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    background: #de0202;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.p-common-fixed-btn__btn img {
    opacity: 1!important;
	max-width: 40px;
}

.p-common-fixed-btn__btn .text {
    padding-left: 15px;
}

.p-common-fixed-btn__btn:after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.314%207.071%22%3E%3Cg%20transform%3D%22translate(729.734%20-813.173)%20rotate(45)%22%3E%3Crect%20width%3D%228%22%20height%3D%222%22%20transform%3D%22translate(60%201090)%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%222%22%20transform%3D%22translate(68%201084)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
}

.p-common-fixed-btn__btn:focus, .p-common-fixed-btn__btn:hover {
    background: #000;
}