@media print {
	
	
/* 初期設定--------------------------------------------------------------------------------------------------------------------------------------------- */


@font-face {
    font-family: 'noto100';
    src:url("../font/noto_sans/NotoSansJP-Thin.woff") format('woff');
}


@font-face {
    font-family: 'noto300';
    src:url("../font/noto_sans/NotoSansJP-Light.woff") format('woff');
}

@font-face {
    font-family: 'noto400';
    src:url("../font/noto_sans/NotoSansJP-Regular.woff") format('woff');
}

@font-face {
    font-family: 'noto500';
    src:url("../font/noto_sans/NotoSansJP-Medium.woff") format('woff');
}

@font-face {
    font-family: 'noto700';
    src:url("../font/noto_sans/NotoSansJP-Bold.woff") format('woff');
}

@font-face {
    font-family: 'noto900';
    src:url("../font/noto_sans/NotoSansJP-Black.woff") format('woff');
}





html {

font-family: murecho, sans-serif;
font-style: normal;
font-weight: 400;


     font-feature-settings : "palt";
     letter-spacing:1px;
     
     
}

body{
font-family: murecho, sans-serif;
font-style: normal;
font-weight: 400;
background: #fdfaf2;

background: #edd200;
	

    


}

body a:focus{
	outline:none;
}





/* clear ---------------------------------------------- */


.clearfix:after {
height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
 overflow:hidden;
}
.clearfix {
 display:inline-block;
overflow:hidden;
}

/* exlude MacIE5 \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}

/* PC用のスタイル記述 */
.pc {
	display: block;
}
.phone {
	display: none;
}

.slicknav_menu {
	display:none;
}

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
}


/* PCベース設定--------------------------------------------------------------------------------------------------------------------------------------------- */
	
	
body{
	padding:0;
	margin:0;
	font-size:16px;

	line-height:180%;
	text-align:left;

}	 

/* container ---------------------------------------------- */





.container01_bg{
	width:100%;
	height:auto;
    padding:0 50px;
	box-sizing:border-box;


}

.container_bgc01{
    background:#FFFFFF;
    border-radius: 10px;    


}

.container_btm01{
    margin-bottom: 100px;
}


.container01{
    max-width:1200px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:100px 0;

    overflow-x: hidden;
}

.container02{
    max-width:1200px;
	width:100%;
	height:auto;
	margin:0 auto;

}



.container03{
    max-width:1800px;
	width:100%;
	height:auto;
	padding:100px 0;

}




.bg_main{
	width: 100% !important;
	height:auto;
	background:url("../img/common/main_bg.png") top no-repeat;
    background-size:contain;
}





/* header ---------------------------------------------- */




#fixed-header {
  position: fixed;
  top: -110px;  
  width: 100%;
  
  z-index: 100;

  transition: .5s; /* アニメーションタイミング */
}
#fixed-header.is-show {
  top: 0;
}





.header_bg{
	width:100%;
	height:70px;
	margin:0 auto;
    box-sizing: border-box;
	position:relative;
    background: #763b26;
    
/*background: linear-gradient(127deg,rgba(234, 136, 222, 1) 0%, rgba(193, 191, 230, 1) 100%);
*/
}


.header_bg.m_fixed {
	left: 0;
	position: fixed;
	top: 0;

    z-index: 10000;
}




header{

	width:100%;
	height:70px;
	margin:0 auto;

	box-sizing:border-box;
}











#section01,
#section02,
#section03,
#section04,
#section05,
#section06,
#section07,
#section08,
#section09,
#section10,
#section11,
#section12,
#section13,
#section14
{
    margin-top:-100px;
    padding-top:100px;
}




/* footer ---------------------------------------------- */


footer{
	padding:0 40px;
	box-sizing:border-box;
/*    background: #000000;*/

	width: 100%;
    height: auto;
	background:#FFFFFF;
 
    
}

.footer_in{	
	width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 0 30px 0;
	box-sizing:border-box;
}


.footer_bnr_area{
    margin: 0px auto 20px;
}

