@charset "utf-8";
/*
smartphone：「320-480px」
tablet：「480-768px」
PC:「768px over」
*/
/***************　all_base　******************/
body{
	font-family:Arial, Verdana, sans-serif;
	width:99.5%;
	margin:0 auto;
}

img {
	width:100%;
}

#print_h1{
	display:none;
}

h1,h2,h3,h4,h5,h6,p,a{
/*	color:#333;
	color:#336600;   */
	color:#2A4400;
}


a:hover{
	color:#796BAF;
}

.walking__background{
	display:none;
}
/***************	header＆footer　******************/
#header{
	background:#FFF;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index: 3;
	padding:5px 0 0 0;
}
#source_header{
	max-width:950px;
	margin:0 auto;
}


#NavLink{
	width:100%;
	
}
#smt_head{	
	width:100%;
	max-width:320px;
	overflow:hidden;
}
#smt_h1{
	padding:20px 0 15px 5px;	
	max-width:255px;
	float:left;
}
#smt_insta{
	padding:15px;	
	max-width:30px;
	float:left;
}

#headerNav ul{
	list-style:none;
	overflow:hidden;
	
}

#headerNav li{
	float:left;
	text-align:left;
}


#menu_all{
	width:100%;
	max-width:950px;
	padding:10px 0 0px 0;
	margin:0 auto;
	overflow:hidden;
}

#menu_left{	
	width:100%;
	max-width:950px;
/*	float:left;    */
	overflow:hidden;
}

#menu_right{	
	width:100%;
	max-width:950px;
	margin:0 auto;
/*	float:left;    */
	overflow:hidden;

}
.info_h1{
	max-width:350px;
	width:36%;
	padding-right:42%;
	float:left;
    padding-top:20px;  
}
.info{
	max-width:152px;
	width:16%;
	padding-right:2%;
	float:left;
    padding-top:20px;  
}
.info_instagram{
	max-width:30px;
	width:4%;
    padding-top:10px;
	float:left;  
}
.relative   {  
    position: relative;  
}

#menu_right ul{
	list-style:none;
	overflow:hidden;
	
}

#menu_right li{
	padding-top:15px;
}

.menu_home{
	width:11%;
	max-width:52px;
	padding-right:5%;
	float:left;
}
.menu_foot{
	width:26%;
	max-width:143px;
	padding-right:5%;
	float:left;
}
.menu_news{
	width:20%;
	max-width:113px;
	padding-right:5%;
	float:left;
}
.menu_photo{
	width:11%;
	max-width:59px;
	padding-right:5%;
	float:left;
}
.menu_access{
	width:12%;
	max-width:71px;
	padding-right:5%;
	float:left;
}

.menu_instagram{
	width:24%;
	max-width:132px;
	float:left;
}

/************	smartphone tablet header　*****************/
#contents   {
    width: 100%;
    max-width: 768px;
    min-width: 280px;
    margin: 0 auto;
    padding: 0 0px;
	clear:both;
}

nav {
	text-align:center;
}
li.nav_foot{
	float: left;
	width: 35%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	background:#f6ad3c;
	font-size:12px;
}
li.nav_news{
	float: left;
	width: 29%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	background:#f6ad3c;
	font-size:12px;
}
li.nav_photo{
	float: left;
	width: 36%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	background:#f6ad3c;
	font-size:12px;
}
li.nav_access{
	float: left;
	width: 50%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	background:#f6ad3c;
	font-size:12px;
}
li.nav_instagram{
	float: left;
	width: 50%;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	box-sizing: border-box;
	background:#f6ad3c;
	font-size:12px;
}
nav ul li:last-child {
	border-right: none;
}
nav ul li a{
	display: block;
	width: 100%;
	padding: 5px 0;
	text-decoration:none;
	color:#555555;
}
nav ul li a:hover {
	background:#F9C270;
	text-decoration:none;
	color:#FFF;
}


/******************	container　******************/
.source_container{
	max-width:950px;
	margin:0 auto;
	padding:30px 0 30px 0;
}


.white_out{
	width:100%;
	background-color:#FFFFF;
}
.orange_out{
	width:100%;
	background-color:#F9C270;	
}


.insta_out{
	
}
/***************	footer　***************/
#footer{
	background-image:url(../img/footer_line.gif);
	background-repeat:repeat-x;
	background:#C1DB81;
}
#footerNav ul{
	list-style:none;
	overflow:hidden; /*　カラム落ち防止　*/
}
#footerNav li{
	float:left;
	text-align:left;
}


