/*===============================================
●tablet.css  画面の横幅が768pxまで
===============================================*/

@media screen and (max-width:820px){

body {margin: 0;}
img {max-width:100%;width: 100%;height: auto;
	width /***/:auto;}

/* smp用 gnavi
---------------------------------------------------------- */

#gnavi_phone{
	display:block;
	width:100%;
}

ul.accordion {
	width:100%;
	margin:0;
	padding:0;
	font-size:16px;
	list-style-type:none
}

ul.accordion a {
	display:block;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

ul.accordion span {
	display:block;
	background-position:100% center;
	background-repeat:no-repeat;
	color:#000;
	font-weight:bold;
	padding:15px;
	box-sizing:border-box;
	font-size:16px;
	text-align:left;
}

ul.accordion ul {
	display:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.accordion > li {
	background:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;/* Firefox用 */
}

ul.accordion > li > p {
	width:100%;
	cursor:pointer;
}

ul.accordion > li > p span {
	background-image:url(../../img/open.png);
}

ul.accordion > li > p span.open {
	background-image:url(../../img/close.png);
}

ul.accordion > li > ul > li > a {
	background:url(../img/go.png) no-repeat 98% center;
}

ul.accordion > li > ul > li > ul > li {
	border-bottom:1px dotted #888;
}

ul.accordion > li > ul > li > ul > li:last-child {
	border:none;
}

.accordion_gnavi{
	width:100%;
	font-size:16px;
	border-bottom:1px solid #999 !important;
	box-sizing:border-box;
	padding:2%;
	background:#e5e5e5;
}

.accordion_gnavi{
	width:100%;
	font-size:16px;
	border-bottom:1px solid #CCC;
	box-sizing:border-box;
	padding:2%;
}

.accordion_gnavi:hover{
	background:#CCC;
}

.accordion_gnavi a{
	display:block;
	font-size:18px;
}

/* header
---------------------------------------------------------- */

#header_outbox{
	width:100%;
	border-top:10px solid #073190;
}

#header_box{
	width:100%;
	height: auto;
	margin:0 auto;
}

#header_logo{
	float:none;
	width:100%;
	text-align:center;
	padding:15px;
	box-sizing:border-box;
}

#header_rignt{
	display:none;
	float:none;
	text-align:right;
}

/* gnavi
---------------------------------------------------------- */

#gnavi_outbox{
	display:none;
}

/* index
---------------------------------------------------------- */

#index_text{
	display:none;
}

#content{
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	box-sizing:border-box;
}

#side{
	display:none;
}

#main{
	float:none;
	width:100%;
}

#index_contents{
	float:none;
	width:100%;
}

#index_bnrbox{
	float:none;
	width:100%;
	text-align:center;
}

#index_bnrbox ul{
	list-style-type:none;
	margin:0;
	padding:10px 0 0 0;
}


#index_bnrbox li:nth-child(odd){
	float:left;
	width:32%;
}

#index_bnrbox li:nth-child(even){
	float:left;
	width:32%;
}

#index_infobar{
	width:100%;
	height:auto;
	background:#073190;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
}

#index_linkoutbox{
	display:none;
}

#index_spbtn{
	display:block;
	width:94%;
	text-align:center;
	padding:10px;
	background: #7db9e8;
	background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#2989d8));
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2989d8',GradientType=0 );
	margin:0 auto 15px auto;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #234fb3;
}

#index_spbtn:hover{
	display:block;
	width:94%;
	text-align:center;
	padding:10px;
	background: #2989d8;
	background: -moz-linear-gradient(top,  #2989d8 0%, #2584c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#2584c4));
	background: -webkit-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: -o-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: -ms-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: linear-gradient(to bottom,  #2989d8 0%,#2584c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2584c4',GradientType=0 );
	margin:0 auto 15px auto;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #234fb3;
}

#index_spbtn a{
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.index_info{
	padding-bottom:10px;
	border-bottom:#666 1px dashed;
	margin-bottom:10px;
}

.index_infoday{
	float:none;
	width:100%;
}

.index_infotext{
	width:100%;
	float:none;
}

.index_infotext span{
	font-size:14px;
	color:#062c81
}

.index_infopdf{
	float:none;
	color:#999;
	text-align:right;
}

.index_infopdf img{
	padding:10px 0 0 0;
}

/* footer
---------------------------------------------------------- */

#footer_outbox{
	width:100%;
	padding:20px 0;
	background:#073190;
}

#footer_box{
	width:100%;
	margin:0 auto;
}

#footer_text{
	float:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#copy{
	float:none;
	font-size:10px;
	color:#FFF;
	text-align:center;
}

.footer_spmenu{
	display:block;
	width:100%;
	padding:3% 0 3% 5%;
	background:#e5e5e5 url(../../img/spfootmenu.gif) no-repeat left;
	border-top:1px solid #fff;
	box-sizing:border-box;
}

