@charset "utf-8";

/* contents ============================== */
#main-contents {
  position: relative;
	padding-bottom:150px;
	overflow:hidden;
  background-color: #f4f2f0;
  letter-spacing: 0.08em !important;
}
.hover a:hover {
	opacity:0.7;
	transition:.3s;
}
#main-contents > .center {
	width:1000px;
	margin:0 auto;
}
#main-contents img {
  display: block;
  width: 100%;
  height: auto;
}
#main-contents .ttl-h .illust {
  position: absolute;
}

/* img trim */
#main-contents .trim {
	display:block;
	position:relative;
	overflow:hidden;
}
#main-contents .trim img {
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, 0);
	width:auto;
	height:100%;
}

/* breadcrumbs */
.breadcrumbs {
	margin-bottom:20px;
	padding-top:30px;
}
.breadcrumbs li {
	display:inline-block;
	position:relative;
	font-size:87.3%;
	color:#d70c19;
}
.breadcrumbs li:after {
	display:inline-block;
	content:"";
	width:6px;
	height:6px;
	margin:0 10px;
	border-top:2px solid #d70c19;
	border-right:2px solid #d70c19;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	vertical-align:2px;
}
.breadcrumbs li:last-child:after {
	display:none;
}




/* common-block */
#main-contents .common-block {
	position:relative;
	border-radius:8px;
	background:#fff;
	overflow:hidden;
}
#main-contents .common-block:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:#d70c19;
}

/* btn */
#main-contents .btn {
	display:block;
	width:240px;
	margin:0 auto;
	padding:22px 0;
	border-radius:6px;
	text-align:center;
}
#main-contents .more-btn {
	background:#67554b;
	color:#fff;
}
#main-contents .strong-btn {
	background:#d70c19;
	color:#fff;
}
#main-contents .back-btn {
	background:#e5e5e5;
}
#main-contents .download-btn,
#main-contents .outbound-btn {
	position:relative;
	border:2px #67554b solid;
	background:#fff;
	color:#67554b;
}
#main-contents .download-btn:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:20px;
	height:18px;
	margin:auto;
	background:url(../../img/icon_download.png) no-repeat left top / 100% auto;
}
#main-contents .outbound-btn:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:18px;
	height:17px;
	margin:auto;
	background:url(../../img/icon_outbound.png) no-repeat left top / 100% auto;
}