.footer_bnr_area ul{
    width: 100%;
    max-width: 640px;

    margin: 0px auto;
}

.footer_bnr_area li{
    float: left;
    width: 300px;
    margin-right: 40px;
}

.footer_bnr_area li a img{
    width: 100%;
}

.footer_bnr_area li:last-child{
    margin-right: 0px;
}


.footer_sns{
    position: relative;
    display: block;
    margin: 0px auto 20px;

    width: 80px;
    height: 80px;

    background: #ffffff;
    border-radius: 50%;
}

.footer_sns a{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;

    transform: translate(-50%,-50%);
}

.footer_sns a img{
    width: 100%;
    height: 100%;
}

.footer_sns a:hover img{
    opacity: 0.8;
}


.f_navi{
    margin-bottom: 20px;
}

.f_navi ul{
    text-align: center;
}

.f_navi ul li{
    font-size: 15px;
    line-height: 120%;
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    background: url("../img/common/footer_menu_border.jpg") right 3px no-repeat;
}

.f_navi ul li:last-child{
    background: none;
    padding-right: 0;
	margin-bottom:0px;
}


.f_navi ul li a{
    color:#FFFFFF;
    text-decoration: none;
    
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;    
}

.f_navi ul li a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}




address{
	font-size:16px;
	line-height:140%;
    text-align: center;

    margin-bottom: 12px;
}

.ad_ttl{
	font-size:20px;
	line-height:160%;
	margin-bottom:8px;	

}

.ad_ttl p{
	font-size:26px;
	line-height:120%;
	margin-bottom:8px;	

}

.ad_logo{
    margin-bottom: 20px;

}

footer a{
    color: #FFFFFF;
	text-decoration:none;
}

footer a:hover{
    color: #FFFFFF;
	text-decoration:none;
}


.f_cpy{

	font-size: 14px;
	box-sizing:border-box;
	line-height:120%;

    text-align: center;

}









/*gnav*/


.nav_logo{
	margin-bottom:50px;
	display:none;
}





#g-nav-list{
  width: 100%;
   max-width: 1200px;
   height: 40px;   
   margin: 0 auto;
   padding: 15px 0;
   box-sizing: border-box;
/*   
   background: #D09596;
*/


    box-sizing: border-box;
    
 
}

#g-nav-list ul{
text-align: center;




}

#g-nav-list ul li{
    width: calc( 100% / 6 );

    font-size:16px;
	line-height:100%;
	margin-right:0px;
    padding-right: 0px;
    float: left;


    font-family: kosugi-maru, sans-serif;
    font-style: normal;
    font-weight: 400;

}



#g-nav-list ul li a{
    display: block;
	width: 100%;
	height: 40px;   
	color:#FFFFFF;
	text-decoration: none;
    box-sizing: border-box;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    
    border-right: 2px solid #FFFFFF;

   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center;   

}


#g-nav-list ul li:first-child {
    border-left: 2px solid #FFFFFF;
    box-sizing: border-box;    
}

#g-nav-list ul li a:hover{
	color: #edd200;

}

.gnav_on{
	color: #edd200 !important;

}





  
  

  
  



/* h1 h2 h3 h4 h5 ---------------------------------------------- */



/* h1 h2 h3 h4 h5 ---------------------------------------------- */


h1.h1_01{
width: 212px;
height: auto;
text-align:center;
padding-top: 8px;
margin: 0 auto 15px;
/*position: absolute;
top: 64px;
left: 40px;*/
}





h2.h2_01{
    font-size: 42px;
    line-height: 130%;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 30px;
    
    font-family: murecho, sans-serif;
    font-style: normal;
    font-weight: 700;
    
    background: url("../img/common/h2_bg.png") center bottom no-repeat;    
}

h2.h2_01:first-letter{
    color: #ff6699;
}








/* スライド ---------------------------------------------- */


.top_slide_out{
    padding: 0 30px;

}

