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

body{
  margin: 0;
  font-family: 'Work Sans', sans-serif; 
  height: 100%;
  _display: inline;
  _zoom: 1;
  -webkit-text-size-adjust: 100%;
  margin: 0px auto;
  padding: 0px;
}

#wrapper{
    width: 100%;
	background: url(/img/sightseeing/top/background_img.png)no-repeat;
    background-attachment: fixed;
    margin: 0 auto;
}

#tool, .acc-title{
    background: #0C6856 url(../../img/kanko/top/header_back02.png);
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
h1, h2, h3, h4, h5 { margin: 0px; }
.inner_box01 header.released, .one header.released, .faq header.released, .body--anpi-ezine-anpi header.released, .body--anpi-ezine-event header.released { margin-bottom: 12px; text-align: right; }
.category-pages, .article-pages, .cms-pages, .cms-group-pages, .faq-search, .event-pages { margin-bottom: 24px; }
/* 背景色 */
#theme{
  margin-left: 1em;
}
#ss-theme a.white,#ss-theme a.yellow,#ss-theme a.blue,#ss-theme a.black,#ss-theme a.green-tea {
  border: none;
  font-size: 0em;
}

#ss-theme a.white::before {  
  font-size: 15px;
  content: "White";
  visibility:visible;
  border: 1px solid #444;
  background: #fff;
  color: #444;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}
#ss-theme a.yellow::before {
  font-size: 15px;
  content: "Yellow";
  visibility:visible;
  border: 1px solid #9A9A9A;
  border-color: #9A9A9A;
  background: #FFFD00;
  color: #000;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}
#ss-theme a.blue::before {
  font-size: 15px;
  visibility:visible;
  content: "Blue";
  border: 1px solid #06c;
  border-color: #06c;
  background: #06c;
  color: #fff;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}
#ss-theme a.black::before {
  font-size: 15px;
  visibility:visible;
  content: "Black";
  border: 1px solid #000;
  border-color: #000;
  background: #000;
  color: #fff;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}
#ss-theme a.green-tea::before {
  font-size: 15px;
  visibility:visible;
  content: "Green";
  border: 1px solid #000;
  border-color: #fff;
  background: #1B7A3B;
  color: #fff;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: $border-hgry;
  border-radius: 5px;
  box-sizing: border-box;
  @include border-radius(3px);
  color: $t-white;
  text-decoration: none;
  &:hover, &:focus { opacity: 0.7; }
}

.sns_button.twitter:hover a {
  color: #1B95E0;
}
.sns_button.facebook:hover a {
  color: #3B5999;
}
.sns_button.instagram:hover a {
  color: #2b5c84;
}
.sns_button.youtube:hover a {
  color: #cd201f;
}


/*SNSボタン*/
.sns_button {
  float: left;
  box-shadow: inset 0 0 0 2px #fff;
  border-radius: 100%;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;
}
.sns_button a {
  display: table-cell;
  width: 56px;
  height: 56px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -moz-transition: all 280ms ease;
  -o-transition: all 280ms ease;
  -webkit-transition: all 280ms ease;
  transition: all 280ms ease;
}
.sns_button i {
  font-size: 35px;
  vertical-align: middle;
}
.sns_button:hover {
  box-shadow: inset 0 0 0 32px #fff;
}

.sns_button + .sns_button {
  margin: 0 0 0 12px;
}




/*top-slide*/
/*#slide-top{
	width: 100%;
	min-height: 710px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: url(../image/background.png)no-repeat 30%;
	border-bottom: 4px solid #6D9300;
}*/
#slide-top-inner{
	background: linear-gradient(#134E5E,#71B280);
	width: 100%;
	margin: 0;
	position: relative;
}
#slide-top{
	width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
  	height: 700px;
}

#slide-top img{
	display: none;
	position: absolute;
    /*opacity:.3;*/
}


