@charset “UTF-8”;
.img {
	max-width: 100%;
}

@media print, screen and (min-width:600px) {
header .categorylink a:before {
    content: none;
    }}

/**//*------------------------------------------------------

	キービジュアルエリア

------------------------------------------------------*/
@media print, screen and (min-width: 630px){.onlypc600 {
    display: block!important;
    }}

.mainp_kv {
	background: #222;
	height: 500px;
	width: 100%;
	position: relative;
/*font-family: 'Helvetica Neue', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	overflow:hidden;
	background-size: auto 100%;
}

.mainp_kv h1{text-align:center;
font-size:3.4rem;
margin-top:46px;
font-weight:normal;
font-family: 'gsmt-Light','sans-serif';
letter-spacing: 0.3rem;position:relative;z-index: 1;color: #fff;
margin-left: 3%;
    margin-right: 3%;}

.mainp_kv .kvimg{    max-width: ;
    width: ;
    height:500px;
    position: absolute;
    top:0;
    margin: auto;
    left: 0;
    right: 0;}


.mainp_kv .mainp_ttl {
    font-size: 2.2rem;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 40px;
    margin: auto;
color:#fff;
    line-height: 1.4;
    padding: 0 5%;
}
.mainp_kv .mainp_ttl small {
	font-size: 16px;
	display: inline-block;
	line-height: 22px;
    margin-top:10px;
}

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

    .mainp_kv .kvimg{
            left:-5%;}

}

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

    
    .mainp_kv {
	background: #222;
	height: 680px;
}
    .mainp_kv .kvimg{ 
        top:0;
   left: ;
        right:auto;
        width: auto;
    height: 680px;
    }
    
    .mainp_kv h1{
    font-size: 5rem;
    margin-top: 240px;
    text-align: right;
    margin-right: 60px;
    line-height: 5.5rem;
    margin-bottom: 40px;}
    
.mainp_kv .mainp_ttl {
    font-size: 3.2rem;
    position: relative;
    line-height: 1.8;
    text-align:right;
    
}

.mainp_kv .mainp_ttl {

}
.mainp_kv .mainp_ttl small {
font-size: 1.9rem;
    display: inline-block;
    line-height: 1.7;
    letter-spacing: 0.6px;
}

}

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

    .mainp_kv .kvimg{
            left:5%;}

}


/*------------------------------------------------------

	Movieエリア/Lineupエリア

------------------------------------------------------*/
#movie{background:#444;color:#fff;}
#movie a small{    line-height: 2rem;
    display: inline-block;
    border-left: 2px solid;
    padding-left: 10px;color:#fff;}

.block3,.block3_2, .block4{width:100%;margin:20px 0;}
.block3 img{width:100%; border: 1px solid #fff;}
.morelink{text-align:right;width:100%;margin-top:-15px;}
.morelink a{color: #fff;
    display: inline-block;
    font-family: 'gsmt-Bold','sans-serif';
}
.secInner2.order{flex-direction: column;display: flex;}
.order .block3,.order div.block2:nth-child(2){order:0;margin:0;}
.order .block3 img{width:50%;}
.order .block3_2,.order div.block2:first-child{order:1}
@media print, screen and (min-width:800px) {

.block3{width:29.3%;margin:0 2%;}
.block3_2{width:65%;margin:0 2%;}    
.block4{width:23%;margin:0 1%;}    
.morelink{margin-bottom:-20px;margin-top:0;}
    .order .block3 img{width:100%;}
    .order .block3_2{order:0}
    .order div.block2:first-child{order:0}
    .secInner2.order{flex-direction: row;}
     }


/*------------------------------------------------------

	feature エリア

------------------------------------------------------*/

#lineup{background:#f7f7f7;}

#lineup h3{    letter-spacing: 0.2rem;line-height: 1;
    margin-top: 30px;
    font-size: 2.8rem;
    font-weight: normal;font-family: 'gsmt-Light','sans-serif';}
.block2{background:#fff;width:100%;margin:20px 0;position:relative;text-align:center;overflow:hidden;}
.secInner2{display:block;} 
#lineup .secInner2 a{ background: #cedc00;
    border-radius: 20px;
    padding: 5px 25px;
    font-weight: bold;
    margin-bottom: 25px;
    display: inline-block;}

#lineup img{width:100%;}

#lineup h4{color:#bbc15c;font-size:1.9rem;margin-bottom:10px;    line-height: 1.5;font-weight:normal;
}

