/*  共通
------------------------------------- */
.ui1257 main h2{
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px dotted #C71D29;
}
#ui1257 h2 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 190%;
    text-align: center;
    letter-spacing: 4px;
    font-weight: bold;
    border-bottom: 2px dotted #C71D29;
}
#ui1257 .inner01 {
    width: 1200px;
    margin: 0 auto;
}
#SeriesBox {
    background-color: #dbdbdc;
    margin-top: 60px;
    padding-bottom: 20px;
}
#SeriesBox .seriesTitle {
    font-size: 170%;
    font-weight: bold;
    text-align: center;
    padding: 15px;
}
#SeriesBox .seriesAreaAll {
    margin: 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
#seriesAreaD, #seriesAreaN, #seriesAreaT {
    background-color: #ffffff;
    width: 300px;
}
#SeriesBox .seriesTex {
    line-height: 100%;
    padding: 10px 10px 15px;
}
#SeriesBox .seriesTex p {
    text-align: left;
}
#SeriesBox .seriesName {
    display: block;
    margin: 1px 0 6px;
    font-size: 110%;
    font-weight: bold;
}
#SeriesBox .seriesTex p {
    text-align: left;
}
#SeriesBox .price00 {
    margin-bottom: 10px;
}
#SeriesBox .price02 {
    font-size: 80%;
    font-weight: normal;
    color: #000000;
    white-space: nowrap;
    margin-right: 5px;
}
#SeriesBox .price01 {
    font-weight: bold;
    font-size: 115%;
    color: #e00000;
}
#SeriesBox .price03 {
    font-size: 90%;
}
#SeriesBox .seriesTex .seriesBtn {
    text-align: center;
}
.spOnly{
  display: none;
}
.pcOnly{
  display: block;
}
.glayArea {
    background: #dbdbdc;
}
.fs130 {
    font-size: 130%;
}
.fwb {
    font-weight: bold;
}
.otherBtn a:hover,
.btnArea a:hover{
	opacity: .7;
}
.btnArea a{
	display: flex;
	width: 190px;
	font-size: 1.4rem;
	align-items: center;
	border-radius: 3px;
	padding: 0 20px;
	height: 50px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #CC0000;
	position: relative;
}
.btnArea a:after {
	font-family: 'FontAwesome';
	content: "\f07a";
	display: inline-block;
	margin-left: 12px;
	font-size: 2.0rem;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

/* section01
------------------------------------- */
.section01 .pointArea01, .section01 .pointArea02{
  display: flex;
  justify-content: space-between;
}
.section01 .pointArea01{
  align-items: center;
  padding: 15px 0;
}

.section01 .pointLead{
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px dotted #C71D29;
}

.section01 .pointArea02 li{
  width: 378px;
}


/* section02
------------------------------------- */
.section02 .pointArea03 li{
  list-style: square
}
.section02 .pointArea03 li + li{
  margin-top: 5px;
}

/* section03
------------------------------------- */
.section03 .specArea{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.section03 .specArea th, .section03 .specArea td{
  box-sizing: border-box;
  vertical-align: center;
  border: 1px solid #dbdbdc;
  word-break: break-all;
}
.section03 .specArea th{
  width: 25%;
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}
.section03 .specArea td{
  width: 75%;
}
.section03 .specArea td dl{
  margin: 0;
}
.section03 .specArea td dl + dl{
  margin-top: 15px;
}
.section03 .specArea td dl dd{
  margin: 5px 0 0 20px;
  font-size: 90%;
}

/* section04
------------------------------------- */
.section04 .inner01{
  padding: 70px 0;
  border-top: solid 3px #dbdbdc;
  border-bottom: solid 3px #dbdbdc;
}
.section04 .textArea p{
  font-size: 120%;
  font-weight: bold;
}
.section04 .textArea table tr {
  background: url(../../images/ui1257 main/img_03.gif) repeat-x 0 100%;
}
.section04 .textArea table th, .section04 .textArea table td {
  padding: 5px 0;
}
.section04 .textArea table th {
  width: 40%;
  font-weight: normal;
  text-align: left;
}
.section04 .item01{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.section04 .occupationBlock_list{
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.ui1257 main .section04 .ranking li a:hover{
	color:#003399;
	opacity: .7;
}

/* 繝代た繧ｳ繝ｳ蜷梧凾雉ｼ蜈･
------------------------------------- */
.section04 .ranking{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.section04 .ranking li{
  width: 32%;
}
.section04 .ranking li a{
  display: block;
  position: relative;
  text-align: center;
}
.section04 .ranking li a .figure{
  margin-bottom: 10px;
}

@media screen and (min-width: 768px){
	.ui1257 main h2{
  	letter-spacing: 4px;
	  font-size: 190%;
	}
	
	.inner02{
		max-width: 980px;
	    margin: 0 auto;
	}
	.sectionMg{
	  padding: 60px 0;
	}
	.occupationBlock_item{
		width:49.16%;
	}
	.section01 .pointArea02 li .pointLead{
	  font-size: 140%;
	  margin-top: 25px;
	}
	.section04 .otherBtn {
	  margin-top: 60px;
	}
	.section01 .pointArea01 .pointTxtBox {
	  width: 60%;
	}
	.section01 .pointArea01 .pointTxtBox .pointLead{
		font-size: 190%;
		letter-spacing: 4px;
	}
	.section01 .pointLead{
	  text-align: center;
	}
	.section01 .pointTxt{
	  margin: 15px 12px 0;
	}
	.section01 .pointArea02 li{
		width:378px;
	}
	.section02 .pointArea03{
	  margin: 30px 0 0 20px;
	}
	.section03 .specArea{
		margin-top: 30px;
		font-size: 120%;
	}
	.section03 .specArea th, .section03 .specArea td{
	  padding: 10px 20px;
	}
	.ui1257 main .cautionTxt{
	  font-size: 100%;
	  margin-top: 15px;
	}
	.ui1257 main .section04 .cautionTxt{
		text-align: right;
	}
	.section04 .textArea table {
	  width: 478px;
	}
	.section04 .phArea{
	  width: 160px;
	  margin-right: 30px;
	}
	.section04 .textArea {
	  width: 478px;
	  margin-right: 30px;
	}
	.section04 .phArea .inner{
	  position: relative;
	  width: 128px;
	  margin: 0 16px 5px 16px;
	}
	.section04 .occupationBlock{
		margin-top:0;
		margin-bottom: 60px;
	}
	.section04 .occupationBlock h2{
		letter-spacing: 0;
	}
	.section04 .occupationBlock_item:nth-child(even){
		margin:0;
	}
	.section04 .occupationBlock_list{
		margin-top: 30px;
	}
	.section04 .ranking li a{
	  padding: 0 10px 10px;
	}
	.section04 .sectionMg.popNone2{
		padding-bottom: 0;
	}
	.ui1257 main .footer{
		margin-top:130px;
	}
}

@media screen and (max-width: 767px){
	._sp-none{
		display: none !important;
	}
	.ui1257 main br{
		display: none;
	}
		#ui1257 .inner01, #ui1257 .inner02 {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
	.sectionMg{
	  padding: 30px 0;
	}
	.ui1257 main h2{
	  font-size: 16px;
	}
	.ui1257 main .contents,.inner02 {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
	}
	.figure{
		text-align: center;
		width: 100%;
	}
	.section04 .item01,
	.section01 .pointArea01, .section01 .pointArea02{
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.section01 .pointArea01 .figure{
		width:70%;
		margin:0 auto;
	}
	.section01 .pointArea01 .pointTxtBox {
	  width: 100%;
	}
	.section01 .pointArea01 .figure img {
	  max-width: 315px;
	}
	.section01 .pointArea02 li{
		width:100%;
	}
	[class^="section0"]{
		padding:0 5px;
	}
	.figure img {
    width: 100%;
    height: 100%;
	}
	.section01 .pointTxt{
	  margin: 15px 0 0;
	}
	.section01 .pointLead{
		font-size: 15px;
		margin-top:15px;
	}
	.section01 .pointArea02 li .pointLead{
	  font-size: 15px;
	  margin-top: 25px;
	}
	.section01 .pointArea02 li + li {
	    margin-top: 25px;
	}
	.section02 .pointArea03{
	  margin: 15px 0 0 15px;
	}
	.section03 .specArea{
	  margin-top: 20px;
	  font-size: 12px;
	}
	.section03 .specArea th, .section03 .specArea td{
	  padding: 10px;
	}
	.cautionTxt{
	  text-align: left;
	  font-size: 9px;
	  margin-top:10px;
	}
	.section04 .phArea{
		width:100%;
		text-align: center;
	}
	.section04 .textArea {
		width:100%;
	}
	.section04 .textArea table{
		margin-top:10px;
		width:100%;
	}
	.section04 .btnArea{
		margin-top:15px;
		width:100%;
	}
	.section04 .btnArea p{
		text-align: right;
	}
	.section04 .btnArea p img{
		max-width: 60%;
		height: auto;
	}
	.btnArea a {
		margin: 0 auto;
	}
	.ui1257 main .occupationBlock{
		margin-top:0;
	}
	.section04 .slick-track{
		padding-bottom: 2px;
	}
	.section04 .ranking li a{
	  display: block;
	  position: relative;
	  padding: 0 3px 10px;
	  text-align: center;
	}
	.section04 .ranking li .lankTitle{
		text-align: left;
	}
	.otherBtn{
		margin-top:30px;
	}
	.otherBtn.figure img{
		width:auto;
		height: auto;
	}
	.section04 .sectionMg.popNone2{
		padding-bottom: 0;
	}
	.ui1257 main .footer{
		margin-top:80px;
	}
}