/*slide*/
#slider-content{
	width: 100%;
    margin: 0;
  	padding: 0;
  	position:relative;
}
#fadeslider {
	position: relative;
  	width: 100%;
  	overflow: hidden;
  	margin: 0;
  	padding: 0;
}
#fadeslider ul{
  	width: 100%;
  	margin: 0;
	padding: 0;
  	position: relative;
}
#fadeslider ul li{
  	width: 100%;
  	position: absolute;
	top: 0;
  	left: 0;
}
#fadeslider img{
	width: 100%;
    max-width: 100%;
    height: auto;
    max-height: auto;
}
#fadeslider ul::after{
	content: "";
	clear: both:
    display: block;
    visibility: hidden;
}
#fadeslider ul{
	display: inline-block;
  	overflow: hidden;
}



.logo-innner{
	width: 100%;
	margin: 0;
	padding: 1.5em 2em;
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
  	z-index: 100;
}
.sg.logo{
	width: 30%;
  	max-width: 500px;
    -webkit-filter: drop-shadow(0px 0px 5px rgb(0,0,0));
    -moz-filter: drop-shadow(0px 0px 5px rgb(0,0,0));
    -ms-filter: drop-shadow(0px 0px 5px rgb(0,0,0));
    filter: drop-shadow(0px 0px 5px rgb(0,0,0));
  	filter: drop-shadow(0px 0px 5px rgb(0,0,0));
}
.logo img{
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: auto;
}


/*footer*/
#footer{
	background: #0a1e20;
	width: 100%;
	margin: 0 auto;
	padding: 2.5em 0 0 0;
}
.foot-nav_mein{
	width: 1200px;
    margin: 0 auto 3em auto;
}
.foot-nav_mein ul{
	text-align: center;
	margin: 0;
	padding-left: 0;
}
.foot-nav_mein li{
	list-style: none;
	display: inline-block;
	padding: 0 2.5em;
}
.foot-nav_mein li a{
	text-decoration: none;
	color: #fff;
}

.foot_flex{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.foot-logo{ width: 25%; }
.foot-logo img{
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 100%;
}
.foot-toolbox{ width:75%; }
.foot-nav ul{
	text-align: right;
	margin: 0;
	padding-left: 0;
}
.foot-nav li{
	list-style: none;
	display: inline-block;
	padding: 0 25px;
	border-left: 1px solid #fff;
}
.foot-nav li:last-child{ border-right: 1px solid #fff; }
.foot-nav li a{
	text-decoration: none;
	color: #fff;
}
.foot-sns{
	width: 280px;
	display: block;
	margin: 2em 0 0 auto;
  	overflow: hidden;
}
.foot-copy{
	background: #000a0c;
	color: #fff;
	width: 100%;
	margin: 2em auto 0 auto;
	padding: 1em 0;
	text-align: center;
}



/*ローカルナビ（top）*/
#local-nav-top{
  	width: 100%;
  	margin: 0 auto;
    background: #134E5E;
    /*position: absolute;
	top: 0;
	right: 0;*/
    z-index:101;
}
#local-nav-top ul{
    margin: 0;
	padding-left: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}
#local-nav-top li{
	list-style: none;
}
#local-nav-top li a{
    display: block;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
  	font-size: 90%;
    padding: 30px 40px;
    border-left: 1px solid rgba(255,255,255,.5);
  	transition: .3s;
}
#local-nav-top li:last-child{
    border-right: 1px solid rgba(255,255,255,.5);
}
#local-nav-top li a:hover{
	background: #71B280;
}

.nav-title{
	display: none;
}



.top-link-box{
    width: 300px;
	text-align: center;
	overflow: hidden;
}
.top-link-box-txt{
    font-weight: 600;
    font-size: 110%;
    color: #fff;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000, 0px 0px 6px #000;
    padding: 10px 0;
    background: rgba(255,255,255,.8);
    border-radius: 40px;
    position: relative;
}
.top-link-box-txt:after{
	position: absolute;
  	content: '';
    top: 100%;
    left: 45%;
    border: 10px solid transparent;
    border-top: 10px solid rgba(255,255,255,.8);
    width: 0;
    height: 0;
}

