@media screen and (max-width: 840px) {
body { min-width: 640px; padding:0; }
.contents { width:100%; min-width:300px; }
.contents_in { padding:0px 2%; }
.seo_box .seo { display:none; }

/*--HEAD--*/
.head { }
.head .title { width:280px; height:80px; margin:0px auto; background:url(../img/navi_logo.png) no-repeat 0 -100px; }
.head .contents { width:100%; }

/*--HEAD MENU--*/
.hm_box { left:auto; width:100%; display:block; height:auto; }
.hm { float:right; width:320px; height:80px; margin:0; }

.hm li { position: relative; float:left; width:79px; height:80px; margin:0 0 0 -1px ; padding:0; font-weight:bold; border-right:1px solid #eee; border-left:1px solid #eee; }
.hm li a { display:block; width:79px; height:80px; }
.hm .hm_news a { background-position:-340px -8px; }
.hm .hm_area a { background-position:-460px -8px; }
.hm .hm_purpos a { background-position:-580px -8px; }
.hm .hm_about a { background-position:-700px -8px; }
.hm .hm_news .sub { left:-240px; }
.hm .hm_news .sub .arrow { top:-30px; left:250px;}
.hm .hm_area .sub { left:-320px; }
.hm .hm_area .sub .arrow { top:-30px; left:330px;}
.hm .hm_purpos .sub { left:-400px; }
.hm .hm_purpos .sub .arrow { top:-30px; left:410px;}
.hm .hm_about .sub { left:-480px; }
.hm .hm_about .sub .arrow { top:-40px; left:210px;}
.hm .sub li { border:none; }


.h_copy { display:none; }
.article { float:none !important; width:auto !important; }
.side { width:100%; float:none; margin:0 auto 40px auto; }
.head_box { width:48%; float:left; }

.t_news, .t_area, .t_purpos, .t_about { float:none; margin:0 auto 30px auto;  }
.t_news ul, .t_area ul, .t_purpos ul, .t_about ul { height:auto; overflow:visible; }

.corner { width:auto; margin:0 auto 20px auto; } 
.corner a.b_pod {  display:block; float:none; margin:0 auto 10px auto; }
.corner a.b_corse { float:none; margin:0 auto 10px auto; }
.corner a.b_map { float:none; margin:0 auto 10px auto; }
.corner a img { width:100%; height:auto; }

.side_link { float:none; margin:0 auto 30px auto; }
.side_m { width:300px; float:right; }


.head_box .arrow { left:50%; top:-30px; margin-left:-15px; }
.area_izumo .head_box .arrow { background-position:-60px 0; }
.area_matsue .head_box .arrow { background-position:-60px -30px; }
.area_yasugi .head_box .arrow { background-position:-60px -60px; }
.area_sakaiminato .head_box .arrow { background-position:-60px -90px; }
.area_yonago .head_box .arrow { background-position:-60px -120px; }
.area_daisen .head_box .arrow { background-position:-60px -150px; }

.fm .notice{ float:left; width:100%; padding:0; font-size:14px; line-height:1.5; background:#704; color:#bb80a2; text-align:left; }
.fm .notice span { display:block; padding:10px 10px 5px 10px; }

.b_no { display:none; }

/*20150612追加*/
.special_banner { width:540px; }

.banner_list { width:540px; }
.banner_list ul { margin:0; }
.banner_list ul li { float:none; margin:0; }


}

@media screen and (max-width: 640px) {
body { min-width: 320px; padding:0; }
.contents { width:100%; }
.contents_in { padding:0 10px; }

/*--HEAD SEO--*/
.seo_box .seo { display:none; }
.hm_sp { display:block;}

/*--HEAD SEARCH/--*/
.search_box { width:100%; height:auto; margin:0; !important; border-top:1px solid #a04d7d; display:none; }
.search_box .sitesearch { margin:0; padding:2%; height:30px; }
.search_box .sitesearch .search_form { width:96%; padding:0 2%;  }


/*--HEAD--*/
.head { }
.head .title { float:none; width:280px; height:80px; margin:0px auto; background:url(../img/navi_logo.png) no-repeat 0 -100px; }
.head .contents { width:100%; margin-bottom:0; }

/*--HEAD MENU--*/
.hm_box { position: relative; left:auto; width:100%; display:block; height:auto; border-top:1px solid #eee; }
.hm { float:right; position: relative; right:50%; width:auto; height:80px; display:none; }
/*.hm li { float:left; width:50%; height:40px; margin:0; padding:0; font-weight:bold; }
.hm li a { display:block; width:auto; height:40px; background:#704 url(../img/navi_logo.png) no-repeat; }
.hm .hm_news a { background-position:0 -210px; }
.hm .hm_area a { background-position:-320px -210px; }
.hm .hm_purpos a { background-position:0 -250px; }
.hm .hm_about a { background-position:-320px -250px; }*/
.hm li { position: relative; right:-50%; float:left; width:79px; height:80px; margin:0 0 0 -1px ; padding:0; font-weight:bold; border-right:1px solid #eee; border-left:1px solid #eee; }
.hm li a { display:block; width:79px; height:80px; }
.hm .hm_news a { background-position:-340px -8px; }
.hm .hm_area a { background-position:-460px -8px; }
.hm .hm_purpos a { background-position:-580px -8px; }
.hm .hm_about a { background-position:-700px -8px; }
.hm .arrow { display:none; }

.h_copy { display:none;}

.hm .sub { margin:0; padding:10px; }
.hm .sub li { left:0; border:none; }
.hm .hm_news .sub { left:0px; width:300px; padding:30px 10px 10px 10px; }
.hm .hm_news .sub li iframe { height:320px; }
.hm .hm_area .sub { left:-80px; width:320px; padding:0; overflow:hidden; }
.hm .hm_area .sub li { width:160px; height:160px; }
.hm .hm_purpos .sub { left:-160px; width:300px;}
.hm .hm_purpos .sub li { width:100%; }
.hm .hm_about .sub { left:-240px; width:290px; padding:20px 30px 20px 0px;}
.hm .hm_about .sub li a { width:120px; height:120px; }
.hm .hm_about .sub li .japan { display:none; }
.hm .hm_about .sub li .m01 { float:right; background-position:-250px -670px; }
.hm .hm_about .sub li .m02 { float:right; background-position:-410px -670px; margin-left:20px; }


.main_photo { padding:0; margin:0 0 50px 0; }
.main_photo .b_pod { display:none; }
.main_photo .text { bottom:-15px; width:94%; text-align:left; height:auto; margin:0px 3%; }
.main_photo .text span { padding: 10px 10px 10px 45px; }


/*--NEWS/--*/
.t_news { width:300px; margin:0 auto 20px auto; }
.t_news ul { padding:30px 15px 10px 15px; }
/*--AREA/--*/
.t_area { width:300px; margin:0 auto 20px auto; }
.t_area ul { width:100%; padding:0; }
.t_area ul li { width:150px; height:160px; overflow:hidden; }
.t_area ul li a { margin:0 -5px ; }

/*--PURPOS/--*/
.t_purpos { width:300px; margin:0 auto 20px auto; }
.t_purpos ul { width:auto; height:auto; padding:20px;  }
.t_purpos ul li { width:99%; }

/*--ABOUT/--*/
.t_about { width:300px; margin:0 auto 40px auto; }
.t_about ul  { width:auto; height:320px; margin:0; padding:10px;  }
.t_about ul li { width:100%; }
.t_about ul li .japan { position:absolute; top:135px; left:40px; width:230px; height:230px; background:url(../img/navi_logo.png) no-repeat 0 -620px; text-indent:-9999px; z-index:50; }
.t_about ul li .m01 { position:absolute; top:10px; left:10px;}
.t_about ul li .m02 { position:absolute; top:10px; right:10px;}



.banner_area { border:0px; display:none; }
.ad_box { }
.b_box01 { width:auto; padding:20px 10px 10px 10px; margin:0 auto; line-height:1; }
.b_box01 a { width:100%; padding:0; }
.b_box01 img { width:100%; padding:0; margin:0 0 10px 0 !important; }
.b_box02 { padding:20px 25px; }


.foot { position:relative; left:0; bottom:0; margin:0 ; width:100%; }
.f_box { padding:0px 10px 10px 10px;}
.copyright { float:left; text-align:left; line-height:1.5; margin-bottom:5px; }

/*20150612追加*/
.special_banner { width:300px; }

.banner_list { width:300px; }


/*-- TEMPLATE ------------------------------------------------------------------------------------------*/

.temp .contents img { width:100%; height:auto; }
.temp .contents img.no { width:auto !important; height:auto; }


.article { float:none !important; width:auto !important; }
.navibar { padding:5px 0px; font-size:12px; }

/*---- side_MENU ----*/
.side { float:none; margin:0 auto 40px auto; }
.side_m { float:none; margin:0 auto 10px auto; width:300px; }

.head_box { width:auto; float:none; }
.b_pod, .b_corse, .b_map, .side_link { width:300px; float:none; margin:0 auto 10px auto; }

.text_box { }
.index_box { }
.empty { display:none; }


/*---- 画像回り込みセット ----*/
.box_l { width:100%;  margin:0px 0px 40px 0px; }
.box_l .photo { float:none; width:100%; margint:0px; display:inline; }
.box_l .photo img { width:96%; margin:0px 10px 10px 10px;  padding:0; height:auto; }
.box_l .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

.box_r { width:100%; margin:0px 0px 40px 0px; }
.box_r .photo { float:none; width:100%; margin:0px; display:inline; }
.box_r .photo img { width:96%; margin:0px 10px 10px 10px;  padding:0; height:auto; }
.box_r .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

/*---- アコーディオン ----*/
.acc .a { padding:0px 10px 0px 50px ; background:url("../img/i_qa02.png") no-repeat 0px 8px;  }


/*---- INDEX ----*/
.index_box { float:left; width:100%; margin:0px 0px 10px 0px; }

.article img { max-width:100%; height:auto; }
.article img.no { width:auto !important; height:auto; }
.article div[style^="margin"] { margin-left:0px !important; }
.article p[style^="padding"] { padding-left:0px !important; }
.article h5[style^="padding"] { padding-left:0px !important; }

.left_img img { margin:0px; padding:0px; margin-bottom:1em; margin-right:0px; max-width:100%; height:auto; }

.section img { float:none; width:100% !important; height:auto; margin:0px; }
.section .text_box { padding:0px; }

h3, h4, h5, h6 { margin:0px 0px 10px 0px; }

table { width:100% !important; max-width:100% !important; }
th, td { word-break:break-all !important; word-wrap:break-word !important; padding:8px 4px !important; line-height:1.25 !important; }
th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {/* white-space:normal; */}
img[align="absmiddle"] { vertical-align:middle; }

.table01 th { white-space:normal !important; min-width:120px; }


}


@media screen and (max-width: 360px) {
.index_box2 { width:100%; margin:0px 5px 20px 0px ; }
.index_box2 .index_icon { height:auto; } 
}