@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap');

body{
	background:url("../img/bg_sblu.jpg")repeat;
    color:#0b4b66;
	letter-spacing:	2px;
	font-family: 'Noto Sans JP', sans-serif,ΰSVbNΜ, 'Yu Gothic', YuGothic, 'qMmpS Pro','Hiragino Kaku Gothic ProN', 'CI', Meiryo, 'lr SVbN',fMS PGothicf, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	center;
	-webkit-text-size-adjust: 100%;
	paddin:0;
	margin: 0;
	border: 0;
}


ul, li {
	list-style: none;
}

a:link{
	color:#8F7003;
	text-decoration:none;
}

a:visited{
	color:#435766;
	text-decoration:none;
}

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

.hidden{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

.object-fitImg{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}


#contents h1{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h2{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h3{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h4{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h5{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents .clear{
	clear:both;
}

#snsbanner{
    margin: 0 auto;
    text-align: center;
	padding: 10px 0;
    /*border:1px solid #f00;
	box-sizing: border-box;*/
}

#gigyaShare {
    vertical-align: top;
    text-align: center;
    margin: 30px auto 0;
}

@media screen and (min-width:641px )
{

/*gbv*/
.pc { display: block !important; }
.sp { display: none !important; }

    .img{
        max-width: 100%;
        border: 0;
    }

    #contents{
        width:100%;
        padding:0;
        margin:0 auto;
    }

    /*top*/

    #contents .topImg{
        width:100%;
        height:auto;
        padding:0;
        margin:0 auto;
        background: url("../img/top_bg_pc.jpg") top center no-repeat;
    }

    #contents .topImg .display{
        max-width:980px;
        height:auto;
        padding:5px;
        margin:0 auto;
        /*border:1px solid #f00;
        box-sizing: border-box;*/
    }


    #contents .topImg .pgTitle{
        background: url("../img/title_pc.png")no-repeat;
        max-width:980px;
        height:auto;
        margin:20px auto 0 auto;
        padding-top:26.3265%;
        background-position: top center;
        background-size: contain; 
    } 

    #contents .topImg .navi{
        background: url("../img/navi_pc.png")no-repeat;
        max-width:980px;
        height:auto;
        margin:20px auto 0 auto;
        padding-top:32.1428%;
        font-size:0px;
        background-position: top center;
        background-size: contain; 
    } 

    #contents .ep_banner{
        max-width:800px;
        height:auto;
        margin:20px auto 0 auto;
        padding-top:20%;
        font-size:0px;
        text-indent:-9999px;
        /*border:1px solid #fff;
        box-sizing: border-box;*/
        background: url("../img/ep-banner.jpg") no-repeat;
        background-position: top center;
        background-size: contain; 

    }
    
    .ep_banner:hover{
        filter: opacity(80%);
        cursor: pointer;
    }

    /*O[wi*/

    #contents .block_grn_bgt{
        width:100%;
        height:90px;
        margin:0 auto 0 auto;
        padding: 0;
        background: url("../img/bg_grn_top.png") center no-repeat;
    }

    #contents .block_grn_bg{
        width:100%;
        height:auto;
        margin:0;
        padding: 0;
        background: url("../img/bg_grn.jpg") repeat;
    }

    #contents .block_grn_bgb{
        width:100%;
        height:90px;
        margin:0 auto;
        padding: 0;
        background: url("../img/bg_grn_bottom.png") center no-repeat;
    }

    /*fB[vu[wi*/

    #contents .block_dblu_bg{
        width:100%;
        height:auto;
        margin:0;
        padding: 0;
        background: url("../img/bg_dblu.jpg") repeat;
    }

    #contents .block_dblu_bgb{
        width:100%;
        height:90px;
        margin:0 auto 20px auto;
        padding: 0;
        background: url("../img/bg_dblu_bottom.png") center no-repeat;
    }

    #contents .read{
        max-width:980px;
        height:auto;
        margin:0 10px;
        padding:0;
        font-size:0.85rem;
        line-height:1.25rem;
    } 

    #contents .readW{
        max-width:980px;
        height:auto;
        margin:0 10px;
        padding:0;
        font-size:0.85rem;
        line-height:1.25rem;
        color:#faf7ea;
    } 
    
   #contents .readE{
        max-width:980px;
        height:auto;
        margin:20px 10px;
        padding:0;
        font-size:1.25rem;
        line-height:1.5rem;
       text-align: center;
    } 
 
   #contents .readP{
        max-width:980px;
        height:auto;
        margin:40px 10px 0px 10px;
        padding:0;
        font-size:1.5rem;
        line-height:1.5rem;
       text-align: center;
       color:#fff;
    } 

    #contents .btnWrap{
        max-width:980px;
        margin:32px 0 0 0;
        text-align: center;
    }

    #contents .btn {
        background: #fff;
        color: #0b4b66;
        font-size: 1.0rem;
        font-weight: bold;
        padding: 16px 40px;
        text-decoration: none;
        border-radius: 30px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }

    #contents .read{
        max-width:980px;
        height:auto;
        margin:0 10px;
        padding:0;
        font-size:0.85rem;
        line-height:1.25rem;
    }

    #contents .btn:hover {
        opacity: 0.7;
    }

    /*vO*/

    #contents .intro{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding: 0;
    }

    #contents .intro .display{
        width:100%;
        height:auto;
        margin:0 auto;
    /*	border:1px solid #00f;
        box-sizing: border-box;*/
    }

    #contents .intro .title{
        width:413px;
        height:60px;
        margin:0 auto 0 auto;
        padding: 0;
        background: url("../img/program_title_pc.png") center no-repeat;
    }

    
    
    #contents .introRead{
        max-width:980px;
        height:auto;
        margin:0 10px;
        padding:0;
        font-size:1.0rem;
        line-height:1.75rem;
    }

    #contents .introRead .copy{
        height:auto;
        margin: 0 0 10px 0;
        padding:0;
        font-size:1.25rem;
        font-weight: bold;
        text-align: center;
    }

    /*bZ[W*/

    #contents .message{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding-top:20px;
    }

    #contents .message .display{
        width:100%;
        height:auto;
        margin:0 auto;
        border:1px solid #00f;
        box-sizing: border-box;
    }

    #contents .message .title{
        width:413px;
        height:60px;
        margin:0 auto 10px auto;
        padding: 0;
        background: url("../img/message_title_pc.png") center no-repeat;
    }

  
    #contents .message .presentArea{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding: 0;
    }