.top-link-box-txt i{
	margin-right: 10px;
}
.top-link-content{
	background: rgba(0,0,0,.8);
	box-sizing: border-box;
	border-radius: 35px;
	border: 2px solid #fff;
	margin-top: 10px;
	padding: .5em 1.5em;
	overflow: hidden;
	text-decoration: none;
	transition: .3s;
	display: flex;
	justify-content: space-between;
}
.top-link-content:hover{
	background: rgba(255,255,255,.4);
}
.link-banner{
	margin-right: 15px;
  	display: flex;
 	display: -webkit-flex;
  	align-items: center;
}
.link-banner img{
	width: 100%;
	max-width: 100%;
    min-width: 50px;
	height: auto;
	max-height: auto;
}
.link-txt{
	color: #fff;
	font-weight: 600;
	font-size: 110%;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}



/*content-box*/
.cont-box01{
    background: url(/img/sightseeing/top/sg-back.png);
	width: 100%;
	padding: /*2.5em 0*/ 4.5em 0;
	margin: 0 auto;
	position: relative;
}
.cont-box02{
    background: rgba(255,255,255,.8);
	width: 100%;
	padding: 5em 0;
	margin: 0 auto;
}
.cont-box03{
    background: rgb(245,255,210) url(/img/furusato-kihu/top/cont01-back.png)no-repeat top;
	width: 100%;
	padding: 5em 0;
	margin: 0 auto;
}
.cont-box04{
	background: linear-gradient(#134E5E,#3b8b42);
	width: 100%;
	padding: 2.5em 0 4.5em 0;
	margin: 0 auto;
	position: relative;
}
.cont-box05{
    background: rgba(255,255,255,.8);
	width: 100%;
	padding: 2.5em 0;
	margin: 0 auto;
	position: relative;
}
.cont-box06{
    background: rgba(255,255,255,.8);
	width: 100%;
	padding: 2.5em 0 5em 0;
	margin: 0 auto;
	position: relative;
}

/*cont-tit*/
.cont-tit01{
	width: 720px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 200%;
	color: #252525;
	line-height: 2em;
	text-align: center;
	border-bottom: 1px solid #252525;
}
.cont-tit02,.cont-tit03,.cont-tit04{
    font-size: 240%;
	letter-spacing: 2px;
	line-height: 3em;
}
.cont-tit03{ text-align: right; }

.cont-tit04{ text-align: center; color: #fff; }
.cont-subtit04{ text-align: center; color: #fff; font-size: 120%; margin: 0 0 0.8em 0; }

.cont-tit06{
	text-align: center;
	font-size: 190%;
}
.cont-tit07{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 220%;
	color: #252525;
	line-height: 2em;
	text-align: center;
}
.cont-tit07 i{
	 margin-right: .5em;
}

/*cont-txt*/
.cont-txt01{
	width: 1200px;
	margin: 0 auto;
	color: #252525;
	line-height: 2em;
	text-align: center;
}
.cont-txt01 .fa-external-link{
	margin-right:15px;
}
.cont-txt02{
	color: #1f3810;
	line-height: 25px;
}
.cont-txt03{
	color: #1f3810;
	line-height: 25px;
	text-align: right;
}
.cont-txt06{
	text-align: center;
}

/*cont-img*/
.cont-img04{
	width: 100%;
}
.cont-img04 img{
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: auto;
}
.cont-img06{
	width: 90px;
	margin: 20px auto;
}
.cont-img06 img{
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: auto;
}

/*cont-btn*/
.cont-btn01{
	display: block;
	max-width: 230px;
	margin: 2em auto;
	border: 2px solid #252525;
	padding: .5em 0;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
	color: #252525;
}
.cont-btn01:hover{
	color: #fff;
	background: #252525;
}
.cont-btn01 i{
	margin-left: 20px;
}


/*cont-flex*/
.cont-flex01{
	width: 720px;
	margin: 0 auto;
	display:flex;
	justify-content: space-between;
}
.cont-flex02{
	background: rgba(0,0,0,.4);
	width: 1200px;
	margin: 0 auto;
	padding: 3em 1em;
	display: flex;
	justify-content: space-between;
}

/*flex-element*/
.flex-element01{
	/*width: 75%;*/
}
.flex-element02{
	width: 25%;
}
.flex-element02 img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: auto;
}
.flex-element03{
	width: 45%;
}

/*各指定*/
.left{
	display: block;
	margin: 2.5em auto 0 0;
}
.right{
	display: block;
	margin: 2.5em 0 0 auto;
}
.bottom{
	margin-bottom: 30px;
}


/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}

/*スライドバナー　動画*/
.cont-box04 .background{
	max-width: 1400px;
	margin: 0 auto;
	background: rgba(0,0,0,.4);
}
.cont-box04 .inner_box01 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0px;
}
.cont-box04 .ul01 {
  /*display: -webkit-flex;
  display: flex;
  list-style-type: none;*/
  padding: 0px;
  margin: 10px auto;
}
.cont-box04 .ul01 li {
  font-size: 100%;
  font-weight: 400;
  margin: 0px 8px;
  text-align: center;
}
.cont-box04 .ul01 li a:hover {
  opacity: 0.8;
}
.cont-box04 .ul01 li img {
  width: 100%;
  border: 1px #CCC solid;
}
.cont-box04 .txt{
	padding: 1.5em 0;
	position: relative;
	color: #fff;
	font-size: 120%;
}
.cont-box04 a{ text-decoration: none; }
.cont-box04 .slick-prev:before{ color: #fff; }
.cont-box04 .slick-next:before{ color: #fff; }
.cont-box04 .slick-next:after{ color: #fff; }

/*スライドバナー 公告*/
.cont-box05 .inner_box01 {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0px;
  color: #444;
  font-weight: 300;
}
.cont-box05 .ul01 {
  display: -webkit-flex;
  display: flex;
  list-style-type: none;
  padding: 0px;
  margin: 10px auto;
}
.cont-box05 .ul01 li {
  font-size: 100%;
  font-weight: 400;
  margin: 0px 8px;
  text-align: center;
  line-height: 0px;
}
.cont-box05 .ul01 li a:hover {
  opacity: 0.8;
}
.cont-box05 .ul01 li img {
  width: 100%;
  border: 1px #CCC solid;
}


/*=====================================================================================================================================================================================*/


/*header（記事ページ）*/
#article-head{
	background: #134E5E;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

/*logo（記事ページ）*/
.logo-arti{
    padding-left: 10px;
	max-width: 240px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.logo img{
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: auto;
}
.logo-arti img{
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: auto;
}


/*ローカルナビ（記事ページ）*/
#local-nav-arti{
	display: flex;
	align-items: center;
	width: auto;
}
#local-nav-arti ul{
	padding-left: 0;
	margin: 0;
}
#local-nav-arti li{
	list-style: none;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0;
}
#local-nav-arti li a{
	text-decoration: none;
	font-weight: 600;
	color: #fff;
}


