/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {




}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {


	
}


/************************************************************************************
smaller than 896px
*************************************************************************************/
@media only screen and (max-width : 896px) {

html {-webkit-text-size-adjust: none;}

/*スプライト*/
#sample li{text-indent:100%;white-space:nowrap;overflow:hidden;}

	
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
　　基本枠をスマホ向けに変更
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
/*基本クリア設定*/
#wrap{width:100% !important;max-width:100%;min-width:100%;margin: 0 auto;background:#FFF;}
#menu-box,#menu-box,#bread-box,#right-box,#newnav,#footnav{display:none;}
#left-box,#right-box{float:none;}
#content,#up-box,#wrap-bot,#footer,#footer-nav-box,#end-box{width:100%;}
#content{width:100%;}
.cons{width:100%;margin:0 auto;} 
/*新フッター*/
#new-footer{background:#000;color:#999999;padding:7% 0 7% 0;text-align:center;}
#p-newinfo #tablist .kind{width:70px;white-space:nowrap;padding-right:10px;}
#new-footer dl#footer-nav2 dt{letter-spacing:0px;}
#new-footer #f-logo img{width: 30%;height: auto;}	
#new-footer #copyright{letter-spacing:1px;font-family: Verdana, Helvetica, sans-serif;font-size: 6px;}
#new-footer #bt-sp{display:none;}
#new-footer #nudan{margin: auto;margin:5px 0 -3px 0;font-size: 6px;}
/*部分毎の設定*/
#smart-archive-title{display:block;}
#smart-archive-list{display:block;margin-bottom:100px;}
#bt-smart-home{display:block;text-align:right;margin-bottom:20px;}  
#bt-smart-home img{width: 16%;height: auto;}
#bt-smart-kako{display:block;padding-top:30px;}
.smart-tv-info{display: block;}
#smart-info-photo{float: right;width:200px;padding-bottom:10px;}
#content{padding-top:210px;} 
#left-box{margin-left:0px;font-size:150%;line-height:150%;} 
#p-info-sp #topic-box{font-size:150%;line-height:150%;}  
#p-info-sp #topic-box h3{font-size:1.1em;}  
#up-box{width:100%;} 
#wrap-bot{width:100%;}
/*エンドボックス*/
#end-box{width:100%;clear:both;}
#footer-nav-box{display:none;}


/*改変テスト
----------------------------------------------------*/

#content-wp{width:100%;background: #FFF;margin:0 auto 5% auto;padding-top:0px;border-radius: 0px;}
#content{padding:0;}
#invis{height:0px;}
#invis{width:100%;margin:0 auto;}
#invis p{}
#invis{display:none;}
#new-bk{background:none;}
#snsdam{display:none;}
#sns-inc{display:none;}
	
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
　　ページのレイアウト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
#content .cons{width: 90%;}	
#left-box{width:100% !important;margin:0 auto;}
#bt-smart-home{width:95% !important;margin:0 auto;margin-bottom:40px;margin-top:10px;}
#bt-smart-home{width:95% !important;margin:0 auto;margin-bottom:20px;margin-top:-30px;position: relative;}
#mainvis img{width:100% !important;height:auto; margin: 0 auto;}
#up-box{width: 90%;margin: 0 auto;}	
	

	

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

　　つなごう

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.pc-none{display: block;}

#intro{
	text-align: center;
	font-size: 13px;
	line-height: 180%;
	margin-top: 35px !important;
	letter-spacing: 1px;
	width: 90%;
	margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
}  
#intro h3{
    font-size: 150%;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 10px;  
}
#intro .lbox{
    width: 100%;
    margin-bottom: 20px;
}
#intro .lbox p{margin-bottom: 0;}	
	
#intro .rbox{
    width: 100%;
    text-align: center;
}
#intro .rbox img {
    width: 80%;
    height: auto;
}
/*動画*/
.vtr {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}
.vtr iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#mov-list{
	width: 90%;
	margin: 0 auto;
}
#mov-list li{
	background: #f5f5f5;
	padding: 5%;
    padding-top: 5%;
	list-style: none;
	position: relative;
    border: 2px solid #000;
    margin-bottom: 20px;
}
#mov-list li .num-outer{
    margin-top: -10px;
}
#mov-list li .num{
    font-size: 130%;
    background: #ffcc00;
    font-family: din-2014, sans-serif;
    font-weight: 700;
    color: #000;
    position: relative;
    width: 70px;
    height: auto;
    line-height: 1.5;
    text-align: center;
    border: 4px solid #000;
    margin: 0;
    top: -20px;
}
#mov-list li h3{
	font-size: 100%;
	color: #000;
    padding-left: 100px;
    margin-top: -30px;
}
#mov-list li dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
	border-bottom: 2px solid #000;
	padding-bottom:10px;
}
#mov-list li dt{
	width: 20%;
    height: 30px;
    line-height: 30px;
    font-size: 100%;
    color: #FFF;
    font-family: 'Noto Serif JP', serif;
    background: #000;
    text-align: center;
}
#mov-list li dd{
	width: 75%;
	color: #000;
	font-size: 85%;
	font-family: 'Noto Serif JP', serif;
	line-height: 150%;
}
#mov-list li dd span{font-size: 11px;}
#bn-yaritai1{ text-align: center; margin-top: 35px; text-align: center;}
#bn-yaritai2{ text-align: center;  margin-top: 35px; text-align: center;}
#bn-yaritai1 img{ width: 90%; height: auto;}	
#bn-yaritai2 img{ width: 90%; height: auto;}	  
	
/*グーグルアドマネージャー広告用ー
----------------------------------------------------*/
.hd-gam{ display: none;}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
#intro {
    line-height: 180%;
    margin-top: 75px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}		
#intro .lbox {
    width: 60%;
    margin-bottom: 20px;
}
#intro h3 {
    font-size: 120%;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 10px;
}
#intro .rbox {
    width: 35%;
    text-align: center;
}
#intro .rbox img {
    width: 100%;
    height: auto;
}
	
	
}