/*
    #contents .message .presentArea img{
        width: 15vw;
        max-width:160px;
        border-radius: 10%; 
        margin:0 auto 10px auto;
        padding:0;
        } 

    #contents .message .pic{
        width:50%;
        height:auto;
        margin:10px 0 0 0;
        text-align: center;
        padding: 0;
        float: left;
    }    

    #contents .message .presentN{
        width:25vw;
        max-width:245px;
        height:auto;
        margin: 0 0 10px 0;
        padding:0;
        font-size:1rem;
        text-align: center;
        float: left;
        color:#fff;
    }
*/
    
 /*   #contents .message .presentArea img{
        width: 15vw;
        max-width:200px;
        border-radius: 10%; 
        margin:0;
        padding:0;
        
        } 

    #contents .message .pic{
        width:15vw;
        height:15vw;
        margin: 0;
        text-align: center;
        padding: 0;
        float: left;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; 
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center; 
        background-color:#ccc;
    }    

    #contents .message .presentN{
        width:29vw;
        height:15vw;
        max-width:300px;
        margin: 0;
        padding:0;
        font-size:1rem;
        float: left;
        color:#fff;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; 
        align-items: center;
        -webkit-justify-content: left;
        justify-content: left; 
        background-color:#ccc;
    }
*/
    #contents .message .pic1{
        width:50%;
        height:auto;
        margin:20px 0 0 0;
        padding: 0;
        float: left;
        text-align: center;
    } 
    

    #contents .message .pic2{
        width:50%;
        height:auto;
        margin:20px 0 0 0;
        padding: 0;
        float: left;
        text-align: center;
    } 
    
    #contents .message .presentArea img{
        width: 18vw;
        max-width:200px;
        margin:0 auto 10px auto;
        padding:0;
        border-radius: 10%; 
    }

    #contents .message .presentN{
        width:50%;
        height:auto;
        margin: 10px 0 10px 0;
        padding:0;
        font-size:1rem;
        text-align: center;
        float: left;
        color:#fff;
    }

    /*φJϋ^*/

    #contents .public{
        max-width:980px;
        height:auto;
        margin:0 auto 30px auto;
        padding: 0;
    }

    #contents .public .display{
        width:100%;
        height:auto;
        margin:0 auto;
        border:1px solid #00f;
        box-sizing: border-box;
    }

    #contents .public .title{
        width:660px;
        height:59px;
        margin:0 auto 10px auto;
        padding: 0;
        background: url("../img/public_title_pc.png") center no-repeat;
    }  

    #contents .public .guestArea{
        max-width:980px;
        height:auto;
        margin:0 auto;
        padding: 0;
    }
    #contents .public .guestArea img{
        width: 22.5vw;
        max-width:320px;
        margin:0 auto 10px auto;
        padding:0;
        }

    #contents .public .pic1{
        width:50%;
        height:auto;
        margin:20px 0 0 0;
        padding: 0;
        float: left;
        text-align: center;
    } 
    

    #contents .public .pic2{
        width:50%;
        height:auto;
        margin:20px 0 0 0;
        padding: 0;
        float: left;
        text-align: center;
    } 
    
    #contents .public img{
        border-radius: 10%; 
    }

    #contents .public .guestN{
        width:50%;
        height:auto;
        margin: 10px 0 10px 0;
        padding:0;
        font-size:1.4rem;
        font-weight: bold;
        text-align: center;
        float: left;
    }

    /*QXg*/

    #contents .guest{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding: 0;
    }

    #contents .guest .display{
        width:100%;
        height:auto;
        margin:0 auto;
        border:1px solid #00f;
        box-sizing: border-box;
    }

    #contents .guest .title{
        width:339px;
        height:49px;
        margin:-20px auto 10px auto;
        padding: 0;
        background: url("../img/guest_title_pc.png") center no-repeat;
    }  

    #contents .guest .guestArea{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding: 0;
    }

    #contents .guest .guestArea img{
        width: 15vw;
        max-width:160px;
        border-radius: 10%; 
        margin:0 auto 10px auto;
        padding:0;
        } 

    #contents .guest .pic{
        width:25%;
        height:auto;
        margin:10px 0 0 0;
        text-align: center;
        padding: 0;
        float: left; 
    }    

    #contents .guest .guestN{
        width:25vw;
        max-width:245px;
        height:auto;
        margin: 0 0 10px 0;
        padding:0;
        font-size:1.4rem;
        font-weight: bold;
        text-align: center;
        float: left;
    }

    /*·μ*/

    #contents .nagano{
        max-width:980px;
        height:auto;
        margin:0 auto;
        padding-top: 20px;
    }

    #contents .nagano .display{
        width:100%;
        height:auto;
        margin:0 auto;
        /*border:1px solid #00f;
        box-sizing: border-box;*/
    }

    #contents .nagano .title{
        width:626px;
        height:64px;
        margin:0 auto;
        padding: 0;
        background: url("../img/nagano_title_pc.png") center no-repeat;
    }

    #contents .nagano .read2{
        max-width:702px;
        width:70vw;
        height:194px;
        margin:0 10px 0 10px;
        padding:0;
        color:#faf7ea;
        font-size:0.85rem;
        line-height:1.25rem;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; 
        align-items: center;
        float: left;
    }

    #contents .nagano .reporter{
        width:25%;
        height:auto;
        margin:10px 0 0 0;
        text-align: center;
        padding: 0;
        float: left; 
    } 

    #contents .nagano .reporter img{
        width: 25vw;
        max-width:268px;
        margin:0 auto;
        padding:0;
    } 

    #contents .nagano .display .title{
        width:626px;
        height:64px;
        margin:0 auto 10px auto;
        padding: 0;
        background: url("../img/nagano_title_pc.png") center no-repeat;
    }

    #contents .nagano .display .detail{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding:0;
        overflow: hidden; /* heightπί· */
    }

    #contents .nagano .display .detail.hsPRimg ul{
        margin:0;
        padding:0;
    }

    #contents .nagano .display .detail .hsPRimg li{
        width:20%;
        padding:0;
        margin-bottom:3vh;
        float:left;
        /*outline: 1px solid gray;
        outline-offset: -1px;*/
    }

     #contents .nagano .display .detail .hsPRimg img{
        width: 15vw;
        height:auto;
        max-width:140px;
       border-radius: 10%;     
    }

    #contents .nagano .reporter img{
        width: 25vw;
        max-width:268px;
        margin:0 auto;
        padding:0;
    } 

    #contents .nagano .display .detail .hsPRimg li a:hover{
        filter: alpha(opacity=50);
        -moz-opacity:0.50;
        opacity:0.50;
    }

    #contents .nagano .display .detail .hsPRimg .clear{
        clear:both
    }

    /*tHg|[g*/

    #contents .photo{
        max-width:980px;
        height:auto;
        margin:0 auto;
        padding: 0;
    }

    #contents .photo .display{
        width:100%;
        height:auto;
        margin:0 auto;
    /*border:1px solid #00f;
        box-sizing: border-box;*/
    }

    #contents .photo .title{
        width:626px;
        height:64px;
        margin:0 auto;
        padding: 0;
        background: url("../img/nagano_title_pc.png") center no-repeat;
    }

    #contents .photo .display .title{
        width:657px;
        height:62px;
        margin:0 auto 10px auto;
        padding: 0;
        background: url("../img/photo_title_pc.png") center no-repeat;
    }

    #contents .photo .display .detail{
        max-width:980px;
        height:auto;
        margin:0 auto 0 auto;
        padding:0;
        overflow: hidden; /* heightπί· */
    }

    #contents .photo .display .detail.hsPRimg ul{
        margin:0;
        padding:0;
    }

    #contents .photo .display .detail .hsPRimg li{
        width:20%;
        padding:0;
        margin-bottom:3vh;
        float:left;
        /*outline: 1px solid gray;
        outline-offset: -1px;*/
    }

     #contents .photo .display .detail .hsPRimg img{
        width: 15vw;
        height:auto;
        max-width:140px;
        border-radius: 10%;     
    }

    #contents .photo .reporter img{
        width: 25vw;
        max-width:268px;
        margin:0 auto;
        padding:0;
    } 

    #contents .photo .display .detail .hsPRimg li a:hover{
        filter: alpha(opacity=50);
        -moz-opacity:0.50;
        opacity:0.50;
    }

    #contents .photo .display .detail .hsPRimg .clear{
        clear:both
    }

    /*tb^*/

    footer{
        max-width:980px;
        height:auto;
        margin:0 auto;
        padding-bottom:10px;
    }


    footer .jLogo{
        width:100%;
        margin:0 auto 5px 0;
        padding:0;
        text-align: center;
    }

    footer .logo_jwave {
        width: 240px;
        margin: 0 0 5px 20px;
    }

    footer .copyright{
        width:100%;
        font-family: Arial, "ΰSVbN", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size:12px;
        color:#222;
        text-align:center;
        padding:5px auto 0 auto;
    }


}


