@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 12vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 1vw 0;
	}
}

@media screen and (max-width: 640px) {
	.content0{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 17vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 2vw 0;
	}
}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		width:980px;
		margin:0 auto 0 auto;
		padding:0 0 10vw 0;
		text-align:left;
	}
	
	.content1 .contentleft{
		width:614px;
		float:left;
		
	}
	
	.content1 .contentleft .contenttitle1{
		margin:0 0 1.5vw 0;
		padding:0;
	}
	.content1 .contentleft .contenttitle1-2{
		margin:0 0 4vw 0;
		padding:0;
		text-align:center;
	}
	.content1 .contentleft .contentdate{
		margin:0 0 1.5vw 0;
		padding:0;
		padding:0 0 0 3px;
		display:block;
	}
	
	.content1 .contentleft .contentmainimage{
		max-width:614px;
		margin:0 0 1.5vw 0;
	}
	
	.content1 .contentleft .contentmaintxt *{
		mix-width:644px!important;
        line-height: 2em;
	}
	.content1 .contentleft .contentmaintxt p{
        margin: 0 0 6px 0;
    }
	.content1 .contentleft .contentmaintxt hr{
		width:644px!important;
	}
	.content1 .contentleft .contentmaintxt a{
		text-decoration:underline;
	}
	
	/* 260302 PR専用 */
	.content1 .contentleft .contentmaintxt .audio_spotify_etc_260302{
		width: 100%;
		height: 200px;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302{
		display: block;
		width: 100%;
		font-size: 0;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_left{
		display: inline-block;
		vertical-align: top;
		width: 59%;
		padding: 0 2% 0 0;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_left img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_right{
		display: inline-block;
		vertical-align: top;
		width: 40%;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_right img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 {
		display: block;
		width: 100%;
		font-size: 0;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_left{
		display: inline-block;
		vertical-align: top;
		width: 40%;
		padding: 0 5% 0 0;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_left img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_right{
		display: inline-block;
		vertical-align: top;
		width: 60%;
	}
	.content1 .contentleft .contentmaintxt .row40 .row30_right img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 p{
		font-size: 14px;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 p{
		font-size: 14px;
	}
	
	
	.content1 .contentright{
		width:307px;
		overflow:hidden;
		float:right;
	}
	.content1 .contentleft .contentmaintxt .video_youtube{
		width: 100%;
		height: 345px;
	}
	
	.content1 .contentright .contenttitle1{
		margin:0 0 10px 0;
		padding:0;
	}
	
	.content1 .contentright ul{
		margin:0 0 1vw 0;
	}
	
	.content1 .contentright ul li{
		
	}
	
	.content1 .contentright ul li a{
		display:block;
		padding:0.7vw 0 0.7vw 0;
		color:#a0a0a0;
	}
	
	.content1 .contentright form{
		width:307px;
		overflow:hidden;
		margin:0 0 2vw 0;
		padding:0;
	}
	
	.content1 .contentright .searchtxt{
		border:solid 1px #a0a0a0;
		width:240px;
		height:40px;
		margin:0;
		padding:0 0 0 10px;
		float:left;
	}
	
	.content1 .contentright .searchbutton{
		border:solid 1px #a0a0a0;
		border-left:none;
		width:56px;
		height:40px;
		display:inline-block;
		margin:0;
		padding:0;
		float:left;
		text-align:center;
		line-height:40px;
		background-color:#ccc;
	}
	
	.content1 .contentleft .content_search{
		border-top:solid 1px #ccc;
		margin:0 0 0 0;
	}
	
	.content1 .contentleft .content_search li{
		border-bottom:solid 1px #ccc;
		padding:1.5vw 0 1.5vw 0;
	}
	
	.pagenumfr{
		width:100%;
		margin:5px 0;
		text-align:center;
		position:relative;
		display:block;
	}
	.pagenum{
		display:inline-block;
		background-color:#000;
		color:#fff!important;
		padding:5px 10px;
		margin:0 10px 0 0;
	}
	
	.pagenum.active{
		background-color:#ccc;
		color:#000;
	}
	
	.contentsearchcountfr{
		margin:5px 0;
		width:100%;
		display:block;
		text-align:center;
		position:relative;
	}
	
	.content1 .contentleft .contentsearchcount{
		width:100%;
		display:block;
		text-align:right;
	}
	
	.content1 .contentleft .content_search .content_date{
		width:130px;
		display:inline-block;
		vertical-align:top;
	}
	
	.content1 .contentleft .content_search .content_title{
		width:484px;
		display:inline-block;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 15vw 0;
		text-align:left;
	}
	
	.content1 .contentleft{
		width:100%;
		padding-bottom:8vw;
		border-bottom:solid 4px #000;
	}
	
	.content1 .contentleft .contenttitle1{
		margin:0 0 1vw 0;
		padding:0;
	}
	.content1 .contentleft .contenttitle1-2{
		margin:0 0 8vw 0;
		padding:0;
		text-align:center;
	}
	.content1 .contentleft .contentdate{
		margin:0 0 4vw 0;
		padding:0;
		padding:0 0 0 3px;
		display:block;
	}
	
	.contentmainimagefr{
		width:100%;
		text-align:center;
		margin:0 auto 4vw auto;
	}
	.content1 .contentleft .contentmainimage{
		max-width:100%;
	}
	.content1 .contentleft .contentmaintxt a{
		text-decoration:underline;
	}
	
	.content1 .contentleft .contentmaintxt .video_youtube{
		width: 100%;
		height: 56vw;
	}
	
	
	/* 260302 PR専用 */
	.content1 .contentleft .contentmaintxt .audio_spotify_etc_260302{
		width: 100%;
		height: 54vw;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302{
		display: flex;
		flex-direction: column;
		width: 100%;
		font-size: 0;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_left{
		order: 2;
		display: block;
		width: 100%;
		padding: 0 2% 0 0;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_left img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_right{
		order: 1;
		display: block;
		width: 100%;
		text-align: center;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 .row50_right img{
		width: 80%;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 {
		display: block;
		width: 100%;
		font-size: 0;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_left{
		display: block;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_left img{
		width: 80%;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 .row40_right{
		display: block;
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row40 .row30_right img{
		width: 100%;
	}
	.content1 .contentleft .contentmaintxt .row50_etc_260302 p{
		font-size: 14px;
	}
	.content1 .contentleft .contentmaintxt .row40_etc_260302 p{
		font-size: 14px;
	}
	
	.content1 .contentright{
		width:100%;
		float:none;
		margin:10vw 0 0 0;
	}
	
	.content1 .contentright .contenttitle1{
		margin:6vw 0 5px 0;
		padding:0;
	}
	
	.content1 .contentright ul{
		margin:0 0 1vw 0;
	}
	
	.content1 .contentright ul li{
		
	}
	
	.content1 .contentright ul li a{
		display:block;
		padding:2vw 0 2vw 0;
		color:#a0a0a0;
	}
	
	.content1 .contentright form{
		width:100%;
		overflow:hidden;
		margin:0 0 2vw 0;
		padding:0;
	}
	
	.content1 .contentright .searchtxt{
		border:solid 1px #a0a0a0;
		width:85%;
		height:60px;
		margin:0;
		padding:0 0 0 10px;
		float:left;
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-border-radius : 0;
		-webkit-appearance : none;
		-webkit-tap-highlight-color : rgba(0,0,0,0);
		font-size:28px!important;
	}
	
	.content1 .contentright .searchbutton{
		border:solid 1px #a0a0a0;
		border-left:none;
		width:15%;
		height:60px;
		display:inline-block;
		margin:0;
		padding:0;
		float:left;
		text-align:center;
		line-height:58px;
		background-color:#ccc;
	}
	
	.content1 .contentleft .content_search{
		border-top:solid 1px #ccc;
		margin:2vw 0 0 0;
	}
	
	.content1 .contentleft .content_search li{
		border-bottom:solid 1px #ccc;
		padding:4vw 0 4vw 0;
	}
	
	.pagenumfr{
		width:100%;
		margin:5px 0;
		text-align:center;
		position:relative;
		display:block;
	}
	.pagenum{
		display:inline-block;
		background-color:#000;
		color:#fff!important;
		padding:5px 10px;
		margin:0 10px 0 0;
	}
	
	.pagenum.active{
		background-color:#ccc;
		color:#000;
	}
	
	.contentsearchcountfr{
		margin:15px 0;
		width:100%;
		display:block;
		text-align:center;
		position:relative;
	}
	
	.content1 .contentleft .contentsearchcount{
		width:100%;
		display:block;
		text-align:right;
	}
	
	.content1 .contentleft .contentsearchcount{
		padding:0;
		padding:0 0 0 3px;
	}
	
	.content1 .contentleft .content_search .content_date{
		width:100%;
		display:block;
		vertical-align:top;
	}
	
	.content1 .contentleft .content_search .content_title{
		width:100%;
		display:block;
	}
}
/* content1 */



/* content2 */
@media screen and (min-width: 641px) { 
	.content2{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 10vw 0;
	}
	
	.content2 h3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:5.5vw 0;
	}
	
	.content2 .contentrow{
		margin:0 auto 0 auto;
		overflow:hidden;
		font-size:0;/*inline-blockの余白対応*/
	}
	
	.content2 .contentrow-3 .col{
		width:31.333333333%;
		height:100%;
		margin:0 0 5vw 0;
		padding:0;
		overflow:hidden;
		display:inline-block;
		vertical-align:top;
	}
	
	.content2 .contentrow-3 .col:nth-child(3n-1) {
		margin:0 3% 0 3%;
	}
	
	.content2 .contentrow-3 .col .thum-link{
		display:block;
		margin:0;
		padding:0;
		border-top:solid 1px #a0a0a0;
	}
	
	.content2 .contentrow-3 .col .thum-link .m-info{
		width:100%;
		position:relative;
		margin:0;
		padding:1.3vw 0;
	}
	
	.content2 .contentrow-3 .col .thum-link .m-info .m-titlejpn{
		padding:0 5px 0 10px;
		position:absolute;
		top:1.5vw;
		right:0;
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages{
		display:block;
		width:100%;
		position:relative;
		margin:0;
		padding:0;
		border:solid 1px;
		overflow:hidden;
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages:before{
		content:"";
		display: block;
		padding-top: 61%; /* 高さを幅の75%に固定 */
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages img{
		position:absolute;
		top:0;
	}
	
	.content2 .thum-link .newsimages img{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.notouch .content2 .thum-link:hover .newsimages img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.touch .content2 .thum-link.touchhover .newsimages img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.content2 .contentrow-3 .col .thum-link .m-title{
		width:100%;
		line-height:1.8em;
		bottom:0;
		margin:15px 0 0 0;
		font-weight:400;
	}
	
	.content2 .morelink{
		position:relative;
		display:block;
		width:31.333333333%;
		margin:0 auto 0 auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content2 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content2 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.content2{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 10vw 0;
	}
	
	.content2 h3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:10vw 0;
	}
	
	.content2 .contentrow{
		width:100%;
		margin:0 auto 5vw auto;
		display: table;
	}
	
	.content2 .contentrow-3 .col{
		width:47%;
		margin:0 0 5vw 0;
		padding:0;
		overflow:hidden;
		display: table-cell;
		float:left;
	}
	
	.content2 .contentrow-3 .col:nth-child(odd){
		float:left;
		clear:both;
	}
	
	.content2 .contentrow-3 .col:nth-child(even){
		float:right;
	}
	
	.content2 .contentrow-3 .col .thum-link{
		display:block;
		margin:0;
		padding:0;
		border-top:solid 2px #a0a0a0;
	}
	
	.content2 .contentrow-3 .col .thum-link .m-info{
		width:100%;
		position:relative;
		margin:0;
		padding:1.3vw 0;
	}
	
	.content2 .contentrow-3 .col .thum-link .m-info .m-titlejpn{
		padding:0 5px 0 10px;
		position:absolute;
		top:2.0vw;
		right:0;
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages{
		display:block;
		width:100%;
		position:relative;
		margin:0;
		padding:0;
		border:solid 2px #eeeeee;
		overflow:hidden;
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages:before{
		content:"";
		display: block;
		padding-top: 61.888888888%; /* 高さを幅の75%に固定 */
	}
	
	.content2 .contentrow-3 .col .thum-link .newsimages img{
		position:absolute;
		top:0;
	}
	
	.content2 .thum-link .newsimages img{
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.notouch .content2 .thum-link:hover .newsimages img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.touch .content2 .thum-link.touchhover .newsimages img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	.content2 .contentrow-3 .col .thum-link .m-title{
		width:100%;
		line-height:3.0vw;
		bottom:0;
		margin:15px 0 0 0;
		font-weight:400;
	}
	
	.content2 .morelink{
		position:relative;
		display:block;
		width:50%;
		margin:0 auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:2vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content2 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content2 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:5vw;
		margin:auto;
	}
}
/* content2 */