/* pager */
.pager {
	padding:0 40px;
	/* font-family: 'Barlow', sans-serif; */
	font-weight:bold;
	text-align:center;
}
.pager span {
	display:inline-block;
	position:relative;
	color:#8f8f8f;
}
.pager .prev {
	margin-right:25px;
}
.pager .prev.on:after,
.pager .prev.off:after {
	left:-15px;
	right:auto;
	width:10px;
	height:10px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.pager .on a {
	color:#000;
  font-weight: 700;
}
.pager .arrow.off:after {
	border-top:2px solid #b0b0b0;
	border-right:2px solid #b0b0b0;
}
.pager .next {
	margin-left:25px;
}
.pager .next.on:after,
.pager .next:after {
	right:-15px;
	width:10px;
	height:10px;
}
.pager strong,
.pager > a  {
	display:inline-block;
	margin:0 15px;
	font-size:137.5%;
}
.pager strong {
	width:37px;
	line-height:37px;
	border-radius:8px;
	background:#d70c19;
	color:#fff;
}


/* article */
.article {
	position:relative;
}
.article .ttl-h  {
	padding:42px 0 25px;
}
.article .ttl-h strong {
	margin-bottom:12px;
	font-weight:500;
	font-size:312.5%;
}
.article .ttl-h > span {
	font-size:137.5%;
}
.article .ttl-h-small {
	padding:42px 0 35px;
}
.article .ttl-h-small strong {
	font-weight:400;
	font-size:225%;
}
.article .ttl-h-small strong span {
	display:inline-block;
	margin-left:15px;
}
.article .ttl-h-small > span {
	font-size:100%;
}
.article .ttl-h2 {
	line-height:1.4;
	margin-bottom:25px;
	font-size:200%;
	text-align:center;
}
.article .ttl-h2:after {
	display:block;
	content:"";
	width:120px;
	height:3px;
	margin:10px auto 0;
	background:#d70c19;
}
.article .ttl-h3 {
  line-height: 1.4;
	margin-bottom:30px;
	padding:12px 20px;
	border-radius:4px;
	background:#d70c19;
	color:#fff;
	font-size:150%;
}
.article .ttl-h4 {
	position:relative;
	line-height:1.4;
	margin-bottom:35px;
	padding-left:20px;
	font-size:125%;
}
.article .ttl-h4:before {
	display:block;
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:0;
	height:10px;
	border-left:5px #d70c19 solid;
	border-right:5px #e5e5e5 solid;
}
.article .common-text {
	line-height:2;
	text-align:justify;
}
.article .text-big {
	font-size:150%;
}
.article .text-bold {
	font-weight:bold;
}
.article .text-red {
	color:#d70c19;
}
/*.article a {
	color:#d70c19;
	text-decoration:underline;
}*/
.article .box-bg {
	line-height:1.7;
	padding:25px 30px;
	border-radius:10px;
	background:#f4f2f0;
}
.article .box-border {
	line-height:1.7;
	padding:25px 30px;
	border-radius:10px;
	border:2px #e5e5e5 solid;
}
.article .list-text li {
	position:relative;
	line-height:1.4;
	margin-bottom:15px;
	padding-left:25px;
	font-weight:300;
	color:#d70c19;
}
.article .list-text li a {
	color:#d70c19;
	/*text-decoration:none;*/
}
.article .list-text > li {
	font-size:93.8%;
}
.article .list-text li:before {
	display:block;
	content:"";
	position:absolute;
	top:6px;
	left:0;
	border-radius:5px;
}
.article .list-text > li:before {
	width:10px;
	height:10px;
	background:#d70c19;
}
.article .list-text li ul {
	margin-top:15px;
}
.article .list-text li ul li {
	color:#000;
}
.article .list-text li ul li:before {
	width:6px;
	height:6px;
	border:2px #d70c19 solid;
}
.article ol {
	counter-reset: item;
	font-weight:300;
}
.article .o-list-text li {
	position:relative;
	line-height:1.4;
	margin-bottom:15px;
	padding-left:25px;
}
.article .o-list-text > li {
	font-size:93.8%;
}
.article ol li:before {
	position:absolute;
	top:0;
	left:0;
	width:10px;
	counter-increment: item;
  content: counter(item);
	/* font-family: 'Barlow', sans-serif; */
	font-weight:bold;
	font-style:italic;
}
.article .o-list-text > li:before {
	color:#d70c19;
}
.article .o-list-text li ol {
	margin-top:15px;
}
.article .o-list-text li ol li:before {
	color:#777;
}
.article .source {
	position:relative;
	line-height:1.7;
	padding:25px 40px;
	font-weight:300;
}
.article .source:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:27px;
	height:22px;
	background: url(../../img/quote.png) no-repeat left top / 100% auto;
}
.article .source:after {
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:27px;
	height:22px;
	background: url(../../img/quote.png) no-repeat left top / 100% auto;
	transform:rotate(180deg);
}
.article .table {
	width:100%;
}
.article .table th {
	width:190px;
	padding:0 30px;
	border-bottom:1px #d70c19 solid;
	color:#d70c19;
	vertical-align:middle;
	text-align:center;
}
.article .table td {
	line-height:2.2;
	padding:20px 30px;
	border-bottom:1px #dcdcdc solid;
}



/* common-slider */
/*.common-slider .slick-arrow {
	position:absolute;
	width:65px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	border-radius:4px;
	background:#d70c19;
	cursor:pointer;
}
.common-slider .slick-arrow div {
	position:relative;
	width:100%;
	padding-top:65px;
	text-indent:-9999px;
}
.common-slider .slick-arrow div:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:25px;
	width:20px;
	height:20px;
	margin:auto;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.common-slider .prev div:before {
	right:15px;
  -webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
}*/