/* X}[gtHp */

@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
/*	
	img {
		border: 0;
		width: 100%;
	}
	
*/
    #contents{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	
	#contents .topImg{
		max-width: 100%;
		height:auto;
		margin:0 auto;
        /*border:1px solid #f00;
		box-sizing: border-box;*/
        background: url("../img/top_bg_sp.jpg") no-repeat;
        padding-top:58.334%;
        background-position: top center;
        background-size: contain;
    }
    
    #contents .topImg .pgTitle img{
        width: 100vw;
        margin:-56% auto 0 auto;
        padding:0;
    } 
    
    #contents .topImg .navi img{
        width: 100vw;
        margin:-25% auto 0 auto;
        padding:0;
    }  

    #contents .ep_banner{
        max-width: 640px;
        height:auto;
        margin:20px auto 0 auto;
        padding:0;
        /*border:1px solid #fff;
        box-sizing: border-box; 
        font-size:0px;
    	text-indent:-9999px;*/
        text-align: center;
    } 
 
       
    #contents .ep_banner img{
        max-width: 95vw;
        margin:0;
        padding:0;
    }  

    
	#contents .read{
		width:94%;
		height:auto;
		margin:0 3% 0 3%;
		padding:0;
		font-size: 2.5vw;
		line-height:4vw;
	}

       
	#contents .readW{
		width:94%;
		height:auto;
		margin:0 3% 0 3%;
		padding:0;
		font-size: 2.5vw;
		line-height:4vw;
        color:#faf7ea;
	}
     
	#contents .readE{
		width:94%;
		height:auto;
		margin:5% 3% 0 3%;
		padding:0;
		font-size: 3.5vw;
		line-height:4vw;
        text-align: center;
	}
      
   
	#contents .readP{
		width:94%;
		height:auto;
		margin:5% 3% 0 3%;
		padding:0;
		font-size: 3.5vw;
		line-height:4vw;
        text-align: center;
        color:#fff;
	}
      
    #contents .btnWrap{
        max-width:640px;
        margin:20px 0 0 0;
        text-align: center;
    }

    #contents .btn {
        background: #fff;
        color: #0b4b66;
        font-size: 3vw;
        font-weight: bold;
        padding: 10px 40px;
        text-decoration: none;
        border-radius: 30px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }
    
    
    #contents .block_beg_bgt{
    	width:100%;
    	height:50px;
    	margin:10px auto 0 auto;
    	padding: 0;
        background: url("../img/bg_beg_top_sp.png") center no-repeat;
    }    
    
    #contents .block_beg_bg{
        width:100%;
        height:auto;
        margin:0;
        padding: 0;
        background: url("../img/bg_beg.jpg") repeat;
    }    
    
    #contents .block_beg_bgb{
        width:100%;
        height:50px;
        margin:0 auto 20px auto;
        padding: 0;
        background: url("../img/bg_beg_bottom_sp.png") center no-repeat;
    }  