#source_footer{
	max-width:950px;
	margin:0 auto;
	padding-top:40px;
}

.copy_text{
	font-size:10pt;
	color:#333;
}
.staff_img{
	text-align:center;
	margin:0 auto;
}
#copy{
	background:#C1DB81;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:140px;
}
#staff{
	background:#C1DB81;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	width:98%;
	max-width:800px;
	padding:0 1% 0 1%;
	clear:both;
}
.staff_side_left{
	background:#C1DB81;
	padding-top:20px;
	padding-left:145px;
	float:left;
	width:31%;
	max-width:250px;
}
.staff_side_right{
	background:#C1DB81;
	padding-top:20px;
	padding-left:10px;
	float:left;
	width:31%;
	max-width:250px;
}

/* smartphone　*/
#copy_sp{
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	background:#C1DB81;
}
#staff_sp{
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background:#C1DB81;
}

#staff_sp img{
	width:70%;
}

/*************** ①smartphone style　header　footer　***************/

#headerNav{
	display:none;
	width:100%;
	max-width:950px;
}

#viewerNav{
	display:none;
}

#smt_slider{
	display:block;
	margin-top:5px;
}

#footerNav{
		display:none;
}
	
#footer{
	display:none;
}
#sap_staff{
	display:block;
}
#copy{
	display:none;
}
#NavLink{
	display:block;
}
#sap_staff,#sap_staff_in{
	display:block;
	}

/************ ①smartphone style　about　************/
#sm_h2about{
	padding:0 1% 0 1%;
	max-width:310px;
	display:block;
}

#about_title{
	margin:0 auto;
	max-width:830px;
	display:none;
}
#about_info{
	text-align:center;
	line-height:22px;
	padding:10px 0 15px 0;
	display:none;
}
#about_info_smt{
	line-height:22px;
	padding:10px 1% 15px  1%;
	max-width:290px;
	display:block;
}

#about_pt{
	display:block;
}
#about_photo{
	width:98%;
	max-width:768px;
	padding:0 1% 15px 1%;
	float:none;
	display:block;
}
#about_text{
	width:98%;
	max-width:768px;
	padding:0 1% 15px 1%;
	margin-top:10px;/*動画とのスペースを開けるため追加*/
	float:none;
	display:block;
}
.about_h3{
	background-image:url(../img/sun.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:18px;
	padding-bottom:5px;
	color:#333;
	font-weight:bold;
	font-size:15px;
}
.about_p{
	padding-bottom:15px;
	padding-left:18px;
}
.about_p_end{
	padding-left:18px;
}
#pr_video{
	width:320px;
	height:300px;
	/*display:block;お試し*/
}
.pr_video_p{
	font-size:0.9em;
	/*color:blue;お試し*/
	display:block;
}

/************ ①smartphone style　news　************/
#sm_h2news{
	margin:0 auto;
	max-width:310px;
	display:block;
}

#news_title{
	margin:0 auto;
	max-width:688px;
	display:none;
}
	
.news_area{
	display:block;
}
.news_left,.news_right{
	width:98%;
	max-width:768px;
	padding:0 1% 15px 1%;
	float:none;
	display:block;
}
.news_icn{
	max-width:78px;
	width:17.3%;
	padding-right:1%;
	float:left;
	overflow:hidden;
	display:block;
}
.news_text{
	max-width:362px;
	width:80.4%;
	float:left;
	display:block;
}

.pc_week{
	display:none;
}

.sm_week{
	display:block;
	padding:10px 0 0px 0;
}


.h3_news{
	max-width:450px;
	width:100%;
	border-bottom:#FFFFFF 2px dotted;
	padding-bottom:3px;
	margin-bottom:6px;
	color:#333333;
	font-weight:bold;
	display:block;
}


/************ ①smartphone style　photo　************/
#sm_h2photo{
	margin:0 auto;
	max-width:310px;
	display:block;
}

#photo_title{
	margin:0 auto;
	max-width:557px;
	display:none;
}
#phto_img{
	width:98%;
	max-width:800px;
	padding:15px 1% 0 1%;
	display:block;
}


/************ ①smartphone style　access　************/	
.sm_access{
	padding:10px 1% 10px 1%;
	max-width:290px;
	line-height:20px;
	display:block;
}

#sm_h2access{
	padding:10px 1% 10px 1%;
	max-width:320px;
	display:block;
	
}

#access_all{
	width:100%;
	max-width:950px;
	padding-bottom:130px;
	display:none;
	clear:both;
}