.footer_spmenu:hover{
	width:100%;
	padding:3% 0 3% 5%;
	background:#666 url(../../img/spfootmenu.gif) no-repeat left;
	border-top:1px solid #999;
	box-sizing:border-box;
}

.footer_spmenu a{
	display:block;
	font-size:16px;
	color:#000;
}

/* spage
---------------------------------------------------------- */

#pankuzu{
	display:none;
}

#spage_content{
	width:100%;
	margin:0 auto;
	padding:0 2% 45px 2%;
	box-sizing:border-box;
}

#spage_title{
	height:auto;
	font-size:24px;
	font-weight:bold;
	padding:0 2%;
	border-left:5px solid #003399;
	color:#003399;
}

#spage_side{
	float:none;
	width:100%;
	margin-bottom:15px;
}

#spage_btn{
	display:none;
}

.spage_sidebtn{
	width:49%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e8e8e8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 99%);
	background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 99%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 99%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	padding:10px;
	border-radius: 5px;		/* CSS3草案 */
	box-shadow: 0 3px 0 0 #999;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #CCC;
	box-sizing:border-box;
	margin-bottom:10px;
	text-align:center;
}

.sidel{
	float:left;
}

.sider{
	float:right
}


/* company
---------------------------------------------------------- */

.company_box01{
	float:none;
	width:100%;
	padding-bottom:30px;
}

.company_box02{
	float:none;
	width:100%;
}

/* HK100
---------------------------------------------------------- */

.hk100_textbox01{
	float:none;
	width:100%;
	font-size:14px;
}

.hk100_imgbox01{
	float:none;
	width:100%;
}

.hk100_imgbox02{
	float:none;
	width:100%;
}

.hk100_textbox02{
	float:none;
	width:100%;
	font-size:14px;
}

/* setsubi
---------------------------------------------------------- */

.setsubi_text02{
	float:none;
	width:100%;
	font-size:14px;
	padding-bottom:10px;
}

.setsubi_img01{
	float:none;
	width:100%;
}

/* ekisya
---------------------------------------------------------- */

.ekisya_img01{
	float:none;
	width:100%;
	padding-bottom:15px;
}

.ekisya_textbox{
	float:none;
	width:100%;
}

.ekisya_map{
	float:none;
}

/* calender
---------------------------------------------------------- */
.calender_btn{
	width:100%;
}

/* illust
---------------------------------------------------------- */
.illust_box01{
	width:100%;
}

.illust_lr{
	float:none;
	background:url(../../img/gallery/illust_bottom.png) no-repeat bottom;
	padding:0 0 43px 0;
	margin:0 auto;
}

.illust_lb{
	float:none;
	margin:0 auto;
}

.illust_rl{
	float:none;
	background:url(../../img/gallery/illust_bottom.png) no-repeat bottom;
	padding:0 0 43px 0;
	margin:0 auto;
}

.illust_rb{
	float:none;
	background:url(../../img/gallery/illust_bottom.png) no-repeat bottom;
	padding:0 0 43px 0;
	margin:0 auto;
}

.illust_none{
	float:none;
	margin:0 auto;
}

/* zukan
---------------------------------------------------------- */

.zukan_img01{
	float:none;
	width:100%;
	text-align:center;
}

.zukan_rbox{
	float:none;
	width:100%;
	font-size:14px;
	padding:10px 0 0 0;
}

.zukan_btnbox ul{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}

.zukan_btnbox li{
	width:100%;
	float:none;
	padding:0 0 10px 0;
	text-align:center;
}

/* View
---------------------------------------------------------- */

.view_img01{
	text-align:center;
	float:none;
	width:100%;
}

.view_textbox01{
	float:none;
	width:100%;
}

.view_title{
	width:100%;
	border:3px solid #073190;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	padding:10px;
	box-sizing:border-box;
	font-size:20px;
	color:#073190;
	margin:10px 0;
}

.view_btnbox ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.view_btnbox li{
	float:none;
	padding: 5px 0 0 0;
}

.view_text01{
	width:100%;
	font-size:14px;
	padding:20px 0;
}

.view_text02{
	width:100%;
	font-size:12px;
	padding:10px;
	text-align:center;
	background:#ffded3;
	box-sizing:border-box;
}


/* ensen
---------------------------------------------------------- */

.ensen_menu{
	display:none;
}

.ensen_img{
	float:none;
	width:100%;
	padding-bottom:5px;
}

.ensen_textbox{
	float:none;
	width:100%;
	font-size:14px;
}

.ensen_menu_sp{
	text-align:center;
	display:block;
	width:100%;
	margin:15px 0 0 0;
	font-size:16px;
}