/*O[wi*/    
    
    #contents .block_grn_bgt{
        width:100%;
        height:50px;
        margin:10px auto 0 auto;
        padding: 0;
        background: url("../img/bg_grn_top_sp.png") center no-repeat;
    }    
    
    #contents .block_grn_bg{
        width:100%;
        height:auto;
        margin:0;
        padding: 0;
        background: url("../img/bg_grn.jpg") repeat;
    }    
    
    #contents .block_grn_bgb{
        width:100%;
        height:50px;
        margin:0 auto;
        padding: 0;
        background: url("../img/bg_grn_bottom_sp.png") center no-repeat;
    }  
    
    
/*fB[vu[wi*/    
    
    #contents .block_dblu_bgt{
        width:100%;
        height:50px;
        margin:10px auto 0 auto;
        padding: 0;
        background: url("../img/bg_dblu_top_sp.png") center no-repeat;
    }    
    
    #contents .block_dblu_bg{
        width:100%;
        height:auto;
        margin:0;
        padding: 0;
        background: url("../img/bg_dblu.jpg") repeat;
    }    
    
    #contents .block_dblu_bgb{
        width:100%;
        height:50px;
        margin:0 auto 20px auto;
        padding: 0;
        background: url("../img/bg_dblu_bottom_sp.png") center no-repeat;
    }      
    
