@charset "utf-8";


#planCont{background:#000;margin:0 auto;}
#planCont .planInner{background:#fff;padding: 3em 10px;}
/*
#nipponnotabiMemberNavi{background: rgb(59,50,42);border: 0px solid rgb(84,67,17);}
#nipponnotabiMemberNavi a{color: rgb(189,171,116);}
#nipponnotabiMemberNavi #header_box .nav li a:hover{background: rgb(34,25,16) !important;color: rgb(231,217,176);}
#nipponnotabiMemberNavi #header_box .nav li{border-right: 1px dotted rgb(34,25,16);}
#nipponnotabiMemberNavi #header_box .nav li:first-child{border-left: 1px dotted rgb(34,25,16);}
#nipponnotabiMemberNavi #header_box .spHead .logo img{background:#fff;padding:3px;}

*/

/* 施設側のヘッダー

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#user_header{position:relative; overflow:hidden;padding:0.5em 0 0.8em 0;border-bottom:1px solid #3b322a;background:#fff;}
#user_header .inner{display:table;table-layout:fixed;width:90%;max-width:1000px; margin:0 auto;}
#user_header h1{display:table-cell;vertical-align:middle;}
#user_header h1 img{width:100%;max-width:200px;min-width:100px;vertical-align:middle;}
#user_header .nav{text-align:right;display:table-cell;vertical-align:middle;}
#user_header .nav .home{position:relative;line-height:1.2;margin-bottom:5px;}
#user_header .nav .tel{position:relative;line-height:1.2;}
#user_header .nav .home a, #user_header .tel a{display:inline-block;padding:3px 5px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;}
#user_header .nav .home a:hover, #user_header .tel a:hover{color: rgb(59,50,42);}
#user_header .nav .home .icon, #user_header .home .txt, #user_header .tel .icon, #user_header .tel .num{display:inline-block;margin-right:5px;vertical-align:middle;}
#user_header .nav .home .icon, #user_header .home .txt{font-size:12px;}
#user_header .nav .tel .icon{font-size:17px;}
#user_header .nav .tel .num{font-size:24px;}
#user_header .nav .tel .txt{font-size:12px;}
#user_header .nav .sp_txt{display:none;}

/* SmartPhone */
@media screen and (max-width:480px){ 
	#user_header{text-align:center;}
	#user_header h1{margin-bottom:10px;width:40%;}
	#user_header h1 img{width:100%;max-width:200px;min-width:90px;vertical-align:middle;}
	#user_header .nav{text-align:right;vertical-align:middle;}
	#user_header .nav .home{margin-bottom:0px;}
	#user_header .nav .tel .icon{font-size:12px;}
	#user_header .nav .tel .num{font-size:17px;}
	#user_header .nav .tel .txt{font-size:10px;}

}

/* 施設側のフッター

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

#user_footer{ width:100%;border-top:1px solid #333;background:#333;padding:3.5em 0;color:#ddd;}
#user_footer .inner{width:90%; margin:0 auto; max-width:350px;}
#user_footer .security{text-align:center;margin:2em auto 1em auto;}
#user_footer .security .thum{ display:inline-block;width:115px; margin:0 0.5em 0.5em 0;}
#user_footer .security p{display:inline-block;width:202px; line-height:1.5;vertical-align:top;text-align:left;font-size:12px;}
#user_footer h1{ text-align:center;}
#user_footer h1 img{ width:100%;max-width:280px;padding: 10px;}
#user_footer h1 p{font-size:11px;margin-top:5px;color:#777;letter-spacing:1px;}
.tel_btn{display:none;}

/* SmartPhone */
@media screen and (max-width:768px){ 
	#user_footer{padding-bottom:5em;}
	#user_footer .security .thum{ display:inline-block;width:115px; margin:0 0.5em 1em 0;}
	#user_footer .security p{display:inline-block;width:100%; line-height:1.5;vertical-align:top;text-align:left;font-size:12px;}

	.tel_btn{position:fixed; bottom:10px; left:10px; z-index:999;display:block;width:80%;text-align:center;}
	.tel_btn a{display:block;background:rgba(51,51,51,0.8);color:#fff;padding:5px 10px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;}
	.tel_btn .icon,.tel_btn .num{display:inline-block;vertical-align: middle;line-height:1.3;}
	.tel_btn .icon{font-size:20px;padding-right:5px;}
	.tel_btn .num{font-size:20px;}
	.tel_btn .time{font-size:12px;}
}
@media screen and (max-width:400px){ 
	.tel_btn{width:70%;}
}

/* プラン検索・一覧 */
#planCont .planttAc{background:#3b322a;}

/* プラン一覧・詳細ページ　プランタイトルの色変更CSS */
/* 全体背景色・線 */
#planCont .planListBox .planItem h3,
#planCont .planDetailBox .planItem h3,
#planCont .planListBox #planRsvSimplicity .planItem h3{background:#eee;border:1px solid #3b322a;}
#planCont .planListBox .planItem h3 .tt,
#planCont .planDetailBox .planItem h3 .tt,
#planCont .planListBox #planRsvSimplicity .planItem h3 .tt{background:#eee;}

/* アイコン背景色 */
#planCont .planListBox .planItem h3 .icon,
#planCont .planDetailBox .planItem h3 .icon,
#planCont .planListBox #planRsvSimplicity .planItem h3 .icon{ background:#3b322a;}