/* journal */
#main-contents .journal {
	position:relative;
	clear:both;
	margin:0 auto;
}
#main-contents .journal-wide {
	width:1100px;
	margin-bottom:40px;
}
#main-contents .journal .ttl-group {
	position: relative;
  float: right;
  margin: -40px 40px 0 0;
  width: 600px;
  border-radius: 10px;
  background: #fff;
}
#main-contents .journal .ttl-group .link {
	display:block;
	padding:20px 30px;
	width:100%;
	height:100%;
}
#main-contents .journal .ttl-group .post-it{
	position:absolute;
	top:0;
	right:0;
	width:90px;
	padding:7px 0;
	border-radius:0 10px 0 10px;
	background:#d70c19;
	color:#fff;
	/* font-family: 'Barlow', sans-serif; */
	font-weight:bold;
	font-size:15px;
	font-style:italic;
	text-align:center;
}
#main-contents .ttl-group {
  text-align: left;
}
#main-contents .ttl-group .ttl {
	display:block;
	line-height:1.6;
	margin-bottom:10px;
	font-weight:bold;
	font-size:150.0%;
}
#main-contents .journal-wide .ttl-group .ttl {
	width: calc(100% - 70px);
}
#main-contents .ttl-group .text {
	display:block;
	line-height:1.4;
	margin-bottom:5px;
	color:#666666;
	font-size:87.3%;
	font-weight:300;
}
#main-contents .ttl-group .author {
	display:block;
	position:relative;
	padding:9px 0 0 0;
	line-height:1.4;
}
#main-contents .ttl-group .author img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:40px;
	border-radius:20px;
	background:#f6f2ef;
}
#main-contents .ttl-group .author .name {
	display:inline-block;
	float:left;
	padding: 0 0 10px 45px;
	color:#666666;
	font-size:81.3%;
	font-weight:300;
}
#main-contents .ttl-group .date {
	display:inline-block;
	color:#999;
  font-size: 81.3%;
	/* font-family: 'Raleway', sans-serif; */
}
#main-contents .journal .ttl-group .date {
	float:right;
  font-size: 81.3%;
}
#main-contents .journal-wide .ttl-group .date {
	color:#d70c19;
}
#main-contents .journal .slick-list {
	margin: 0 -24px 0 0;
}
#main-contents .journal .slick-slide {
	margin-right:24px;
	border-radius:10px;
}
#main-contents .journal-wide .slick-slide {
	border-radius:0;
}
#main-contents .journal .slick-slide a {
	display:block;
}
#main-contents .journal .prev {
	left:-32px;
	z-index:1;
}
#main-contents .journal .next {
	right:-32px;	
}
#main-contents .journal-wide .slick-arrow {
	background:#67554b;
}
/* journal-small */
#main-contents .journal-small {
	margin-bottom:40px;
}

#main-contents .journal .ttl-h {
	padding:25px 0 10px;
  overflow: hidden;
}
#main-contents .journal .ttl-h span {
	display:inline-block;
	width:220px;
}
#main-contents .journal .ttl-h .report {
	width:145px;
	left:185px;
	top:50px;
}
#main-contents .journal .ttl-h .star_yellow {
	width:34px;
	left:100px;
	top:75px;
}
#main-contents .journal .ttl-h .star_orange {
	width:20px;
	left:142px;
	top:57px;
}
#main-contents .journal .ttl-h .tawer {
	width:45px;
	right:260px;
	top:0;
}
#main-contents .journal .ttl-h .dog {
	width:65px;
	right:170px;
	bottom:-5px;
}
#main-contents .journal .ttl-h .star_orange2 {
	width:37px;
	right:197px;
	top:52px;
}
#main-contents .journal .ttl-h .star_yellow2 {
	width:22px;
	right:165px;
	top:95px;
}
#main-contents .journal-small .wrap {
	position:relative;
}
#main-contents .journal-small .journal-slide a {
	display:block;
	border-radius:10px;
	overflow:hidden;
}
#main-contents .journal-small .journal-slide .j-trim {
  position: relative;
  padding-top: 490px;
  overflow: hidden;
}
#main-contents .journal-small .journal-slide .j-trim img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#main-contents .journal-small .ttl-group .post-it {
	display:none;
}
#main-contents .journal-small .ttl-group .date {
	margin-right:10px;
	color:#999;
}
#main-contents .ttl-group .tag {
	display:inline-block;
	color:#d70c19;
	font-size: 81.3%;
}
#main-contents .journal-small .ttl-group .tag {
	float:right;
}
#main-contents .journal-small .more-btn {
	margin-top:30px;
}
#main-contents .journal .common-slider .slick-arrow {
	margin-top:-56px;
}