/*introduction_sp*/
    
	#contents .intro{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding: 0;
	}

	#contents .intro .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
    
    #contents .intro img{
        width: 100vw;
        margin:0 auto 0 auto;
        padding:0;
    }  

	#contents .introRead{
		width:94%;
		height:auto;
		margin:0 3% 0 3%;
		padding:0;
		font-size: 3vw;
		line-height:5vw;
	}
    
  	#contents .introRead .copy{
		font-size: 3.5vw;
        font-weight: bold;
        padding:0;
        margin: 5px 0 5px 0;
        text-align: center;
        letter-spacing:	1px;
	}  
 
/*message_sp*/
    
	#contents .message{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding-top: 20px;
	}

	#contents .message .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
  
   /*   
    #contents .message img{
        width: 100vw;
        margin:0 auto 10px auto;
        padding:0;
        border-radius: 10%; 
    }  

    #contents .message .presentPic img{
        width: 20vw;
        margin:10px 2.5vw;
        padding:0;
        text-align: center;
        float:left;
    } 
     
    #contents .message .presentN{
        width: 25vw;
        margin:0;
        padding:0;
        font-size: 2vw;   
        float:left;
        text-align: center;
        color:#fff;
    }
    */
    
    #contents .message img{
        width:100vw;
        margin:10px auto;
        padding:0;
        border-radius: 10%; 
    }  

  
    #contents .message .presentPic img{
        width: 20vw;
        margin:10px 2.5vw 10px 4vw;
        padding:0;
        text-align: center;
        float:left;
    } 
     
    #contents .message .presentN{
        width: 70vw;
        height:20vw;
        margin:10px 0;
        padding:0;
        font-size: 2vw;   
        float:left;
        text-align: left;
        color:#fff;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center; 
        align-items: center;
        -webkit-justify-content: left;
        justify-content: left; 
  }
    
    
	/*public_sp*/
    
	#contents .public{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding: 0;
	}

	#contents .public .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
    
    #contents .public img{
        width: 100vw;
        margin:0 auto 10px auto;
        padding:0;
    }
    
    #contents .public .guest img{
        width: 100vw;
        margin:10px auto;
        padding:0;
    } 
         
    #contents .guest .guestArea{
        max-width:640px;
        height:auto;
        margin:0 auto 0 auto;
        padding: 0;
    }
    
    #contents .public .guestN{
        width: 50vw;
        margin:0 0 10px 0;
        padding:0;
        font-size: 2.5vw;
        font-weight: bold;    
        float:left;
        text-align: center;
    }
       
 
	/*guest_sp*/
    
	#contents .guest{
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		padding: 0;
	}

	#contents .guest .display{
		width:auto;
		height:auto;
		margin:0 auto;
		border:1px solid #00f;
		box-sizing: border-box;
	}
    
    #contents .guest img{
        width: 100vw;
        border-radius: 10%; 
        margin:0 auto 10px auto;
        padding:0;
    }
    
    #contents .guest .guestPic img{
        width: 20vw;
        margin:10px 2.5vw;
        padding:0;
        text-align: center;
        float:left;
    } 
     
    #contents .guest .guestN{
        width: 25vw;
        margin:0;
        padding:0;
        font-size: 2.5vw;
        font-weight: bold;    
        float:left;
        text-align: center;
    }

