@charset "UTF-8";
/* CSS Document */
#slider{
	width:100%;
}

#snstab, #bnr_area, #sub_cont {
	clear: both;
	width:100%;
	float:none;
	margin: 0 auto 20px auto;
}
@media only screen and (min-width: 769px) {
#slider{
	width:100%;
	/*height:600px;*/
	float: none;
}
#snstab, #bnr_area, #sub_cont {
	clear: none;
	width: calc( 31% - 2px);
	float:left;
	margin: 0 1% 20px 1%;
	/*height:400px;*/
}

#bnr_area {
	clear: none;
	width: 96%;
	float:left;
	margin: 0 1% 20px 1%;
	/*height:400px;*/
}
#bnr_area li.col_100{
	width: calc( 100% / 3);
	float:left;
	margin: 0 0 20px 0;
	text-align: center;
}
}
.slideshow{
	display:block;
	/*background-image:url(../img/top/slider1.jpg);*/
	background-size:contain;
	width:100%;
	/*max-width:1200px;*/
	margin:0 auto;
}
/*.slideshow img { width:1100px;max-height: 600px;}*/

.symbol_logo {
	display:block;
	margin: auto;
	width:30%;
	padding:10%;
}

/*@media print, only screen and (min-width: 769px) {
#snstab, #bnr_area, #sub_cont{
	clear: none;
	width:32%;
	float:right;
	margin: 0 0 20px 3%;
}
}*/

#bnr_area img {
	width:96%;
	/*height:60px;*/
}
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: #FFF;
    /*border-top:#4F1A63 solid 1px;
    border-left:#4F1A63 solid 1px;
	border-right:#4F1A63 solid 1px;*/
	margin: 0 1px 0 0;
    padding: 3px 0;
    order: -1;
	width: calc( 33.3% - 1px );
	text-align: center;
	background-color: #AB7FBB;
}
.tab-label a,.tab-label a:hover,.tab-label a:visited{
	color:#FFF;
	text-decoration: none;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    /*border:#1DA1F2 solid 1px;*/
	background: #1DA1F2;
	color: #FFF;
	height:30px;
}
.tab-switch:checked+.tab-label+.tab-content {
	display: block;
	border: #1DA1F2 solid 1px;
	height: 400px;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

#bnr_area img{
	margin-bottom:20px;
}

#contents_info .youtube,#contents_info .radio{
	border: #BB79C0 1px solid;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    float: left;
	height:412px;
}
#contents_info .column_title img.movie_icon{
	float: left;
	/*vertical-align: middle;*/
}
#contents_info .youtube{
	/*background-image: url("../img/ico_movie.png");
	background-repeat: no-repeat;*/
}
#contents_info .youtube .movie_title{
	display: inline-block;
	vertical-align: middle;
	width:70%;
}
@media print, only screen and (min-width: 769px) {

#news h3{font-size:1.8em;}

#contents_info .youtube .movie_title{
	display: inline-block;
	vertical-align: middle;
	width:220px;
}
#contents_info .youtube,#contents_info .radio{
	border: #BB79C0 1px solid;
    margin: 0 1%;
    padding: 1%;
    width: calc( 29% - 2px);
    float: left;
	height:412px;
}

}

#contents_info .radio{
	
}
#contents_info .radio img.tham{
	float:left;
	width: 153px;
	margin: 0 0.5em 30px 0.5em;
}


#memberslider{
	width:96%;
	margin: 10px auto 40px;
}
#memberslider .sliderbox{
	display:block;
	float:left;
	border:2px #DDD solid;
	padding:5px;
	margin-right: 10px;
	margin-bottom:20px;
	min-height:6em;
}
#memberslider .sliderbox h3{
	display:none;
}
#memberslider .sliderbox p.membercopy{
	display:none;
}

#memberslider .sliderbox img.memberphoto{
	/*width:80px;*/
	float:left;
}
#memberslider .sliderbox h4{
	display: block;
	font-size:11px;
	height:8em;
}
#memberslider .sliderbox a h4,
#memberslider .sliderbox a h4:hover{
	text-decoration: none;
	color:#222;
}

#memberslider .sliderbox .linkbtn{
	display: none;
}
#memberslider .sliderbox .linkbtn a,
#memberslider .sliderbox .linkbtn a:hover{
	color:#FFF;
	text-decoration: none;
}

@media print, only screen and (min-width: 769px) {

#memberslider{
	width:96%;
	margin: 10px auto 40px;
}
#memberslider .sliderbox{
	display:block;
	width:240px;
	height:350px;
	float:left;
	border:2px #DDD solid;
	padding:5px;
	margin-right: 10px;
	margin-bottom:20px;
}
#memberslider .sliderbox h3{
	display: block;
	margin: 0.5em auto;
	font-size:1.1em;
}
#memberslider .sliderbox h4{
	display: none;
}
#memberslider .sliderbox p.membercopy{
	display: block;
	font-size:0.9em;
	line-height:1.2em;
}

#memberslider .sliderbox img.memberphoto{
	width:100%;
	margin-bottom:10px;
	/*margin: 5px;
	float:left;*/
}

#memberslider .sliderbox .linkbtn{
	display: block;
	clear:both;
	width:80px;
	float:right;
	color:#FFF;
	text-decoration: none;
	position: absolute;
	bottom: 20px;
}
#memberslider .sliderbox .linkbtn a,
#memberslider .sliderbox .linkbtn a:hover{
	color:#FFF;
	text-decoration: none;
}

#memberslider .sliderbox .linkbtn > img{
	float:right;
}

}




#lang_navi_sp {
	clear:both;
	display:block;
	background-color:#888888;
	margin-bottom: 20px;
}
.btn_lang_sp{
	display:block;
}
.btn_lang_sp ul{
	width:100%;
	margin:0;
}
.btn_lang_sp li{
	display:block;
	text-align:center;
	padding:5px 0;
	width:calc(calc(100% - 4px) / 4);
	border-right:1px #FFF solid;
	float:left;
	color:#FFF;
	background-color:#888;
	font-size:0.9em;
}
.btn_lang_sp li a{
	color:#FFF;
	text-decoration:none;
}
#sp_navigation {
	display:block;
	margin:10px 0 20px 0;
}
.sp_navi_btn {
	display: block;
	width: calc( calc( 100% - 5px ) / 2);
	margin: 1px;
	background-color: #6C2782;
	padding: 0;
	float: left;
	text-align: center;
}
.sp_navi_btn img {
	height:50px;
	max-width:130px;
	margin:10px auto;
	float:none;
}
.sp_navi_btn p {
	width:100%;
	text-align:center;
	color:#FFF;
	margin:0 0 5% 0;
	font-size:0.9em;
	line-height:1em;
}

@media print, only screen and (min-width: 769px) {
.symbol_logo {
	display:block;
	margin: auto;
	width:25%;
	padding:12.5%;
}

#lang_navi_sp {
	display:none;
}

#sp_navigation {
	display:none;
}


}

