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




}

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


	
}



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



/* disable webkit text size adjust (for iPhone) */

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


body {
	/*font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; */
	font-family: 'Noto Sans JP', sans-serif;
	font-size:65%;
	line-height:180%;}





/*#wrap{ border:5px solid #F00;}*/


/*基本パーツ：ヘッダ関連
----------------------------------------------------*/

#wrap{}

/*基本ボックス
----------------------------------------------------*/
.cons{ width: 100%; margin: 0 auto;}

/*img{ width:100%; height:auto;}*/




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

　　基本枠の設定

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


#wrap {
	max-width:100%;
	min-width:100%;
	margin: 0 auto;
	background:#FFF;
}


.cons{ width:90%; margin:0 auto;}


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




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

　　基本枠をスマホ向けに変更

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

/*基本クリア設定*/
#wrap{ width:100% !important;}


#header,
#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%;}
 
 
 
 
/*新フッター*/
#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;}






/*ナビ ２０１７年版*/

header{ 
height:auto !important;
  max-width:100%;
  min-width:0;
	background:url(../../img-newtop/hd-bk.jpg) no-repeat center top;
	background-size:280%; 
	margin:0;
	margin-bottom:-10px;
	padding:0;
	padding-top: 30%;
	position: relative !important;}


header h1{ 
 float:none; 
 margin-left:0px;
 background:url(../../img-newtop/hd-logo.png) no-repeat  center 6%; 
background-size: 60%;
width: 100%;
height:0;
	padding-top: 30%;
	position: absolute;
	left: 0;
	top:0;
}

header h1 img{ display:none;}

nav{ display:none;}




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

#content-wp{ 
 width:100%;
 background: #FFF;
 margin:0 auto;
 padding-top:0px;}
 
#content-wp{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-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;}
	
#up-box{ width: 90%; margin: 0 auto;}
	

	
	

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

　浜ぶら

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


#mainvis img{ width: 100%; height: auto;}


#sec1{ 
    background: #ff9933;
    color: #FFF;
padding-bottom: 5%;}

.colum{
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #eecead;
    padding-bottom: 5%;
    padding-top: 5%;
}



.colum .tit{
    
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin-bottom: 1.5%;}

.colum .tit dt{
    font-size: 27px;
       display: inline-block;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background: url(../img/logo.png) no-repeat 15% 50%;
    background-size: contain;
    line-height: 100%;
    font-family: din-2014, sans-serif;
	font-weight: 700;
    padding: 1% 2% 1% 26%;
}

.colum .tit dd{
    font-size: 9px;
    width: auto;
    display: inline-block;
    line-height: 26px;
    border: 1px solid #FFF;
    padding: 0 2%;
    border-radius: 7px;
}


/*動画*/
.vtr {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	margin-bottom: 20px;
}

.vtr iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*フォトリスト*/
.photolist{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.photolist li{ 
    width: 32%;
    width: 48%;
    list-style: none;
    margin-bottom: 2%;
}




.photolist li .photo img{ width: 100%; height: auto;}

.photolist li .cap{ color: #FFF; margin-top: 3px; font-size: 9px; line-height: 130%;}


.photolist li.emp{
	    height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;}





    
    
    
    

	
	
/*グーグルアドマネージャー広告用ー
----------------------------------------------------*/
.hd-gam{ display: none;}

	

/*.ft-gam{
	border-top: 1px solid #CCC;
	padding-top: 30px !important;
	margin-top: 30px !important;
}


.ft-gam #topft-gam{
	width:300px;
	display: block;
	margin: 0 auto;
	margin-bottom:0px;
	margin-top:0px;
}


.ft-gam #topft-gam li{
	width: 300px;
	height: 250px;
	background: #EEE;
	list-style:none;
}
	
.ft-gam #topft-gam li:nth-child(1){ margin-bottom: 20px;}	
		*/
	
	
	
	
}