#lineup h4:before{content:'ー';padding-right:10px;}
#lineup h4{font-family: 'gsmt-Light','sans-serif';    font-weight: bold;letter-spacing:0.3rem;}



@media print, screen and (min-width:1100px) {
#lineup h4{font-size:2.2rem;
}    
    
    
}




/*------------------------------------------------------

	コンセプトエリアdisplay: flex;

------------------------------------------------------*/
#concept{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; line-height:2;font-size:15px;}
/*#concept .leftinner{width:100%;}
#concept .rightinner{margin:0;
    width:100%;line-height:0;
   }
#concept .rightinner img{width:100%;}

@media screen and (min-width:800px) {
    #concept{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-size:17px;}
    #concept .leftinner{width:50%;padding-left:15px;}
#concept .rightinner{margin: 30px 0;
    width: 50%;
    background: url(../img/dfacto_on_stage.jpg);
    background-size: cover;
    background-position: center;}
    #concept .rightinner img{display:none;}
}*/


@media print, screen and (min-width:800px) {
    
   #concept{font-size:17px;line-height:2;} 
}



/*------------------------------------------------------

	アコーディオン エリア

------------------------------------------------------*/

.secInner h2{  
font-size: 2.6rem;
    font-weight: normal;
    padding-bottom: 10px;
    text-align:center;
    font-family: 'gsmt-Light','sans-serif';
    letter-spacing:0.4rem;
}


 .accordion {
width: 100%;
    background: #cedc00;
 }

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px;
    color: #4D4D4D;
    font-size: 3rem;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: center;
    font-family: 'gsmt-Light','sans-serif';

}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    position: absolute;
    top: 30px;
    left: 15px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 25px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #fff;
    background:#bbc15c;
}

.accordion li.open i {
    color: #fff;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;border-bottom: 1px solid #bbc15c;
   
 }

.submenu li {
 padding:20px;background:#fff;overflow: hidden;
 }

.submenu li img,.yt{width: 100%;
    max-width: 290px;
    margin: auto;}

.submenu .yt a{padding:0;border:none;}

.submenu a {
  display:inline;border-bottom:dotted 1px #666;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }


@media print, screen and (min-width:800px) {
    #history .secInner{width:90%!important;max-width:none;}
    
.secInner h2{   
font-size: 3.3rem;
    line-height: 1;

    padding-bottom: 35px;
}  
    
}


/*------------------------------------------------------

	history エリア

------------------------------------------------------*/

#history{background: #f1f1f1;}
#recommend h4{color:#bbc15c;font-size:1.9rem;margin-bottom:10px;    line-height: 1.5;font-weight:normal;
}
#recommend h4:before{content:'ー';padding-right:10px;}
#recommend h4{font-family: 'gsmt-Light','sans-serif';    font-weight: bold;letter-spacing:0.3rem;}

#history .secInner > div{background:#fff;display:block;overflow:hidden;margin-bottom: 40px;position:relative;}



@media print, screen and (min-width:1100px) {
#recommend h4{font-size:2.2rem;
}    
    
  #history .secInner > div img{width:38%;}
    .leftimg .closeup{left:0;bottom:2%;top:auto;}
    .rightimg .closeup{bottom:2%;top:auto;}

.leftimg img{float:left;}
.rightimg img{float:right;}
 
    
}




/*------------------------------------------------------

	meirtエリア

------------------------------------------------------*/


#merit {
    background: #f1f1f1;
}

#merit h3{ letter-spacing: 0.1rem;line-height: 1;

    font-size: 2rem;
    font-weight: normal;font-family: 'gsmt-Light','sans-serif';}




#merit i{
  font-size:2em
}
#merit .plan1,#merit .plan2{
font-size:18px;
    font-weight:normal;
}

#merit .plan1_i,#merit .plan2_i{
word-break: break-all;
}