.article-box01{
  background: rgba(255,255,255,.8);
  width: 100%;
  margin: 0 auto;
}
.article-box01 .article-inner{
	width: 1200px;
	margin: 0 auto;
	padding:0 0 4.5em 0;
    border-bottom: 4px dotted #444;
}
.article-tit01{
	width: 100%;
	margin:0 auto 1em auto;
	font-size: 220%;
}
.article-txt01{
	width: 100%;
	margin: 0 auto; 
	line-height: 1.5em;
}
.article-txt01 h1{
	background: #28461D;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	padding:0 .5em;
	line-height: 70px;
	box-sizing: border-box;
	font-size: 170%;
}
.article-txt01 h2{
	width: 100%;
	border-bottom: 1px solid #4F4F4F;
	font-size: 150%;
	margin: 1em 0 0.8em 0;
	padding: 0.5em;
	box-sizing: border-box;
}
.article-txt01 h3{
	width: 100%;
	border-left: 4px dotted #4F4F4F;
	font-size: 130%;
	margin: 1.2em 0 0.8em 0;
	padding: .2em .5em;
	box-sizing: border-box;
}
/*リスト*/
.article-txt01 ul{
   padding-left: 0;
}
.article-txt01 li{
    position: relative;
	list-style: none;
    line-height: 40px;
    padding-left: 2em;
	color: #222;
}
.article-txt01 li:before{
    font-family: "Font Awesome 5 Free";
    font-family: FontAwesome;
    position: absolute;
    content:"\f046";
  	left: 0;
  	font-size: 120%;
  	color: #28461D;
}
.article-txt01 li a{
  	color: #586715;
    font-weight: 600;
	transition: .3s;
}
.article-txt01 a,.article-txt01 li a:hover{
	color: #D4DF61;
}
.article-txt01 a{
  	color: #586715;
    font-weight: 600;
	transition: .3s;
}
.article-txt01 a:hover{
	color: #D4DF61;
}