/* block-list  */
.block-list .flex {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.block-list .block{
	display:block;
	width:calc((100% - 40px) / 3);
	border-radius:10px;
	background:#fff;
	overflow:hidden;
}
.block-list .flex .block {
  float: none;
  height: auto !important;
}
.block-list .block:nth-child(3n) {
	margin-right:0;
}
.block-list .trim {
	padding-top:65.6%;
}

#main-contents .block-list .ttl-group {
	padding:4% 5% 6%;
}
#main-contents .block-list .ttl-group .ttl {
	width:100%;
	margin-top:8px;
	font-size:100%
}
#main-contents .block-list .ttl-group .author {
	padding:6px 0 0 0;
}
#main-contents .block-list .ttl-group .author img {
	width:30px;
	border-radius:15px;
	background:#fff;
}
#main-contents .block-list .inner-border .ttl-group .author img {
	background:#f6f2ef;
}
#main-contents .block-list .ttl-group .date {
	margin-right: 10px;
  color: #999;
}
#main-contents .block-list .ttl-group .tag {
	font-size: 81.3%;
  font-weight: bold;
}
#main-contents .tag-group {
	margin-top:7px;
}
#main-contents .tag-group li {
	display:inline-block;
	margin:8px 3px 0 0;
}
#main-contents .tag-group li a {
	display:block;
	padding:4px 6px;
	border-radius:2px;
	background:#818181;
	color:#fff;
	font-weight:300;
	font-size:75%;
}


/* ttl-group contents */
#main-contents .pickup-contens .ttl-h {
	background:url(../../img/ttl_c.png) no-repeat center top / 113px auto;
}
#main-contents .pickup-contens .ttl-h .yume_ray {
	width:80px;
	left:230px;
	top:34px;
}
#main-contents .pickup-contens .ttl-h .info {
	width:75px;
	right:228px;
	top:34px;
}
#main-contents .pickup-contens .ttl-h .ray {
	width:30px;
	right:185px;
	top:18px;
}
#main-contents .pickup-contens .common-block-inner {
	padding:45px 40px;
}
#main-contents .pickup-contens .block {
	display:block;
	float:left;
	width:calc(33.3% - 20px);
	margin-right:30px;
	border-radius:10px;
	background:#f5f2ef;
	overflow:hidden;
}
#main-contents .pickup-contens .block:nth-child(3n) {
	margin-right:0;
}
#main-contents .pickup-contens .trim {
	padding-top:55.1%;
}
#main-contents .pickup-contens .text {
	line-height:1.4;
	padding:20px;
	font-weight:bold;
	font-size:112.5%
}


/* recommend program */
#main-contents .rcmndProgram .inner {
  padding: 40px 40px 10px;
  border-radius: 10px;
  background: #fff;
}
#main-contents .rcmndProgram .inner {
  flex-wrap:wrap;
}
#main-contents .rcmndProgram .inner .block {
  width: 50%;
  padding: 0 20px 30px 0;
  align-items: center;
}
#main-contents .rcmndProgram .inner img {
	width:200px;
	border-radius:4px;
  border: 1px #e4e4e4 solid;
}
#main-contents .rcmndProgram .inner dl {
	width:calc(100% - 220px);
  margin-left: 20px;
	line-height:1.4;
}
#main-contents .rcmndProgram .inner dl dt {
	margin-bottom:8px;
	font-weight:bold;
	font-size:1.125em;
}
#main-contents .rcmndProgram .inner dl dd {
	color:#cd0806;
	font-weight:400;
	font-size:87.5%;
}




@media all and (max-width: 812px) {
/* contents ============================== */
#main-contents {
  padding: 10px 0 120px;
}
#main-contents > .center {
	width:90%;
}

/* breadcrumbs */
.breadcrumbs {
	display:none;
}


/* common-block */
#main-contents .common-block {
	padding-bottom:30px;
}
#main-contents .common-block:before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:#d70c19;
}

/* btn */
#main-contents .btn {
	width:220px;
	padding:18px 0;
	border-radius:4px;
	font-size:87.3%;
}