#access_left{
	width:52.63157894736842%;
	max-width:500px;
	float:left;
}

#access_right{
	width:40%;
	max-width:360px;
	padding-left:4%;
/*	padding-top:10px; 事業所番号追加した際に、番号と地図のあいだをとるためpadding-top削除*/
	float:left;
}
.map{
	max-width:950px;
	max-height:450px;
	position:relative;
	height:0; /* hack／padding-topで高さの設定  */
	padding:0 0% 47% 0%;
	z-index: 1;
	overflow: hidden;
	display:block;
	}

p,li{
	font-size:14px;
	line-height:17px;
	}



/************ ①smartphone style　instagram　************/
#sm_h2instagram{
	margin:0 auto;
	max-width:310px;
	display:block;
}

#instagram_title{
	margin:0 auto;
	max-width:687px;
	display:none;
}

#instagram_out{
	margin:0px auto 0 auto;
	display:none;
}

##smt_instagram_out{
	margin:0px auto 0 auto;
	display:block;
}

#insta_img{
	width:98%;
	max-width:950px;
	padding:15px 1% 0 1%;
	display:none;
}
#smt_insta_img{
	width:98%;
	max-width:450px;
	padding:15px 1% 0 1%;
	display:block;
}



/****************************** ②tablet style　******************************/
@media all and (min-width:480px){
	p,li,h3{
	font-size:14px;
	line-height:17px;
	}
	#NavLink{
		display:block;
	}
	#viewerNav{
	display:none;
	}
	#smt_slider{
	display:block;
	margin-top:-90px;
	}
	#footer{
	display:block;
	}
	#copy,#staff{
	display:block;
	}
	#copy_sp,#staff_sp{
	display:none;
	}
	.walking_background{
	display:block;
	}

	
	
/*************	②tablet style　access *************/
	.sm_access{
	display:block;
	}
	#access_all{
	display:none;
	}
	#access_left{
	display:none;
	}
	#access_right{
	display:none;
	}
	#sm_h2access{
	display:block;
	}
	.map{
	display:block;
	}
	
	
/*************	②tablet style　about *************/
	#sm_h2about{
		display:none;
	}
	#about_title{
	display:block;
	}
	#about_info{
	display:none;
	}
	#about_info_smt{
	display:block;
	}
	.about_pt{
	width:100%;
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	display:block;
	}
	#about_photo{
	width:47%;
	max-width:450px;
	padding-left:0 2% 15px 1%;
	float:left;
	display:block;
	}
	#about_text{
	width:47%;
	max-width:450px;
	padding-left:0 2% 15px 1%;
	float:left;
	display:block;
	}
	#pr_video{
	width:450px;
	height:300px;
	/*display:block;お試し*/
	}
	.pr_video_p{
	font-size:0.9em;
	/*color:green;お試し*/
	display:block;
	}
/*************	②tablet style　news *************/
	#news_title{
		display:block;
	}
	#sm_h2news{
		display:none;
	}
	.news_area{
	width:100%;
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
	overflow:hidden;
	display:block;
	}
	.news_left{
	width:47%;
	max-width:450px;
	padding:0 2% 15px 1%;
	float:left;
	display:block;
	}
	.news_right{
	width:47%;
	max-width:450px;
	padding:0 1% 15px 2%;
	float:left;
	display:block;
	}
	.news_week{
	width:47%;
	max-width:446px;
	border:solid 2px #fff;
	padding-left:1%;
	padding-right:2%;
	float:left;
	display:block;
	}
	.news_icn{
	display:block;
	}
	.news_text{
	display:block;
	}
	.h3_news{
	display:block;
	}

	.pc_week{
	display:block;
	}

	.sm_week{
	display:none;
	}	
	
/*************	②tablet style　photo *************/
	#photo_title{
		display:block;
	}
	#sm_h2photo{
		display:none;
	}

	#phto_img{
	display:block;
	padding-top:35px;
	}
	
/*************	②tablet style　instagram *************/

#instagram_title{
	display:block;
	}

#sm_h2instagram{
	display:none;
	}


#instagram_out{
	margin:0px auto 0 auto;
	display:none;
}

#smt_instagram_out{
	margin:0px auto 0 auto;
	display:block;
}

#insta_img{
	display:none;
	}

#smt_insta_img{
	display:block;
	}
 
    
}
  /* 480px over only */



