@charset "UTF-8";
/* CSS Document */

/************************/
/*タブレットサイト向けCSS*/
/************************/
@media only screen
 and (min-width: 481px)
 and (max-width: 820px) {
     
.fb-like iframe {
    z-index: 9999;
	overflow: visible;
}

.font_color_red {
	color:red;
}

div#body-bk{  
	/*width: 1200px;       */
	width:100%;
	margin: 10px auto 0;    
	padding-bottom: 80px;  
	/*background-image:url("./resource/crowd_grey2219x1429.png");*/
}
 
/* ボディ */
/*div#body {  
	width:768px;
	height:100%;
	margin:0 auto 0 auto;
    text-align: center;
}*/

div#contents_area {
	width:768px;
	height:100%;
	/*margin:auto;*/
    margin:0 auto 0 auto;
    /*padding: 0 5px 0 5px;*/
    text-align: center;
	/*overflow:scroll;*/
}

div#sub_header {
	width:768px;
	height:100px;
	margin:1em auto 0em auto;
}

div#title_area {
	width:758px;
	height:100px;
    margin:0 auto 0 auto;
	/*float:left;*/
}


div#title_area h1{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: 'Utsukushi_m';*/
	font-size: 20pt;
	color: #000066;
	text-align: left;
	margin: auto;
}

div#title_area h2{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: 'Utsukushi_m';*/
	font-size: 14pt;
	color: #000066;
	text-align: left;
	line-height:1.8em;
	margin: auto;
}


div#social_button1 {
	width:758px;
	height:50px;
	text-align:left;
    margin:0 auto 0 auto;
	float:right;
}

div#social_button1 h4{
	font-family: sans-serif;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	text-indent:1em;
	margin: auto;
	}	

div#message_body {
	width:758px;
	height:100%;
	margin:auto;
	}
	
img.bar{
	height:20px;
	margin:0em 0.5em 0em 0em;
	text-align:left;
	}	
	
div#message_body h2{
	font-family: 'Utsukushi_m';
	font-size: 14pt;
	color: #4169e1;
	text-align: left;
	line-height:1.8em;
	margin: auto;
}	

div#message_body h3{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: 'Utsukushi_m';*/
	font-size: 13pt;
	color: #000066;
	text-align: left;
	line-height:1.8em;
	margin: auto;
	font-weight:bold;
	}
	 
.title_design1 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #006600;
	border-bottom: 1px solid #006600;
}
	
div#message_body h4{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: 'Utsukushi_m';*/
	font-size: 12pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin-top: 15px;
	font-weight:bold;
	}	

.title_design2 {
	padding: .1em 0 .1em .75em;
	border-left: 6px solid #006600;
}
	
div#message_body h5{
	font-family: sans-serif;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin: 0px 0px 0px 10px;
	}
	
div#message_body p{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo, Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	/*font-family: 'Utsukushi_m';*/
	font-size: 12pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	/*text-indent:1em;*/
	margin: auto;
	}	
	
div#message_body li{
	font-family: 'Utsukushi_m';
	font-size: 12pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	text-indent:1em;
	margin: auto;
	list-style-type: none;
	}		
	
div#message_body li a{
	text-decoration:underline;
	}		
	
div#message_body_left {
	width:758px;
	float:left;
	margin:1em 0em 0em 0em;
	}
	 
div#message_body_right {
	width:758px;
	float:right;
	margin:1em 0em 0em 0em;
	}
	
div#pic_area_left {
	width:400px;
	height:300px;
	float:left;
	margin:0;
	margin:1em 1em 0em 0em;
	}		 
	
div#pic_area_right {
	width:400px;
	height:300px;
	float:right;
	margin:1em 0em 1em 1em;
	}
	 
div#pic_area_right img {
	width:400px;
	height:300px;
}
	 
div#pic_area_right_double {
	width:400px;
	height:600px;
	float:right;
	margin:1em 0em 1em 1em;
	/*border:red 1px solid;*/
	}	 

div#pic_area_left img {
	width:400px;
	height:300px;
}

div#pic_area_right iframe {
	width:100%;
	height:100%;
 border:0; 
 float:right;
}

div#pic_area_left iframe {
	/*width:400px;*/
	/*height:300px;*/
 border:0; 
 float:left;
}	 
	 
/*４分割用*/
/*タイトル用*/	 
div#pic_area_right_s_title {
	width:400px;
	height:25px;
	float:left;
	margin:0em 0em 0em 0em;
	}