#merit .plan1_i a{background:#cedc00;}

#merit td i{
    font-size:16px;
}
#merit .plan2_i a{background:#cedc00;}



@media screen and (min-width: 700px) {
   
    #merit h3{ 
    margin-top: 20px;
        font-size: 2.8rem;}
   
    #merit table a{
font-size:16px;}
  
}



/*------------------------------------------------------

	#merit エリア

------------------------------------------------------*/


#merit h4{font-family: 'gsmt-Light','sans-serif'; color:#bbc15c;font-size:1.9rem;margin:5px 0 10px 0;    line-height: 1.5;font-weight:normal;letter-spacing:0.3rem;display:block;width:100%;
}

#merit h4:before{content:'ー';padding-right:10px;}

#merit .wrap{background:#fff;padding:3%;margin-top:3rem;}

#merit .secInner > div img{width:100%;display:inline-block;}

#merit strong {
    margin-top: -15px;
    display: block;
}

.closeup{position:absolute;top:10%;right:3%;border-radius: 15px 0 0 15px;font-size:2.7rem;padding:10px;color:#ccc;}

@media print, screen and (min-width:1100px) {
#merit h4{font-size:2.2rem;
}    
    

    .leftimg .closeup{left:0;bottom:2%;top:auto;}
    .rightimg .closeup{bottom:2%;top:auto;}

.leftimg img{float:left;}
.rightimg img{float:right;}


}
#merit h5 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 25px;
    border: 1px solid #8a8a8a;
    border-bottom: none;
    font-family: 'gsmt-Light','sans-serif';
    letter-spacing: 0.3rem;
    padding: 15px 0;text-align:center;
}

#merit h3{    letter-spacing: 0.2rem;line-height: 1;
    margin-top: 30px;
    font-size: 2.8rem;
    font-weight: normal;font-family: 'gsmt-Light','sans-serif';}
.block2{background:#fff;width:100%;margin:20px 0;position:relative;text-align:center;overflow:hidden;}
.secInner2{display:block;} 

#merit img{width:100%;}


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

.secInner2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;}
    .block2 {width:46%;margin:0 2% 25px;}   
    
#merit h5 {text-align:left;
    font-size: 2.8rem;padding: 15px 0 0 25px;
}
     .block2 {width:46%;margin:0 2% 25px;} 
}

/*------------------------------------------------------

	関連記事エリア

------------------------------------------------------*/

#tips {
    background: #f1f1f1;
}

#tips p{border-bottom:1px dotted #ccc;line-height:2;padding:5px 0;display:table;font-size:14px;width: 100%;}
#tips p span{font-weight: bold;
    display: inline-block;float:left;margin-right:10px;
    }
#tips small{    padding: 0 7px;
    border: #666 solid 1px;
    margin: 0 10px 0 0;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    vertical-align: text-top;}

#tips p a.more{background: #cedc00;
    display: inline-block;
    border-radius: 12px;
    padding: 0 12px;
    font-weight: bold;
    float: right;
    line-height: 1.7;
    margin-left: 10px;
    margin-top: 2px;
    font-family: 'gsmt-Bold','sans-serif';}


/*------------------------------------------------------

	soundsampleエリア

------------------------------------------------------*/

#soundsample{background:#6e6e6e;}
#soundsample h2{color:#fff;}

/*------------------------------------------------------

	recommendエリア

------------------------------------------------------*/

#recommend .secInner2 div {
    height: 180px;
    overflow: hidden;
    position:relative;
}

#recommend .wrap a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(189 189 189 / 55%);
}
#recommend .wrap a:hover {

    background: rgb(189 189 189 / 80%);
}

#recommend{background:#fff;}

#recommend h5 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 25px;
    border: 1px solid #8a8a8a;
    border-bottom: none;
    font-family: 'gsmt-Light','sans-serif';
    letter-spacing: 0.3rem;
    padding: 15px 0;text-align:center;
}

#recommend h3{    letter-spacing: 0.2rem;line-height: 1;
    margin-top: 30px;
    font-size: 2.8rem;
    font-weight: normal;font-family: 'gsmt-Light','sans-serif';}