.article-img01{
	width: 100%;
	margin: 0 auto .8em auto;
	padding: 0;
	text-align: center;
}
.article-img01 img{}


/* パンくずリスト */
.pankuzu{
	width: 1200px;
	margin: 0 auto;
	padding: 2em 0;
}
.pankuzu a{
  color: #4D4D4D;
}
.pankuzu a:hover{
  color: #ddd;
}
.pankuzu p{
  margin: 0;
  float: left;
}
.pankuzu span.separator{
  margin: 0 10px;
}



/*========================================================================================================*/



.cate-tit01{
	background: url(/img/sightseeing/article/about.jpg)no-repeat;
	width: 100%;
	margin: 0 auto;
	padding: 4.5em 0;
}
.cate-tit01 h1{
	color: #fff;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 220%;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
}



.cate-box01{
	width: 100%;
	margin: 0 auto;
	 background: rgba(255,255,255,.8);
}
.cate-box01 .cate-innner{
	width: 1200px;
	margin: 0 auto 5.5em auto;
}
.cate-subtit01{
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 0;
	text-align: center;
	font-size: 170%;
	font-weight: 600;
	color: #24331B;
}

.cate-innerbox01{
	width: 100%;
	margin: 0 auto;
}
.flex-element04{
	background: #D7DBD2;
	width: 100%;
	margin: 0 auto 1.5em auto;
	box-sizing: border-box;
	border: 1px solid #494949;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}
.element-img01{
	background: #777777;
	width: 300px;
	height: 150px;
}
.element-img01 img{
	max-width: 100%;
	width: 100%;
	max-height: auto;
	height: auto;
}
.element-tit01{
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	width: 900px;
	font-size: 120%;
	font-weight: 600;
	color: #252624;
}

	
/*pdf reader*/
.article-pdf-box01{
    background: #fff;
	width: 100%;
    margin: 3em auto  0 auto;
    padding: 1em 0.5em;
    box-sizing: border-box;
    border: 1px solid #444;
  	display: -webkit-flex;
    display: flex;
}
.article-pdf-box01 .img-l{
	width: 25%;
  	display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;

}
.article-pdf-box01 .img-l img{
	width: 100%;
    max-width: 100%;
    height: auto;
    max-height: auto;
}
.article-pdf-box01 .img-l{
	width: 30%;
}
.article-pdf-box01 .txt-r{
	width: 70%;
}

/*slide*/
#slider-content{
	width: 100%;
    margin: 0;
  	padding: 0;
  	position: relative;
}
#fadeslider {
	position: relative;
  	width: 100%;
  	overflow: hidden;
  	margin: 0;
  	padding: 0;
}
#fadeslider ul{
  	width: 100%;
  	margin: 0;
	padding: 0;
  	position: relative;
  	background: linear-gradient(#134E5E,#71B280);
}
#fadeslider ul li{
  	width: 100%;
  	position: absolute;
	top: 0;
  	left: 0;
}
#fadeslider img{
	width: 100%;
    max-width:100%;
    height: auto;
    max-height: auto;
}
#fadeslider ul::after{
	content: "";
	clear: both:
    display: block;
    visibility: hidden;
}
#fadeslider ul{
	display: inline-block;
  	overflow: hidden;
}


/*==========================================================================================================================================*/