div#pic_area_right_s_title h5{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-align: left;
	/*line-height:1.8em;
	margin: auto;*/
	}


div#pic_area_right_s1 {
	width:200px;
	height:137px;
	float:left;
	margin:0em 0em 0em 0em;
	}

div#pic_area_right_s1 img{
	width:200px;
	height:137px;
	float:left;
	}

div#pic_area_right_s2 {
	width:200px;
	height:137px;
	float:left;
	margin:0em 0em 0em 0em;
	}

div#pic_area_right_s2 img{
	width:200px;
	height:137px;
	float:left;
	}

div#pic_area_right_s3 {
	width:200px;
	height:137px;
	float:left;
	margin:0em 0em 0em 0em;
	}

div#pic_area_right_s3 img{
	width:200px;
	height:137px;
	float:left;
	}

div#pic_area_right_s4 {
	width:200px;
	height:137px;
	float:left;
	margin:0em 0em 0em 0em;
	}

div#pic_area_right_s4 img{
	width:200px;
	height:137px;
	float:left;
	}

/*４分割終わり*/		 
	 
	
div#pic_area_right_4 {
	width:400px;
	height:300px;
	float:right;
	margin:1em 0em 1em 1em;
	}	
	
div#pic_box_1 {
	width:198px;
	height:148px;
	float:left;
	border:1px solid #999999;
}

div#pic_box_1_nb {
	width:198px;
	height:148px;
	float:left;
	border:1px solid #ffffff;
}

div#pic_box_1 img{
	width:198px;
	height:145px;
	float:left;
}	

div#pic_area_right_2 {
	width:400px;
	height:300px;
	float:right;
	margin:1em 0em 1em 1em;
	}	
	
div#pic_box_1_wide {
	width:398px;
	height:148px;
	float:left;
	border:1px solid #999999;
}

div#pic_box_1_wide img{
	width:398px;
	height:145px;
	float:left;
}

div#pv_area {
	width:758px;
	height:562px;
	margin:0px auto 0px auto;
}

div#pv_area iframe {
	width:758px;
	height:562px;
	margin:0px auto 0px auto;
}
	

	
div#global_navi_bk {
	width:100%;               /* 横の幅を100% */
	height: 50px;            /* 縦の幅を120px */
	position: absolute;       /* 絶対位置指定することを定義 */
	top: 155px; 
	}
	
div#global_navi {
	width:758px;
	height:50px;
	margin:auto;
}

/*html5動画*/
video {
	/*width:500px;
	height:375px;*/
	max-width: 100%;
    height: auto;
}

#split_4_video {
	width:200px;
	height:137px;
	float:left;
}

/*Youtube動画*/
/*.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/
	 
table {
	border-collapse: collapse; 
	border: 3px solid #7D7A7A;
}

th, td {
	border: 1px solid #7D7A7A;
}

th {
	background-color:#348EC2;
	color: #F9F9F9;
	text-align:center;
}

td {
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-align:center;
	font-family: 'Utsukushi_m';
}

/*キャンプTips!*/
div#message_tips {
	width:754px;
	float:left;
	margin:1em auto 1em auto;
	/*padding:5px 5px 5px 5px;*/
	/*background-color:rgba(153,153,153,0.5);*/
	/*box-shadow:3px 3px 3px #000000;*/
	border: 5px solid #999999;
	}
div#message_tips_title {
	height:50px;
	width:754px;
	margin:0px 0px 20px 0px;
	background-color:rgba(0,0,153,0.8);
}
	
div#message_tips h3{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 11pt;
	color: #ffffff;
	text-align: left;
	line-height:1.8em;
	margin:0px 0px 0px 0px;
	padding:12px 0px 10px 8px;
	/*text-shadow:2px 2px 2px #000000;*/
	/*background-color:rgba(0,0,153,0.8);*/
	}
	
div#message_tips h4{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin: 5px 0px 5px 0px;
	padding:5px 20px 0px 20px;
	/*text-shadow:2px 2px 2px #000000;*/
	}	
	
div#message_tips p{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin: auto;
	padding:0px 20px 0px 20px;
	}	
	
div#message_tips_pic {
	width:400px;
	height:300px;
	float:right;
	margin:1em 1em 1em 1em;
	}	
	