.block2{background:#fff;width:100%;margin:20px 0;position:relative;text-align:center;overflow:hidden;}
.secInner2{display:block;} 

#recommend .secInner2 a strong {
    background: #cedc00;
    border-radius: 20px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px;
    line-height: 30px;
    width: 150px;
    text-align: center;
    font-size:2rem;
}

#recommend img{width:100%;}

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

.secInner2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;}
    .block2 {width:46%;margin:0 2% 25px;}   
    
    #recommend h5 {text-align:left;
    font-size: 2.8rem;padding: 15px 0 0 25px;
}
}

/*------------------------------------------------------

	SECTION

------------------------------------------------------*/
section {
	line-height: 1.8;
}
.secInner {
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
}

.discr {
    margin-bottom: 10px;
}

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


.secInner {
	margin: 0 auto;
	padding: 70px 0;
}
}

#headerSec li.menutitle a {
    padding:0;font-family: 'gsmt-Bold','sans-serif';font-size:19px;
}
.menutitle span{
    background-color: #cedc00;
    display: inline-block;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;text-align:center;
margin-top: -4px;}
.menutitle span img{    width: 100%;
   }
.menutitle{color:#424242;font-weight:bold;margin-bottom:15px;width:100%;}

@media print, screen and (min-width:800px) {
 .menutitle{border-right: 1px solid #999;border-bottom:none;width:auto;margin-bottom:0;padding-right:20px;}   
}



#footermenu div i {
    float: right;
    color: #999;
    font-size: 12px;
}

.featurebtn {
    background: #cedc00;
    border-radius: 22px;
    padding: 5px 25px;
    font-weight: bold;
    margin-top: 18px;
    display: inline-block;
        border-bottom: none!important;
    color: #000!important;
}

.featurebtn i {
    font-size: 13px;
    margin-left: 10px;
    margin-top: -5px;
}
/*--------------
メニューエリア
----------*/


#menu ul{display: flex; justify-content:space-between;  }
#menu ul li a{    display: flex; padding:3% 3% 50px;
    margin-bottom: 3%;
    border-radius: 4px;
    color: #ffffff;
    background: #8f8f8f;
    position: relative;
    justify-content: center;text-align:center;width:100%;
}

#menu ul li a:hover{background: #aaa;}

#menu ul li{ 
display: flex;
}


#menu ul.firstclm li{width:49%;}
#menu ul.secclm li{width:32%;}
#menu ul li i{font-size:5rem;color:#cedc00;display:block;}
#menu .secInner{padding-top:0;}

#menu ul li a:after{ content: '\f13a';
    font-family: "Font Awesome 6 Free";
    color: #cedc00;
    position: absolute;
    font-size: 2.5rem;
    bottom:5px;
   left: 50%;
        transform: translateX(-50%);
    -webkit- transform: translateX(-50%);} 



@media screen and (min-width: 700px) { 
    #menu ul li a{padding:5% 35px 5% 5%; 
  align-items: center;text-align:left;justify-content:left;}
    
   #menu ul li a:after{   
    top: 50%;
       bottom:auto;
    right: 3%;
     left: auto;
    transform: translateY(-50%) translateX(-3%)!important;
    -webkit- transform: translateY(-50%) translateX(-3%)!important;} 
    
}


/*----------フッター調整---------*/
@media print, screen and (min-width:1000px){
#footermenu div:first-child div{

    padding: 150px 0;

    }}


/*----POPUP調整-----*/
.lity_style h5{font-size: 1.6rem;
 }

.lity_style h5:before {
    content: 'ー';
    padding-right: 10px;
}

.lity_style h2 {
    font-weight: normal;
    color:#bbc15c;
}

.lity_style h3{
    border-left: 4px solid #8f8f8f;
    line-height: 1;
    padding-left: 10px;
    margin: 15px 4px;
}

.lity_style .block2{text-align: left;}

.lity_style ul{margin-left:2%;}
.lity_style a{border-bottom:1px dotted #70929c;color:#70929c;}
.lity_style ul li a:after{content:'\f24d';color:#70929c;font-family: "Font Awesome 6 Free";padding-left:5px;}