@media screen and (max-width: 1024px) {
/*about-shimada*/
    .cont-tit01{
    	width: 100%;
      	font-size: 180%;
    }
    .cont-txt01{
      width: 100%;
      font-size: 100%;
    }
  
/*Enjoy!SHIMADA/Guidebook*/
    .cont-flex01{
      width: 95%;
    }
    .cont-tit02,.cont-tit03,.cont-tit07{
      width: 100%;
      font-size: 180%;
      font-weight: 600;
    }
  
/*Movies*/
    .inner_box01{
      width: 100%;
    }
  
/*スライドバナー　動画*/
    .cont-box04 .background{
        width: 100%;
    }
    .cont-box04 .inner_box01 {
      	width: 80%;
    }
    .cont-box04 .ul01 {
      padding: 0px;
      /*
      display: -webkit-flex;
      display: flex;
      list-style-type: none;
      margin: 10px auto;*/
    }
    .cont-box04 .ul01 li {
      font-size: 100%;
      font-weight: 400;
      margin: 0px 8px;
      text-align: center;
      line-height: 0px;
    }
    .cont-box04 .ul01 li a:hover {
      opacity: 0.8;
    }
    .cont-box04 .ul01 li img {
      width: 100%;
      border: 1px #CCC solid;
    }
    .cont-box04 .txt{
        font-size: 100%;
      	line-height: 30px;
    }
    .cont-box04 a{ text-decoration: none; }
    .cont-box04 .slick-prev:before{ color: #fff; }
    .cont-box04 .slick-next:before{ color: #fff; }
    .cont-box04 .slick-next:after{ color: #fff; }
  
/*link*/
    .cont-box05 .inner_box01{
      width: 80%;
    }
  
/*footer*/
    .foot-nav_mein{
        width: 100%;
    }
    .foot-nav_mein ul{
      	width: 95%;
        margin: 0 auto;
        padding-left: 0;
      	text-align: right;
    }
    .foot-nav_mein li{
        list-style: none;
        display: block;
        padding: .5em 0;
      	border-bottom: 1px solid #fff;
    }
    .foot-nav_mein li a{
        text-decoration: none;
        color: #fff;
    }

    .foot_flex{
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }
    .foot-logo{ width: 260px; margin: 0; }
    .foot-toolbox{ width: 100%; }
    .foot-nav ul{
        text-align: left;
      	box-sizing: border-box;
      	padding: .5em;
    }
    .foot-nav li{
        display: block;
        padding: .5em 0;
      	border: none;
        border-bottom: 1px solid #fff;
    }
    .foot-nav li:last-child{ border-bottom: 1px solid #fff; border: none; }
    .foot-sns{
        display: block;
        margin: 2em 0 0 auto;
        padding-right: 10px;
    }


/* パンくずリスト */
    .pankuzu{
        width: 100%;
    }

/*ページ*/
    .cate-tit01 h1{
      font-size: 180%;
    }
    .article-txt01 h1{
      font-size: 140%;
      box-sizing: border-box;
      padding: 1em;
      line-height: 35px;
    }
    .article-box01 .article-inner{
      width: 100%;
    }
  
  /*logo*/
    .sg.logo{
      margin: 0;
    }
}

/*===============================================================================================================================================*/

@media screen and (max-width:768px) {
  /*header-togglemenu*/
      #local-nav-top,#local-nav-top ul{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: static;
        /*background: linear-gradient(#134E5E,#3b8b42);*/
        flex-direction: column;
      }
      #local-nav-top li{
          display: block;
          width: 100%;
          margin: 0;
          box-sizing: border-box;
          border-left: none;
          border-bottom: 1px solid rgba(255,255,255,.3);
          text-align: center;
      }
      #local-nav-top li{
          filter: none;
      }
      #local-nav-top li:last-child{
          border: none;
      }
      #local-nav-top li a {
      	padding: 20px 10px;
        border-left: 0;
        border-right: 0;
      }
      #local-nav-top li:last-child{
        border-left: 0;
        border-right: 0;
      }
  
      .nav-title{
          display: block;
          pointer-events: all;
          -webkit-pointer-events: all;
          width: 100%;
          margin: 0 auto;
          text-align: center;
          padding: 1.5em 0;
          box-sizing: border-box;
          font-weight: 600;
          font-size: 110%;
          background: #134E5E;
          color: #fff;
      }
      .nav-title i{
          margin-right: 10px;
      }
      #local-nav-top ul{
          display: none;
      }
  
  
