/*///////////////// news ////////////////*/
 .news article h3{color:#fff;background:#22528a;border-left:solid 10px #6e1818;}
 .news .day{display:block;color:#990000;}
 .news .title{display:block;color:#00559c;}
 .news .lead{display:block;text-align:center;font-weight:bold;line-height:2;}
 .news .copy{display:block;text-align:center;}

.news .pBox .tCenter{display:block;text-align:center;}

.pBox ul{list-style-type: square;}
.pBox ol{list-style-type: circle;}
.pBox .midashi{display:block;
	background:#e7ebf1;color:#22528a;border: 2px solid #22528a;font-weight:bold;
	padding: .3em .5em .3em}

@media all and (min-width: 768px) {
	.news .txt .big1{font-size:120%;}
	.news .txt .big2{font-size:140%;}
	.news .txt .big3{font-size:160%;}
	.news .txt .big4{font-size:180%;line-height:1.5;}
	.news .txt .big5{font-size:220%;line-height:1.5;}

.news article h2 span{display:block;height:140px;background:url(../img/news/title.png)  left center no-repeat;}
.news article h3{margin-bottom:10px;font-size:110%;}
.news article h3 span{display:block;padding:5px 10px;}
 .news p small{ font-size:80%;}
 .news .copy{margin-bottom:20px; font-size:80%;}

.pBox .midashi{margin-bottom:30px;}
.pBox ul,.pBox ol{width:680px;margin:0 auto 20px;}
.pBox  li{margin-bottom:20px;}
}

@media all and (max-width: 767px) {
	.news .lead{letter-spacing:0;}
	.news .txt .big1{font-size:100%;}
	.news .txt .big2{font-size:120%;}
	.news .txt .big3{font-size:140%;}
	.news .txt .big4{font-size:160%;line-height:1.5;}
	.news .txt .big5{font-size:180%;line-height:1.5;}

.news article h2 {padding:0;}
.news article h2 span{display:block;width:100%;height:0; padding-top:25%;
	background:url(../img/news/title_smp.png)  center center no-repeat;background-size:contain;}
.news article h3{margin-bottom:1em;font-size:100%;}
.news article h3 span{display:block;padding:.3em .5em .2em;}
 .news p small{ font-size:70%;}
 .news .copy{margin-bottom:1em; font-size:70%;}

.pBox .midashi{margin-bottom:1em;}
.pBox ul,.pBox ol{width:85%;margin-bottom:1em;margin:0 auto;}
.pBox  li{margin-bottom:1em;}
 }

@media all and (max-width: 320px) {
	.news .lead{letter-spacing:0;font-size:85%;}
	.news .lead .big1{font-size:100%;}
	.news .lead .big2{font-size:120%;}
	.news .lead .big3{font-size:140%;}
	.news .lead .big4{font-size:160%;line-height:1.5;}
	.news .lead .big5{font-size:180%;line-height:1.5;}
}

@media all and (-ms-high-contrast: none){
	.news ruby {line-height:1;}
}



/*///////////////// photo ////////////////*/
.news .photo_tate,
.news .photo_yoko{display:block;background:#e7ebf1;}

@media all and (min-width: 768px) {
.news .photo_tate .lazy{display:block;width:280px;height:420px;}
.news .photo_yoko .lazy{display:block;width:420px;height:280px;}
.news .photo_tate{display:block;width:280px;height:420px;margin:20px auto;}
.news .photo_yoko{display:block;width:420px;height:280px;margin:20px auto;}
}

@media all and (max-width: 767px) {
.news .photo_tate{width:70%;margin:1em auto;}
.news .photo_tate .lazy{display:block;width:100%;height:0;padding-top:150%;}
.news .photo_yoko .lazy{display:block;width:100%;height:0;padding-top:66%;margin:1em auto;}
 }


/* button */
.news .button,.news .button2{display:block;text-align:center;}
.news .button a{display:block;margin:0 auto;}
.news .button2 a{display:block;margin:0 auto;}
.news .button a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #fff;font-size:170%;text-align: center;text-decoration: none;
                       background-color: #22528a;border-radius: 10px;box-shadow: 0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s, 
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.news .button a:hover {background-color: #799fca; box-shadow: 0 3px 0 #000, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.news .button a:active {color: #ddd;background-color: #799fca;box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}

.news .button2 a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #fff;font-size:170%;text-align: center;text-decoration: none;
                       background-color: #6e1818;border-radius: 10px;box-shadow: 0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s, 
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.news .button2 a:hover {background-color: #af6767; box-shadow: 0 3px 0 #000, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.news .button2 a:active {color: #ddd;background-color: #af6767;box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}

.news .button small{font-size:70%;}

@media all and (min-width: 768px) {
.news .button a{display:block;width:300px; padding:15px 0 10px;font-size:120%; line-height:100%;margin:40px auto;}
.news .button2 a{display:block;width:300px; padding:15px 0;font-size:120%; line-height:100%;margin:30px auto 0;}
}
@media all and (max-width: 767px) {
.news .button a{display:block;width:70%; padding:1em 0 .5em;font-size:100%; line-height:100%;margin:1em auto 2em;font-weight:bold;}
.news .button2 a{display:block;width:70%; padding:1em;font-size:100%; line-height:100%;margin:1em auto 0;font-weight:bold;}
}

/* mov */
@media all and (min-width: 768px) {
.news .mov{width:480px;height:270px;padding:5px;margin:0 auto 20px; background:#e7ebf1;}
}

@media all and (max-width: 767px) {
.news .mov {position: relative;width:90%;padding-top:49.5%;height: 0;margin:.5em auto 1em;overflow: hidden;
	webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	border:solid 3px #e7ebf1;}
.news .mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
}


.hey {
font-family:"Century Gothic", "Futura","sans-serif;","Andika", "century gothic", "STSong";
}

/*media print*/
@media print {
.news .photo_tate,
.news .photo_yoko{display: none;}
}