/****************************** ③PC style　******************************/
@media all and (min-width:768px){
	p,li,h3{
	font-size:15px;
	line-height:20px;
	}
	#container{
		overflow:hidden; /*　カラム落ち防止　*/
	}
	#viewerNav{
		display:block;
	}
	#smt_slider{
		display:none;
	}
	#headerNav{
		display:block;
	}
	#footerNav{
		display:block;
	}
	#copy,#staff{
		display:block;
	}
	#copy_sp,#staff_sp{
		display:none;
	}
	#NavLink{
		display:none;
	}
	.walking_background{
	display:block;
	}
	
/*************	③PC style　access *************/
	#access_all{
		display:block;
	}
	#access_left{
		display:block;
	}
	#access_right{
		display:block;
	}
	.sm_access{
		display:none;
	}
	#sm_h2access{
		display:none;
	}
	.map{
	display:block;
	}
	
	
/*************	③PC style　about *************/
	#sm_h2about{
	display:none;
	}

	#about_title{
		display:block;
	}
	#about_info{
	display:block;
	}
	#about_info_smt{
	display:none;
	}
	.about_pt{
	width:100%;
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	display:block;
	}
	#about_photo{
	width:47%;
	max-width:450px;
	padding-left:0 2% 15px 1%;
	float:left;
	display:block;
	}
	#about_text{
	/*width:47%;
	max-width:450px;*/
	padding-left:0 2% 15px 1%;
	/*float:left;*/
	margin-top:0px;/*動画で10px開けたため0px指定*/
	display:block;
	}
	#about_container{
	display:flex;
	}
	.pr_video_p{
	font-size:0.9em;
	text-align:center;
	/*color:red;お試し*/
	display:block;
	}
	
/*************	③PC style　news *************/
	#news_title{
		display:block;
	}
	#sm_h2news{
		display:none;
	}
	.news_area{
	width:100%;
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
	overflow:hidden;
	display:block;
	}
	.news_left{
	width:47%;
	max-width:450px;
	padding-left:0%;
	padding-right:3%;
	float:left;
	display:block;
	}
	.news_right{
	width:47%;
	max-width:450px;
	padding-left:3%;
	padding-right:0%;
	float:left;
	display:block;
	}
	.news_icn{
	display:block;
	}
	.news_text{
	display:block;
	}
	.h3_news{
	display:block;
	}
	.pc_week{
	display:block;
	}
	.sm_week{
	display:none;
	}	
	


/*************	③PC style　photo *************/
	#photo_title{
		display:block;
	}
	#sm_h2photo{
		display:none;
	}
	#phto_img{
	width:100%;
	max-width:950px;
	padding:35px 0 0 0;
	display:block;
	}	


/*************	③PC style　instagram *************/
#instagram_title{
	display:block;
	}
#sm_h2instagram{
	display:none;
	}

#instagram_out{
	margin:0px auto 0 auto;
	display:block;
}

#smt_instagram_out{
	margin:0px auto 0 auto;
	display:none;
}
#insta_img{
	display:block;
	}	
#smt_insta_img{
	display:none;
	}
    
    
    
}
  /* 768px over only */




/****************** slide_under ******************/
#slide_pro_under{
  width:99%;
  background:#F9C270;
}
#text_under{
  width:90%;
  padding:0 1% 0 1%;
}
#h2_under{
	font-size:14px;
	padding:5px 1% 0 1%;
	max-width:280px;
}
.p_under{
	font-size:14px;
  padding:0 1% 10px 1%;
	line-height:18px;
	max-width:300px;
}

/********* map  iframe responsive hack　*********/
  
.map iframe{
	width: 100% !important;
	height: 100% !important;
	left:0;
	top:0;
	position:absolute;	
}

#map_out{
	margin:0px auto 0 auto;
}



/********* holiday info　*********/
#holiday_info{
	text-align:center;
	line-height:22px;
/*	padding:5px 0 25px 0;*/
	padding:5px 0 55px 0;
}
#holiday_h2{
	color:#333;
	font-weight:bold;
	font-size:17px;
}
#holiday_p{
	color:#F36;
	font-size:17px;
}
#newyear_h2{
	color:#333;
	font-weight:bold;
	font-size:18px;
	padding-bottom:15px;
}
#newyear_p{
	color:#333;
	font-size:17px;
}


/********* instagram info　*********/
#instagram_info{
	/* text-align:center;*/
	line-height:22px;
	padding:5px 0 25px 0;
	margin-left:10px;
}
#instagram_p{
	/*color:#F36;*/
	color:#000;
	font-size:17px;
	background-image:url(../img/insta_text.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:15px 0 15px 45px;
}


/********* taisaku info　*********/
#taisaku p{
	color:#000;

}