@charset "utf-8";

/*
Theme Name:yatomi
version:1.0.1
*/

/* CSS Document */
/*★★★★★★★★テンプレート[始]★★★★★★★★*/

/*===============================================
	reset
===============================================*/
*{margin:0; padding:0; color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0; padding:0; border:none; font-style:normal; font-weight:normal; font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
	a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none; color:#1800ff;}
/*=============================================== 
	base
===============================================*/
html,body{height:100%;}
/*===============================================
	font
===============================================*/
body{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
input,textarea,select{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
* html input, * html textarea{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}

/*===============================================
	align
===============================================*/
.center{text-align:center !important; margin: 0 auto !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}

/*===============================================
	他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}
.red{color:red !important;}

/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}
/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.cFix {display:block;}

/*===============================================
	TOPへ
===============================================*/
#page_top{ width: 100px; height: auto; position: fixed; right: 3%; bottom: 5%; z-index: 1000;}
#page_top a{ position: relative; display: block; text-decoration: none;}
#page_top a::before{ position: absolute; width: 25px; height: 25px; top: -5px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
#page_top img{width: 100%;}
.main_scroll_anime{display: block; width: 100px; position: fixed; right: -1%; bottom: 25%;
 transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto;}
.main_scroll_anime img{width: 100%;}
/*アイコンアニメーション*/
.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.8s;
}

.keyframe0{
  animation-name: anim_po;
  position: absolute; left: 0; bottom: 50px;
}
/*===============================================
	共通部分
===============================================*/
#wrap{width: 100%;}
/* img mouse hover */
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.sp{display:none;}
.pc{display: inline;}
p,a{line-height: 2.5rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 1.2rem;}
h1,h2{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; letter-spacing: -1px;}
h3,h4{line-height: 2.5rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}

/*ヘッダー*/
header{width: 100%; margin:0 auto 20px; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3)); background: #fff;}
header .header_wrap{width: 100%; max-width: 1300px; margin: 0 auto;}
header .head__logo{float: left; width: 400px;}
header .head__logo img{width: 100%;}
header .head__link{float: right; padding-top: 40px;}
header .head__link a{padding: 0 20px; color: #000;}

footer{width: 100%; background: #F5F5F5; padding: 50px 0 0; }
footer .ft_wrap{width: 100%; margin:0 auto 40px; max-width: 1300px;}
footer .ft_prof{float: left; width: 33%;}
footer .ft_prof .ft_prof_logo{margin-bottom: 20px;}
footer .ft_prof .ft_prof_logo img{width: 90%;}
footer .ft_link {float: right; width: 55%;}
footer .ft_link a{color: #000;}
footer .ft_link .ft_link_1{float: left; width: 45%;}
footer .ft_link .ft_link_2{float: left; width: 45%;}
footer #cnt_copy{border-top: 1px #707070 solid; width: 100%; margin: 0 auto; max-width: 1300px;}
footer #cnt_copy p{text-align: center; padding: 20px 0; color: #000; font-size: 16px !important; letter-spacing: 0px; margin:0; line-height: 1rem;}

#pankuzu{width: 100%; margin:0 auto 50px; max-width: 1300px; font-size: 1.2rem; }
#pankuzu a{color: #000; text-decoration: underline; font-size: 1.2rem;}

#kasouH1{text-align: center; font-size: 3.5rem; color: #0096D2; text-align: center; line-height: 2rem; position: relative; margin-bottom: 80px;}
#kasouH1 span{font-size: 1.2rem; color: #D5B87D;}
#kasouH1:after{position: absolute; content: ""; background: url(./img/midashiIMG.png) no-repeat top center; width: 100%; height: 29px; bottom: -35px;
 left: 0; }


#gnavi{width: 100%; background: #0096D2; padding: 0; margin: -20px 0 20px;}
#gnavi div{max-width: 1300px; margin: 0 auto; text-align: center; width: 100%;}
#gnavi li{float: left; font-size: 0.9rem; width: 20%; border-left: 1px solid #fff; text-align: center; padding: 10px 0;}
#gnavi li a{color: #fff; display:block;}
#gnavi li:last-child{border-right: 1px solid #fff;}


/*===============================================
	個別
===============================================*/

/*TOP*/

#main{width: 100%; margin:0 auto; max-width: 1300px; }
#main ul{width: 100%; margin:0 auto; max-width: 1300px; }
#main li {width: 49%; margin: 0 2% 20px 0; float: left;}
#main li img{width: 100%;}
#main li:nth-child(2),#main li:nth-child(5){margin-right: 0;}
#main li:nth-child(n+3){ width: 32%; margin-right: 2%;}
#main li:nth-child(5){ margin-right: 0;}


#cnt1{width: 100%; padding: 50px 0;}
#cnt1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#cnt1 h2{color: #0096D2; font-size: 6rem; line-height: 8rem;}
#cnt1 .read{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; color: #0096D2; font-size: 1.7rem; margin-bottom: 20px;}
#cnt1 .cnt1_cnt{background:#E3F7FF; padding: 0 0 30px;}
#cnt1 .news_cnt{padding: 30px; border-bottom: 1px dashed #000;}
#cnt1 .news_cnt h3{color: #0096D2; font-weight: bold; font-size: 1.2rem;}
#cnt1 .news_cnt .news_txt{margin-bottom: 10px; }
#cnt1 .news_cnt a{padding: 0 80px; color: #fff; text-align: center; display: inline-block; background: #0096D2; border-radius: 50px; font-size: 1rem; margin: 20px 0 0;}
#cnt1 .news_cnt a span{color: #fff;}

#cnt2{width: 100%; padding: 50px 0;}
#cnt2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#cnt2 h2{color: #0096D2; font-size: 6rem; line-height: 8rem;}
#cnt2 .read{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; color: #0096D2; font-size: 1.7rem; margin-bottom: 30px;}
#cnt2 .topcis_cnt{width: 100%; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6)); background: #fff; padding: 40px; margin-bottom: 30px;}
#cnt2 .topcis_cnt .topics_img{float: left; width:20%; }
#cnt2 .topcis_cnt .topics_img img{ width:100%; }
#cnt2 .topcis_cnt .topics_tx{float: right; width: 75%;}
#cnt2 .topcis_cnt h3{color: #0096D2; font-weight: bold; font-size: 1.5rem;}
#cnt2 .topcis_cnt .txt{margin-bottom: 10px;}
#cnt2 .topcis_cnt .topics_more{float: right;width: 75%;} 
#cnt2 .topcis_cnt .topics_more a{padding: 0 50px; color: #fff; text-align: center; display: block; background: #0096D2; border-radius: 50px; font-size: 1rem; 
margin: 0 auto; width: 60%;} 
#cnt2 .topcis_cnt a span{color: #fff !important;}

#cnt3{width: 100%; margin:0 auto 100px; max-width: 1300px; }

/*ページネーション*/ 
.pagination{margin:40px 0 0;}
.nav-links{display:block; text-align:center;}
.pagination .page-numbers{display:inline-block; margin-right:20px; padding:10px; color:#333; border-radius:3px; box-shadow:0 3px 3px #999; background:#fff; border-radius:50px; width:60px; line-height:2.5rem;
	font-size:1rem; height:60px;}
.pagination .current{padding:10px; background:#69a4db; color:#fff; width:60px;}
.pagination .prev,
.pagination .next{background:transparent; box-shadow:none; color:#69a4db;}
.pagination .dots{background:transparent; box-shadow:none;}
.cnt1_newsLink a{ display: block; background: #0096D2; color: #fff; text-align: center; border-radius: 50px; width: 30%; margin: 50px auto 20px;}


/*金魚*/ 
#goldfish_cnt1{width: 100%; padding: 0;}
#goldfish_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_cnt1 li{float: left; width: 386px; margin: 0 71px 50px 0; }
#goldfish_cnt1 li:nth-child(3){margin: 0 0 50px 0;}
#goldfish_cnt1 li h2{text-align: center; font-size: 2.3rem;}
#goldfish_cnt1 li img{margin: 10px 0;}
#goldfish_cnt1 li h3{text-align: center; font-size: 1.2rem;}
#goldfish_cnt1 li a{text-align: center; font-size: 1rem; background: #0096D2; padding: 0; border-radius: 50px; color: #fff; margin: 0 auto;
 width: 70%; display: block;}
#goldfish_cnt1 .suisan-shikenjo{margin: 50px 0;}
#goldfish_cnt1 .suisan-shikenjo .left{float: left; width: 30%;}
#goldfish_cnt1 .suisan-shikenjo .right{float: right; width: 65%;}
#goldfish_cnt1 .suisan-shikenjo h2{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; font-size: 2rem; color: #0096D2;}
#goldfish_cnt1 .suisan-shikenjo p{margin:0 0 30px 0; }
#goldfish_cnt1 .suisan-shikenjo li{float: left; margin:0 20px 20px 0; width: 48% !important;}
#goldfish_cnt1 .suisan-shikenjo li:nth-child(2n){float: left; margin:0 0 20px 0; }
#goldfish_cnt1 .suisan-shikenjo li a{background: #0096D2; width: 100%; display: block;}

#goldfish_cnt2{width: 100%; padding: 80px 0 ;}
#goldfish_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_cnt2 li{float: left; margin: 0 2% 25px 0; width: 18.4%;}
#goldfish_cnt2 li img{width: 100%;}
#goldfish_cnt2 li:nth-child(5n){float: left; margin: 0 0 20px; }

#goldfish_cnt3{width: 100%; padding: 30px 0 ; margin-bottom: 20px;}
#goldfish_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_cnt3 h2{font-size: 2.5rem; color: #0096D2;}
#goldfish_cnt3 img{width: 100%;}

#goldfish_cnt4{width: 100%; padding: 50px 0 ; margin-bottom: 80px;}
#goldfish_cnt4 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_cnt4 h2{font-size: 3rem; color: #0096D2;}
#goldfish_cnt4 img{width: 100%;}

#goldfish_cnt5{width: 100%; padding: 50px 0 ; margin-bottom: 80px;}
#goldfish_cnt5 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_cnt5 h1{font-size: 3rem; color: #0096D2;}
#goldfish_cnt5 img{width: 100%;}



/*弥富まちなか交流館*/
#interaction_cnt1{width: 100%; padding: 50px 0;}
#interaction_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#interaction_cnt1 .left{float: left; width: 40%;}
#interaction_cnt1 .left img{width: 100%;}
#interaction_cnt1 .right{float: right; width: 57%; padding: 5px;}
#interaction_cnt1 h1{color: #0096D2; font-size: 2.5rem; line-height: 2.5rem;}
#interaction_cnt1 span{color: #0096D2; font-size: 1.5rem;}
#interaction_cnt1 p{margin: 40px 0 0;}

#interaction_cnt2{width: 100%; padding: 50px 0 ; margin-bottom: 80px;}
#interaction_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#interaction_cnt2 h1{font-size: 3rem; color: #0096D2;}
#interaction_cnt2 img{width: 1080px; margin: 0 auto; display: block; border:1px solid #000;}

#interaction_cnt3{width: 100%; padding: 50px 0 ; margin-bottom: 20px;}
#interaction_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#interaction_cnt3 .interaction_cnt3BK{padding: 50px 0; background: #E3F7FF;}
#interaction_cnt3 li{width: 31%; margin:0 3.5% 0 0; float: left; }
#interaction_cnt3 li img{width: 100%; margin-bottom: 20px;}
#interaction_cnt3 li p{border-left: 1px dashed #000; border-right: 1px dashed #000; width: 100%; padding: 0 10px; min-height: 380px;}
#interaction_cnt3 li:last-child{margin: 0;}

#interaction_cnt4{width: 100%; padding: 50px 0; margin-bottom: 50px;}
#interaction_cnt4 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#interaction_cnt4 .left{float: left; width: 27%;}
#interaction_cnt4 .left img{width: 100%;}
#interaction_cnt4 .right{float: right; width: 70%; padding: 5px;}
#interaction_cnt4 p{margin: 40px 0 0;}
#interaction_cnt4 h2{color: #0096D2; font-size: 2.2rem; line-height: 2.5rem; margin-bottom: 30px;}
#interaction_cnt4 h3{font-size: 1.5rem; font-weight: bold;}
#interaction_cnt4 p{margin: 0 0 30px;}

#interaction_cnt5{width: 100%; padding: 50px 0; margin: 50px 0; background: #F5F5F5;}
#interaction_cnt5 .wrap{width: 100%; margin:0 auto; max-width: 1200px; }
#interaction_cnt5 h2{font-size: 2rem; margin-bottom: 30px;}
#interaction_cnt5 table{width: 100%; margin-bottom: 10px; border-top: 1px solid #000; border-spacing:0}
#interaction_cnt5 th,#interaction_cnt5 td{border-bottom: 1px solid #000; padding: 20px 0; font-size: 1.2rem;}
#interaction_cnt5 th{font-weight: bold; width: 20%;}
#interaction_cnt5 p{font-size: 1rem;}

#interaction_cnt6{width: 100%; padding: 50px 0; margin-bottom: 50px;}
#interaction_cnt6 .wrap{width: 100%; margin:0 auto; max-width: 1200px;}
#interaction_cnt6 .wrap iframe{width: 100%; height: 800px;}


/*お役立ち観光情報*/
#sightseeing_cnt1{width: 100%; padding: 50px 0;}
#sightseeing_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#sightseeing_cnt1 .sightseeing_cnt1_link{ width: 750px; margin: 0 auto 40px;}
#sightseeing_cnt1 .sightseeing_cnt1_link h2{ color:#0096D2; font-size: 2.5rem; text-align: center;}
#sightseeing_cnt1 .sightseeing_cnt1_link a{ width: 70%; margin: 0 auto; padding: 5px; color: #fff; background: #0096D2; display: block; border-radius: 50px;
 text-align: center; }
#sightseeing_cnt1 .left{float: left; width: 160px;}
#sightseeing_cnt1 .right{float: right; width: 590px;}
#sightseeing_cnt1 li{float: left; width: 244px; margin: 0 20px 20px 0;}
#sightseeing_cnt1 li img{width: 100%;}
#sightseeing_cnt1 li:last-child{margin: 0 0 20px 0;}

#sightseeing_cnt2{width: 100%; padding: 50px 0;}
#sightseeing_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#sightseeing_cnt2 h2{ color:#0096D2; font-size: 2.5rem;}


/*弥富金魚小売店*/
#goldfish_producer1{width: 100%; padding: 50px 0;}
#goldfish_producer1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_producer1 .cnt{ background: #F5F5F5; padding: 30px 50px; margin-bottom: 40px;}
#goldfish_producer1 .cnt h2{ font-size: 2rem; color: #0096D2;}
#goldfish_producer1 .cnt p{ margin-bottom: 20px;}
#goldfish_producer1 .cnt a{ width: 40%; padding: 5px; color: #fff; background: #0096D2; display: block; border-radius: 50px;
 text-align: center; }

#goldfish_producer2{width: 100%; padding: 50px 0;}
#goldfish_producer2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_producer2 li{float: left; width: 31%; margin: 0 3.5% 30px 0;}
#goldfish_producer2 li img{width: 100%;}
#goldfish_producer2 li:last-child{margin: 0 0 30px;}
#goldfish_producer2 p{margin: 20px 0;}

#goldfish_producer3{width: 100%; padding: 50px 0;}
#goldfish_producer3 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#goldfish_producer3 h2{ color:#0096D2; font-size: 2.5rem;}
#goldfish_producer3 img{width: 1000px; margin: 50px auto; display: block; text-align: center;}


/*イベント*/
#event_cnt1{width: 100%; padding: 10px 0; margin-bottom: 30px;}
#event_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#event_cnt1 h2{font-size: 2.5rem; color: #0096D2;}
#event_cnt1 li{float: left; width: 25%; margin: 0 0 20px 0;}
#event_cnt1 li img{width: 100%;}

#event_cnt2{width: 100%; padding: 50px 0 ; margin-bottom: 30px; border: none; overflow: hidden;}
#event_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#event_cnt2 h1{font-size: 3rem; color: #0096D2;}
#event_cnt2 img{width: 100%;}
#event_cnt2 iframe{width: 100%; height: 1000px !important; border: none; overflow: hidden;}

#event_cnt3{width: 100%; padding: 50px 0 ; margin-bottom: 80px;}
#event_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 1300px; background: #f5f5f5; padding: 50px;}
#event_cnt3 h1{font-size: 1.8rem;}

/*イベント詳細*/
#event_detail1{width: 100%; padding: 10px 0; margin-bottom: 50px;}
#event_detail1 .wrap{width: 100%; margin:0 auto; max-width: 1000px; }
#event_detail1 h1{font-size: 3rem; margin-bottom: 30px; color:#0096D2; text-align: center; line-height:4rem;}
#event_detail1 img{margin-bottom: 50px; width: 100%;}
#event_detail1 p{width: 100%;}

#event_detail2{width: 100%; padding: 10px 0; margin-bottom: 0;}
#event_detail2 .wrap{width: 100%; margin:0 auto; max-width: 1000px; }
#event_detail2 a{ width: 80%; padding: 5px; color: #fff; background: #0096D2; display: block; border-radius: 50px; text-align: center; margin: 0 auto 20px;}
#event_detail2 a span{color: #fff;}

/*#event_detail1 .item{width: 1000px; float: left; margin:20px;}
#event_detail1 .item .event_detail1_old{font-weight: bold;}
#event_detail1 .item p{font-size: 0.8rem; line-height: 1.5rem; margin: 20px 0 0 0;}*/

.slideshow{width: 100%; margin: 0 auto 50px;}
.slideshow img{width: 100%; margin: 0 auto;}


/*施設紹介*/
#facility1{width: 100%; padding: 50px 0;}
#facility1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#facility1 .facility_cnt{width: 100%; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6)); background: #fff; padding: 40px; margin-bottom: 30px;}
#facility1 .facility_cnt .facility_img{float: left; width:30%; }
#facility1 .facility_cnt .facility_img img{ width:100%; }
#facility1 .facility_cnt .facility_tx{float: right; width: 65%;}
#facility1 .facility_cnt h2{color: #0096D2; font-weight: bold; font-size: 2rem;}
#facility1 .facility_cnt .txt{margin-bottom: 20px; width: 100%;}
#facility1 .facility_cnt .facility_more{float: right; width: 65%;} 
#facility1 .facility_cnt a{padding: 0 50px; color: #fff; text-align: center; display: block; background: #0096D2; border-radius: 50px; font-size: 1rem; 
margin: 0 auto; width: 60%;} 


/*事業者の方へ*/
#business1{width: 100%; padding: 50px 0;}
#business1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#business1 .cnt{background: #F5F5F5; padding: 50px; margin-bottom: 30px;}
#business1 .cnt h2{font-size: 2rem; font-weight: bold; margin-bottom: 10px;}
#business1 .cnt p{margin-bottom: 20px;}
#business1 .cnt a{width: 40%; background: #0096D2; text-align: center; color: #fff; margin: 0 auto; display: block; border-radius: 50px; padding: 5px;} 
#business1 .cnt .grayBNR{background: #A0A0A0;width: 40%; text-align: center; color: #fff; margin: 0 auto; display: block; border-radius: 50px; padding: 5px;} 


/*会員について*/
#membership1{width: 100%; padding: 50px 0;}
#membership1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#membership1 h2{color: #0096D2; font-size: 2rem; margin-bottom: 10px;}
#membership1 .cnt{background: #F5F5F5; padding: 50px; margin: 30px 0;}
#membership1 .cnt h3{font-size: 1.8rem; font-weight: bold; margin-bottom: 10px;}
#membership1 .cnt p{margin-bottom: 20px;}
#membership1 .cnt a{width: 40%; background: #0096D2; text-align: center; color: #fff; margin: 0 auto; display: block; border-radius: 50px; padding: 5px;} 

#membership2{width: 100%; padding: 50px 0; margin-bottom: 30px;}
#membership2 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#membership2 h2{color: #0096D2; font-size: 2rem; margin-bottom: 10px;}


/*バナー広告の掲載について*/
#banner_ads1{width: 100%; padding: 50px 0; margin-bottom: 30px;}
#banner_ads1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
#banner_ads1 p{margin-bottom: 30px;}
#banner_ads1 h2{background: #E3F7FF; padding: 30px; font-size: 2rem; line-height: 3rem; margin-bottom: 30px;}
#banner_ads1 .cnt{padding: 0 40px; margin-bottom: 80px;}
#banner_ads1 .cnt h3{font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; color: #0096D2;}
#banner_ads1 .cnt h4{font-size: 1.3rem; font-weight: bold; margin-bottom: 10px;}
#banner_ads1 .cnt ol{margin-bottom: 30px;}
#banner_ads1 .cnt li{list-style: decimal; margin-left: 1.5em; font-size: 1.2rem; margin-bottom: 10px;}
#banner_ads1 .cnt2{border-top: 1px solid #000; padding: 50px 0 0;}
#banner_ads1 .cnt2 h3{font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; color: #0096D2;}
#banner_ads1 .cnt2 li{font-size: 1.2rem; margin: 0 0 10px 1.5em; list-style: disc; }


/*お問い合わせ*/
#contact1{width: 100%; padding: 50px 0;}
#contact1 .wrap{width: 100%; margin:0 auto; max-width: 1000px; }
#contact1 p{margin: 0 0 50px;}
#contact1 .contact_red{color: #FF0000; font-weight: bold; margin: 0 20px 0 10px;}
#contact1 input{width: 100%; padding: 10px; font-size: 1.2rem;}
#contact1 textarea{width: 100%; padding: 10px; font-size: 1.2rem;}
#contact1 .input-20{width: 20%; padding: 10px;}
#contact1 .input-40{width: 40%; padding: 10px;}
#contact1 .contact_submit{width: 40%; display: block; margin: 30px auto 0; background: #3A97D2; color: #fff; text-align: center; border: none; border-radius: 50px;}
#contact1 .contact_submit:hover{background: #61B9F0;}
#contact1 .contact_return{width: 40%; display: block; margin: 30px auto 0; background: #909090; color: #fff; text-align: center; border: none; border-radius: 50px; padding: 10px 0; font-size: 1.2rem;}
#contact1 .contact_return:hover{background: #AFAFAF;}
#contact1 .error{color: #fff; background: #f00; font-weight: bold; padding: 5px 20px; margin: 10px 0 30px; text-align: center; display: table;}



































/*アイコンアニメーション*/
#main .animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.8s;
}