div#message_tips_pic img {
	width:400px;
	height:300px;
}	
	
/*市町村紹介*/
div#message_cityinfo {
	width:754px;
	float:left;
	margin:1em auto 1em auto;
	/*padding:5px 5px 5px 5px;*/
	/*background-color:rgba(153,153,153,0.5);*/
	/*box-shadow:3px 3px 3px #000000;*/
	border: 5px solid #999999;
	}
div#message_cityinfo_title {
	height:50px;
	width:754px;
	margin:0px 0px 20px 0px;
	background-color:rgba(0,0,0,0.8);
}
	
div#message_cityinfo h3{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 11pt;
	color: #ffffff;
	text-align: left;
	line-height:1.8em;
	margin:0px 0px 0px 0px;
	padding:12px 0px 10px 8px;
	/*text-shadow:2px 2px 2px #000000;*/
	/*background-color:rgba(0,0,0,0.8);*/
	}
	
div#message_cityinfo h4{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin: 5px 0px 5px 0px;
	padding:5px 20px 0px 20px;
	/*text-shadow:2px 2px 2px #000000;*/
	}	
	
div#message_cityinfo p{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	line-height:1.8em;
	margin: auto;
	padding:0px 20px 0px 20px;
	}			
	
div#message_cityinfo_pic_4 {
	width:400px;
	height:300px;
	float:right;
	margin:0em 1em 1em 1em;
	}	
	
div#message_cityinfo_pic_box_1 {
	width:198px;
	height:148px;
	float:left;
	border:1px solid #999999;
}

div#message_cityinfo_pic_box_1 img{
	width:198px;
	height:148px;
	float:left;
}

div#message_cityinfo h5{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #333333;
	text-align: left;
	margin: auto;
	padding:5px 20px 0px 20px;
	}
	 
/*関連記事エリア*/
div#related_topics {
	width:758px;
	float:left;
	margin:1em 0em 2em 0em;
}
	 
div#related_topics h3 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 13pt;
	color: #333333;
	text-align: right;
	margin: 0em 0em 0em 0em;
	font-weight:bolder;
}

div#related_topics a {
	color: #333333;
}

div#related_topics a:hover {
	color: red;
}	 

div#related_title {
	width:758px;
	height:30px;
	float:left;
	text-align: center;
	margin:0 0 30px 0;
	background-color:rgba(0,102,0,0.8);
}

div#related_title h3 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 13pt;
	color: #ffffff;
	text-align: center;
	margin: 0em 0em 1em 0em;
}

div#related_box1 {
	width:758px;
	height:100px;
	float:left;
	margin:0 0 20px 0;
}

div#related_box1 img{
	width:150px;
	float:left;
	margin:0 20px 0 0;
}

div#related_box1 h3 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 12pt;
	color: #333333;
	text-align: left;
	margin: 0em 0em 0em 0em;
}

div#related_box1 h5 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 7pt;
	color: #333333;
	text-align: left;
	margin: 0em 0em 0em 0em;
}

div#related_box1 p {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	margin: 0em 0em 0em 0em;
}

div#related_box1 a {
	color: #333333;
}

div#related_box1 a:hover {
	color: red;
}	
	 
/*adエリア0*/
div#ad_area0 {
	width:400px;
	height:250px;
	float:right;
	margin:1em auto 1em auto;
	}

.k_outdoor_ad0 {
	width: 400px;
	height: 250px;
	margin:0 auto 0 auto;
}	 
	 
	 
/*adエリア*/
div#ad_area {
	width:758px;
	height:100px;
	float:left;
	margin:1em 0em 2em 0em;
}

div#ad_area_long {
	width:758px;
	height:90px;
	float:left;
	margin:0 0 0 0;
	/*border:1px solid red;*/
}

.k_outdoor_ad1 {
	width: 758px;
	height: 90px;
}	
	 
/*fbコメントエリア*/
div#fb_comments {
	/*display:none;*/
    width:758px;
    height:100%;
    padding:10px;
    float:left;
    border: 1px solid #ccc;
    border-radius: 4px;
}    
     
.fb-comments {
    width:720px;
    height:100%;
    padding:10px;
    float:left;
    border: 1px solid #ccc;
    border-radius: 4px;
}  
	
	
div#fb_comments p{
    margin-left:20px;
}  	
    
div#comment_pc {
    display:inline;
}
    
div#comment_sp {
    display:none;
}  	 

}