.ensen_menu_sp a{
	font-size:16px;
	font-weight:bold;
	color:#073190;
}

.trekking_indeximg{
	float:none;
	width:100%;
	padding-bottom:10px;
}

.trekking_indexmenu{
	float:none;
	width:100%;
}

.trekking_itag{
	width:20%;
}

.trekking_ia{
	width:78%;
}

.hkawara_ul li{
	display:inline-block;
	width:100%;
	font-size:14px;
	color:#073190;
	vertical-align:top;
	padding:0 0 10px 0;
}

/* shiki
---------------------------------------------------------- */

.shiki_name{
	display: block;
	padding-right:0;
	padding-bottom:5px;
}

.shiki_name img{
	width:20%;
}

.shiki_box01{
	display: block;
	padding-right:0;
}

.shiki_btn{
	padding:0;
	margin:10px 0;
	list-style-type:none;
}

.shiki_btn li{
	display:inline-block;
	padding:0 2px;
}

/* paper
---------------------------------------------------------- */

.paper_box{
	width:100%;
	height: auto;
	border:2px solid #e1ebff;
	padding:160px 2% 2% 2%;
	background:url(../../img/gallery/paper_img.png) no-repeat top left;
	font-size:16px;
	box-sizing:border-box;
}

.paper_l{
	float:left;
	width:48%;
}

.paper_r{
	float:right;
	width:48%;
}

.paper_img{
	display:inline-block;
	width:141px;
	padding:0 5px 0 0;
}

.paper_text{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
}

.paper_text a{
	font-size:16px;
	font-weight:bold;
}

/* gallery
---------------------------------------------------------- */

.gallery_box{
	width:100%;
	padding-bottom:10px;
}

.gallery_btnl{
	width:100%;
	text-align:center;
	float:none;
}

.gallery_btnr{
	width:100%;
	text-align:center;
	float:none;
}

/* press
---------------------------------------------------------- */

.press_box{
	padding-bottom:10px;
	border-bottom:#666 1px dashed;
	margin-bottom:10px;
}

.press_day{
	float:none;
	width:100%;
}

.press_text{
	width:100%;
	float:none;
}

.press_text span{
	font-size:14px;
	color:#062c81
}

.press_pdf{
	float:none;
	color:#999;
	text-align:right;
}

.press_pdf img{
	padding:10px 0 0 0;
}


/* yumezora
---------------------------------------------------------- */

.yumezora_ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.yumezora_ul li{
	display:inline-block;
	padding-right:5px;
	text-align:center;
}

.yjikoku_img{
	float:none;
}

.yjikoku_text{
	float:none;
	width:100%;
	font-size:14px;
	line-height:2em;
}

/* kenbaiki
---------------------------------------------------------- */

.kenbaiki_img01{
	float:none;
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
}

.kenbaiki_textbox{
	float:none;
	width:100%;
	font-size:14px;
}

.kenbaiki_l{
	float:left;
	width:48%;
}

.kenbaiki_r{
	float:right;
	width:48%;
}

.kenbaikiBox{
	width: 45%;
}

.kenbaikiBox img{
	width: 100%;
}

.kenbaiki_name{
	font-size:16px;
	font-weight:bold;
}

.kenbaiki_b{
	font-size:16px;
	font-weight:bold
}

/* smile
---------------------------------------------------------- */

#smile_box3{
	width:100%;
	margin:0 auto;
}

#smile_box2{
	width:100%;
	text-align:left;
	font-size:14px;
	padding:20px 0 0 0;
}

#smile_left{
	width:100%;
	float:none;
	text-align:center;
	padding-bottom:10px
}


#smile_right{
	width:100%;
	float:none;
	text-align:center;
}

#smile_btn{
	width:100%;
	background: #3caa00;
	padding:20px 15px;
	border-radius: 5px;
	box-shadow: 0 3px 0 0 #999;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #2b7b00;
	box-sizing:border-box;
	margin:0 auto 5px auto;
	text-align:center
}

#smile_btn:hover{
	width:100%;
	background: #2b7b00;
	padding:20px 15px;
	border-radius: 5px;
	box-shadow: 0 0 0 0 #999;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #CCC;
	box-sizing:border-box;
	margin:5px auto 0 auto;
	text-align:center
}

#smile_btn a{
	display:block;
	font-size:16px;
	color:#FFF;
}

#smile_btn2{
	width:100%;
	background: #f39700;
	padding:20px 15px;
	border-radius: 5px;
	box-shadow: 0 3px 0 0 #999;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #d28200;
	box-sizing:border-box;
	margin:0 auto 5px auto;
	text-align:center
}

#smile_btn2:hover{
	width:100%;
	background: #d28200;
	padding:20px 15px;
	border-radius: 5px;
	box-shadow: 0 0 0 0 #999;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #d28200;
	box-sizing:border-box;
	margin:5px auto 0 auto;
	text-align:center
}