.top_slide{
	width:100%;
	min-height:750px;

	z-index:5;


    margin-top: 90px;


 
	background:center center no-repeat;
	 -moz-background-size: cover;
	-o-background-size: cover;
	 background-size: cover;
}





.slide_txt_out{
position: absolute;
width: 100%;
height: 750px;

box-sizing: border-box;

z-index: 6000;

  display: flex;
  justify-content: center;
  align-items: center;
}


.slide_txt_in{
    margin-top: 50px;
}





.slide_txt_out01{
position: absolute;
width: 100%;
height: 500px;

box-sizing: border-box;

z-index: 6000;

  display: flex;
  justify-content: center;
  align-items: center;
}


.slide_txt_in01{
    width: 380px;
    height: auto;
    margin:10px auto 0px auto;
}

















/* ページ共通背景 ---------------------------------------------- */





.button_l{
    margin: 0 !important;
}


.button01{
	width:310px;
	height:auto;
	text-align: center;
	text-decoration: none;
    margin: 0 auto;
}

.button01 a{
    display: block;
	width:310px;
    height: auto;
    font-size:16px;
    line-height: 100%;
    color:#FFFFFF;
    
    padding: 7px 10px 12px 10px;


    
    font-family: 'noto700';

	background:#fd3d6e;
	border: 1px solid #fd3d6e;
     box-sizing: border-box;

   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    

	border-radius:20px;   
}


.button01 a:hover {
    background:#FFFFFF;
	border: 1px solid #fd3d6e;
    color:#fd3d6e;
}




.main_top_img01{
  position: relative;
  width: 100%;
  min-height: 100vh; 
  
  background: url("../img/top/main_bg.jpg");
/*  background: linear-gradient(rgba(0, 0, 0, .5),  rgba(0, 0, 0, .5)),url("../img/common/main_bg.jpg");*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  
  position: relative;
}


/* トップ イベントコンセプト ---------------------------------------------- */


.tp_ic01{

}

.tp_ic01 dl dt{
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    
    color: #1a7599;

/* background: linear-gradient(180deg, #1a7599 0%, #ffffff 100%);
  background: -webkit-linear-gradient(-90deg, #1a7599 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  */
    margin-bottom: 20px;


    font-family: vdl-logomarupop-futoline, sans-serif;
    font-style: normal;
    font-weight: 400;
}



.tp_ic01 dl dd{
    font-size: 18px;
    line-height: 200%;


}



/* トップ タイムテーブル ---------------------------------------------- */

.timeline {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;


}

.timeline-list {

}

.timeline-list-item {
    display: flex;
    line-height: 150%;
    font-size: 15px;
    

}

.timeline-list-item .date {
    width:120px  !important;
    padding: 0 0 0 0px;
    color:#000000;




    font-size: 30px;
    line-height: 130%;
    letter-spacing: -0.02em;
    font-family: 'noto500';
}

.timeline-list-item .content {
    position: relative;
    max-width: 790px;
    width: 100%;



    
    padding: 0 30px 40px 50px;
    border-left: 6px #cc9900 solid;
    box-sizing: border-box;
    

    word-break: break-all;
    word-wrap: break-word;
}

.content p {
    background: #66cc33;
    padding: 10px 50px;
    box-sizing: border-box;
    
    border-radius: 30px;
    

    font-size: 22px;
    line-height: 120%;    
    color: #FFFFFF;
    text-align: center;
}

.timeline-list-item .content::before {
    content: "";
    position: absolute;
    top: 13px;
    left: -13px;
    width: 20px;
    height: 20px;
    background-color: #cc9900;
    border-radius: 10px;
}






/* トップ ステージプログラム---------------------------------------------- */





.tp_sp01_bg{
    max-width: 1800px;
	width: 100% !important;
	height:1400px;
	background:url("../img/top/01_bg.png") top no-repeat;
    background-size: cover;
    
    border-radius: 10px;
    
    margin-bottom: 100px;
    
 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center;     
}



.tp_sp01{
    padding: 0 50px;

}

.tp_sp01 ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 70px;

}

.tp_sp01 ul li:nth-child(2n){
    margin-right: 0;
}