/*nagano_sp*/
	
	#contents .nagano{
		width:100%;
		height:auto;
		margin:0 auto;
		padding-top: 20px;
	}

	#contents .nagano .display{
		width:auto;
		height:auto;
		margin:0 auto;
	}

	#contents .nagano .title img{
        width: 100vw;
        margin:0 auto 10px auto;
        padding:0;
    } 

	#contents .nagano .reporter img{
        width: 70vw;
        margin:0 15vw;
        padding:0;
    } 
    
	#contents .nagano .display .detail{
		width:93.75%;
		height:auto;
		margin: 0 auto ;
		padding:0;
		overflow: hidden; /* heightπί· */
    }
	
	
	#contents .nagano .display .detail .hsPRimg ul{
		margin:0;
		padding:0;
	}
	
	#contents .nagano .display .detail .hsPRimg li{
		width:30%;
		height:30%;
		margin:3vw 1.5vw 0 1.5vw;
		padding:0;
		float:left;
	}
    
    #contents .nagano .display .detail .hsPRimg img{
        border-radius: 10%;     
    }
	#contents .nagano .display .detail .hsPRimg .clear{
		clear:both
	}
	
/*photo_sp*/
	
	#contents .photo{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0;
	}

	#contents .photo .display{
		width:auto;
		height:auto;
		margin:0 auto;
	}

	#contents .photo .title img{
        width: 100vw;
        margin:0 auto 10px auto;
        padding:0;
    } 
    
	#contents .photo .display .detail{
		width:93.75%;
		height:auto;
		margin: 0 auto ;
		padding:0;
		overflow: hidden; /* heightπί· */
}
		
	#contents .photo .display .detail .hsPRimg ul{
		margin:0;
		padding:0;
	}
	
	#contents .photo .display .detail .hsPRimg li{
		width:30%;
		height:30%;
		margin:3vw 1.5vw 0 1.5vw;
		padding:0;
		float:left;
	}
    
    #contents .photo .display .detail .hsPRimg img{
       border-radius: 10%;     
    }
	#contents .photo .display .detail .hsPRimg .clear{
		clear:both
	}
    
/*tb^*/	
	footer{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0 0 3vw 0;

	}
		
	footer .jLogo{
		width:100%;
		margin:0 auto;
		padding:0;
        float: left;
        text-align: center;
	}

    footer .logo_jwave {
        width: 50%;
        margin:0 0 5px 20px;  
      }

	footer .copyright{
		width:100%;
		font-size:1vw;
		color:#222;
		text-align:center;
        letter-spacing: 0.25vw;
		margin:4vw 0 0 0;
	}
	
}