#smile_btn2 a{
	display:block;
	font-size:16px;
	color:#FFF;
}

/* photo
---------------------------------------------------------- */
.photo_text2{
	width: 100%;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	border:1px solid #000;
	text-align:center;
	box-sizing:border-box;
}

.photo_sbox{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.photo_sbox1{
	width:100%;
	border-bottom:1px solid #b09300;
	border-top:1px solid #b09300;
	padding:5px 0;
	margin:10px 0;
}

.photo_sbox2{
	width:100%;
	border-bottom:1px solid #b09300;
	border-top:1px solid #b09300;
	padding:10px 0;
	box-sizing:border-box;
}

.photo_btnbox{
	width:100%;
	padding-bottom:10px;
}

.photo_btnl{
	float:left;
	width:44%;
}

.photo_btnr{
	float:right;
	width:44%;
}

.photo_btnc{
	float:none;
	width:44%;
	text-align:center;
	margin:0 auto;
}

#main_photo{
	float:none;
	width:100%;
	margin:0 auto;
}

.prize_box1{
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	box-sizing:border-box;
	background:#F00;
}


.prize_table th{
	float:left;
	width:100%;
	font-size:14px;
}

.prize_table th a{
	font-size:14px;
}

.prize_table td{
	float:left;
	width:100%;
	font-size:14px;
	padding:0;
}

/*--1016 add--*/

#index_bnrbox .hoge {
	display:block;
}

/* wifi
---------------------------------------------------------- */

#wifi_boxl{
	float:none;
	width:100%;
	padding-bottom:10px;
}

#wifi_boxr{
	float:none;
	width:100%;
	text-align:center;
}

.wifi_box1{
	float:none;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:20px 0;
	background:#fff6c3;
}

.wifi_box2{
	float:none;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:20px 0;
	background:#dbfaff;
}

/* moshikomi
---------------------------------------------------------- */

.dantai_box{
	width:100%;
	margin:0 auto;
	padding:20px 0 0 0;
}

.dantai_btnl{
	float:none;
	padding-bottom:10px;
	text-align:center;
}

.dantai_btnr{
	float:none;
	text-align:center;
}

.kokoku_box{
	width:100%;
	margin:0 auto 40px auto;
}

.kokoku_photol{
float:none;
padding-bottom:10px;
text-align:center;
}

.kokoku_photor{
	float:none;
	text-align:center;
}

/* ykyushi
---------------------------------------------------------- */

.ykyushi_sc1{
	display:none;
}

.ykyushi_sc2{
	display:block;
	width:100%;
	border:2px solid #0ba29a;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:15px;
	box-sizing:border-box;
	background:#FFF;
}

	/* magazine
---------------------------------------------------------- */
.magazine_new{
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}

.magazine_new li{
	width: 100%;
}

.magazine_box li{
	display: block;
	font-size: 14px;
}

.magazine_box li:first-child{
	width: 100%;
	margin-bottom: 10px;
}

.magazine_box li:last-child{
	width: 100%;
}
	
	/* movie
---------------------------------------------------------- */

.movie_box{
	width: 100%;
	margin-bottom: 30px;
}

.movie_box h3{
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box
}

.movie_text{
	min-height: 0px;
}
	/* anzen
---------------------------------------------------------- */
#anzen_menu{
	width:70%;
}

	/* kanko
---------------------------------------------------------- */

.ensen_mapimg_sp {
	display: block;
}

.ensen_mapimg_pc {
	display: none;
}


.kankomap_txt {
	display: none;
}

.kankolinkWrap {
	display: block;
}

.kankolinkbox {
	width: 100%;
	margin-bottom: 30px;
}

.kankolinkbox .bar_box {
	margin-bottom: 15px;
}

.kankolink_cont div:first-child {
	padding-left: 10px;
}

.kankolink_cont div:last-child {
	padding-right: 10px;
}

.kankolink_kyokai {
	padding: 0 10px;
}

.kanko_magazine p {
	font-size: 16px;
	text-align: left;
}

.kanko_magazine br {
	display: none;
}
/*===================
   2022.10 snsボタン追加
=====================*/
.headerWrap{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 3%;
	box-sizing: border-box;
}
.headerLogo h1 a img{width: 100%;}
.headerRightWrap{width: 30%;}
.snsBtnWrap{width: 100%;}
.snsBtnWrap li{width: calc(100%/3);}
.snsBtnWrap li img{
	width: 100%;
	height: auto;
}
.headerMenuWrap{display: none;}
/*===================
   2024.3 鉄道むすめ
=====================*/
.tmSliderWrap{width: 30%;}
.tmMainWrap{width: 65%;}
.tmDebut{width: 65%;}
.tm-sliderSD{width: 30%;}
}