@media screen and (min-width: 761px) {}

/*-------------------------*/
/* SPレイアウト 760px*/
/*-------------------------*/
@media screen and (max-width: 760px) {
*, *:before, *:after {
  box-sizing: border-box;
}

body {
	width:100%;
	min-width:100%!important;
	-webkit-text-size-adjust: 100%;
	font-size:14px;
}
img {
	max-width:100%;
	height:auto;
}

.sn{ display:none;}
.pn{ display:block;}

section { width: 100%;}

/*-------sp_menu--------*/
.menu-trigger,
.menu-trigger span {
	float: right;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	z-index:9999;
	position:fixed;
	right:0px;
}
.menu-trigger {
	width: 55px;
	height: 55px;
	text-align: center;
	margin: 0;
	top:0px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #ffc000;
}
.menu-trigger span:nth-of-type(1) {
	top: 19px;
	left: 15px;
}
.menu-trigger span:nth-of-type(2) {
	top: 26px;
	left: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom:27px;
	left: 15px;
}
.menu-trigger span:nth-of-type(4) {
	bottom:20px;
	left: 15px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) ,
.menu-trigger.active span:nth-of-type(3)  {
	left: 200%;
	opacity: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(5px);
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
.menu-trigger.active span:nth-of-type(4) {
	-webkit-transform: translateY(-30px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}

header nav.sp{
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	z-index:9000;
	height:auto;
	right:0;
	padding: 80px 0;
	background:#fff;
	box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.2);
}

    nav.sp .sidenav.switch { display: block !important; }

header nav.sp ul{
	width: 90%;
	margin:0 auto;

}
header nav.sp ul li{
	background:#009f41;
	text-align:left;
	overflow:hidden;
	font-size:14px;
	border-top:none;
	border-bottom: 1px solid #fff;
}
header nav.sp ul li:last-child{border-bottom:none;}

header nav.sp ul li a:link{ color:#fff;}
header nav.sp ul li a:hover{ color:#fff;}
header nav.sp ul li a:active{ color:#fff;}
header nav.sp ul li a:visited{ color:#fff;}


header nav.sp li a{
	padding:8px 15px;
	display:block;
}
.sidenav {
	margin-bottom:0;
	height:auto;
	overflow: auto;
}

.sidenav::-webkit-scrollbar {display: none;}
/*.sidenav::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
.sidenav::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #015db2;
}*/

	.sidenav a {display: block;}
	.sidenav li {font-size:18px;}
	.sidenav li.s_nav {
		text-align:left;
		padding-left:0;
		line-height:30px;
		margin-right:0;
	}
	.sidenav .menu {
		background:url(../images/common/arw03.jpg) no-repeat 95% center, #009f41;
		line-height:30px;
		height:auto;
		display: block;
		position: relative;
		text-align:left;
		padding-left:10px;
	}
	.sidenav .child {
		display: none;
		margin: 0 0 -1px;
		padding: 0;
		background: #78c7f2;
		width:100%;
	}
	.sidenav .child .menu {
		padding-left:0;
	}
	.sidenav .child > li {
		line-height:24px;
		border-bottom:none;
		background: #e4e4e4;
		padding: 0 5px;
	}

	.sidenav .child > li a {}
	.sidenav li a,
	.sidenav li a:link,
	.sidenav li a:visited,
	.sidenav li a:hover,
	.sidenav li a:active {
		color: #fff;
	}
	.sidenav li a.toggle,
	.sidenav li a.toggle:link,
	.sidenav li a.toggle:visited,
	.sidenav li a.toggle:hover,
	.sidenav li a.toggle:active {
		color: #fff;
	}

.sidenav .child li:first-child {
	padding: 0 5px;
}

	.sidenav .child > li a,
	.sidenav .child > li a:link,
	.sidenav .child > li a:visited,
	.sidenav .child > li a:hover,
	.sidenav .child > li a:active {
		color: #161616;
	}









/*=============================
	Layout-Base
===============================*/
/* header
-------------------------*/
#header {
	width: 96%;
	padding:10px 0;
}
	.siteTitle {
		float:none;
		width:70%;
		text-align:left;
	}
	.search {
		width:170px;
		height:24px;
		line-height:20px;
		float:none;
		display:block;
		margin-top:20px;
	}
		.tel {
			font-size:16px;
			margin-top:10px;
		}
			.tel span {
				font-size:22px;
				display:inline-block;
			}
			.tel span a {
				display:inline-block;
			}





/* main-visual
-------------------------*/
.mainVisal {
	width:96%;
	margin:20px auto 40px;
}
.mainLeft {
	width:100%;
	float:none;
}
#visual {
	position:relative;
	z-index:0;
    overflow: visible!important;
	text-align:center;
	height:78px;
}

	/* top image and slideshow */
	.flexslider {
		overflow: hidden;
		width:100%;
		margin:20px auto 0;
		padding: 0 20px;
	}

.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }
.flexslider:hover .flex-prev {  left: 0; }
.flexslider:hover .flex-next {  right: 0; }
.twitter {
	width:100%;
	float:none;
	margin:40px auto 0;
}
	.twitter h3 {
		font-size:14px;
	}





/* pagetop
-------------------------*/
#pagetop {}
#totop {
	clear:both;
	position:fixed;
	z-index:100;
	right:5px;
	bottom:20%;
}
#totop a {display:block;}






/* footer
-------------------------*/
#footer {
	width: 96%;
	padding-top:42px;
}
.ft_info {
	width:100%;
	float:none;
	text-align:left;
}
	.btn_contact {
		width:238px;
		height:70px;
		line-height:70px;
		font-size:18px;
		background:url(../images/common/bg_contact.jpg) no-repeat 25px center,#ffc000;
		text-align:center;
		margin-top:20px;
	}
.ft_nav {
	width:100%;
	margin:40px auto 0;
	float:none;
	/*text-align:center;*/
}
	.ft_nav ul {
		width:100%;
		margin:0 auto;
	}
	.ft_nav li {
		color:#fff;
		/*line-height:50px;*/line-height:20px;
		/*height:50px;*/height:15px;
		display:block;
		width:48%;
		float:left;
		/*background:#fff;*/
		font-size:12px;
		letter-spacing:0.05px;
		margin:0 0 8px 0;
		padding:0;
        padding-left: 10px;
	}
	.ft_nav li:nth-child(even) {float:right;}
	.ft_nav li.w100 {width:100%;}
	.ft_nav li a {
		color:#fff;
		display:block;
		text-decoration:none;
	}





/*=============================
	TopPage setting
===============================*/
section {
	width:96%;
	margin:0 auto;
}
    #news {margin-top: 10px; }
.news {
	width:96%;
	padding: 0;
}
	.news dl { padding: 15px 0 15px 30px; background-size: 20px; background-position: left top 15px;}
	.news dl dt{ font-size:14px;}
	.news dl dd{ font-size: 11px; margin-top: 5px; line-height: 1.7;}

	.tollroad li {
		width:98%;
		max-width:580px;
		position:relative;
		z-index:0;
		margin:0 auto 30px;
	}
	.tollroad .trImg {
		margin:0 auto;
		height:225px;
	}
		.tollroad .trImg img {height:100%;}
	.tollroad h4 {
        font-size: 18px;
		left:-1%;
	}
		.tollroad a {
			display:block;
			text-decoration:none;
		}
	.bnr_tollroad {
		border:3px solid #009f41;
		width:98%;
		max-width:580px;
		position:relative;
		z-index:0;
		margin:0 auto;
		height:auto;
	}
		.bnr_tollroad h4 {
			left:-1%;
		}
		.bnr_tollroad .btImg {
			width:100%;
			float:none;
			height:150px;
		}
		.bnr_tollroad .btImg img {
			height:100%;
		}
		.bnr_tollroad .btTxt {
			width:100%;
			float:none;
		}
.bnr {/*margin-bottom:50px;*/margin-bottom:0; width: 80%;}
	.bnr li {
		max-width:380px;
		width:100%;
		margin:0 auto 30px;
	}
#info {
	width:100%;
	margin:0 auto;
}
.side_bnr {
	width:80%;
	margin:0 auto 40px;
	float:none;
}
	.side_bnr li {margin-bottom:15px;}