#main .keyframe0{
  animation-name: anim_po;
  position: absolute; left: 0; bottom: 50px;
}

@keyframes anim_po {
  0% { top: 0px; }
  100% { top: 20px; }
}

#cta{width: 100%; background: #F8F7F2; padding: 50px 10%;}

#cta .cta_l{float: left; width: 50%}
#cta .cta_r{float: right; width: 50%;}
#cta .cta_l img,#cta .cta_r img{width: 100%;}



/*確認ページ*/
#main_form{background: url(./img/main_bg.png) center center; height: 200px; padding: 20px; position: relative; width: 100%}

@media screen and (max-width:1300px) {
	header .header_wrap{padding:0 20px; }
	#main ul{padding:0 20px; }
	#cnt1 .wrap{padding:0 20px; }
	#cnt2 .wrap{padding:0 20px; }
	#cnt3{padding:0 20px; }
	footer .ft_wrap{padding:0 20px; }
}

@media screen and (max-width:640px) {
	#wrap{width: 100%;}
	p{font-size: 0.9rem; line-height: 1.8rem;}
	.sp{display:inline;}
	.pc{display:none;}

	/*共通部分*/
	#pankuzu{width: 100%; margin:0 auto 30px; max-width: 100%; font-size: 0.8rem; padding: 0 20px;}
	#pankuzu a{color: #000; text-decoration: underline; font-size: 0.8rem;}

	#kasouH1{text-align: center; font-size: 1.8rem; color: #0096D2; text-align: center; line-height: 1.2rem; position: relative; margin-bottom: 60px;}
	#kasouH1 span{font-size: 0.7rem; color: #D5B87D;}
	#kasouH1:after{background-size: contain; width: 30%; height: 29px; bottom: -35px; left: 35%;}

	#gnavi{width: 0; background: none; padding: 0; margin: 0; display: none;}
	#gnavi div{max-width: 0; margin: 0 auto; text-align: center; width: 0; display: none;}
	#gnavi li{float: none; font-size: 0; width: 0; border-left: none; text-align: center; padding: 0; display: none;}
	#gnavi li a{color: #fff; display: none;}


	/*ヘッダー*/
	header{width: 100%; margin:0 auto 20px; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3)); background: #fff; height: 60px;}
	header .header_wrap{width: 100%; max-width: 100%; margin: 0 auto;}
	header .head__logo{float: left; width: 60%; padding-top: 5px;}
	header .head__logo img{width: 100%;}
	header .head__link{float: right; padding-top: 40px;}
	header .head__link a{padding: 0 20px; color: #000;}

	#main{width: 100%; margin:0 auto; max-width: 100%;}
	#main ul{ padding: 0 5%;}
	#main li {width: 100%; margin: 0 auto 10px; float: none;}
	#main li img{width: 100%;}
	#main li:nth-child(2),#main li:nth-child(5){margin-right: auto;}
	#main li:nth-child(n+3){ width: 31%; float: left; padding: 0; margin: 0;}
	#main li:nth-child(4){margin: 0 3.5%;}



	#cnt1{width: 100%; padding: 50px 0;}
	#cnt1 .wrap{width: 100%; margin:0 auto; max-width: 100%; padding:0 20px; }
	#cnt1 h2{color: #0096D2; font-size: 3.2rem; line-height: 3rem;}
	#cnt1 .read{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; color: #0096D2; font-size: 1rem; margin-bottom: 20px;}
	#cnt1 .cnt1_cnt{background:#E3F7FF; padding: 0 0 30px;}
	#cnt1 .news_cnt{padding: 30px 0; border-bottom: 1px dashed #000;}
	#cnt1 .news_cnt h3{color: #0096D2; font-weight: bold; font-size: 1.1rem;}
	#cnt1 .news_cnt .news_txt{margin-bottom: 10px; }
	#cnt1 .news_cnt a{padding: 0; color: #fff; display: block; background: #0096D2; font-size: 1rem; width: 70%; margin: 0 auto;}
	.cnt1_newsLink a{ display: block; background: #0096D2; color: #fff; text-align: center; border-radius: 50px; width: 80%; margin: 50px auto 20px;}

	#cnt2{width: 100%; padding: 50px 0;}
	#cnt2 .wrap{width: 100%; margin:0 auto; max-width: 100%; padding:0 20px; }
	#cnt2 h2{color: #0096D2; font-size: 3.2rem; line-height: 3.7rem;}
	#cnt2 .read{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; color: #0096D2; font-size: 1rem; margin-bottom: 30px;}
	#cnt2 .topcis_cnt{width: 100%; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6)); background: #fff; padding: 20px; margin-bottom: 30px;}
	#cnt2 .topcis_cnt .topics_img{float: left; width:35%; }
	#cnt2 .topcis_cnt .topics_img img{ width:100%; }
	#cnt2 .topcis_cnt .topics_tx{float: right; width: 60%;}
	#cnt2 .topcis_cnt h3{color: #0096D2; font-weight: bold; font-size: 1rem;}
	#cnt2 .topcis_cnt .txt{margin-bottom: 10px;}
	#cnt2 .topcis_cnt .topics_more{float: right;width: 100%;} 
	#cnt2 .topcis_cnt .topics_more a{padding: 0; color: #fff; text-align: center; display: block; border-radius: 50px; font-size: 1rem; margin: 0 auto; width: 80%;} 

	#cnt3{width: 90%; margin:0 auto 50px; max-width: 100%;}



	footer{width: 100%; background: #F5F5F5; padding: 20px 20px 0; }
	footer .ft_wrap{width: 100%; margin:0 auto 40px; max-width: 100%; padding:0;}
	footer .ft_prof{float: none; width: 100%;}
	footer .ft_prof .ft_prof_logo{margin-bottom: 0; width: 70%;}
	footer .ft_prof .ft_prof_logo img{width: 100%;}
	footer .ft_link {float: none; width: 100%;}
	footer .ft_link a{color: #000; font-size: 0.9rem; }
	footer .ft_link .ft_link_1{float: left; width: 50%; margin-bottom: 20px;}
	footer .ft_link .ft_link_2{float: right; width: 40%; margin-bottom: 20px;}

	footer #cnt_copy{border-top: 1px #707070 solid; width: 100%; margin: 0 auto; max-width: 100%;}
	footer #cnt_copy p{text-align: center; padding: 20px 0; color: #000; font-size: 0.9rem !important; letter-spacing: 0px; margin:0; line-height: 1rem;}


	/*下層*/
	/*金魚*/ 
	#goldfish_cnt1{width: 100%; padding: 0 20px;}
	#goldfish_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_cnt1 li{float: none; width: 100%; margin: 0; }
	#goldfish_cnt1 li:nth-child(3){margin: 0 0 20px 0;}
	#goldfish_cnt1 li h2{text-align: left; font-size: 1.3rem; float: right; width: 60%; line-height: 2rem;}
	#goldfish_cnt1 li img{margin: 10px 0; width: 100%; float: left; width: 35%;}
	#goldfish_cnt1 li h3{text-align: left; font-size: 0.9rem; float: right; width: 60%; line-height: 1.5rem; margin-bottom: 10px;}
	#goldfish_cnt1 li a{font-size: 0.8rem;margin: 0 auto; width: 60%; float: right; line-height: 1.5rem;}
	#goldfish_cnt1 .suisan-shikenjo{margin: 50px 0;}
	#goldfish_cnt1 .suisan-shikenjo .left{float: none; width: 100%;}
	#goldfish_cnt1 .suisan-shikenjo img{width: 100%;}
	#goldfish_cnt1 .suisan-shikenjo .right{float: none; width: 100%;}
	#goldfish_cnt1 .suisan-shikenjo h2{font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold; font-size: 1.5rem; color: #0096D2; text-align: center;}
	#goldfish_cnt1 .suisan-shikenjo p{margin:0 0 10px 0; }
	#goldfish_cnt1 .suisan-shikenjo li{float: none; margin:0 0 20px 0; width: 100% !important;}
	#goldfish_cnt1 .suisan-shikenjo li:nth-child(2n){float: none; margin:0 0 20px 0;}
	#goldfish_cnt1 .suisan-shikenjo li a{background: #0096D2; width: 100%; display: block; margin-bottom: 10px;}

	#goldfish_cnt2{width: 100%; padding: 10px 20px ;}
	#goldfish_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_cnt2 li{float: left; margin: 0 2% 10px 0; width: 32%;}
	#goldfish_cnt2 li img{width: 100%;}
	#goldfish_cnt2 li:nth-child(5n){float: left; margin: 0 2% 10px 0; width: 32%;}
	#goldfish_cnt2 li:nth-child(3n){float: left; margin: 0 0 10px 0; width: 32%;}

	#goldfish_cnt3{width: 100%; padding: 20px 20px ;}
	#goldfish_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_cnt3 h2{font-size: 1.5rem; color: #0096D2;}
	#goldfish_cnt3 img{width: 100%;}

	#goldfish_cnt4{width: 100%; padding: 20px 20px ; margin-bottom: 80px;}
	#goldfish_cnt4 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_cnt4 h2{font-size: 1.5rem; color: #0096D2;}
	#goldfish_cnt4 img{width: 100%;}

	#goldfish_cnt5{width: 100%; padding: 20px 20px ;margin-bottom: 80px;}
	#goldfish_cnt5 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_cnt5 h1{font-size: 1.8rem; color: #0096D2;}
	#goldfish_cnt5 img{width: 100%;}


	/*弥富まちなか交流館*/
	#interaction_cnt1{width: 100%; padding: 0 20px;}
	#interaction_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#interaction_cnt1 .left{float: none; width: 100%; display: none;}
	#interaction_cnt1 .left img{width: 100%;}
	#interaction_cnt1 .right{float: none; width: 100%; padding: 5px;}
	#interaction_cnt1 .right img{width: 100%;}
	#interaction_cnt1 h1{color: #0096D2; font-size: 1.5rem; line-height: 1.5rem; text-align: center; margin-bottom: 10px;}
	#interaction_cnt1 span{color: #0096D2; font-size: 1rem;}
	#interaction_cnt1 p{margin: 30px 0 0;}

	#interaction_cnt2{width: 100%; padding: 50px 20px 30px ; margin-bottom: 0px;}
	#interaction_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#interaction_cnt2 h1{font-size: 2rem; color: #0096D2;}
	#interaction_cnt2 img{width: 100%; margin: 0 auto; display: block; border:1px solid #000;}

	#interaction_cnt3{width: 100%; padding: 50px 0 0 ; margin-bottom: 0;}
	#interaction_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#interaction_cnt3 .interaction_cnt3BK{padding: 50px 40px; background: #E3F7FF;}
	#interaction_cnt3 li{width: 100%; margin:0 0 40px; float: none; }
	#interaction_cnt3 li img{width: 100%; margin-bottom: 10px;}
	#interaction_cnt3 li p{border-left: none; border-right: none; width: 100%; padding: 0; min-height: auto;}

	#interaction_cnt4{width: 100%; padding: 50px 20px 30px; margin-bottom: 0;}
	#interaction_cnt4 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#interaction_cnt4 .left{float: none; width: 100%;}
	#interaction_cnt4 .left img{width: 100%; margin-bottom: 10px;}
	#interaction_cnt4 .right{float: none; width: 100%; padding: 5px;}
	#interaction_cnt4 .right img{width: 100%; margin-bottom: 20px;}
	#interaction_cnt4 p{margin: 40px 0 0;}
	#interaction_cnt4 h2{color: #0096D2; font-size: 1.6rem; margin-bottom: 20px; text-align: center;}
	#interaction_cnt4 h3{font-size: 1.2rem;}
	#interaction_cnt4 p{margin: 0 0 30px;}

	#interaction_cnt5{width: 100%; padding: 50px 20px; margin-bottom: 50px; background: #F5F5F5;}
	#interaction_cnt5 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#interaction_cnt5 h2{font-size: 1.6rem; margin-bottom: 20px; line-height: 2rem;}
	#interaction_cnt5 table{width: 100%; margin-bottom: 10px; border-top: 1px solid #000; border-spacing:0}
	#interaction_cnt5 th,#interaction_cnt5 td{border-bottom: none; padding: 0; font-size: 1rem; display: block; width: 100%;}
	#interaction_cnt5 th{font-weight: bold; padding: 10px 0 5px;}
	#interaction_cnt5 td{border-bottom: 1px solid #000; padding-bottom: 10px;}
	#interaction_cnt5 p{font-size: 1rem;}

	#interaction_cnt6{width: 100%; padding: 0 20px 30px; margin-bottom: 10px;}
	#interaction_cnt6 .wrap{width: 100%; margin:0 auto; max-width: 100%;}
	#interaction_cnt6 .wrap iframe{width: 100%; height: 300px;}


	/*お役立ち観光情報*/
	#sightseeing_cnt1{width: 100%; padding: 50px 20px;}
	#sightseeing_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#sightseeing_cnt1 .sightseeing_cnt1_link{ width: 100%; margin: 0 auto 40px;}
	#sightseeing_cnt1 .sightseeing_cnt1_link h2{ color:#0096D2; font-size: 1.5rem; text-align: center;}
	#sightseeing_cnt1 .sightseeing_cnt1_link a{ width: 70%; margin: 0 auto; padding: 5px; color: #fff; background: #0096D2; display: block; border-radius: 50px;
	 text-align: center; line-height: 1rem; font-size: 1rem;}
	#sightseeing_cnt1 .left{float: none; width: 100%; display: none;}
	#sightseeing_cnt1 .right{float: none; width: 100%;}
	#sightseeing_cnt1 li{float: left; width: 32%; margin: 0 2% 20px 0;}
	#sightseeing_cnt1 li img{width: 100%;}
	#sightseeing_cnt1 li:last-child{margin: 0 0 20px 0;}
	#sightseeing_cnt1 li:nth-child(3n){margin: 0 0 20px 0;}
	#sightseeing_cnt1 li:nth-child(4n){margin: 0 2% 20px 17%;}

	#sightseeing_cnt2{width: 100%; padding: 50px 20px;}
	#sightseeing_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#sightseeing_cnt2 h2{ color:#0096D2; font-size: 2rem;}


	/*弥富金魚小売店*/
	#goldfish_producer1{width: 100%; padding: 0 20px;}
	#goldfish_producer1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_producer1 .cnt{ background: #F5F5F5; padding: 20px; margin-bottom: 30px;}
	#goldfish_producer1 .cnt h2{ font-size: 1.3rem; color: #0096D2;}
	#goldfish_producer1 .cnt p{ margin-bottom: 5px;}
	#goldfish_producer1 .cnt a{ width: 80%; padding: 5px; color: #fff; line-height: 1rem; text-align: center; font-size: 0.9rem; margin: 0 auto;}

	#goldfish_producer2{width: 100%; padding: 50px 20px 0;}
	#goldfish_producer2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_producer2 li{float: left; width: 31%; margin: 0 3.5% 30px 0;}
	#goldfish_producer2 li img{width: 100%;}
	#goldfish_producer2 li:last-child{margin: 0 0 30px;}
	#goldfish_producer2 p{margin: 20px 0;}

	#goldfish_producer3{width: 100%; padding: 30px 20px;}
	#goldfish_producer3 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#goldfish_producer3 h2{ color:#0096D2; font-size: 1.5rem; text-align: center;}
	#goldfish_producer3 img{width: 100%; margin: 50px auto; display: block; text-align: center;}

	/*イベント*/
	#event_cnt1{width: 100%; padding: 10px 20px;}
	#event_cnt1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#event_cnt1 h2{font-size: 1.5rem; color: #0096D2;}
	#event_cnt1 li{float: left; width: 50%; margin: 0 0 20px 0;}
	#event_cnt1 li img{width: 100%;}

	#event_cnt2{width: 100%; padding: 50px 20px 0 ; margin-bottom: 1px; min-height: 500px !important;}
	#event_cnt2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#event_cnt2 h1{font-size: 1.8rem; color: #0096D2;}
	#event_cnt2 img{width: 100%;}
	#event_cnt2 iframe{width: 100%; height: 400px; border: none;}
	#event_cnt2 #xo-event-calendar-1 tr{font-size:125%;}
	#event_cnt2 .calendar-caption{font-size:125%;}
	
	#event_cnt3{width: 100%; padding: 50px 20px ; margin-bottom: 50px;}
	#event_cnt3 .wrap{width: 100%; margin:0 auto; max-width: 100%; padding: 30px;}
	#event_cnt3 h1{font-size: 1.2rem;}


	/*イベント詳細*/
	#event_detail1{width: 100%; padding: 0 20px; margin-bottom: 40px;}
	#event_detail1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#event_detail1 h1{font-size: 2rem; margin-bottom: 30px; color:#0096D2; text-align: center;}
	#event_detail1 img{margin-bottom: 30px; width: 100%;}
	#event_detail1 p{width: 100%;}

	#event_detail2{width: 100%; padding: 10px 20px; margin-bottom: 30px;}
	#event_detail2 .wrap{width: 100%; margin:0 auto; max-width: 1000px; }
	#event_detail2 a{ width: 80%; padding: 5px; color: #fff; background: #0096D2; display: block; font-size: 0.9rem; text-align: center; margin: 0 auto 20px;}


	/*施設紹介*/
	#facility1{width: 100%; padding: 10px 20px; margin-bottom: 30px;}
	#facility1 .wrap{width: 100%; margin:0 auto; max-width: 1300px; }
	#facility1 .facility_cnt{width: 100%; padding: 30px; margin-bottom: 30px;}
	#facility1 .facility_cnt .facility_img{float: none; width:0; display: none; }
	#facility1 .facility_cnt .facility_img img{ width:100%; }
	#facility1 .facility_cnt .facility_tx{float: none; width: 100%;}
	#facility1 .facility_cnt .facility_tx img{width: 100%; margin-bottom: 20px;}
	#facility1 .facility_cnt h2{color: #0096D2; font-weight: bold; font-size: 1.5rem; line-height: 2rem; text-align: center; margin-bottom: 10px;}
	#facility1 .facility_cnt .txt{margin-bottom: 20px; width: 100%;}
	#facility1 .facility_cnt .facility_more{float: right; width: 100%;} 
	#facility1 .facility_cnt a{padding: 0; font-size: 1rem; margin: 0 auto; width: 90%;} 


	/*事業者の方へ*/
	#business1{width: 100%; padding: 10px 20px 30px;}
	#business1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#business1 .cnt{background: #F5F5F5; padding: 20px; margin-bottom: 30px;}
	#business1 .cnt h2{font-size: 1.5rem; text-align: center; line-height: 2rem;}
	#business1 .cnt p{margin-bottom: 20px;}
	#business1 .cnt a{width: 90%; background: #0096D2; padding: 0; font-size: 0.9rem; line-height: 2rem;} 
	#business1 .cnt .grayBNR{background: #A0A0A0; width: 90%; padding: 0; font-size: 0.9rem; line-height: 2rem;} 


	/*会員について*/
	#membership1{width: 100%; padding: 50px 20px 0;}
	#membership1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#membership1 h2{color: #0096D2; font-size: 1.5rem; margin-bottom: 10px; text-align: center;}
	#membership1 .cnt{background: #F5F5F5; padding: 20px; margin: 30px 0;}
	#membership1 .cnt h3{font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; text-align: center;}
	#membership1 .cnt p{margin-bottom: 20px;}
	#membership1 .cnt a{width: 90%; background: #0096D2; padding: 0; font-size: 0.9rem; line-height: 2rem;} 

	#membership2{width: 100%; padding: 30px 20px; margin-bottom: 30px;}
	#membership2 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#membership2 h2{color: #0096D2; font-size: 1.5rem; margin-bottom: 10px; text-align: center;}


	/*バナー広告の掲載について*/
	#banner_ads1{width: 100%; padding: 50px 0 0; margin-bottom: 50px;}
	#banner_ads1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#banner_ads1 p{margin-bottom: 30px; padding: 0 20px;}
	#banner_ads1 h2{background: #E3F7FF; padding: 20px; font-size: 1.4rem; line-height: 2rem; margin-bottom: 30px;}
	#banner_ads1 .cnt{padding: 0; margin-bottom: 80px;}
	#banner_ads1 .cnt h3{font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; color: #0096D2; padding: 0 20px;}
	#banner_ads1 .cnt h4{font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; padding: 0 20px;}
	#banner_ads1 .cnt ol{margin-bottom: 30px; padding: 0 20px;}
	#banner_ads1 .cnt li{list-style: decimal; margin-left: 1.5em; font-size: 0.9rem; margin-bottom: 10px;}
	#banner_ads1 .cnt2{border-top: 1px solid #000; padding: 50px 0 0; width: 90%; margin: 0 auto;}
	#banner_ads1 .cnt2 h3{font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; color: #0096D2;}
	#banner_ads1 .cnt2 li{font-size: 0.9rem; margin: 0 0 10px 1.5em; list-style: disc; }
	#banner_ads1 .cnt2 a{font-size: 0.9rem; line-height: 1.5rem;}

	/*事業者の方へ*/
	#contact1{width: 100%; padding: 10px 20px 30px;}
	#contact1 .wrap{width: 100%; margin:0 auto; max-width: 100%; }
	#contact1 p{margin: 0 0 50px;}
	#contact1 .contact_red{color: #FF0000; font-weight: bold; margin: 0 20px 0 10px;}
	#contact1 input{width: 100%; padding: 10px; font-size: 1.2rem;}
	#contact1 textarea{width: 100%; padding: 10px; font-size: 1.2rem;}
	#contact1 .input-20{width: 30%; padding: 10px;}
	#contact1 .input-40{width: 30%; padding: 10px;}
	#contact1 .contact_submit{width: 40%; display: block; margin: 30px auto 0; background: #3A97D2; color: #fff; text-align: center; border: none; border-radius: 50px;}
	#contact1 .contact_submit:hover{background: #61B9F0;}
	#contact1 .contact_return{width: 40%; display: block; margin: 30px auto 0; background: #909090; color: #fff; text-align: center; border: none; border-radius: 50px; padding: 10px 0; font-size: 1.2rem;}
	#contact1 .contact_return:hover{background: #AFAFAF;}
	#contact1 .error{color: #fff; background: #f00; font-weight: bold; padding: 5px 20px; margin: 10px 0 30px; text-align: center; display: table;}
















	/*コピーライト*/
	#cnt_copy p{font-size: 0.8rem !important; padding: 10px; text-align: right;}



	/*===============================================
	TOPへ
	===============================================*/
	#page_top{ width: 16vw; height: auto; position: fixed; right: 0; bottom: 5%; z-index: 1000;}
	#page_top a{ position: relative; display: block; text-decoration: none;}
	#page_top a::before{ position: absolute; width: 25px; height: 25px; top: -5px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
	#page_top img{width: 100%;}
	.main_scroll_anime{display: block; width: 16vw; position: fixed; right: -5%; bottom: 20%;
	 transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto;}

	/*===============================================
	ハンバーガーアイコンをCSSだけで表現
	===============================================*/
	#nav-drawer {position: relative;}
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  vertical-align: middle;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  z-index: 9999;
	  background: #0096D2;
	  border-radius: 50px;
	}
	#nav-open .nav-open-position{
	  position: absolute;
	  top: 9.5px;
	  left: 7.5px;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 4px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  /*background: #0096D2;*/
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 9999;/*最前面に*/
	  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 100%;/*最大幅（調整してください）*/
	  height: auto;
	  padding: 0 0 10%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(105%);
	  transform: translateX(105%);/*左に隠しておく*/
	}
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  background: #0096D2;
	  background: rgba(0,150,210,0.8);
	  /*padding: 50px 0;*/
	}
	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}
	.MainImage_navi .navi_logo{float: left; width: 64%; margin: 6px 0 10px; padding: 0 20px;}
	.MainImage_navi .navi_logo img{width: 100%;}
	.MainImage_navi li{width: 80%; margin:0 auto; text-align: center; font-size: 0.9rem; border-bottom: 1px solid #fff;}
	.MainImage_navi li:nth-child(1){border-top: 1px solid #fff; }
	.MainImage_navi li a{ color: #fff; width: 100%; display: block; padding: 2px; font-size: 1rem;
	font-family: fot-tsukuardgothic-std, sans-serif; font-weight: bold;}
	.MainImage_navi .MainImage_navi_link{background: none;}
	.MainImage_navi .MainImage_navi_link a{width: 100%; padding: 0;}
	.MainImage_navi .MainImage_navi_link img{width: 100%;}

	.round_btn_close {
	  position: fixed;
	  z-index: 99;
	  width: 100%;
	  transition: .3s ease-in-out;
	}
	.round_btn {
	  display: block;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;  /* 丸みの度合い */
	  background: #0096D2; /* ボタンの背景色 */
	}

	.round_btn::before, .round_btn::after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 3px;
	  height: 21px;
	  background: #fff; /* バツ印の色 */
	}

	.round_btn::before {
	  transform: translate(-50%,-50%) rotate(45deg);
	}

	.round_btn::after {
	  transform: translate(-50%,-50%) rotate(-45deg);
	}
	/*===============================================
	ハンバーガーアイコン終わり
	===============================================*/

}