/*ローカルナビ（記事ページ）*/
      #local-nav-arti{
          flex-direction: column;
      }
      #local-nav-arti ul{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: static;
        background: linear-gradient(#134E5E,#71B280);
      }
      #local-nav-arti li{
          display: block;
          width: 100%;
          padding: 1em;
          margin: 0;
          box-sizing: border-box;
          border-left: none;
          border-bottom: 1px solid #134E5E;
          text-align: center;
      }
      #local-nav-arti li a{
          text-decoration: none;
          font-weight: 600;
          color: #fff;
      }
      #article-head{
        background: #134E5E;
        flex-direction: column;
        padding: 0;
      }
      .logo-arti{
      	width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: .5em 2em;
        box-sizing: border-box;
      }
      .logo-arti img{
        max-width: 100%;
        width: auto;
        height: auto;
        text-align: center;
      }
  
/*logo*/
    .logo-innner{
      position: static;
      background: linear-gradient(#134E5E,#3b8b42);
    }
    .sg.logo{
      width: 49%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .top-link-box{
      width: 40%;
      padding: 1em 0 0 0;
    }
    .top-linkbox-txt, .link-txt{
      font-size: 90%;
    }
  .top-link-box-txt{
	text-shadow: 0px 0px 1px #134E5E, 0px 0px 2px #134E5E, 0px 0px 3px #134E5E, 0px 0px 4px #134E5E, 0px 0px 5px #134E5E, 0px 0px 6px #134E5E;
  }
  .top-link-content{
      background: #134E5E;
  }
  
}

/*===============================================================================================================================================*/

@media screen and (max-width: 480px) {
/*文字サイズ調整*/
  .cont-txt01{ font-size: 90%; }
  .article-txt01 p{ font-size: 90%; }
  
/*logo*/
    .logo-innner{
      position: static;
      flex-direction: column;
      background: linear-gradient(#134E5E,#3b8b42);
    }
    .sg.logo{
      width: 80%;
      margin: 0 auto;
    }
    .top-link-box{
      width: 90%;
      margin: 0 auto;
      padding: 1em 0 0 0;
    }
    .top-linkbox-txt, .link-txt{
      font-size: 100%;
    }
    .top-link-box-txt{
      text-shadow: 0px 0px 1px #134E5E, 0px 0px 2px #134E5E, 0px 0px 3px #134E5E, 0px 0px 4px #134E5E, 0px 0px 5px #134E5E, 0px 0px 6px #134E5E;
    }
  
  .article-pdf-box01{ flex-direction: column; }
  .article-pdf-box01 .img-l, .article-pdf-box01 .txt-r{ width: 100%; }
  
  
}


.contact { display: none; }
.slick-next:before{ content: ""; }


/*アクセシビリティのレスポンシブ*/
@media screen and (max-width: 480px){
  #google_translate_element{ margin: 0; }
  #theme{ display: block; margin: 10px 0 0 0; }
  #theme p{ width: 100%; margin: 0; }
  #ss-theme{ width: 100%; display: flex; justify-content: center; margin-top: 5px; }
  #ss-theme a.white::before,
  #ss-theme a.yellow::before,
  #ss-theme a.blue::before,
  #ss-theme a.black::before,
  #ss-theme a.green-tea::before{
      text-align: center;
      display: block;
      width: 100%;
      margin: 0 auto;
      font-size: 12px;
  }

  #size{ flex-wrap: wrap; justify-content: space-evenly; }
  #size p{ width: 100%; margin: 0 0 5px; }
  #ss-small, #ss-medium, #ss-large{
      margin-bottom: 5px;
      font-size: 80%;
      margin: 0;
  }
  #ss-large{ }
}