/* article */
.article .ttl-h  {
	padding:42px 0 25px;
}
.article .ttl-h strong {
	font-size:200%;
}
.article .ttl-h > span {
	font-size:100%;
}
.article .ttl-h-small strong {
	margin-bottom: 5px;
	font-size: 168.8%;
}
.article .ttl-h-small strong span {
	display:block;
	margin:5px 0 0 0;
}
.article .ttl-h-small > span {
	font-size: 75%;
}
.article .ttl-h2 {
	margin-bottom:25px;
	font-size:143.8%;
}
.article .ttl-h2:after {
	width:90px;
}
.article .ttl-h3 {
	margin-bottom:20px;
  padding:8px 12px;
	font-size:120%;
}
.article .ttl-h4 {
	position:relative;
	margin-bottom:20px;
	padding-left:20px;
	font-size:120%;
}
.article .ttl-h4:before {
	top:7px;
}
.article .common-text {
	font-size:93.8%;
}
.article .box-bg {
	padding: 5%;
	border-radius:6px;
	font-size:93.8%;
}
.article .box-border {
	padding: 3% 5%;
	border-radius:6px;
	font-size:93.8%;
}
.article .list-text li {
	margin-bottom:10px;
	padding-left:15px;
	font-weight:400;
}
.article .list-text > li {
	font-weight:bold;
	font-size:93.8%;
}
.article .list-text li:before {
	top:6px;
	border-radius:3px;
}
.article .list-text > li:before {
	width:6px;
	height:6px;
	background:#d70c19;
}
.article .list-text li ul {
	margin-top:10px;
}
.article .list-text li ul li:before {
	width:4px;
	height:4px;
	border:1px #d70c19 solid;
}

.article ol {
	counter-reset: item;
	font-weight:400;
}
.article .o-list-text li {
	margin-bottom:10px;
	padding-left:15px;
}
.article .o-list-text > li {
	font-weight:bold;
	font-size:93.8%;
}
.article ol li:before {
	width:10px;
}
.article .o-list-text li ol {
	margin-top:10px;
}

.article .source {
	padding:15px 20px;
}
.article .source:before,
.article .source:after {
	width:17px;
	height:20px;
}

.article .table {
	font-size:81.3%;
}
.article .table th {
	width:20%;
	padding:0 15px;
}
.article .table td {
	padding:10px 15px;
}

/*.common-slider .slick-arrow {
	width:10%;
	border-radius:4px;
	z-index:2;
}
.common-slider .slick-arrow div {
	padding-top:100%;
}
.common-slider .slick-arrow div:before {
	right:40%;
	width:30%;
	height:30%;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}
.common-slider .prev div:before {
	right:25%;
}*/


/* journal */
#main-contents .journal {
	margin:0 auto;
}
#main-contents .journal-wide {
	width:100%;
	margin-bottom:1%;
}
#main-contents .journal .ttl-group {
  float:none;
	margin:-15px auto 0;
	width:95%;
}
#main-contents .journal .ttl-group .link {
	padding: 15px 15px 10px;
}
#main-contents .journal .ttl-group .post-it{
	width: 65px;
  padding: 3px 0 2px;
  font-size: 10px;
}
#main-contents .ttl-group .ttl,
#main-contents .journal-wide .ttl-group .ttl {
	width: 100%;
  line-height: 1.4;
  margin-bottom: 5px;
	font-size:100%
}
#main-contents .journal-wide .ttl-group .ttl {
  width: 100%;
}
#main-contents .ttl-group .text {
	margin-bottom: 5px;
	font-size:81.3%;
}
#main-contents .journal .slick-list {
	margin: 0;
}
#main-contents .journal .slick-slide {
	margin-right:0;
	overflow:hidden;
  padding: 0 1px;
}
#main-contents .journal .slick-slide .j-trim{
	display:block;
	position:relative;
	width:100%;
	padding-top:49%;
}
#main-contents .journal .slick-slide .j-trim img {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#main-contents .journal .prev {
	left:0;
	border-radius:0 4px 4px 0;
}
#main-contents .journal .next {
	right:0;	
	border-radius:4px 0 0 4px;
}
#main-contents .journal .slick-arrow {
	height: auto;
}
#main-contents .journal .slide-dots {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main-contents .journal .slide-dots li {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 50%;
  background: #a4a4a4;
}
#main-contents .journal .slide-dots .slick-active {
  background: #d70c19;
}
#main-contents .journal .slide-dots button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: -9999px;
}