.info {
	width:96%;
	margin:0 auto;
	float:none;
	height:390px;
}
	.tab{
		overflow:hidden;
		margin:-15px auto 0;
	}
	.tab li{
		line-height:1.4em;
		font-size:12px;
		padding:20px 8px 8px 8px;
		width:48%;
		margin-bottom:5px;
	}
	.tab li:nth-child(1) ,
	.tab li:nth-child(2) ,
	.tab li:nth-child(3) ,
	.tab li:nth-child(4) {color:#fff; border-radius: 10px; }
	.tab li:nth-child(1) {background:#009f41;}
	.tab li:nth-child(2) {background:#1962a1;}
	.tab li:nth-child(3) {background:#ff7e00;}
	.tab li:nth-child(4) {background:#d32c2a;}
	.tab li:nth-child(3) ,
	.tab li:nth-child(4) {font-size:11px;}
	ul.list_info01 {
		width:96%;
		margin:0 auto;
		height:220px;
		overflow:hidden;
	}
	.list_info01 li .category {
		float:right;
	}
	.list_info01 li a {
		width:100%;
		text-align:left;
		float:none;
	}
	ul.list_info02 {
		width:96%;
		margin:0 auto;
		/*height:248px;*/height:220px;
		overflow:hidden;
	}
	.list_info02 li span {
		width:96px;
		float:none;
		display:block;
	}
	.list_info02 li a {
		width:100%;
		float:none;
	}
	.info p {
		margin:15px 32px 0 0;
	}
	.guide li {
		width:100%;
		max-width:390px;
		margin:0 auto 50px;
	}

	.guide h4 {
		/*top:50%; */top:75%;
        width: 95%;
        padding: 15px 0;
        padding-left: 20px;
        line-height: 30px;
	}

    .guide li:nth-child(1) h4 { background: url(../images/top/bg_h4_01.jpg) no-repeat left 22px top 17px,#009f41; }
    .guide li:nth-child(2) h4 { background: url(../images/top/bg_h4_02.jpg) no-repeat left 22px top 17px,#009f41; }
    .guide li:nth-child(3) h4 { background: url(../images/top/bg_h4_03.jpg) no-repeat left 22px top 17px,#009f41; }




	.guide 	p {
		max-width:355px;
		width:96%;
	}
	.contentsmenu ul {
		width:100%;
		margin:0 auto;
	}
	.contentsmenu li {
		width:200px;
		margin:0 auto 40px;
	}
	.contentsmenu h4 {
		display:inline-block;
		background:url(../images/top/arw02.png) no-repeat left center;
		padding-left:35px;
		line-height:23px;
		color:#000;
		margin-top:16px;
		font-size:16px;
	}

/*=============================
	Sub(Lower)Page setting
===============================*/
/* subvisual
-------------------------*/
#subvisual { height: 100px; }
    #subvisual h2 {
        font-size: 26px;
        padding-left: 5px;
        line-height:1.4em;
    }

#wrap-content.subcontents { padding-bottom: 100px; }
    #wrap-content.subcontents section {
        line-height: 1.6em;
        font-size: 14px;
}
        #wrap-content.subcontents section .ul_list01 li { margin-left: 20px; }


/* caption
-------------------------*/
#wrap-content.subcontents h3 {
    margin: 50px 0 20px;
    padding-bottom: 10px;
    font-size: 22px;
}
#wrap-content.subcontents h3:after { width: 80%; }

#wrap-content.subcontents h4 {
    margin: 30px 0 10px;
    padding-left: 10px;
    font-size: 18px;
}

/* defTable /
-------------------------*/
table {
	border-collapse:collapse;

    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;

}

/*　defTable01　*/
.defTable01 th{
    width:100%;
    display: block;
    padding:15px;
    border:none;
}
.defTable01 td {
    padding:15px;
    display: block;
    border:none;
}


/*　defTable02　*/
.defTable02.etc_table th ,
.defTable02.etc_table td { width: auto; }


    #wrap-content.subcontents section .mt80 { margin-top: 40px; }


/* list
-------------------------*/
.link_list { overflow: hidden; }
    .link_list li {
        float: none;
        width: 100%;
        margin-left: 25px;
    }
  .etcx_note {
    margin-top: 20px;;
  }

/* btn
-------------------------*/
.btn_list01 li {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
}
        .btn_list01 li a {
            display: block;
            color: #fff;
            background:url("../images/top/arw01.png")no-repeat left 10px center , #009f41;
            font-size: 18px;
            text-decoration: none;
        }
            .btn_list01 li a:hover { opacity: 0.75; }
            .btn_list01 li.pdf_icon a ,
            .btn_list01 li:first-child a { background:url("../images/top/arw01.png")no-repeat left 10px center , url("../images/price/pdf_icon.jpg")no-repeat right 20px center , #009f41; }


.btn_list02 li { width: 100%; margin-bottom: 20px; }
    .btn_list02 li a {
        background:url("../images/price/btn02_arw.jpg")no-repeat left 10px center , url("../images/price/map_icon.jpg")no-repeat right 10px center , #009f41;
        font-size: 18px;
        padding: 20px;
    }
        .btn_list02 li:first-child a { padding: 0; line-height: 84px; }

.btn_list03 li  { width: 100%; margin-bottom: 20px; }
    .btn_list03 li a {
        background:url("../images/price/btn02_arw.jpg")no-repeat left 10px center , url("../images/price/pdf_icon.jpg")no-repeat right 15px center , #009f41;
        font-size: 18px;
        padding: 20px;
    }
        .btn_list03 li:nth-child(3) a { padding: 30px 20px 10px;}


/* (スクロール) */
.facilitytable { }
    .facilitytable.keepWidth { overflow-x: scroll; }
        .facilitytable.keepWidth .defTable02 { width: 800px; }
        .facilitytable.keepWidth .defTable03 { width: 800px; }
        .facilitytable.keepWidth .running_table01 { width: 900px; }
        .facilitytable.keepWidth .running_table02 { width: 700px; }
        .facilitytable.keepWidth .running_table03 { width: 900px; }
        .facilitytable.keepWidth .running_table04 { width: 1200px; }
        .facilitytable.keepWidth::-webkit-scrollbar { height: 20px; }
        .facilitytable.keepWidth::-webkit-scrollbar-track { background: #f3f3f3; }
        .facilitytable.keepWidth::-webkit-scrollbar-thumb { background: #009f41; }

/* img + txt
-------------------------*/
.imgtxt_box .imgBox { float: none; margin: 0 auto 20px; }
.imgtxt_box .txtBox {
    float: none;
    max-width:none;
}
   #wrap-content.subcontents .imgtxt_box .txtBox h4 { margin-top: 0; }



/* 02. etc /
-------------------------*/
.etcbtn_list { margin-top: 50px; }
    .etcbtn_list li {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
        .etcbtn_list li a {
            font-size: 18px;
            background:url("../images/top/arw01.png")no-repeat left 10px center , url("../images/etc/tb_icon.jpg")no-repeat top 10px right 10px / 10% , #009f41;
            height: auto;
        }
            .etcbtn_list li:nth-child(1) a ,
            .etcbtn_list li:nth-child(2) a { padding: 20px;  }
            .etcbtn_list li:nth-child(3) a { background:url("../images/top/arw01.png")no-repeat left 10px center , url("../images/price/pdf_icon.jpg")no-repeat right 10px center , #009f41; }

.bg_gray { padding: 15px; }
    #wrap-content.subcontents .bg_gray p { margin-left: 2%; }
        #wrap-content.subcontents .bg_gray p:last-child { margin-bottom: 0; }
#wrap-content.subcontents section .ul_list02 li { list-style: disc; margin-left: 4%; }

/*  etcx /
-------------------------*/
.etcx_cont01.flex {
  -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.etcx_cont01 .etcx_txt,
.etcx_cont01 .etcx_img {
  width: 100%;
}
.etcx_cont01 .etcx_img img{
  max-width: 100%;
}
.etcxbtn_list li {
  width: 100%;
  margin-right: 0;
}
/* 03. running /
-------------------------*/
#wrap-content.subcontents section .ul_list03 li { margin-left: 4%; }

.running_btn a {
    font-size: 18px;
    padding: 20px 0 5px;
    background:url("../images/top/arw01.png")no-repeat left 10px center , url("../images/etc/tb_icon.jpg")no-repeat top 10px right 10px , #009f41;
    height: auto;
}

.contact_box02 dl { display: block; text-align: center; line-height: 35px; margin-bottom: 15px; }
    .contact_box02 dt {
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        width: 100%;
    }
    .contact_box02 dd {line-height: 30px; }
    .contact_box02 dd:nth-child(2) { width: 100%; padding-left: 0; }
    .contact_box02 dd:nth-child(3) { width: 100%; color: #009f41; font-size: 24px; }

.lost_list li { width: 100%; margin-bottom: 20px; }



/* 09. topics /
-------------------------*/
.col-2-wrap { margin-top: 50px; }
    .col-2-main-content { width:100%; float:none; }
            .col2_list li dl dd span.category {
                max-width: 200px;
                width: 100%;
            }

    .col-2-wrap aside { width:100%; float:none; }
            #wrap-content.subcontents .col-2-wrap aside h4:first-child { margin-top: 50px; }


/* 11. price /
-------------------------*/
    .contact_box dl { display: block; line-height: 45px; margin-bottom: 20px; }
        .contact_box dt { font-size: 18px; width: 100%; }
            .contact_box dd { width: 100% !important; line-height: 60px; }
                .contact_box dd:nth-child(2) { background: url("../images/price/tel_icon.jpg")no-repeat left 10px center , #f3f3f3; border-bottom: 1px solid #d0d0d0; }
                .contact_box dd:nth-child(3) { background: url("../images/price/fax_icon.jpg")no-repeat left 10px center , #f3f3f3;}
.btn_list02.torikai_btn li:nth-child(2) a ,
.btn_list02.torikai_btn li:nth-child(3) a { background: url(../images/price/btn02_arw.jpg)no-repeat left 10px center , url(../images/price/map_icon.jpg)no-repeat right 10px center , #009f41; }

.famirymart_box { margin-top: 20px; }
    .famirymart_box div { width: 100%; float: none; }
        .famirymart_box div:nth-child(1) { font-size: 14px; margin-right: 0; }
        .famirymart_box div:nth-child(2) a {
            margin-top: 20px;
            background:url("../images/price/btn02_arw.jpg")no-repeat left 10px center , url("../images/price/map_icon.jpg")no-repeat right 10px center , #009f41;
            font-size: 20px;
            letter-spacing: 0.75px;
            font-weight: bold;
            text-decoration: none;
            line-height: 106px;
    }
    .flex.graph_cont {
      -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    }
    .flex.graph_cont .img_graph {
      width: 100%;
    }
    .maidowari_sub li {
      margin-left: 17px;
    }

/* 13. contact /
---------------------------------*/
section.contactpage .contact_box dt { width: 100%; }
section.contactpage .contact_box dd {
    width: 100%;
    padding-left: 0;
    text-align: center;
    background: url(../images/price/tel_icon.jpg)no-repeat left 10px center , #f3f3f3;
}

table.defTable01 td input { padding: 15px; width: 100%; }
    .subcontents .btnbox input[type="submit"]{
        width: 100%;
        margin: 40px 0;
}

/* 15. sitemap /
---------------------------------*/
    .sitemap_list li { width: 100%; }



/* wp-pagenavi
-------------------------*/
.wp-pagenavi { margin-top: 2.5em;}
.wp-pagenavi a,
.wp-pagenavi span{ padding: 5px 8px;}
.wp-pagenavi span.pages{ display: block; margin-bottom: 5px; border: none; background: none;}