@media screen and (min-width: 768px) {
  body article section.pl .data {
    
    overflow: hidden;
  }
  body article section.pl .data.img_left .text {
    float: right;
  }
  body article section.pl .data.img_left .image {
    float: left;
  }
  body article section.pl .data.img_right .text {
    float: left;
  }
  body article section.pl .data.img_right .image {
    float: right;
  }
  body article section.pl .data.no_image .text {
    width: 400px;
  }
  body article section.pl .data.no_image .text.left {
    float: left;
  }
  body article section.pl .data.no_image .text.right {
    float: right;
  }
  body article section.pl .data .text h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  body article section.pl .data .text p {
    line-height: 17px;
    font-size: 14px;
  }
  body article section.pl .data .text p strong {
    font-weight: bold;
  }
  body article section.pl .data .text dl {
    width: 100%;
    min-height: 43px;
    border-bottom: 1px dotted #000000;
    overflow: hidden;
    display: table;
    line-height: 16px;
    font-size: 13px;
  }
  body article section.pl .data .text dl dt, body article section.pl .data .text dl dd {
    padding: 4px 0;
    display: table-cell;
    vertical-align: bottom;
  }
  body article section.pl .data .text dl dt {
    width: 106px;
    font-weight: bold;
  }
  body article section.pl .data .image {
    width: 460px;
  }
  body article section.pl .data .image img {
    width: 100%;
    height: auto;
  }
  body article section.pl .kids_event h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  body article section.pl .kids_event dl {
    line-height: 17px;
    font-size: 14px;
  }
  body article section.pl .kids_event dl dt {
    font-weight: bold;
  }
  body article section.pl .img-title img {
    text-align: center;
    margin-bottom: 45px;
	  width: 100%;

  }
  body article section.pl table {
    width: 400px;
    margin: 0 auto 80px auto;
  }
  body article section.pl table th {
    background: #f6f6f6;
    text-align: center;
    font-weight: bold;
    border: 1px solid #cccccc;
    padding: 14px 0;
    font-size: 12px;
  }
  body article section.pl table td {
    border: 1px solid #cccccc;
    text-align: center;
    padding: 14px 0;
    font-size: 12px;
  }

  body article section.pl ul.navi {
    margin: 0 auto;
    width: 860px;
    overflow: hidden;
  }
  body article section.pl ul.navi li {
    margin-right: 5px;
    margin-bottom: 24px;
    width: 30%;
    float: left;
  }
  body article section.pl ul.navi li:nth-child(3n) {
    margin-right: 0;
  }
  body article section.pl ul.navi li a {
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
  }
	  body article section.pl ul.navi li .thumb {
    margin-bottom: 10px;
    width: 100%;
    height: 99px;
    background: no-repeat center center;
	background-size: cover;	  
  }
  
  body article section.pl ul.navi li.nagano .thumb {
    background-image: url("../image/detail/pc/n.png");
  }
  
  body article section.pl ul.navi li.matsumoto .thumb {
    background-image: url("../image/detail/pc/m.png");
  }
  body article section.pl ul.navi li.norikura .thumb {
    background-image: url("../image/detail/pc/nori.png");
  }
  body article section.pl ul.navi li.northstar .thumb {
    background-image: url("../image/detail/pc/northstar.jpg");
  }
  
  body article section.pl ul.navi li.littlepeaks .thumb {
    background-image: url("../image/detail/pc/littlepeaks.jpg");
  }
  body article section.pl ul.navi li.lesson .thumb {
    background-image: url("../image/detail/pc/lesson.jpg");
  }	
	
	
	
	
	
}

@media screen and (max-width: 767px) {
	
  body article section.pl .img-title img {
    text-align: center;
	  width: 100%;

  }	
	
  body article section.pl .data {
    margin-bottom: 10px;
	margin-top: 10px;  
    overflow: hidden;
  }
  body article section.pl .data .text h3 {
    margin-bottom: 11px;
    font-size: 12px;
    font-weight: bold;
  }
  body article section.pl .data .text p {
    margin-bottom: 11px;
    line-height: 15px;
    font-size: 12px;
  }
  body article section.pl .data .text p.image img {
    width: 100%;
    height: auto;
  }
  body article section.pl .data .text p strong {
    font-weight: bold;
  }
  body article section.pl .data .text dl {
    width: 100%;
    min-height: 35px;
    overflow: hidden;
    display: table;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    line-height: 13px;
    font-size: 11px;
  }
  body article section.pl .data .text dl:last-child {
    border-bottom: 1px solid #cccccc;
  }
  body article section.pl .data .text dl dt, body article section.pl .data .text dl dd {
    display: table-cell;
    box-sizing: border-box;
    border-right: 1px solid #cccccc;
    vertical-align: middle;
  }
  body article section.pl .data .text dl dt {
    padding: 4px 0;
    width: 65px;
    background: #f6f6f6;
    font-weight: bold;
    text-align: center;
  }
  body article section.pl .data .text dl dd {
    padding: 4px 8px;
    text-align: left;
  }
  body article section.pl .kids_event h3 {
    margin-bottom: 11px;
    font-size: 12px;
    font-weight: bold;
  }
  body article section.pl .kids_event dl {
    line-height: 15px;
    font-size: 12px;
  }
  body article section.pl .kids_event dl dt {
    font-weight: bold;
  }
  body article section.pl .land_logo {
    text-align: center;
    margin-bottom: 45px;
  }
  body article section.pl .land_logo img {
    width: 100%;
  }
  body article section.pl table {
    width: 100%;
    margin: 0 auto 40px auto;
  }
  body article section.pl table th {
    background: #f6f6f6;
    text-align: center;
    font-weight: bold;
    border: 1px solid #cccccc;
    padding: 14px 0;
    font-size: 12px;
  }
  body article section.pl table td {
    border: 1px solid #cccccc;
    text-align: center;
    padding: 14px 0;
    font-size: 12px;
  }
  body article section.pl .photo img {
    width: 100%;
  }
	
	

  body article section.pl ul.navi {
    margin: 0 10px;
    overflow: hidden;
  }
  body article section.pl ul.navi li {
    margin-bottom: 9px;
    width: 100%;
    float: left;
    box-sizing: border-box;
  }
  body article section.pl ul.navi li:nth-child(odd) {
    padding-right: 5px;
  }
  body article section.pl ul.navi li:nth-child(even) {
    padding-left: 5px;
  }
  body article section.pl ul.navi li a {
    padding-top: 41.37931%;
    width: 100%;
    height: 0;
    display: block;
    background: no-repeat center center / contain;
    position: relative;
  }
  body article section.pl ul.navi li a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
  }
body article section.pl ul.navi li .thumb {
    display: none;
  }
  body article section.pl ul.navi li.nagano a {
    background-image: url("../image/detail/pc/n.png");
  }
  body article section.pl ul.navi li.matsumoto a {
    background-image: url("../image/detail/pc/m.png");
  }
  body article section.pl ul.navi li.norikura a {
    background-image: url("../image/detail/pc/nori.png");
  }	
  body article section.pl ul.navi li.northstar a {
    background-image: url("../image/detail/pc/northstar.jpg");
  }
  body article section.pl ul.navi li.littlepeaks a {
    background-image: url("../image/detail/pc/littlepeaks.jpg");
  }
  body article section.pl ul.navi li.lesson a {
    background-image: url("../image/detail/pc/lesson.jpg");
  }		
}