/* journal-small */
#main-contents .journal-small {
	margin-bottom:50px;
  padding-top: 20px;
}
#main-contents .journal .ttl-h {
	padding:0 0 5px;
}
#main-contents .journal .ttl-h span {
	display:inline-block;
	width:145px;
}
#main-contents .journal .ttl-h .report {
	width:62px;
	left:5px;
	top:45px;
}
#main-contents .journal .ttl-h .star_yellow {
	width:16px;
	left:0;
	top:16px;
}
#main-contents .journal .ttl-h .star_orange {
	width:10px;
	left:17px;
	top:8px;
}
#main-contents .journal .ttl-h .tawer {
	width:23px;
	right:34px;
	top:auto;
	bottom:-1px;
}
#main-contents .journal .ttl-h .dog {
	width:36px;
	right:2px;
	bottom:-2px;
}
#main-contents .journal .ttl-h .star_orange2 {
	width:17px;
	right:10px;
	top:8px;
}
#main-contents .journal .ttl-h .star_yellow2 {
	width:11px;
	right:5px;
	top:40px;
}
#main-contents .journal-small .wrap {
	position:relative;
}
#main-contents .journal-small .journal-slide .j-trim {
  padding-top: 49%;
  border-radius: 10px 10px 0 0;
}
#main-contents .journal-small .ttl-group {
  margin: 0;
  width: 100%;
  border-radius: 0 0 10px 10px;
}
#main-contents .journal-small .prev {
	left: -6%;
}
#main-contents .journal-small .next {
	right: -6%;
}
#main-contents .journal-small .more-btn {
	margin-top:20px;
}

/* block-list  */
.block-list .flex {
  flex-direction: column;
  gap: 8vw 0;
}
.block-list .block{
	width:100%;
  height: auto !important;
}


/* ttl-group contents */
#main-contents .pickup-contens .ttl-h-small {
	padding: 0px 0 22px;
}
#main-contents .pickup-contens .ttl-h {
	background:url(../../img/ttl_c.png) no-repeat center top / 83px auto;
}
#main-contents .pickup-contens .ttl-h .yume_ray {
	width:60px;
	left:0;
	top:20px;
}
#main-contents .pickup-contens .ttl-h .info {
	width:55px;
	right:10px;
	top:30px;
}
#main-contents .pickup-contens .ttl-h .ray {
	width:20px;
	right:-5px;
	top:10px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
}
#main-contents .pickup-contens .common-block-inner {
	padding:7% 5% 0;
}
#main-contents .pickup-contens .block {
	float:none;
	width:100%;
	margin:0 0 6% 0;
}
#main-contents .pickup-contens .block:last-child {
	margin-bottom:0;
}
#main-contents .pickup-contens .text {
	padding:5%;
	font-size:93.7%
}
  
  
/* recommend program */
#main-contents .rcmndProgram .inner {
  padding: 5% 5% 2%;
}
#main-contents .rcmndProgram .inner {
  display: block;
}
#main-contents .rcmndProgram .inner .block {
  width: 100%;
  padding: 0 0 5% 0;
}
#main-contents .rcmndProgram .inner img {
	width:30.6vw;
}
#main-contents .rcmndProgram .inner dl {
	width:calc(100% - 33.2vw);
  margin-left: 2.6vw;
}
}


@media all and (max-width: 667px) {
/* pager */
.pager {
	padding:0 15px;
}
.pager span {
	font-size:4vw;
}
.pager .arrow.off:after {
  width: 2.2vw;
  height: 2.2vw;
}
.pager .prev {
	margin-right:3vw;
}
.pager .prev.on:after, .pager .prev.off:after {
	left: -3.2vw;
  width: 2.2vw;
  height: 2.2vw;
}
.pager .next {
  margin-left: 3vw;
}
.pager .next.on:after, .pager .next:after {
  right: -3.2vw;
  width: 2.2vw;
  height: 2.2vw;
}
.pager .next:after {
	right: -3.2vw;
}
.pager strong,
.pager > a  {
	margin: 0 1.5vw;
  font-size: 5.5vw;
}
.pager strong {
	width: 7vw;
  line-height: 7vw;
  border-radius: 1.2vw;
}
}


@media all and (max-width: 375px) {
/* recommend program */
#main-contents .rcmndProgram .inner dl dt {
  margin-bottom: 0;
  font-size: 4.3vw;
}
#main-contents .rcmndProgram .inner dl dd {
  font-size: 3.43vw;
}
}