.tp_sp01 ul li:nth-child(3){
    margin-bottom: 0px;
}

.tp_sp01 ul li:nth-child(4){
    margin-bottom: 0px;
}





.tp_sp01_ttl{

    height: 160px;
    background: url("../img/top/01_ttl.png") center center no-repeat;

    font-size: 36px;
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    margin:0 auto 20px auto;
    
    font-family: dolce, sans-serif;
    font-style: normal;
    font-weight: 900;
 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center; 
   
   z-index: 10;
   position: relative;
   

}


.tp_sp01_ttl span{
    display: block;
    font-size: 26px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 5px;
    font-family: murecho, sans-serif;
    font-style: normal;
    font-weight: 700;
}






.tp_sp01_in_btm0{
    margin: 0 auto 0px auto !important;
}


.tp_sp01_in{
    padding: 30px;
    height: 330px;
    box-sizing: border-box;

   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center;     
   
   border-radius: 15px;
}

.tp_sp01_in dl dt{
    max-width: 580px;
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
    text-align: center;
}

.tp_sp01_in dl dt img{
    vertical-align: top;
    margin: 0;
}


.tp_sp01_in dl dd{
    font-size: 28px;
    line-height: 100%;
    text-align: center;
    color: #000000;
    
    font-family: murecho, sans-serif;
    font-style: normal;
    font-weight: 700;
}


.tp_sp01_bg01{
    background: #fde5f4;
}
.tp_sp01_bg02{
    background: #fefccd;
}
.tp_sp01_bg03{
    background: #f7e5dc;
}
.tp_sp01_bg04{
    background: #c0eafa;
}



/* トップ 会場レイアウト---------------------------------------------- */


.tp_lr{
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.tp_lr img{
    border-radius: 10px;
}




/* 体験コンテンツ---------------------------------------------- */





.tp_tk_bg{
	width: 100% !important;
	height:1800px;
	background:url("../img/top/03_bg.jpg") top no-repeat;
    background-size: cover;
    
    border-radius: 10px;
    
 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center;     
}


.tp_tk01{
    max-width: 880px;
    width: 100%;
    height: auto;
    margin:  0 auto;
    padding: 0 50px;
    box-sizing: border-box;
}


.tp_tk01 ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
    margin-bottom: 50px;

}

.tp_tk01 ul li:nth-child(2n){
    margin-right: 0;
}

.tp_tk01 ul li:nth-child(7){
    margin-bottom: 0px;
}

.tp_tk01 ul li:nth-child(8){
    margin-bottom: 0px;
}


.tp_tk01_in{
    max-width: 380px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.tp_tk01_in_img{
    max-width: 380px;
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
}


.tp_tk01_in dl dt{
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 15px;
    
    font-family: murecho, sans-serif;
    font-style: normal;
    font-weight: 700;
}



.tp_tk01_in dl dd{
    font-size: 16px;
    line-height: 160%;

}






/* ならはコスプレサミット---------------------------------------------- */


.tp_nks01{
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;

}



.tp_nks02{
    width: 100%;
    height: auto;
    margin:  0 auto 0px auto;

}


.tp_nks02 ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;


}

.tp_nks02 ul li:nth-child(2n){
    margin-right: 0;
}




/* アクセス---------------------------------------------- */


.tp_ac_bg{
	width: 100% !important;
	height:1400px;
	background:url("../img/top/05_bg.jpg") top no-repeat;
    background-size: cover;
    
    border-radius: 10px;
    
 
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; 
   align-items: center; 
   -webkit-justify-content: center; 
   justify-content: center;     
}




.tp_acs01{
    margin-bottom: 50px;

}

.tp_acs02{
    width: 100%;
    height: auto;
    margin:  0 auto;

}


.tp_acs02 ul li{
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;


}

.tp_acs02 ul li:nth-child(2n){
    margin-right: 0;
}



.tp_acs02 p{
    font-size: 16px;
    line-height: 140%;
    margin-top: 30px;

}




	
}