@charset "utf-8";

#header{
	border-bottom:none;
}
#contentCover{
	background: #fff none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.img_dummy {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.notes_area p {
	font-size: 10px;
	text-align:right;
}


@media only screen and (max-width: 640px) {
	.pc_area{
		display:none;
	}
	img.pc_img{
		display:none;
	}
	.main_contents{
		width:100%;
		margin-top:16%;
	}
	#plan_contents>div{
		display:none;
	}
	#plan_contents .land_area{
		display:table;
		width:180px;
		margin:5px auto;
	}
	#plan_contents .land_area>p.txt_land{
		display:table-cell;
		text-align:center;
		font-size:140%;
		padding:10px 0;
	}
	#plan_contents .land_area>span.line1{
		background-image:url(/img/img_kizuna_1line.jpg);
		background-repeat: no-repeat;
		background-size:35px auto;
		background-position:center center;
		display:table-cell;
		width:35px;
	}
	#plan_contents .plan_area{
		margin-bottom:15px;
	}
	#plan_contents .plan_area>div{
		margin-bottom:15px;
		border-bottom:3px solid #e74478;
	}
	#plan_contents .plan_area .land_nm{
		color:#231815;
		margin:5px auto;
		padding:0 10px;
		font-size: 110%;
		font-weight: bold;
	}
	#plan_contents .plan_area .land_nm span{
		color: #9082B1;
	}
	#plan_contents .plan_area .plan_nm{
		color:#231815;
		margin:5px auto;
		padding:0 10px;
		line-height:150%;
	}
	#plan_contents .plan_area .info_area{
		display:table;
		table-layout:fixed;
		box-sizing:border-box;
	}
	#plan_contents .plan_area .info_area .photo_area{
		display:table-cell;
		width:100px;
		min-width:100px;
		max-width:100px;
		vertical-align:top;
		text-align:center;
		padding:0 8px 8px;
		position:relative;
	}
	#plan_contents .plan_area .info_area .photo_area img{
		display:table-cell;
		max-width:110px;
		width:100%;
	}
	#plan_contents .plan_area .info_area .photo_area p{
		position:absolute;
	    background-color: #fff;
	    border-radius: 5px;
	    display: block;
	    height: 10px;
	    margin: 0 4px;
	    text-indent: -9999px;
	    width: 8px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p1{
		top:-5px;
		left:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p2{
		top:-5px;
		right:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p3{
		top:85px;
		left:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p4{
		top:85px;
		right:0px;
	}
	#plan_contents .plan_area .info_area .detail_area{
		display:table-cell;
		width:100%;
		vertical-align:top;
	}
	#plan_contents .plan_area .info_area .detail_area .info{
		display:table;
		width:100%;
	}
	#plan_contents .plan_area .info_area .detail_area .info li{
		display:table-cell;
		background-color:#F7F7F7;
		vertical-align:middle;
		font-size:10px;
		border-style:none solid solid none;
		border-width:5px;
		border-color:#fff;
		padding:5px 0 5px 5px;
		color:#231815;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_l{
		width:45%;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_l img{
		margin-right:5px;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_r{
		width:55%;
		padding:5px 0 5px 0;
	}

	#plan_contents .plan_area .info_area .detail_area .info.last li{
		border-style:none solid none none;
	}
	#plan_contents .plan_area .info_area .detail_area .info.bg_w li{
		background-color:#fff;
		border-style:none solid;
		padding:0;
	}
	#plan_contents .plan_area .info_area .detail_area .info li img{
		vertical-align:middle;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.a_logo{
		text-align:center;
	}
	#plan_contents .plan_area .link_area{
		text-align:center;
		margin:10px 0;
	}
	#plan_contents .plan_area .link_area img{
		width:160px;
	}
	#plan_contents .plan_area .link_area .link_txt{
		text-align:center;
		font-size:10px;
		padding-top:10px;
	}
	#plan_contents .plan_area .otona{
		font-size:10px;
		padding:0 5px;
	}
	#plan_contents .plan_area .amount{
		margin-left:3px;
		color:#231815;
	}
	#plan_contents .plan_area .am_f,
	#plan_contents .plan_area .am_t{
		color:#D71718;
		font-size:16px;
		font-weight:bold;
	}
	#plan_contents .plan_area .yen{
		color:#231815;
		font-size:10px;
		margin:0 2px;
	}
	#plan_contents .plan_area .privilege_area.sp_area {
		padding:0 5px;
		box-sizing:border-box;
	}
	#plan_contents .plan_area .privilege_area .privilege_title {
		color:#897da9;
		padding:3px 5px;
	}
	#plan_contents .plan_area .privilege_area .privilege_title span{
		font-size:120%;
	}
	#plan_contents .plan_area .privilege_area .privilege_title img{
		margin-right:3px;
	}
	#plan_contents .plan_area .privilege_area .privilege_f {
		border-top:1px solid #e7e7e7;
		border-left:1px solid #e7e7e7;
		border-right:1px solid #e7e7e7;
		color:#231815;
		background-color:#fff;
		padding:5px 10px;
		font-size:11px;
	}
	#plan_contents .plan_area .privilege_area .privilege_f.last {
		border-bottom:1px solid #e7e7e7;
	}

	#plan_contents .plan_area .privilege_area .privilege_h {
		background-color:#F7F7F7;
		border-left:5px solid #897da9;
		padding:12px 0 12px 10px;
		color:#897da9;
		position:relative;
		font-size:13px;
		line-height:100%;
	}
	#plan_contents .plan_area .privilege_area .privilege_h span{
		text-indent:-9999px;
		position:absolute;
		top:12px;
		right:22px;
		background:url('/img/img_kizuna_arrow_plan_open.png') no-repeat;
		background-size:14px;
		width:14px;
		height:14px;
	}
	#plan_contents .plan_area .privilege_area .privilege_h.open span{
		background:url('/img/img_kizuna_arrow_plan_close.png') no-repeat;
		background-size:14px;
	}
	#plan_contents .plan_area .privilege_area .privilege_list {
		/*display:none;*/
	}
	#plan_contents .plan_area .privilege_area .privilege_list li{
		font-size:11px;
	}
	#plan_contents .plan_area .limit_date {
		padding:2px 5px;
		font-size:10px;
	}


	#plan_contents .plan_area .info_area{
	    /*background: #f7f7f7 none repeat scroll 0 0;*/
	    box-sizing: border-box;
	    margin: 0 auto;
	    padding: 2px;
	}
	#plan_contents .plan_area .info_area li{
	    background: #f7f7f7 url("../img/travelplan/hokuriku/bg_plan_shohin_line.gif") no-repeat scroll right center;
	    font-size: 95%;
	    text-align: center;
	    width: 44%;
	    float:left;
	    margin:1px 2px;
		padding:6px 2px;
    }
	#plan_contents .plan_area .info_area li img{
	    vertical-align: middle;
	    padding-right:5px;
	}
	#plan_contents .plan_area .info_area li.info2 img,
	#plan_contents .plan_area .info_area li.info4 img{
	    padding-right:0;
	}
	#plan_contents .plan_area .info_area li.info5{
	    background: #fff;
	}
	#plan_contents .plan_area .detail_area .photo_area{
		float:left;
		width:35%;
	}


	#tab_btn_area{
		background-color:#F39800;
		display:table;
		width:100%;
		padding-top:5px;
	}
	#tab_btn_area li{
		display:table-cell;
	}
	#tab_btn_area li img{
		width:100%;
	}
	.main_img{
	}
	.main_img .l_img{
		display:none;
	}
	.main_img .c_img{
		width:100%;
		height:0;
		padding-top:83.9%;
	}
	.main_img .c_img.dep1{
		background-image:url("../img/travelplan/hokuriku/img_main_map_shuto.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-repeat: no-repeat;
		background-size:contain;
		display:block;
	}
	.main_img .c_img.dep2{
		background-image:url("../img/travelplan/hokuriku/img_main_map_chubu.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-repeat: no-repeat;
		background-size:contain;
		display:block;
	}
	.main_img .c_img.dep3{
		background-image:url("../img/travelplan/hokuriku/img_main_map_kansai.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-repeat: no-repeat;
		background-size:contain;
		display:block;
	}
	.main_img .c_img.dep4{
		background-image:url("../img/travelplan/hokuriku/img_main_map_shizuoka.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-repeat: no-repeat;
		background-size:contain;
		display:block;
	}
	.btm_area{
		background-color:#F39800;
		text-align:center;
		margin:5px auto;
		padding-bottom:30px;
	}
	.btm_area .sub_txt{
		color:#fff;
		font-size:11px;
		padding:15px 12% 15px;
		line-height:180%;
	}
	.btm_area .sub_txt span{
		font-size:11px;
	}
	.btm_area .sub_img1{
		max-width:220px;
		width:65.6%;
		margin:0 auto 20px;
		padding:0 60px;
	}
	.btm_area .sub_img1 img{
		width:100%;
	}
	.btm_area .plan_link{
		display:block;
		width:78.1%;
		margin:0 auto;
	}
	.btm_area .plan_link img{
		width:100%;
	}
	.btm_area .sub_img2{
		margin:20px auto 30px;
		overflow-x: hidden;
		padding-left:20px;
	}
	.btm_area .sub_img2 img{
		width:140%;
	}

	h2 {
		border-top: 3px solid #fff;
		margin:23px auto 0;
		text-align:center;
		padding:0; height:24px;
		width:95%;
	}
	h2 span {
		position: relative;
		top: -10px;
		padding: 0 10px;
		background:#F39800;
		font-size:14px;
		color:#fff;
	}
	
	.btm_area .spot_area{
		width:98%;
		margin:0 auto 20px;
	}
	.btm_area .spot_area li{
		float:left;
		width:33.3%;
		position:relative;
	}
	.btm_area .spot_area li img{
		width:100%;
	}
	.link_bnr{
		width:78.1%;
		margin:30px auto 40px;
	}
	.link_bnr img{
		width:100%;
	}
	.link_bnr a{
		display:block;
		width:100%;
		color:#fff;
	}
	.link_bnr a span{
		display:block;
		width:100%;
		margin-top:5px;
	}

}

@media only screen and (min-width: 641px) {
	
	.main_contents{
		max-width:980px;
		width:100%;
	}

	.sp_area{
		display:none;
	}
	img.sp_img{
		display:none;
	}
	a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	#tab_btn_area{
		background-color:#F39800;
		padding-top:5px;
	}
	#tab_btn_area li{
		float:left;
		width:145px;
	}
	#tab_btn_area li img{
		width:100%;
	}
	.main_img{
		display:table;
		width:100%;
	}
	.main_img .l_img{
		display:table-cell;
		width:176px;
		position:relative;
	}
	.main_img .l_img img{
		width:100%;
	}
	.main_img .c_img{
		display:table-cell;
		width:628px;
	}
	.main_img .c_img.dep1{
		background-image:url("../img/travelplan/hokuriku/img_main_map_shuto.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-size:cover;
	}
	.main_img .c_img.dep2{
		background-image:url("../img/travelplan/hokuriku/img_main_map_chubu.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-size:cover;
	}
	.main_img .c_img.dep3{
		background-image:url("../img/travelplan/hokuriku/img_main_map_kansai.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-size:cover;
	}
	.main_img .c_img.dep4{
		background-image:url("../img/travelplan/hokuriku/img_main_map_shizuoka.jpg");
		background-image:url("../img/travelplan/hokuriku/img_main_map_all.jpg");
		background-size:cover;
	}
	.btm_area{
		background-color:#F39800;
		text-align:center;
		margin:5px auto;
		padding-bottom:30px;
	}
	.btm_area .sub_txt{
		color:#fff;
		font-size:13px;
		padding:15px 0;
	}
	.btm_area .sub_txt span{
		display:block;
	}
	.btm_area .sub_img1{
		width:190px;
		margin:0 auto 20px;
	}
	.btm_area .sub_img1 img{
		width:100%;
	}
	.btm_area .sub_img2{
		margin:30px auto 40px;
	}
	.btm_area .plan_link{
		display:block;
		width:364px;
		margin:0 auto;
	}
	.btm_area .plan_link img{
		width:100%;
	}
	h2 {
		border-top: 3px solid #fff;
		margin:23px auto 0;
		text-align:center;
		padding:0; height:24px;
		max-width:630px;
		width:96%;
	}
	h2 span {
		position: relative;
		top: -18px;
		padding: 0 30px;
		background:#F39800;
		font-size:21px;
		color:#fff;
	}
	.btm_area .spot_area{
		display:table;
		max-width:700px;
		width:100%;
		margin:0 auto;
		border-collapse:separate;
		border-spacing:10px 10px;
	}
	.btm_area .spot_area li{
		display:table-cell;
		width:16%;
		position:relative;
	}
	.btm_area .spot_area li img{
		width:100%;
	}

	#plan_contents{
		max-width:980px;
		width:100%;
		margin:0 auto;
		padding-bottom:50px;
		box-sizing:border-box;
	    background-color: #EEEEF0;
	}
	#plan_contents>div{
		border:1px solid #717071;
		margin:-2px auto 0;
		max-width:636px;
		width:98%;
		display:none;
		background-color:#fff;
		padding-bottom:30px;
		box-sizing:border-box;
	}
	#plan_contents .land_area{
		display:table;
		width:280px;
		margin:15px auto;
	}
	#plan_contents .land_area>p.txt_land{
		display:table-cell;
		text-align:center;
		font-size:220%;
		padding:10px 0;
	}
	#plan_contents .land_area>span.line1{
		background-image:url(/img/img_kizuna_2line.jpg);
		background-repeat: no-repeat;
		background-size:71px auto;
		background-position:center center;
		display:table-cell;
		width:71px;
	}
	#plan_contents .plan_area{
		width:580px;
		margin:15px auto;
		padding-bottom:10px;
	}
	#plan_contents .plan_area > div{
		position:relative;
	}
	#plan_contents .plan_area .land_nm{
		color:#231815;
		margin:5px auto;
		padding:0 10px;
		font-size: 110%;
		font-weight: bold;
	}
	#plan_contents .plan_area .land_nm span{
		color: #9082B1;
	}
	#plan_contents .plan_area .plan_nm{
		color:#231815;
		padding:5px 30px 5px 0;
		line-height:140%;
		font-size:150%;
	}
	#plan_contents .plan_area .info_area{
	}
	#plan_contents .plan_area .info_area .photo_area{
		width:110px;
		min-width:110px;
		max-width:110px;
		vertical-align:top;
		text-align:left;
		padding:0 8px 8px 0;
		position:relative;
		float:left;
	}
	#plan_contents .plan_area .detail_area .photo_area img{
		max-width:130px;
		width:100%;
	}
	#plan_contents .plan_area .info_area .photo_area p{
		position:absolute;
	    background-color: #fff;
	    border-radius: 5px;
	    display: block;
	    height: 10px;
	    margin: 0 4px;
	    text-indent: -9999px;
	    width: 8px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p1{
		top:-5px;
		left:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p2{
		top:-5px;
		right:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p3{
		top:85px;
		left:0px;
	}
	#plan_contents .plan_area .info_area .photo_area p.p4{
		top:85px;
		right:0px;
	}
	#plan_contents .plan_area .info_area .detail_area{
		float:left;
		display:inline-block;
		width:380px;
	}
	#plan_contents .plan_area .info_area .detail_area .info{
	}
	#plan_contents .plan_area .info_area .detail_area .info li{
		background-color:#F7F7F7;
		vertical-align:middle;
		font-size:10px;
		border-style:none solid solid none;
		border-width:5px;
		border-color:#fff;
		padding:5px 0 5px 5px;
		color:#231815;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_l{
		float:left;
		width:74px;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_l img{
		margin-right:5px;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.li_r{
		min-width:74px;
		float:left;
		padding:5px 0 5px 0;
	}

	#plan_contents .plan_area .info_area .detail_area .info.last li{
		border-style:none solid none none;
	}
	#plan_contents .plan_area .info_area .detail_area .info.bg_w{
		clear: both;
	}
	#plan_contents .plan_area .info_area .detail_area .info.bg_w li{
		background-color:#fff;
		border-style:none solid;
		padding:8px 0 4px;
	}
	#plan_contents .plan_area .info_area .detail_area .info li img{
		vertical-align:middle;
	}
	#plan_contents .plan_area .info_area .detail_area .info li.a_logo{
		text-align:center;
		padding:0;
	}
	#plan_contents .plan_area .info_area .link_area{
		width:40px;
		vertical-align:top;
		float:left;
	}
	#plan_contents .plan_area .info_area .link_area a{
		display:block;
		text-align:center;
		padding:20px 0;
	}
	#plan_contents .plan_area .otona{
		font-size:10px;
	}
	#plan_contents .plan_area .amount{
		margin-left:3px;
		color:#231815;
		width:320px;
		padding:5px 0;
	}
	#plan_contents .plan_area .am_f,
	#plan_contents .plan_area .am_t{
		color:#D71718;
		font-size:16px;
		font-weight:bold;
	}
	#plan_contents .plan_area .yen{
		color:#231815;
		font-size:10px;
		margin:0 2px;
	}
	#plan_contents .plan_area .privilege_area.pc_area{
		width:320px;
		padding:0 5px;
		float:left;
		display:inline-block;
	}
	#plan_contents .plan_area .privilege_area .privilege_title {
		color:#897da9;
		padding:3px 5px;
	}
	#plan_contents .plan_area .privilege_area .privilege_title span{
		font-size:120%;
	}
	#plan_contents .plan_area .privilege_area .privilege_title img{
		margin-right:3px;
	}
	#plan_contents .plan_area .privilege_area .privilege_f {
		border-top:1px solid #e7e7e7;
		border-left:1px solid #e7e7e7;
		border-right:1px solid #e7e7e7;
		color:#231815;
		background-color:#fff;
		padding:5px 10px;
		font-size:11px;
	}
	#plan_contents .plan_area .privilege_area .privilege_f.last {
		border-bottom:1px solid #e7e7e7;
	}

	#plan_contents .plan_area .privilege_area .privilege_h {
		background-color:#F7F7F7;
		border-left:5px solid #897da9;
		padding:12px 0 12px 10px;
		color:#897da9;
		position:relative;
		font-size:13px;
		line-height:100%;
	}
	#plan_contents .plan_area .privilege_area .privilege_h span{
		text-indent:-9999px;
		position:absolute;
		top:12px;
		right:22px;
		background:url('/img/img_kizuna_arrow_plan_open.png') no-repeat;
		background-size:14px;
		width:14px;
		height:14px;
	}
	#plan_contents .plan_area .privilege_area .privilege_h.open span{
		background:url('/img/img_kizuna_arrow_plan_close.png') no-repeat;
		background-size:14px;
	}
	#plan_contents .plan_area .privilege_area .privilege_list {
	}
	#plan_contents .plan_area .privilege_area .privilege_list li{
		font-size:11px;
	}
	#plan_contents .plan_area .link_area {
		text-align:center;
	}
	#plan_contents .plan_area .link_area a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	#plan_contents .plan_area .link_area .link_txt{
		font-size:10px;
		margin-top:5px;
	}
	#plan_contents .plan_area .limit_date {
		padding:2px 5px;
		text-align:left;
		font-size:10px;
	}


	#plan_contents .plan_area .info_area{
	    background: #f7f7f7 none repeat scroll 0 0;
	    box-sizing: border-box;
	    margin: 0 auto;
	    padding: 2px;
	    width: 100%;
	    display:table;
	    table-layout:fixed;
	    position:absolute;
	    top:0;
	    left:0;
	}
	#plan_contents .plan_area .info_area li{
	    background: url("../img/travelplan/hokuriku/bg_plan_shohin_line.gif") no-repeat scroll right center;
	    display: table-cell;
	    font-size: 95%;
	    text-align: center;
	    width: 115px;
    }
	#plan_contents .plan_area .info_area li img{
	    vertical-align: middle;
	    padding-right:5px;
	}
	#plan_contents .plan_area .info_area li.info2 img,
	#plan_contents .plan_area .info_area li.info4 img{
	    padding-right:0;
	}
	#plan_contents .plan_area .info_area li.info5{
	    background: #fff;
	}
	#plan_contents .plan_area .detail_area{
		position:relative;
	}
	#plan_contents .plan_area .detail_area .photo_area{
		float:left;
		width:130px;
		margin-top:46px;
	}
	#plan_contents .plan_area .detail_area .text_area{
		float:left;
		width:440px;
		padding-left:10px;
		margin-top:51px;
	}
	.link_bnr{
		width:500px;
		margin:90px auto 70px;
	}
	.link_bnr img{
		width:100%;
	}
	.link_bnr a{
		display:block;
		width:100%;
		color:#fff;
	}
	.link_bnr a span{
		display:block;
		width:100%;
		margin-top:5px;
	}
}
